@charset "utf-8";
/* -----------------------------------------------

You Me & Cookies ORIGINAL CSS
FILE DATA: original.css

----------------------------------------------- */

/* ------------------------------------------- * /
/* logo */
div#logo{
	float:left;
}
div#logo a{
	display:block;
	background:url(../../share/images/logo.gif) no-repeat;
	width:270px;
	height:45px;
	text-indent:-99999em;
	padding:0 30px 0 0;
}

/* ------------------------------------------- * /
/* menu */
ul#menu li a.menu_page{
	background:url(../images/menu.gif) no-repeat;
	border-bottom:#C7B299 dotted 1px;
	padding:0 0 13px 0;
	margin:0 0 13px 0;
}
ul#menu li ul{
	margin:0 0 25px 0;
}
ul#menu li ul#sub li a{
	width:180px;
	height:15px;
	text-indent:-99999em;
	display:block;
	margin:0 0 25px 0;
	border-bottom:#C7B299 dotted 1px;
	padding:0 0 13px 0;
	margin:0 0 13px 0;
}
ul#menu li ul#sub li a.sub01{
	background:url(../images/sub1.gif) no-repeat;
}
ul#menu li ul#sub li a.sub02{
	background:url(../images/sub2.gif) no-repeat;
}
/* ------------------------------------------- * /
/* panlist */
div#panlist{
	width:650px;
}
div#panlist a.home{
	background:url(../images/pan_home.gif) no-repeat;
	width:21px;
	height:5px;
	display:block;
	text-indent:-99999em;
	float:left;
	padding:0 10px 0 0;
}
div#panlist span.pagepan{
	background:url(../images/pan_text.gif) no-repeat;
	width:95px;
	height:5px;
	float:left;
	text-indent:-99999em;
}
/* ------------------------------------------- * /
/* main */
h1{
	margin:20px 0;
	background:url(../images/title.gif) no-repeat;
	width:650px;
	height:44px;
	text-indent:-99999em;
}
div#mainimg{
	width:650px;
	margin:0 0 10px 0;
}
p.ctxt{
	font-size:100%;
	line-height:1.5em;
}
div#gallery a{
	margin:15px 0;
	float:right;
}
/* */
h2#subtitle01{
	background:url(../images/order_title1.gif) no-repeat;
	width:180px;
	height:21px;
	text-indent:-99999em;
	margin:0 0 10px 0;
}
/* column01 */
div#cl1_top{
	padding:0;
	width:650px;
	height:4px;
	background:url(../images/co1_top.gif) no-repeat;
	font-size:1px;
	line-height:0;
}
div#cl1{
	padding:10px;
	width:630px;
	background:url(../images/co1_bg.gif) repeat-y;
}
div#cl1_bottom{
	margin:0 5px 0 0;
	background:url(../images/co1_bt.gif) no-repeat;
	width:650px;
	height:4px;
	font-size:1px;
	line-height:0;
	padding:0 0 10px 0;
}
div#cl1 h4{
	margin:0 0 10px 0;
	background:url(../images/cl1_title.gif) no-repeat;
	width:104px;
	height:20px;
	text-indent:-99999em;
}
div#cl1 ul{
	padding:0 0 0 15px;
	width:605px;
}
div#cl1 ul li{
    margin-bottom: 5px;
    padding-left: 1em;
    text-indent: -1em;
}
span.cl1_mark{
	color:#FF0038;
}
/* column02 */
div#cl2_top{
	padding:0;
	width:650px;
	height:4px;
	background:url(../images/co2_top.gif) no-repeat;
	font-size:1px;
	line-height:0;
}
div#cl2{
	padding:10px;
	width:630px;
	background:url(../images/co2_bg.gif) repeat-y;
}
div#cl2 p{
	padding:0 0 0 15px;
	width:605px;
}
div#cl2 ul{
	padding:5px 0 5px 15px;
	width:605px;
}
div#cl2 ul li{
	margin:5px 0 0 0;
	width:180px;
	float:left;
}
div#cl2_bottom{
	margin:0 5px 0 0;
	background:url(../images/co2_bt.gif) no-repeat;
	width:650px;
	height:4px;
	font-size:1px;
	line-height:0;
	padding:0 0 10px 0;
}
div#cl2 h4{
	margin:0 0 10px 0;
	background:url(../images/cl2_title.gif) no-repeat;
	width:97px;
	height:24px;
	text-indent:-99999em;
}
span.cl2_mark{
	color:#BAA600;
}
p.captiontxt{
	font-size:77%;
	color:#666;
	letter-spacing:0.15em;
	line-height:1.5em;
}
/* column03 */
div#cl3_top{
	padding:0;
	width:650px;
	height:4px;
	background:url(../images/co3_top.gif) no-repeat;
	font-size:1px;
	line-height:0;
}
div#cl3{
	padding:10px;
	width:630px;
	background:url(../images/co3_bg.gif) repeat-y;
}
div#cl3 p{
	padding:0 0 0 15px;
	width:605px;
}
div#cl3_bottom{
	margin:0 5px 0 0;
	background:url(../images/co3_bt.gif) no-repeat;
	width:650px;
	height:4px;
	font-size:1px;
	line-height:0;
}
div#cl3 h4{
	margin:0 0 10px 0;
	background:url(../images/cl3_title.gif) no-repeat;
	width:180px;
	height:18px;
	text-indent:-99999em;
}

/* flow */
dl.flow{
	margin:15px 0 0 0;
	padding:0 0 60px 0;
	width:650px;
	background:url(../images/mark.gif) no-repeat 50% 90%;
}
dl.flow dt{
	width:60px;
	height:70px;
	float:left;
	text-indent:-99999em;
}
dl.flow dt.flow01no{
	background:url(../images/no1.gif) no-repeat;
}
dl.flow dt.flow02no{
	background:url(../images/no2.gif) no-repeat;
}
dl.flow dt.flow03no{
	background:url(../images/no3.gif) no-repeat;
}
dl.flow dt.flow04no{
	background:url(../images/no4.gif) no-repeat;
}
dl.flow dd{
	padding:30px 0 0 0;
	width:570px;
	float:right;
	line-height:1.5em;
}
p.flowp{
	margin:10px 0 0 0;
}
span.flow_sub{
	color:#F66;
	letter-spacing:0.1em;
}
img.flowimg{
	margin:15px 0 20px 0;
}
dl.flowend{
	margin:0 0 0 0;
	padding:0 0 30px 0;
	background:none;
}
img.imgr{
	float:right;
}
/* order INFO */
h2#subtitle02{
	background:url(../images/order_title2.gif) no-repeat;
	width:183px;
	height:23px;
	text-indent:-99999em;
	margin:0 0 10px 0;
}
p.orderp{
	margin:5px 0 10px 0;
	line-height:1.6em;
}
a.orderfax{
	background:url(../images/fax_bt.gif) no-repeat;
	width:326px;
	height:38px;
	text-indent:-99999em;
	display:block;
	margin:0 0 0 20px;
}
p.orig_cap{
	margin:5px 0 0 20px;
	font-size:77%;
	letter-spacing:0.1em;
}
div#tel{
	margin:25px 0 20px 0;
}
div#tel h4{
	background:url(../images/tel_title.gif) no-repeat;
	width:269px;
	height:29px;
	text-indent:-999999em;
	margin:10px 0 0 20px;
}
div#telno{
	margin:10px 0 0 20px;
	background:url(../images/tel_no.gif) no-repeat;
	width:335px;
	height:32px;
	text-indent:-999999em;
	float:left;
}
div#time{
	color:#FD5C98;
	font-size:77%;
	width:250px;
	float:left;
	padding:10px 0 0 10px;
	line-height:1.8em;
	letter-spacing:0.1em;
}
a.orilink{
	text-decoration:none;
	color:#3CC;
}

div#pc h4{
	background:url(../images/pc_title.gif) no-repeat;
	width:269px;
	height:29px;
	text-indent:-999999em;
	margin:10px 0 0 20px;
}
div#pc a img{
	margin:10px 0 0 20px;
}