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

*{ margin:0px; padding: 0px; }
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html,body {
	margin:0px;
	padding:0px;
	font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	color:#686154;
	font-size:12px;
	line-height:1.6em;
	text-align:left;
	background-image:url(../images/background.jpg);
	background-position:center bottom;
	background-repeat:repeat;
	   }

img { border-style:none; vertical-align:bottom; padding:0px; margin:0px;}
figure {margin:0px auto; text-align:center;}
hr{ border:none; height:0px; border-top:dashed 2px #3c281e;}
p { margin:0px 0px 15px; padding:0px; text-align:left; }
p:last-child {margin:0px; }
a { color:#686154; text-decoration:none;}
a:hover { color:#686154; text-decoration:underline;}

h1{ color:#fff; text-decoration:none;}

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }

.clear { clear:both; }	   
.clearfix:after {
	margin:0px;
	padding:0px;
	visibility:hidden;
	content:".";
	display:block;
	line-height:0;
	clear:both;
}

#wrapper{ width:940px; margin:0px auto; padding:0px;}

/*ナビ*/
nav{ text-align:center;}
nav ul{ list-style:none; text-align:center;}
nav li{ display:inline-block; margin-left:30px;}
nav li:first-child{ margin-left:0px;}
nav li a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*ヘッダー*/
#header { margin:0px auto; background:url(../images/header.png) no-repeat top center; height:210px;}
header h1{ text-align:center; padding-top:65px; color:#5a9e93; font-size:14px; letter-spacing:0.1em}
header{ padding-bottom:90px;}


/*コンテンツ(TOP)*/
#content_top{ margin:0px auto; background:url(../images/content_top.png) no-repeat top center; height:790px;}
#content_lcr{ padding-top:54px; padding-bottom:28px;}
#content_l{ width:180px; height:500px; float:left; margin-left:20px;}
#content_c{ width:460px; height:670px; float:left; margin-left:40px;}
#content_r{ width:200px; height:510px; float:left; margin-left:40px;}



/*NEW*/
#content_new{ display:table; table-layout:fixed; width:100%;}
#content_new_l{
	display:table-cell;
	vertical-align:top;
	width:230px;
	height:1080px;
	overflow:hidden;
	background:url(../images/new_side.png) no-repeat top center;
}
#content_new_l_in{
	padding-left:35px;
/*	overflow:hidden;*/
	height:860px;
}
#content_new_l_inin{
	width:175px;
	height:860px;
	margin:0px;
	overflow-x: hidden;
	overflow-y: auto;
}
#content_new_l_inin dl{ margin-bottom:12px; line-height:1.4em}
#content_new_l_inin dl dt{ font-size:10px;}
#content_new_l_inin dl dd{}

#content_new_r{
	display:table-cell;
	vertical-align:top;
	width:650px;
	height:1080px;
	overflow:hidden;
}
.news_list{ margin-left:10px; margin-top:25px;}
.news_kiji{ display:table; table-layout:fixed; width:100%;}
.news_kiji_l{ display:table-cell; vertical-align:top; width:205px;}
.news_kiji_r{ display:table-cell; vertical-align:top; padding-left:10px;}
.news_kiji_r img{ margin:0px; padding:0px;}
.news_kiji_r dl dt{ font-size:16px; font-weight:bold; margin:0px; padding:0px;}
.news_kiji_r dl dt span{ display:block; font-size:12px; font-weight:normal;}
.news_kiji_r dl dd{ margin:0px; padding:0px;}
hr.hr416{ height:1px; border:none; background:url(../images/hr416.png) repeat top center; margin:5px auto 10px;}
hr.hr635{ height:2px; border:none; background:url(../images/hr416.png) repeat top center; margin:5px auto 10px;}
ul.news_kiji_nav{ display:table; table-layout:fixed; width:100%;}
ul.news_kiji_nav li{ display:table-cell; width:50%;}

/*new　表示切替プログラム*/
.news_list{ position:relative;}
#content_new_r input[type="radio"]{ display:none;}
#content_new_l label { cursor: pointer;}
#content_new_r label { cursor: pointer;}
 
#content_new_r .news_list section {
	position:absolute;
	top:0;
	left:0;
	opacity: 0;
	z-index:-1;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
#tab-1:checked ~ .news_list section:nth-child(1),
#tab-2:checked ~ .news_list section:nth-child(2),
#tab-3:checked ~ .news_list section:nth-child(3),
#tab-4:checked ~ .news_list section:nth-child(4),
#tab-5:checked ~ .news_list section:nth-child(5),
#tab-6:checked ~ .news_list section:nth-child(6),
#tab-7:checked ~ .news_list section:nth-child(7),
#tab-8:checked ~ .news_list section:nth-child(8),
#tab-9:checked ~ .news_list section:nth-child(9),
#tab-10:checked ~ .news_list section:nth-child(10),
#tab-11:checked ~ .news_list section:nth-child(11),
#tab-12:checked ~ .news_list section:nth-child(12),
#tab-13:checked ~ .news_list section:nth-child(13),
#tab-14:checked ~ .news_list section:nth-child(14),
#tab-15:checked ~ .news_list section:nth-child(15){
	 opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  z-index:1;
}


/*コンテンツ*/
#content{ margin:40px auto;width:880px;}

/*ショップリスト*/
#shop_list_nav{ width:880px; margin-bottom:40px;}
#shop_list_nav ul{ list-style:none; padding:10px;}
#shop_list_l{ width:380px; float:left;}
#shop_list_r{ width:380px; float:left; margin-left:120px;}

.shop_title{ font-size:18px; font-weight:bold; padding:5px 0px 5px 25px; background-color:#D1C0A5; color:#ffffff; margin-bottom:30px;}

.shop_detail{ margin:25px 25px 50px;}
.shop_detail_l{ float:left; margin-right:25px;}
.shop_detail_r{ float:left;}
.shop_detail dl{ font-size:14px; font-weight:bold; }
.shop_detail dt{ font-size:12px; font-weight:bold; line-height:1.4em; }
.shop_detail dd p{ font-size:10px; line-height:1.4em; }



/*news*/
.news{ color:#5a9e93; margin-bottom:18px;}
.news a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.news_l{ float:left; width:85px; margin-left:5px;}
.news_r{ float:left; width:85px; margin-left:5px; font-size:10px;}
.news dl{ word-break: break-all; line-height:1.1em; margin-bottom:6px;}
.news dt{ word-break: break-all; line-height:1.1em; margin-bottom:12px;}
.news dd{ word-break: break-all; line-height:1.1em;}

/*recom*/
.recom{ color:#5a9e93; margin-bottom:33px;}
.recom a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.recom_l{ float:left; width:200px; margin-left:5px;}
.recom_r{ float:left; width:200px; margin-left:35px;}
.recom_r dt{ font-size:14px; word-break: break-all; line-height:1.1em; margin:16px auto 20px;}
.recom_r dd{ font-size:12px; text-align:left; word-break: break-all; line-height:1.1em;}
.recom_l2{ float:right; width:200px; margin-right:20px;}
.recom_r2{ float:right; width:200px; margin-right:35px;}
.recom_r2 dt{ font-size:14px; word-break: break-all; line-height:1.1em; margin:16px auto 20px;}
.recom_r2 dd{ font-size:12px; text-align:right; word-break: break-all; line-height:1.1em;}

/*会社概要*/
#comp{ padding-left:160px; padding-top:90px; background:url(../images/comp.png) left top no-repeat;}
#comp h2{ padding-left:110px; margin-bottom:20px;}
dl.comp{ display:table; table-layout:fixed; width:100%;}
dl.comp dt{ display:table-cell; vertical-align:middle; border:2px dotted #756a75; border-bottom:none; padding:10px; text-align:center; width:120px; font-weight:bold; font-size:14px; letter-spacing:0.1em;}
dl.comp dd{ display:table-cell; vertical-align:middle; border:2px dotted #756a75; border-bottom:none; border-left:none; padding:10px;}
dl.comp_last{ border-bottom:2px dotted #756a75; margin-bottom:20px;}

p.comp002{ padding-left:160px; margin-bottom:5px;}
dl.comp002{ padding-left:160px; box-sizing:border-box; display:table;}
dl.comp002 dt{ display:table-cell; vertical-align:middle;}
dl.comp002 dd{ display:table-cell; vertical-align:middle; padding-left:10px;}

#recruit{ margin-top:60px; padding-left:160px; padding-top:0px; background:url(../images/recruit.png) 8px 56px no-repeat;}
p.recruit { padding-left:20px;}
#recruit h2{ padding-left:20px; margin-bottom:20px;}
#recruit h3{ background:#657362; color:#fff; padding:10px 20px; letter-spacing:0.5em; font-size:20px; font-weight:normal; margin-bottom:5px;}

/*メディア*/
#media{ padding-left:160px; padding-top:90px; background:url(../images/media_3.png) left top no-repeat;}
#media h2{ padding-left:110px; margin-bottom:20px;}
dl.media{ display:table; table-layout:fixed; width:100%;}
dl.media dt{ display:table-cell; vertical-align:middle; border:2px dotted #756a75; border-bottom:none; padding:10px; text-align:center; width:120px; font-weight:bold; font-size:14px; letter-spacing:0.1em;}
dl.media dd{ display:table-cell; vertical-align:middle; border:2px dotted #756a75; border-bottom:none; border-left:none; padding:10px;}
dl.media_last{ border-bottom:2px dotted #756a75; margin-bottom:20px;}

p.media002{ padding-left:160px; margin-bottom:5px;}
dl.media002{ padding-left:160px; box-sizing:border-box; display:table;}
dl.media002 dt{ display:table-cell; vertical-align:middle;}
dl.media002 dd{ display:table-cell; vertical-align:middle; padding-left:10px;}


/*フッター*/
#f_navi{ margin:0px auto; padding-top:15px; background:url(../images/f_navi.png) no-repeat top center; height:35px;}
footer{ text-align:center; color:#5a9e93;}