@charset "utf-8";

/*============================================
 2010.06
 service.css
============================================*/

p.listLink{ clear:both; text-align:right; }

/*	clearfix ˆê——
============================================*/
.guide,
#tohaLink{ /zoom:1; }
.guide,
#tohaLink{ content:''; display:block; clear:both; }

/*	headerTop
============================================*/
#headerTop{ background:url(../../img/service/bg_top.jpg) repeat-x 0 0; }
#headerTop div#header_out{ min-height:387px; height:auto !important; height:387px; background:url(../../img/service/bg_top02.jpg) no-repeat center top; }
#headerTop div#header h1{ width:280px; height:80px; margin: 0; float:left; background:url(../../img/service/logo_top.jpg) no-repeat 0 0; text-indent:-9999px; }
#headerTop div#header h2{ width:227px; height:40px; margin-top: 26px; float:left; background:url(../../img/service/logo_top02.jpg) no-repeat; text-indent:-9999px; }


/*	toha
============================================*/
#tohaLink{ width:960px; height:auto !important; margin:0 auto 20px; padding: 35px 0 0 0;}
#tohaLink div.tohaLinkL{ width:530px; float:left; padding:0; }
#tohaLink div.tohaLinkL h2{ width:465px; height:76px; background:url(../../img/service/txt_toha.png) no-repeat top right; text-indent:-9999px; }
.toha_txt{ float: left; margin: 0; padding: 10px 0 20px 13px; width: 500px;}
.toha_txt_but{ float: left; margin: 0; padding: 0 0 0 13px; width: 292px;}
.toha_txt_but .btn_make{ margin: 0; padding: 0; width: 292px; height: 71px; background: url(../../img/service/btn_make.gif) no-repeat; text-decoration: none; text-indent: -9999px; display: block; overflow: hidden;}
.toha_txt_but .btn_make:hover{ margin: 0; padding: 0; background-position: -292px 0;}
.toha_txt a.logoutSite{ background:url(../../img/service/btn_make.gif) no-repeat 0 0; width:292px; height:71px; }
.toha_txt a.logoutSite:hover{ background-position:-292px 0; }
.toha_txt02{ margin: 15px 0 0 0; padding: 10px 0 10px 15px; float: left;}
.toha_r{ float: left; margin: 0; padding: 100px 0 0 230px; width: 200px;}
.toha_r img{ float: left; margin: 0; padding: 0 0 10px 17px; }
.toha_r p{ float: left; margin: 0; padding: 0 0 0 20px; width: 180px; }




/*	main_left
============================================*/
.main_left{ float: left; margin: 0; padding: 0; width: 599px; }


/*	main_left02
============================================*/
.main_left02{ float: left; margin: 0 0 5px 0; padding: 10px 0 0 10px; width: 584px; background: #FFFFFF; }

.tsukaeru{ float: left; margin: 0; padding: 0 0 10px 0; background:url(../../img/service/bg_tsukaeru.gif) no-repeat; width: 580px; height: 113px;}
.tsukaeru a{ float: left; margin: 0; padding: 55px 0 0 30px; width: 545px; height: 52px;}
.tsukaeru_sp{ display: none; margin: 0; padding: 0;}

.main_left h3{ clear:both; margin: 0; padding: 0 0 15px 0;}


/*	enjoy_list
============================================*/
.enjoy_list01{ float: left; margin: 0 0 10px 13px; display: inline; padding: 0 0 0 90px; width: 180px; background: url(../../img/service/bg_blog.gif) no-repeat top left;}
.enjoy_list02{ float: left; margin: 0 0 10px 13px; display: inline; padding: 0 0 0 90px; width: 180px; background: url(../../img/service/bg_message.gif) no-repeat top left;}
.enjoy_list03{ clear:both; float: left; margin: 0 0 10px 13px; display: inline; padding: 0 0 0 90px; width: 180px; background: url(../../img/service/bg_futari.gif) no-repeat top left;}
.enjoy_list04{ float: left; margin: 0 0 10px 13px; display: inline; padding: 0 0 0 90px; width: 180px; background: url(../../img/service/bg_album.gif) no-repeat top left;}
.enjoy_tit01{ float: left; margin: 0; padding: 0 0 5px 0; width: 170px; font-size: 14px; font-weight:  bold; color: #833A19;}
.enjoy_txt01{ float: left; margin: 0; padding: 0; width: 170px;}

.detail_link{ clear:both; padding: 0 25px 15px 0;  text-align: right;}


/*	new_site_list
============================================*/
.new_site_list{ width:584px; }
.new_site_list ul{ width:584px; float:left; margin-bottom:10px; }
.new_site_list ul li{ width:270px; min-height:70px; height:auto !important; height:70px; float:left; padding:0 10px; }
.new_site_list ul li img.siteImg{ float:left; border:#ceceb0 2px solid; }
.new_site_list ul li div{ width:205px; float:right; }
.new_site_list ul li div p{ line-height:1.4em; }
.new_site_list ul li div p.tit{ margin-bottom:3px; }
.new_site_list ul li div p.tit span{ width:48px; height:18px; display:inline-block; margin-left:5px; text-indent:-9999px; vertical-align:middle; }


/*	main_left03_info
============================================*/
.main_left03_info{ float: left; margin: 0 0 5px 0; padding: 10px 0 10px 10px; width: 584px; background: #FFFFFF; }
.main_left03_info img.titleImg{ float: left; padding: 10px; }
.main_left03_info img.iconNew{ margin-left:5px; }

.main_left03_info ul{ float: left; margin: 0; padding: 0 0 0 5px; width: 485px; }
.main_left03_info ul li{ float: left; margin: 0; padding: 5px 0 0 0; width: 485px; border-bottom: 1px dashed #CCCCCC; line-height: 23px; letter-spacing: -1px; }
.main_left03_info ul li span{ font-weight: bold; letter-spacing: -2px;}


/*	main_right
============================================*/
.main_right{ float: left; margin: 0; padding: 0; width: 350px;}

.main_right h3{ margin: 0; padding: 0 0 15px 0;}


/*	main_right02
============================================*/
.main_right02{ float: left; margin: 0 0 5px 0; padding: 10px 0 0 10px; width: 340px; background: #FFFFFF;}
.fashion_l01{ float: left; margin: 0; padding: 0 0 3px 7px; }
.fashion_txt{ float: left; margin: 0; padding: 0 0 10px 20px; width: 300px; font-weight: bold; color: #A06730;}


/*	manner_q
============================================*/
.manner_q{ width: 340px; clear:both; margin: 0 0 5px 0; padding: 10px 0 0 10px; background: #FFFFFF;}
.manner_q ul{ width: 310px; margin: 0; padding: 0 0 5px 10px; }
.manner_q ul li{ width: 310px; padding: 0 0 5px 0; line-height:1.2em; }

/*	snap
============================================*/
.snap{ float: left; margin: 0 0 5px 0; padding: 10px 0 0 10px; width: 340px; background: #FFFFFF;}
.snap ul{ float: left; margin: 0; padding: 0 0 5px 10px; width: 330px;}
.snap ul li{ float: left; margin: 0 2px 3px 0; padding: 0; border: 2px solid #EEEEED;}
.snap ul li img{ float: left; margin: 0; padding: 0;}


/*	guide
============================================*/
.guide{ clear:both; margin:0 0 5px; padding:5px 10px; background:#ffffff; }
.guide h1{ margin-bottom:15px;}
.guide h2{ margin-bottom:15px; }

/*	newSite
============================================*/
.newSite{ width:930px; margin-bottom:15px; }
.newSite h3{ margin-bottom:20px; }
.newSite ul{ width:930px; float:left; }
.newSite ul li{ width:445px; min-height:70px; height:auto !important; height:70px; float:left; padding:0 10px; }
.newSite ul li img.siteImg{ float:left; border:#ceceb0 2px solid; }
.newSite ul li div{ width:385px; float:right; }
.newSite ul li div p{ line-height:1.2em; }
.newSite ul li div p.tit{ margin-bottom:3px; }
.newSite ul li div p.tit span{ width:48px; height:18px; display:inline-block; margin-left:5px; text-indent:-9999px; vertical-align:middle; }

/*	fashionGuide
============================================*/
.fashionGuide{ clear:both }
.guide_rack{ float:left; padding:24px 10px 28px; width:910px; }
.guide_rack .guide_fashion{ float:left; width:445px; }
.guide_rack .guide_manner{ float:right; width:445px; }
.guide_rack dt{ margin-bottom:9px; }
.guide_rack dt img{ vertical-align:bottom;}
.guide_rack dd{padding:0px 6px 1px 16px;} 
.guide_snap{ clear:both; float:left; padding:0 0 27px 10px; }
.guide_snap dt{ margin-bottom:15px;}
.guide_snap dt img{ vertical-align:bottom;}
.guide_snap dd{ clear:both; float:left; padding:0 6px 3px 16px; width:888px }
.guide_snap dd ul{ float:left;}
.guide_snap dd ul li{ width:210px; float:left; padding:0 10px 0 0; }
.guide_snap dd ul li img{ float:left; border:solid 2px #eeeeee; }
.guide_snap dd ul li div{ width:115px; padding-top:2px; float:right; }
.guide_snap dd ul li div p{ line-height:1.2em; }
.guide_snap dd ul li div p.snap_name{ margin-bottom:5px; }
.guide_snap dd ul li div p.snap_name span{ font-size:0.83em; }



/*.fashionGuide{ clear:both; background:url(../../img/service/bg_11.gif) repeat-y 0 0; }
.fashionGuide div.snap{ width:930px; margin-bottom:10px; background:url(../../img/service/line_02.gif) no-repeat center bottom; }
.fashionGuide div.snap p.title{ margin:0 0 10px 10px; }
.fashionGuide div.snap ul{ width:930px; float:left; }
.fashionGuide div.snap ul li{ width:210px; float:left; padding:0 10px; }
.fashionGuide div.snap ul li img{ float:left; }
.fashionGuide div.snap ul li div{ width:125px; float:right; }
.fashionGuide div.snap ul li div p{ line-height:1.2em; }
.fashionGuide div.snap ul li div p.tit{ margin-bottom:5px; }
.fashionGuide div.snap ul li div p.tit span{ font-size:0.83em; }
.fashionGuide div.snap p.listLink{ padding:10px 10px 10px 0; }
.fashionGuide div.banner{ width:100%; clear:both; padding-bottom:15px; background:url(../../img/service/bg_12.gif) no-repeat 0 bottom; }
.fashionGuide div.banner ul{ width:930px; float:left; }
.fashionGuide div.banner ul li{ width:333px; float:left; padding:0 10px; }
.fashionGuide div.banner ul li.manner{ width:210px; padding:140px 0 0 0; text-align:right; background:url(../../img/service/img_guide.gif) no-repeat 80px 0; }*/












/*	info
============================================*/
#info{ float:left; margin-bottom:20px; }
#info dl{ width:930px; padding:0 15px; }
#info dl dt{ float:left; }
#info dl dd{ width:850px; float:right; }
#info dl dd ul li{ padding:3px 0; background:url(../../img/service/line_02.gif) no-repeat center bottom; }