@charset "utf-8";

/* ===================================================================
CSS information
 author     :akai(admin)
 style info :トップページのスタイル
=================================================================== */


/* -----------------------------------------------------------
	#business_fhone_maker
		メーカバナー部分
----------------------------------------------------------- */

div#business_phone_maker{ clear:both; border: 8px solid #eeeeee; margin-top: 20px; }

/* -----------------------------------------------------------
	#side
		サイド部分
----------------------------------------------------------- */

#side{ width:250px; float:left; padding:0;}

div#machine,div#info{ background-image:url(../img/common/bg_img.gif); width: 250px; margin-bottom: 20px; padding-bottom: 10px; background-repeat:repeat; }

div#info ul{ padding:0 10px; }

div#machine ul{ width:242px; margin:0 auto; }
div#machine ul li{ margin-bottom:5px;}
div#machine ul li a{ width:172px; height:46px; display:block; padding-left:70px; line-height:46px; background-repeat:no-repeatl;}
div#machine ul li#new_business-phone a{ background-image:url(../img/top_index/tit_machine-new-phone.jpg);}
div#machine ul li#used_business-phone a{ background-image:url(../img/top_index/tit_machine-used-phone.jpg);}
div#machine ul li#new-spc a{ background-image:url(../img/top_index/tit_machine-new-spc.jpg); line-height:18px; padding-top: 5px; }
div#machine ul li#used-spc a{ background-image:url(../img/top_index/tit_machine-used-spc.jpg); line-height:18px; padding-top: 5px; }
div#machine ul li#camera a{ background-image:url(../img/top_index/tit_machine-camera.jpg); line-height:18px; padding-top: 5px; }
div#machine ul li#facilities a{ background-image:url(../img/top_index/tit_machine-facilities.jpg); }

li#camera span{ font-size:10px;}

/* -----------------------------------------------------------
	#contents
		コンテンツ部分
----------------------------------------------------------- */

#contents_container{ background:none; }
#contents{ width:470px; float:right; }

#contents dl ul li{ display:inline; margin-right:1em;}
#contents dl dt{ clear:both; font-size:14px; font-weight:bold; background-image: url(../img/common/list.gif); background-repeat: no-repeat; background-position: left center; padding-left: 18px; }

#info ul li { border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px;}
#info ul li span{ font-size:10px;}
#info ul li a{ display:block; font-size:12px;}

#contents p,
#contents dd{ margin-left:18px;}

#contents h3,
#business_phone_maker h3{ font-weight:bold; background-image: url(../img/common/list.gif); background-repeat: no-repeat; background-position: left center; padding-left: 18px; clear: both; margin:10px 10px 10px 0; border: none; }
#business_phone_maker h3{ padding-left: 18px; margin-left: 10px; }

h2{ margin-bottom:10px;}

ul#business-phone{ margin: 5px 0 1em 20px; }
ul#business-phone li{ float:left; text-align: center; }
ul#business-phone li a{ display:block; background-image:url(../img/top_index/select_business-phone.jpg); padding-top:123px; background-repeat:no-repeat; width:100px; margin-right:10px;}

ul#business-phone li#small-office a{ background-position:0 0;}
ul#business-phone li#middle-office a{ background-position:-110px 0; }
ul#business-phone li#large-office a{ background-position:-220px 0; }
ul#business-phone li#maker a{ margin-right:0; background-position:-330px 0; }