@charset "utf-8";

/* Eric Meyer's Reset CSS v2.0
================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}

/*table{border-collapse:collapse;border-spacing:0}*/

/*	clearfix
================================================== */

.cf:before, .cf:after { content: " ";display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

/*	YUI 3.8.1 (build 5795)
================================================== */

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
-webkit-text-size-adjust: 100%;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}




/*	BASE
================================================== */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#666;
	background:#f3f3f3;
	-webkit-text-size-adjust: 100%;
	}

img { vertical-align: top; }
a { color:#F58C00; text-decoration:none; }
a:hover { color:#F58C00; text-decoration:underline; }
a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/*	継続
================================================== */

/*
body div {
	text-align: left;
	margin: 0 auto;
}
*/
object {
vertical-align: middle; /* or bottom */
}

.green_txt {
	color: #4B7420;
}
.pinktxt {
	color: #F06;
}
.caption_txt {
	margin-top: 15px;
}
.txt11gray {
	font-size: 11px;
	color: #999;
}
.lefttxt {
	float: left;
}
.righttxt {
	float: right;
}

.txtBox {
	padding-left: 15px;
	font-size: 11px;
	line-height: 1.3;
}

/*	clearfix
================================================== */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
  position:relative
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear_both {
	clear: both;
}

/*	ページ整形
================================================== */
/*
div#headback {
	background-image: url(../common/head_back.gif);
	background-repeat: repeat-x;
	width: 100%;
	text-align: center;
}
div#wrapper {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../common/menu_back.png);
	background-repeat: repeat-y;
	background-position: left;
	font-size:93%;
}
*/
div#wrapper {
	width: 1030px;
	margin:0 auto;
	position:relative;
}

/*	サイドメニュー
================================================== */
div#side {
	position: relative;
	float:left; display:inline;
	width: 280px;
	padding:40px 0 0;
	}
	#side ul{
	
	}
	#side ul li a{ color:#000; }
	#side ul li a:hover{ color:#fff; text-decoration:none; }
/*	#side ul li a.on{ color:#fff; }	*/

	#side ul li{
	font-family: 'Cabin', sans-serif;
	font-weight:600;
	font-size:16px;
	line-height:40px;
	letter-spacing:1px;
	}
	#side ul li ul li{
	background:url(../common/li_side.png) 10px center no-repeat;
	padding:0 0 0 25px;
	line-height:35px;
	font-size:14px;
	}

/*	コンテンツ
================================================== */
div#contents {
	width: 750px;
	overflow:hidden;
	padding:50px 0 0;
	margin:0 0 0 280px;
	font-size:93%;
	line-height: 1.6;
}
/*
div#contents {
	float: right;
	width: 660px;
	padding-top: 69px;
}
*/
div#flash {
	margin-bottom: 20px;
}
div.conBox {
	margin-bottom: 20px;
}
div.conBoxW {
	margin-bottom: 20px;
	background-color: #FFF;
}

/*	TOPICS
================================================== */
ul.indexTopicsLeft {
	float: left;
	width: 200px;
	padding-right: 30px;
	line-height: 1;
}
ul.indexTopicsRight {
	float: left;
	width: 200px;
	line-height: 1;
}
li.topicsPhoto {
	margin-bottom: 10px;
}
li.topicsName {
	font-size: 11px;
	color: #3ABF85;
	margin-bottom: 5px;
}
li.topicsData {
	font-size: 10px;
	line-height: 1;
	color: #666;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
li.topicsMore {
	font-size: 11px;
	color: #F06;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999;
	border-bottom-color: #999;
	font-family: Arial, Helvetica, sans-serif;
	
}
li.topicsMore a {
	background-image: url(../common/g_yajirushi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	display: block;
}

/*	Foot
================================================== */
div#foot {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 20px;
	padding-bottom: 50px;
	color: #666;
}

/*	NEWS
================================================== */
div.newsBox {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
div.newsPhoto {
	float: left;
	width: 400px;
}
div.newsTxt {
	float: right;
	width: 240px;
	font-size: 11px;
}
.newsData {
	color: #35A48E;
	background-image: url(../common/g_yajirushi1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 7px;
	line-height: 1;
}
.newsTittle {
	color: #35A48E;
	font-size: 12px;
	padding-bottom: 5px;
}
div.newsTxt a:link {
	color: #35A48E;
	text-decoration: none;
}
div.newsTxt a:visited {
	color: #35A48E;
	text-decoration: none;
}
div.newsTxt a:hover {
	color: #35A48E;
	text-decoration: underline;
}
div.newsPhoto img{
	border-radius:7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px; 
}

/*	ABOUT
================================================== */
div#aboutConcept {
	background-image: url(../about/img/concept_back.gif);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 140px;
	width: 520px;
	height: 140px;
	margin-bottom: 50px;
}
div.historyBox {
	width: 660px;
	padding:25px 0;
	border-bottom: 1px dotted #999;
}
div#aboutHistory4 {
	padding:0 0 25px;
	text-align:center;
}
div#aboutHistory1 {
	background-image: url(../about/img/history_back1_new.jpg);
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-left: 140px;
	width: 520px;
	height: 346px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
div#aboutHistory2 {
	background-image: url(../about/img/history_back2_new.jpg);
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-left: 140px;
	width: 520px;
	height: 346px;
	border-bottom: 1px dotted #999;
}
div#aboutHistory3 {
	background-image: url(../about/img/history_back_2007.jpg);
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-left: 140px;
	width: 520px;
	height: 345px;
	border-bottom: 1px dotted #999;
}
div#aboutHistory5 {
	background-image: url(../about/img/history_back_2015.jpg);
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-left: 140px;
	width: 520px;
	height: 380px;
}

div#aboutBrand1 {
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
div#aboutBrand2 {
	background-color: #FFF;
	padding-top: 40px;
	padding-right: 20px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
div#aboutBrand3 {
	background-color: #FFF;
	padding-top: 40px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
div.brandLeft {
	float: left;
	width: 300px;
}
div.brandRight {
	float: right;
	width: 300px;
}

div.brandSet {
	margin-bottom: 20px;
}
div.brandInfo {
	width: 500px;
	float: right;
}
.brandName {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999;
	padding-top: 5px;
	padding-bottom: 5px;
}
.brandTxt {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-size: 11px;
	padding-top: 5px;
	line-height: 1;
	padding-bottom: 5px;
}
.brandCap {
	font-size: 11px;
	color: #999;
	margin-bottom: 8px;
	padding-top: 5px;
}
ul.iconList {
	padding-right: 2px;
	padding-left: 2px;
}
ul.iconList li {
	float: left;
	width: 48px;
	padding-right: 8px;
	padding-bottom: 8px;
}
ul.iconList li.last {
	padding-right: 0px;
}

/*	COMPANY
================================================== */
table.company {
	font-size: 12px;
	border: 1px solid #CCC;
}

/*	SHOP LIST
================================================== */
table.shoplist {
	font-size: 12px;
	}
	table.shoplist tr{
	border-bottom:1px dotted #999;
	}
	table.shoplist th, table.shoplist td {
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px dotted #CCC;
	text-align:left;
	}

/*	ITEM
================================================== */
ul.thmList {
	margin: 0px;
	padding-top: 0px;
}
ul.thmList li {
	padding-right: 10px;
	float: left;
	padding-bottom: 10px;
}
div#formBox {
	background-color: #FFF;
	padding: 20px;
	margin-bottom: 20px;
	width: 620px;
}
div.lisence {
	margin-bottom: 20px;
	text-align: right;
	font-size: 11px;
}
div.lisence a:link {
	color: #F69;
	text-decoration: none;
}
div.lisence a:visited {
	color: #F69;
	text-decoration: none;
}
div.lisence a:hover {
	color: #F69;
	text-decoration: underline;
}
#wrapper #contents #holiday {
	color: #E10A88;
	margin-bottom: 20px;
	font-size: 11px;
}






/*	NEW
================================================== */
#header{
	height:170px;
	background:#fff;
	position:relative;
	}

#header .logo{
	float:left; display:inline;
	width:280px;
	padding:77px 0 0;
	}

#header .title{
	float:left; display:inline;
	width:750px;
	}
	#header h1{
	border-left:1px solid #999;
	padding:70px 0 0 17px;
	font-size:36px;
	font-family: 'Cabin', sans-serif;
	font-weight:500;
	letter-spacing:2px;
	color:#000;
	height:77px;
	}

#header .global{
	position:absolute;
	top:0; right:0;
	}
	#header .global ul{
	
	}
	#header .global ul li{
	float:left; display:inline;
	border-left:1px solid #999;
	padding:23px 0 0 13px;
	margin:0 0 0 13px;
	font-family: 'Cabin', sans-serif;
	font-size:12px;
	}
	#header .global ul li a{ color:#999; }
	#header .global ul li a:hover{ color:#bbb; text-decoration:none; }

#footer{
	border-top:2px solid #ccc;
	padding:25px 0 23px;
	margin:60px 0 0;
	background:#fff;
	}
	#footer .innerBox{
	width:1030px;
	margin:0 auto;
	}
	#footer .footer_logo{
	margin:0 0 7px;
	}
	#footer p{
	font-family: 'Cabin', sans-serif;
	letter-spacing:1px;
	}
	#footer .righttxt{
	padding:30px 0 0;
	}

#pager {
	position:absolute;
	top:135px; right:0;
	}
	#pager li{
	float:left; display:inline;
	font-size:14px;
	padding:0 6px;
	}
	#pager a {
	color: #ccc !important;
	}
	#pager a:hover{
	text-decoration:none;
	}

#contents h2{
	margin:60px 0 5px;
	font-family: 'Cabin', sans-serif;
	font-weight:500;
	font-size:34px;
	letter-spacing:2px;
	color:#000;
	background:url(../common/back_h2.png) 5px top no-repeat;
	padding:25px 0 0;
	}
#contents h3{
	margin-bottom: 20px;
	}

#contents .readBox{
	height:570px;
	}
	#contents .readBox .photo{
	margin:0 0 30px;
	}
	#contents .readBox .read{
	}
	#contents .readBox .read h2{
	margin:0 0 5px;
	font-family: 'Cabin', sans-serif;
	font-weight:500;
	font-size:34px;
	letter-spacing:2px;
	color:#fff;
	background:none;
	padding:0 0 0;
	}
	#contents .readBox .read p{
	font-size:14px;
	line-height:1.9;
	color:#000;
	}
	
#contents .mainBox{
	width:660px;
	padding:40px 45px;
	background:#fff;
	}

#contents .pagetop {
	clear: both;
	text-align: right;
	padding:20px 0 0;
	width:750px;
}

body#about{
	background:#f3f3f3 url(../common/back_about.png) repeat-x;
	}
	body#about #contents .mainBox{
	border-top:20px solid #F15D17;
	}
	body#about #contents a,
	body#about #contents a:hover,
	body#about #side a#scroll{ color:#F15D17; }
	body#about #contents #pager,
	body#about #contents #pager a:hover,
	body#about #contents #pager a.on{ color:#F15D17 !important; }

body#item{
	background:#f3f3f3 url(../common/back_item.png) repeat-x;
	}
	body#item #contents .mainBox{
	border-top:20px solid #F8BB00;
	}
	body#item #contents a,
	body#item #contents a:hover,
	body#item #side a#scroll{ color:#F8BB00; }
	body#item #contents #pager,
	body#item #contents #pager a:hover,
	body#item #contents #pager a.on{ color:#F8BB00 !important; }

body#news{
	background:#f3f3f3 url(../common/back_news.png) repeat-x;
	}
	body#news #contents .mainBox{
	border-top:20px solid #2CB3CA;
	}
	body#news #contents a,
	body#news #contents a:hover,
	body#news #side a#scroll{ color:#2CB3CA; }
	body#news #contents #pager,
	body#news #contents #pager a:hover,
	body#news #contents #pager a.on{ color:#2CB3CA !important; }

body#news #contents .mainBox{
	background:none;
	border-top:none;
	padding:50px 0;
	width:750px;
	}
	body#news #contents .mainBox .newsBox{
	background:none;
	border-bottom:none;
	}
	body#news #contents .mainBox .newsTxt{
	font-size:100%;
	width:318px;
	}
	body#news #contents .mainBox .newsBox .newsData{
	margin:0 0 10px;
	font-family: 'Cabin', sans-serif;
	font-weight:500;
	font-size:30px;
	letter-spacing:2px;
	color:#2CB3CA;
	background:none;
	padding:0;
	}
	body#news #contents .mainBox .newsBox .newsTitle{
	margin:0 0 10px;
	font-size:124%;
	color:#000;
	}

body#company{
	background:#f3f3f3 url(../common/back_company.png) repeat-x;
	}
	body#company #contents .mainBox{
	border-top:20px solid #98C328;
	}
	body#company #contents a{ color:#98C328; }
	body#company #contents a:hover{ color:#98C328; }
	body#company #contents #pager,
	body#company #contents #pager a:hover,
	body#company #contents #pager a.on{ color:#98C328 !important; }

body#company .mainBox{
	
	}
	body#company .mainBox table{
	width:100%;
	}
	body#company th{
	padding:10px;
	}
	body#company td{
	padding:10px;
	}

	body#company .sitemapBox td{
	padding:0px;
	vertical-align: top;
	}

body#top{
	background:#f3f3f3 url(../common/back_top.png) repeat-x;
	}

body#top #slider_container{
	position:absolute;
	top:140px; left:0;
	width:100%;
	overflow:hidden;
	height:650px;
	}
body#top #slider{
	position:absolute;
	top:30px; left:50%;
	width: 2250px;
	height:620px;
	padding:0;
	margin:0;
	margin:0 0 0 -983px;
	}
	body#top #slider .slider_all{
	}
/*
body#top #slider{
	position:absolute;
	top:170px; left:140px;
	width: 100%;
	height:620px;
	padding:0;
	margin:0;
	}
*/

body#top #side{
	position:relative;
	z-index:9999;
	color:#fff;
	}

body#top #footer{
	margin:0;
	}

body#top #contents{
	width:100%;
	margin:620px auto 0;
	padding:0 !important;
	}
	body#top #contents a{ color:#E2619B; }
	body#top #contents a:hover{ color:#E2619B; }

	body#top #contents h2{
	text-align:center;
	background:none;
	padding:0;
	margin:0 0 30px;
	font-size:25px;
	letter-spacing:4px;
	}
	body#top #contents .mainBox{
	width: 100%;
	border-top:none;
	background:none;
	margin:0;
	padding:0;
	}
	body#top #contents .mainBox .innerBox{
	width:1030px;
	margin:0 auto;
	}

body#top #contents .mainNews{
	padding:50px 0 50px;
	color:#333;
	}
	body#top #contents .mainNews li{
	float:left; display:inline;
	width:215px;
	margin:0 21px;
	position: relative;
	}
	body#top #contents .mainNews li .photo{
	padding:0 0 15px;
	}
	body#top #contents .mainNews li .date{
	font-family: 'Cabin', sans-serif;
	font-weight:600;
	font-size:15px;
	letter-spacing:2px;
	line-height:1.23;
	}
	body#top #contents .mainNews li .date span{
	font-weight:400;
	font-size:41px;
	padding:0 5px 0 0;
	}
	body#top #contents .mainNews li .text{
	padding:0 0 20px;
	line-height:1.7;
	font-size:13px;
	}
	body#top #contents .mainNews li .link{
	text-align:right;
	position: absolute;
	right: 0;
	top: 340px;
	}

body#top #contents .mainBrand{
	background:#fff;
	text-align:center;
	padding:40px 0 50px;
	}
	body#top #contents .mainBrand li{
	display:inline;
	padding:0 15px;
	}

/*
.slide_all {width: 800px; margin: 0 auto; height: 250px; position: relative;}
.slide_wrap {width: 2400px; position: absolute; left: 50%; margin-left: -1200px;}
.slide_body {width: 100%;}
.slide {width: 800px; font-family: 'arial'; background: #000; color: #fff; font-size: 50px; line-height: 250px; text-align: center;}
.slide img {width: 100%; vertical-align: bottom;}
*/

.bx-pager{position:absolute; top:-50px; right:-320px;}
/*
.bx-controls-direction,.bx-pager {text-align: center;height: 25px; z-index:99999}
.bx-controls-direction a,.bx-pager-item {display: inline-block;}
.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #fff; border-radius: 10px; margin:10px 2px 0 2px;}
.bx-pager-item a.active {opacity: 0.3;}
.bx-controls-direction a{text-decoration: none; color: #fff; padding:0 5px;}
.bx-controls {position: absolute;bottom: 5px;z-index: 100;width: 100%;}
*/
.slide{	filter: alpha(opacity=15);
	-moz-opacity:0.15;
	opacity:0.15;
}
.slide.active{ opacity:1;}


/*
#side li{
	position: relative !important;
	}
#fixed,
#fixed *{
	position: relative !important;
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
	}
#fixed *{
	top:-5px !important;
	}
#fixed #contents{
	color: orange;
	}
#fixed .section01 { color: orange; }
*/


.scrolltop{
	color:#fff !important;
	}