@charset "utf-8";
/*
Theme Name: 株式会社LEG
Theme URI: http://leg-inc.com
Author: LEG
*/

/*======================================

Font-size Adjustment
77% = 10px	| 	122% = 16px	|	167% = 22px	
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|

=======================================*/

@import url('reset.css'); 

/* 1.マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.m1b { margin-bottom: 1px; }
.m2b { margin-bottom: 2px; }
.m3b { margin-bottom: 3px; }
.m4b { margin-bottom: 4px; }
.m5b { margin-bottom: 5px; }
.m6b { margin-bottom: 6px; }
.m7b { margin-bottom: 7px; }
.m8b { margin-bottom: 8px; }
.m9b { margin-bottom: 9px; }
.m10b { margin-bottom: 10px; }
.m13b { margin-bottom: 13px; }
.m15b { margin-bottom: 15px; }
.m20b { margin-bottom: 20px; }
.m25b { margin-bottom: 25px; }
.m30b { margin-bottom: 30px; }
.m35b { margin-bottom: 35px; }
.m40b { margin-bottom: 40px; }
.m45b { margin-bottom: 45px; }
.m50b { margin-bottom: 50px; }

.m5l { margin-left: 5px; }
.m9l { margin-left: 9px; }
.m10l { margin-left: 10px; }
.m15l { margin-left: 15px; }
.m20l { margin-left: 20px; }
.m25l { margin-left: 25px; }
.m30l { margin-left: 30px; }
.m150l { margin-left: 150px; }
.m570l { margin-left: 570px; }

.m5r { margin-right: 5px; }
.m10r { margin-right: 10px; }
.m15r { margin-right: 15px; }
.m20r { margin-right: 20px; }
.m25r { margin-right: 25px; }
.m30r { margin-right: 30px; }
.m40r { margin-right: 40px; }
.m50r { margin-right: 50px; }

.p5b { padding-bottom: 5px; }
.p10b { padding-bottom: 10px; }
.p15b { padding-bottom: 15px; }
.p20b { padding-bottom: 20px; }
.p25b { padding-bottom: 25px; }
.p30b { padding-bottom: 30px; }

.p10a { padding: 10px; }

.p5l { padding-left: 5px; }
.p10l { padding-left: 10px; }
.p15l { padding-left: 15px; }
.p20l { padding-left: 20px; }
.p25l { padding-left: 25px; }
.p30l { padding-left: 30px; }
.p200l { padding-left: 200px; }


.box30 { width: 30px; }
.box60 { width: 60px; }
.box85 { width: 85px; }
.box100 { width: 100px; }
.box110 { width: 110px; }
.box120 { width: 120px; }
.box130 { width: 130px; }
.box140 { width: 140px; }
.box160 { width: 160px; }
.box180 { width: 180px; }
.box200 { width: 200px; }
.box250 { width: 250px; }
.box260 { width: 260px; }
.box280 { width: 280px; }
.box285 { width: 285px; }
.box290 { width: 290px; }
.box340 { width: 340px; }
.box300 { width: 300px; }
.box310 { width: 310px; }
.box320 { width: 320px; }
.box355 { width: 355px; }
.box365 { width: 365px; }
.box370 { width: 370px; }
.box380 { width: 380px; }
.box400 { width: 400px; }
.box420 { width: 420px; }
.box440 { width: 440px; }
.box460 { width: 460px; }
.box470 { width: 470px; }
.box500 { width: 500px; }
.box510 { width: 510px; }
.box520 { width: 520px; }
.box530 { width: 530px; }
.box600 { width: 600px; }
.box640 { width: 640px; }

/* 2.位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clear { clear: both; }
.cen { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.fLeft { float: left; }
.fRight { float: right; }

/* 3.テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.txt10 { font-size: 77%; }
.txt11 { font-size: 85% ; }
.txt14 { font-size: 108%; }
.txt16 { font-size: 123.1%; }
.txtB { font-weight: bold; }
.txtRed { color: #ff0000; }
.txtBlue { color: #5FBFDD; }
.txtPink { color: #F246A4; }
.txtB { font-weight: bold; }


/*
====================================================================
基本設定
	1.枠組み
	2.リンク
	3.clearfixセレクタ指定
	4.ナビゲーション設定
	5.枠組み各詳細設定
	6.各ページ設定
====================================================================
*/

/* 1.枠組み
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
div#container {
	font-size: 93%;
	min-width: 930px;
	width: auto !important;
	width: 930px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

div#header {
	width: 1000px;
	margin: 0 auto;
}

div#nav {
	width: 100%;
	margin: 0 auto;
}

div#contents {
	margin: 0;
	position: relative;
}

div#main {
	float: left;
	width: 760px;
}

div#side {
	float: right;
	width: 218px;
}

div#footer {
	background: #FFF;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
}

/* 2.リンク文字設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
a:link,
a:visited { text-decoration: none; color: #333333; }
a:hover  { text-decoration: underline; color: #333333; }
a:active { text-decoration: none; color: #333333; }

/* 画像リンクロールオーバー共通
──────────────────── */
.on_img,
.on_nav li { position: relative; z-index: 0;}
.on_img a,
.on_nav li a{
	display: -moz-inline-box;
	display: inline-block;
	}
.on_img a:hover,
.on_nav li a hover { position: static;}
.on_img a:hover img,
.on_nav li a:hover img{ position: relative; z-index: -1;}
li.current a img{ margin-top: -60px;}

/* ロールオーバー画像設定
──────────────────── */
.active {  }

/* 3.clearfixセレクタ指定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clearfix:after,
div#container:after,
div#contents:after,
div#header:after,
div#article:after,
div#aside:after,
div#header ul#nav1:after,
div#article ul#pnav:after,
div.section:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}

.clearfix,
div#container,
div#contents,
div#header,
div#article,
div#aside,
div#header ul#nav1,
div#article ul#pnav,
div.section {
	min-height: 1px;
}

* html .clearfix,
* html div#container,
* html div#contents,
* html div#header,
* html div#article,
* html div#aside,
* html div#header ul#nav1,
* html div#article ul#pnav
* html div.section {
	height: 1px;
}


.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
.clearfix {
	zoom:1;
}


/* 4.ナビゲーション設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
#gNav1 { background: #9F6624; }
#gNav2 { background: #E45513; }
#gNav3 { background: #333333; }

.gNav li {
	width: 19.9%;
	float: left;
}

.gNav li a {
	border-right: solid 1px #FFF;
	display: block;
	padding: 11px 0;
	border-right:expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this))?'none':'1px solid #000');
}

.gNav li:last-child a {
	border-right: none;
}

.gNav li:last-child a {
	border: none;
}

.gNav {
	width: 100%;
	position: absolute;
	top: 350px;
	left: 0;
}


#gn1 a { background: url("images/nav1_on.jpg") center center no-repeat; }
#gn2 a { background: url("images/nav2_on.jpg") center center no-repeat; }
#gn3 a { background: url("images/nav3_on.jpg") center center no-repeat; }
#gn4 a { background: url("images/nav4_on.jpg") center center no-repeat; }
#gn5 a { background: url("images/nav5_on.jpg") center center no-repeat; }

#gn1 a:hover { background: #632905 url("images/nav1_on.jpg") center center no-repeat; }
#gn2 a:hover { background: #632905 url("images/nav2_on.jpg") center center no-repeat; }
#gn3 a:hover { background: #632905 url("images/nav3_on.jpg") center center no-repeat; }
#gn4 a:hover { background: #632905 url("images/nav4_on.jpg") center center no-repeat; }
#gn5 a:hover { background: #632905 url("images/nav5_on.jpg") center center no-repeat; }


#gn6 a { background: url("images/nav6_on.jpg") center center no-repeat; }
#gn7 a { background: url("images/nav7_on.jpg") center center no-repeat; }
#gn8 a { background: url("images/nav8_on.jpg") center center no-repeat; }
#gn9 a { background: url("images/nav9_on.jpg") center center no-repeat; }
#gn10 a { background: url("images/nav10_on.jpg") center center no-repeat; }

#gn6 a:hover { background: #CC1C01 url("images/nav6_on.jpg") center center no-repeat; }
#gn7 a:hover { background: #CC1C01 url("images/nav7_on.jpg") center center no-repeat; }
#gn8 a:hover { background: #CC1C01 url("images/nav8_on.jpg") center center no-repeat; }
#gn9 a:hover { background: #CC1C01 url("images/nav9_on.jpg") center center no-repeat; }
#gn10 a:hover { background: #CC1C01 url("images/nav10_on.jpg") center center no-repeat; }

#gn11 a { background: url("images/nav11_on.jpg") center center no-repeat; }
#gn12 a { background: url("images/nav12_on.jpg") center center no-repeat; }
#gn13 a { background: url("images/nav13_on.jpg") center center no-repeat; }
#gn14 a { background: url("images/nav14_on.jpg") center center no-repeat; }
#gn15 a { background: url("images/nav15_on.jpg") center center no-repeat; }

#gn11 a:hover { background: #2E1005 url("images/nav11_on.jpg") center center no-repeat; }
#gn12 a:hover { background: #2E1005 url("images/nav12_on.jpg") center center no-repeat; }
#gn13 a:hover { background: #2E1005 url("images/nav13_on.jpg") center center no-repeat; }
#gn14 a:hover { background: #2E1005 url("images/nav14_on.jpg") center center no-repeat; }
#gn15 a:hover { background: #2E1005 url("images/nav15_on.jpg") center center no-repeat; }


/* 5.枠組み各詳細設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/*------header--------*/
div#header {
	width: 100%;
	background: url("images/head_bg.jpg");
	height: 63px;
}

#headInner {
	width: 930px;
	margin: 0 auto;
}

#topH {
	height: 25px;
	width: 650px;
	float: left;
}

#logo {
	float: left;
	margin: 11px 0 0 0;
}

#headNav {
	float: right;
	color: #FFFFFF;
	margin: 8px 0 0 0;
}

#headNav a { color: #FFFFFF; margin: 0 3px; }

#headNav li {
	display: inline;	
}

* html div#header h1 img { margin-bottom: 10px; }

div.headerRight {
	float: right;
	width: 342px;
	color: #ffffff;
	font-size: 92%;
	margin: 0 0 10px 0;
	text-align: right;
}

div.headerRight p {
	margin: 3px 0 0 0;
	text-align: center;
}
div.headerRight p.headContactBtn {
	margin-left: 12px;
}

div.headerRight img { vertical-align: bottom; }


.adress p {
	float: left;
}

/*------side--------*/


/*------footer--------*/
#copyRight {
	font-size: 94%;
	width: 100%;
	height: 20px;
	clear: both;
	background: #5B3932;
	color: #FFFFFF;
	margin: 0 auto 0;
	padding: 5px 0;
	text-align: center;
}

/*------ページの先頭へ--------*/
.contactBtn2 {
	margin: 11px 18px 0 0;
}

.pagetop { float: right; }


/* 6.各ページ設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/*------共通設定--------*/
html,body {
	/*height: 100%;*/
}
body {
	background: #FFFFFF;
}

#contents {
	background: #FFFFFF;
	height: 670px;
}

#column1 {
	background: #FFFFFF url("images/bg01.jpg") -49px 0 no-repeat fixed;
	width: 50%;
	height: 670px;
	float: left;
	position: absolute;
	top: 0;
	left: 0px;
	
	
}

#column2 {
	background:  0px 0px no-repeat fixed;
	width: 0%;
	height: 0px;
	top: 0;
	right: 0px;
}

#column3 {
	background: #E7E7E7;
	background: #FFFFFF url("images/bg04.jpg") 400px 0 no-repeat fixed;
	width: 50%;
	height: 670px;
	float: left;
	position: absolute;
	top: 0;
	left:0%;
	
	
	
	
	
}





.columnInner {
	width: 66%;
	height: 670px;
	text-align: center;
	position: relative;
}


/*------トップページ--------*/
.btnList {
	text-align: center;
	position: absolute;
	top: 497px;
	left: 0;
}

.btnList li {
	display: inline;
	width: 200px;
	height: 30px;
}

.btnList li a {
	vertical-align: bottom;
}

.btnList li img {
}

li.contactBtn { margin: 0 0 0 10px; }


#styleBnr1,
#styleBnr2,
#styleBnr3 {
	position: absolute;
	top: 407px;
	left: 0;
}

.news {
	position: absolute;
	top: 527px;
	left: 0;
	clear: both;
	background: #F1E8DE;
	width: 100%;
	height: 150px;
	/*display: none;*/
}

.newsInner {
	width: 90%;
	text-align: left;
	margin: 0 auto;
	padding: 10px 25px;
}

#shopLogo1 {
	width: 176px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 400px;
	left: 20px;
}

#shopLogo2 {
	width: 132px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 400px;
	left: 20px;
}

#shopLogo3 {
	width: 179px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 400px;
	left: 20px;
}

.scroll-pane {
    overflow: auto;
    width: 100%;
    height: 100px;
}
.scroll-pane .jspVerticalBar {
    width: 5px;
}
.scroll-pane .jspTrack {
    background: #eee;
}
.scroll-pane .jspDrag {
    background: #ccc;
}


#bl1 a { background: url(images/coupon_btn_on.jpg); }
#bl2 a { background: url(images/contact_btn_on.jpg); }

#styleBnr1 a { background: url(images/style_bnr1_on.png); }
#styleBnr2 a { background: url(images/style_bnr2_on.png); }
#styleBnr3 a { background: url(images/style_bnr3_on.png); }



.slideCell {
	display: block;
	float: left;
	margin-right: 5px;
	width: 285px;
	height: 100%;
	background: #FFF;
	color: #333;
}

.slideCell a {
	display: block;
	width: 100%;
	height: 100%;
}

.slideGuide {
	width: 150%;
	height: 100%;
}

.slideFrame {
	position: relative;
	margin: 0 auto 0;
	overflow: hidden;
	overflow-x: auto;
	width: 900px;
	height: 111px;
}


.slideCtrl {
	display: none;
	position: absolute;
	top: 0;
	width: 14px;
	height: 100%;
	color: #fff;
	font-size: 12px;
	text-align: center;
	cursor: default;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	filter: alpha(opacity=80);
	background: #676767 url(hatch.png);
	/*padding-top: 40px;*/
}

.slideCtrl.left {
	left: 0;
	background: url(images/scroll_l.jpg);
}

.slideCtrl.right {
	right: 0;
	background: url(images/scroll_r.jpg);
}
#btnLine {
	float: right;
}
#bnrLine {
	margin: 0 auto;
	width: 900px;
}