@charset "utf-8";

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

/*===================================================================
	共通部分
===================================================================*/
.wrap { margin-bottom:30px;box-shadow:0px 0px 6px rgba(0,0,0,0.15); }

.caption { font-size:0.85em; color:#999; }

.h_1 { padding-top:15px; padding-left:15px; padding-bottom:11px;background:rgb(200,41,38); color:#fff; font-weight: bold; text-shadow:1px 1px 2px rgba(0,0,0,0.3); box-shadow:#520205 1px 1px 2px; font-size:20px;}
.h_1 .explain { font-size:12px; margin-left:15px; vertical-align:middle;}
.h_2 { position:absolute; right:15px; margin-top:-38px; font-size:15px; color:#fff;}
.h_3 { padding-left:15px; color:#fff; background:url(../image/content/share/gradation.jpg) repeat-x left top; font-weight:bold; font-size:14px; line-height:30px; box-shadow:0 2px 2px rgba(0,0,0,0.2) }
.h_3:before { content:url(../image/content/item/d%EF%BD%8C_icon.png); margin-right:15px; vertical-align:middle; margin-left:5px; position:relative; top:5px; }
/*===================================================================
	#top
===================================================================*/
#top {}
#top .news_boader {width:555px;}
#news a { text-decoration:none; color:#434343; font-size:13px;}
#news a:hover { text-decoration:underline;opacity:0.8;}
.news_boader { border-bottom: 1px solid #E5E5E5; padding:0 0 35px 0; margin-bottom:0px; clear:both;}
.news_boader h2 { display:inline; border-bottom: 3px solid rgb(200,41,38);padding:0 50px 12px 0; margin:0 0 0 0; line-height:100%; font-size:21px; float:left;}
.news_boader p { float:right;}
#news a { text-decoration:none; color:#434343; font-size:13px;}
	/*-------------------------------------------------------------------
		#mein_visual
	-------------------------------------------------------------------*/
	#top #mein_visual { position:relative; background: url(../image/content/top/meinvisual.jpg) no-repeat center top scroll; background-size:2000px; height:597px; z-index:0;}
	#top #mein_visual h2 { position:absolute; top:170px; left:15px;}
	/*-------------------------------------------------------------------
		#news
	-------------------------------------------------------------------*/
	#top #news { width:555px; margin-left:9px; padding:35px 37px 35px 35px; background-color:rgb(255,255,255); border-radius:3px; box-shadow:0px 0px 6px rgba(0,0,0,0.15); float:left;}
	#top #news .box_srcollbar p { margin-bottom:25px;}
	#top #news .box_srcollbar { overflow:auto; width:555px; height:200px; padding-top:25px; box-sizing:border-box; }
	/*-------------------------------------------------------------------
		#banner
	-------------------------------------------------------------------*/
	#top #banner { float:right;}
	/*-------------------------------------------------------------------
		#recommend
	-------------------------------------------------------------------*/
	#top #recommend { justify-content:space-around; width:100%; margin-bottom:30px;}
	#top #recommend .commod { display:inline-block; margin:0 11px; margin-top:-20px; vertical-align:top; }
	#top #recommend .commod:last-child { margin-right:0; }
/*===================================================================
	#company
===================================================================*/
#company {}
	/*-------------------------------------------------------------------
		#mein_visual
	-------------------------------------------------------------------*/
	#company #mein_visual { position:relative; background: url(../image/content/company/mein_visual.jpg) no-repeat center top scroll; background-size:2000px; height:196px; margin-bottom:35px;}
	#company #mein_visual h2 { position:absolute; top:60px; left:25px;}
	/*-------------------------------------------------------------------
		#overview
	-------------------------------------------------------------------*/
	#company #overview { margin:0 35px 0px 35px; padding-bottom:50px;}
	#company #overview table { width:100%;}
	#company #overview tr { border-bottom:1px dotted rgb(45,38,39);}
	#company #overview th { width:120px; text-align:center; padding-top:15px; padding-bottom:15px; font-weight:bold;}
	#company #overview td { padding-top:15px; padding-bottom:15px;}
	/*-------------------------------------------------------------------
		#office
	-------------------------------------------------------------------*/
	#company #office { margin:20px 0px 0 27px; padding-bottom:35px;}
	#company #office .office_in {}
	#company #office .office_data { display:inline-block; background:url(../image/content/company/office_back.png); width:280px; height:130px; margin-bottom:10px; margin-right:15px;}
	#company #office .office_data h4 { margin-top:40px; margin-left:20px; font-size:15px;}
	#company #office .office_data address { margin-left:20px; font-size:11.5px;}
	/*-------------------------------------------------------------------
		#relation
	-------------------------------------------------------------------*/
	#company #relation { margin-top:35px; margin-left:47px; padding-bottom:27px;}
	#company #relation li { margin-bottom:13px;}
	#company #relation li img { margin-right:15px;}
	/*-------------------------------------------------------------------
		#history
	-------------------------------------------------------------------*/
	#company #history { margin:0 35px; padding-bottom:70px;}
	#company #history ul { margin-top:10px;}
	#company #history li { padding-top:15px; padding-bottom:15px; border-bottom:1px dotted rgb(45,38,39);}
	#company #history li img { margin-left:10px; vertical-align:middle;}
	/*-------------------------------------------------------------------
		#gmap
	-------------------------------------------------------------------*/
	#company #gmap {width:630px; height:382px; border:3px solid #D6D6D6;}
	
/*===================================================================
	#case
===================================================================*/
#case {}
#case .business { padding:20px 0; margin:0 40px;border-bottom: 1px dashed rgb(45,38,39);}
#case .business img { margin-right:30px; float:left;}
#case .business .right {}
#case .business .right h4 { font-size:15px;}
#case .business .right h4 a { color:rgb(198,39,38);}
#case .business .right p { font-size:12px;}
#case .bo_none { border:none; padding-bottom:30px;}
#case .case_text { margin:20px 30px 0 30px;}
#case .case_text h4 { font-size:20px; color:rgb(198,39,38); margin-bottom:15px;}
#case .case_text p { font-size:11.5px; color:rgb(62,44,44); margin-bottom:15px;}
#case .case_text img { display:block; margin:0 auto; margin-bottom:15px;}
#case .button01 { text-align:center; padding-bottom:20px;}
#case .button01 img { box-shadow:0px 0px 6px rgba(0,0,0,0.15);}
	/*-------------------------------------------------------------------
		#mein_visual
	-------------------------------------------------------------------*/
	#case #mein_visual { position:relative; background: url(../image/content/case/mein_visual.jpg) no-repeat center top scroll; background-size:2000px; height:196px; margin-bottom:35px;}
	#case #mein_visual h2 { position:absolute; top:60px; left:25px;}
	/*-------------------------------------------------------------------
		#bulletin
	-------------------------------------------------------------------*/
	#case #bulletin { margin-bottom:30px;}
	#case #bulletin .bu01 { background:url(../image/content/case/wholesale_nack.png); width:603px; height:137px; margin:0 15px; margin-bottom:10px; text-align:center;}
	#case #bulletin .bu01 h3 { font-size:30px; padding-top:38px;}
	#case #bulletin .bu01 p { font-size:12px;}
	
	/*-------------------------------------------------------------------
		#cas1
	-------------------------------------------------------------------*/
	#case #cas1 .wrap { padding-bottom:10px; }
	
	/*-------------------------------------------------------------------
		#retail
	-------------------------------------------------------------------*/
	#case #retail { margin:30px 30px 0px 30px; padding-bottom:50px;}
	#case #retail h3 { border-left:10px solid rgb(11,128,168); padding: 5px 15px; font-size:20px;color:rgb(62,44,44); margin-bottom:30px;}
	#case #retail p { margin-bottom:20px;}
	#case #retail ul { justify-content:space-between;}
	#case #retail ul li { display:inline-block; margin:0 5px; text-align:center;}
	#case #retail ul li p { margin-top:10px;}
	#case #retail #store { justify-content:space-between;}
	#case #retail #store .bu02:first-child { margin-right:8px; }
	#case #retail #store .bu02 { display:inline-block; background:url(../image/content/case/store_back.png); width:281px; height:280px; vertical-align:top; }
	#case #retail #store .bu02 img { display:block; margin:45px auto 0 auto; padding-bottom:15px;}
	#case #retail #store .bu02 h4 { font-size:15px; margin-left:25px; margin-bottom:5px; color:rgb(62,45,44);}
	#case #retail #store .bu02 address { font-size:12px; margin-left:25px}
	/*-------------------------------------------------------------------
		#original
	-------------------------------------------------------------------*/
	#case #maker {}
	#case #maker span img { display:block; margin:40px auto 35px auto;}
	#case #original { margin:30px 30px 0px 30px; padding-bottom:30px;}
	#case #original h3 { border-left:10px solid rgb(11,128,168); padding: 5px 15px; font-size:20px;color:rgb(62,44,44); margin-bottom:25px;}
	#case #original .goods { padding:20px 0; border-bottom: 1px dashed rgb(45,38,39);}
	#case #original .bo_none { border:none;}
	#case #original .goods h4 { font-size:15px;}
	#case #original .goods img { float:left; margin-right:30px;}
	/*-------------------------------------------------------------------
		#overseas
	-------------------------------------------------------------------*/
	#case #overseas { margin:30px 30px 20px 30px;}
	#case #overseas .comname { padding:20px 0; border-bottom: 1px dashed rgb(45,38,39);}
	#case #overseas h3 { border-left:10px solid rgb(11,128,168); padding: 5px 15px; font-size:20px;color:rgb(62,44,44); margin-bottom:30px;}
	#case #overseas .comname h4 { margin-bottom:5px;}
	#case #overseas .comname img { margin-left:25px; float:left; margin-right:30px;}
	#case #overseas .comname p { font-size:12.5px;}
	#case #overseas .bo_none  { border:none;}
/*===================================================================
	#item
===================================================================*/
#item {}
#item .wrap { background:#fff; border-radius:3px;}

	/*-------------------------------------------------------------------
		#mein_visual
	-------------------------------------------------------------------*/
	#item #mein_visual { position:relative; background: url(../image/content/item/mein_visual.jpg) no-repeat center top scroll; background-size:2000px; height:196px; margin-bottom:35px;}
	#item #mein_visual h2 { position:absolute; top:60px; left:25px;}
		/*-------------------------------------------------------------------
			.item1
		-------------------------------------------------------------------*/
		#item .item1 { text-align:center; padding-bottom:45px;}
		#item .item1 ul { margin:45px 0 45px 20px; text-align:left; }
		#item .item1 li { display:inline-table; text-align:center; width:230px; box-sizing:border-box; padding:0 5px;  }
		#item .item1 li img { margin-bottom:10px; box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
		#item .item1 li p { font-size:12px; }
		#item .item1 li p a {color:#333333;}
	/*-------------------------------------------------------------------
		#detail
	-------------------------------------------------------------------*/
	#item #detail {}
		/*-------------------------------------------------------------------
			#status
		-------------------------------------------------------------------*/
		#item #detail #status { margin:20px 45px 58px 45px;}
		#item #detail #status img { box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
		
			/*-------------------------------------------------------------------
				.hinmei
			-------------------------------------------------------------------*/
			#item #detail #status .hinmei { display:table; margin-bottom:20px;}
			#item #detail #status .hinmei h4 { display:table-cell; font-size:20px; padding-right:25px;}
			#item #detail #status .hinmei p { display:table-cell; font-size:14px; padding:5px 20px; vertical-align:middle; color:#fff; background:rgb(10,129,170);}
			/*-------------------------------------------------------------------
				.pho_tex
			-------------------------------------------------------------------*/
			#item #detail #status .pho_tex { padding-bottom:40px;}
			#item #detail #status .pho_tex img { float:left;}
			#item #detail #status .pho_tex p { float:right; width:450px; font-size:12px;}
			/*-------------------------------------------------------------------
				#gallery
			-------------------------------------------------------------------*/
			#item #detail #status #gallery { border-top:1px solid #ccc; padding-top:42px; text-align:center;}
			#item #detail #status #gallery li { margin-bottom:50px;}
			#item #detail #status #gallery li p { text-align:left; font-size:12px;}
			
			#item #detail .dawlo { background:#F4F3F2;border-radius:0;}
			#item #detail .dawn_b { padding:20px;}
			#item #detail .dawn_b .button { position:relative; float:left; width:249px; border:2px dashed rgb(204,204,204); border-radius:10px; height:50px; background:#fff; margin-right:20px;}
			#item #detail .dawn_b .button p { position:absolute; top:15px; left:10px; vertical-align: central;}
			#item #detail .dawn_b .button a { position:absolute; width:100%; height:100%; color:#000;}
			#item #detail .dawn_b .button p img { margin-right:8px;}
			

/*===================================================================
	#catalog
===================================================================*/
#catalog {}
#catalog .wrap { }

	/*-------------------------------------------------------------------
	  #catalog_list
	-------------------------------------------------------------------*/
	#catalog_list .wrap { padding:30px; }
	#catalog_list ul { display:table; width:100%; margin-bottom:30px; } 
	#catalog_list ul li { display:table-cell; width:33%; text-align:center; }
	#catalog_list ul li .image img { margin-bottom:10px; box-shadow:2px 3px 3px rgba(0,0,0,0.3); }
	#catalog_list a { color:#333333; }
	
		
			
/*===================================================================
     #information
===================================================================*/
#information {}

	/*-------------------------------------------------------------------
	  #information_list
	-------------------------------------------------------------------*/
	#information_list .wrap { padding:30px; }
	#information_list .unit { padding:20px 0; border-bottom:1px dotted #CCC; }
	#information_list .wrap .unit:first-child { padding-top:0; }
	#information_list .image { float:right; width:200px; margin:0 0 10px 15px; text-align:center; color:#999; }
	#information_list .image img { margin-bottom:5px; }
	#information_list .clearfix .text { padding-right:215px; }
	#information_list .text .title { margin-bottom:5px; font-weight:bold; font-size:1.17em; }
	#information_list .text .date { margin-bottom:5px; color:#666666; }
	 
	
/*===================================================================
	#inquiry
===================================================================*/
#inquiry {}

/* .tbl_form */
.tbl_form {}
.tbl_form th,
.tbl_form td { padding:7px 10px; border:1px solid #CCC; }
.tbl_form th { background:#F9F6F1; text-shadow:0 1px 0 #FFF; }
.tbl_form th.check { background:#F9F6F1 url(../image/contents/inquiry/check.gif) no-repeat 135px 10px; }
.tbl_form textarea { width:380px; height:200px; }

/* .form_button */
.form_button { padding:5px 10px; }

	/*-------------------------------------------------------------------
		#error
	-------------------------------------------------------------------*/
	#error { margin-bottom:15px; padding:15px; background:#F8EAE8; border:2px solid #BC2F1C; color:#BC2F1C; text-shadow:0 1px 0 #FFF;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px; }