@charset "utf-8";

/*
	Last Update:2010/06/15
	Auther: arahori
*/

/*===================================================================
	中央寄せ
===================================================================*/
body  { text-align:center; }
.center { width:970px; margin:0 auto; text-align:left; position:relative;}


/*===================================================================
	#base
===================================================================*/
#base { }

/*===================================================================
	#head
===================================================================*/
#head { position:relative; height:58px; background-color:rgb(200,41,38); box-shadow:1px 2px 2px rgba(0,0,0,0.3); z-index:100; }
#head a:hover { opacity:0.8; text-decoration: underline;}
#head .site_logo { position:absolute;width:169px; height:58px;white-space: nowrap; overflow:hidden;}
#head .site_logo img { height:58px;}
#head nav { position:absolute; margin-left:210px;}
#head nav ul { display:table;padding-top:20px;}
#head nav ul li { display:table-cell; padding-right:56px; text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
#head nav ul li a { color:rgb(255,255,255); text-decoration:none;}
#head .top_info { float:right; width:198px;}
/*===================================================================
	#body
===================================================================*/
#body { text-align:center; background:url(../image/layout/back.jpg) repeat left top; padding-bottom:53px;}

	/*-------------------------------------------------------------------
		#page_visual
	-------------------------------------------------------------------*/
	#page_visual { height:200px; margin-bottom:30px; background:#CCC; }
	
	#case        #page_visual { background:url(../image/content/case/title.png) no-repeat center top; }
	#catalog     #page_visual { background:url(../image/content/catalog/title.png) no-repeat center top; }
	#company     #page_visual { background:url(../image/content/company/title.png) no-repeat center top; }
	#information #page_visual { background:url(../image/content/information/title.png) no-repeat center top; }
	#inquiry     #page_visual { background:url(../image/content/inquiry/title.png) no-repeat center top; }
	#item        #page_visual { background:url(../image/content/item/title.png) no-repeat center top; }

	/*-------------------------------------------------------------------
		#primary
	-------------------------------------------------------------------*/
	#primary { width:635px; float:left; position:relative;}
	#primary .wrap { background:#fff; border-radius:3px;}
	
	/*-------------------------------------------------------------------
		#secondary
	-------------------------------------------------------------------*/
	#secondary { width:310px; float:right;}
	/*-------------------------------------------------------------------
		#recommend
	-------------------------------------------------------------------*/
	#body #recommend .commod { width:300px; height:200px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top:3px solid rgb(200,41,38); background-color:#fff; background:url(../image/layout/recommend_back.png) no-repeat bottom; box-shadow:0px 0px 6px rgba(0,0,0,0.15);}
	#body #recommend .commod img  { position:relative; margin-top:-55px;}
	#body #recommend .comimg01 { margin-left:25px;}
	#body #recommend .comimg02 { margin-left:55px;}
	#body #recommend .comimg03 { margin-left:75px;}
	#body #recommend .brandrogo { text-align:right; margin-top:-20px;}
	#body #recommend .brandrogo img { margin-right:-5px;}
	#body #recommend h3 { position:relative; margin-top:-29px; margin-bottom:10px; padding-top:5px; padding-left:20px; color:rgb(198,39,38); font-size:16px; font-weight:bold; z-index:90;}
	#body #recommend h3 a { color:rgb(198,39,38); text-decoration:none;}
	#body #recommend h3 a:hover { text-decoration:underline;}
	#body #recommend .commod p { padding-left:20px; padding-right:20px; font-size:12px;}
	#body #secondary #recommend .commod { margin-bottom:45px;}
	/*-------------------------------------------------------------------
		#banner
	-------------------------------------------------------------------*/
	#body #banner ul li img { box-shadow:0px 0px 6px rgba(0,0,0,0.15);}
	#body #banner ul li:first-child { margin-bottom:25px;}

/*===================================================================
	#foot
===================================================================*/
#foot { box-shadow:0px 0px 4px rgba(0,0,0,0.3); }
	/*-------------------------------------------------------------------
		#sitemap
	-------------------------------------------------------------------*/
#foot #sitemap { padding:15px 0;}
#foot #sitemap a { text-decoration:none; color:#434343; font-size:12px;}
#foot #sitemap a:hover { opacity:0.75;}
#foot #sitemap  dl,
#foot #sitemap  .sitemap_dl { width:200px; float:left; margin-right:56px; }
#foot #sitemap  dl:last-child { margin-right:0; }
#foot #sitemap  dt { border-bottom:1px solid #D8D8D8; padding:13px 0 13px 13px; }
#foot #sitemap  dd { display: table; padding:20px 5px 20px 19px; }
#foot #sitemap .dul01 { display:table-cell; padding-right:20px;}
#foot #sitemap .dul02 { display:table-cell;}
#foot #sitemap .sitemap_dl dl { float:none; margin-right:0; }
/*===================================================================
	#copyright
===================================================================*/
#copyright { height:104px; background-color:#909295;}
#copyright { height:104px; background-color:#909295;}
#copyright a { color:#fff;}
#copyright a:hover { opacity:0.75;}
	/*-------------------------------------------------------------------
		#copy_left
	-------------------------------------------------------------------*/
	#copyright #copy_left { display:table; padding-top:20px; float:left;}
	#copyright #copy_left img { display:table-cell;}
	#copyright #copy_left p { display:table-cell; vertical-align:middle; padding-left:10px; color:#fff; font-size:11px;}
	/*-------------------------------------------------------------------
		#copy_right
	-------------------------------------------------------------------*/
	#copyright #copy_right { float:right; padding-top:30px;  color:#fff;  font-size:11px;}
	#copyright .mt20 { width:160px; }