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

@import url('reset.css');

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

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	|

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


/* 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; }
.m7l { margin-left: 7px; }
.m8l { margin-left: 8px; }
.m9l { margin-left: 9px; }
.m10l { margin-left: 10px; }
.m15l { margin-left: 15px; }
.m20l { margin-left: 20px; }
.m25l { margin-left: 25px; }
.m30l { margin-left: 30px; }
.m40l { margin-left: 40px; }
.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; }

.m2t { margin-top: 2px; }
.m5t { margin-top: 5px; }
.m15t { margin-top: 15px; }
.m40t { margin-top: 40px; }

.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; }
.p40l { padding-left: 40px; }
.p200l { padding-left: 200px; }

.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; }
.box350 { width: 350px; }
.box355 { width: 355px; }
.box365 { width: 365px; }
.box370 { width: 370px; }
.box400 { width: 400px; }
.box420 { width: 420px; }
.box440 { width: 440px; }
.box460 { width: 460px; }
.box490 { width: 490px; }
.box500 { width: 500px; }
.box510 { width: 510px; }
.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.テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.txtB { font-weight: bold; }
.txtRed { color: #ff0000; }
.txtBlue { color: #0052E5; }
.txtPink { color: #F246A4; }

.txt16 { font-size: 122%; }
.txt20 { font-size: 152%; }

.lineB { border-bottom: dotted 1px #333333; }



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

/* 1.枠組み
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
body#top {
	width: 100%;
	border-top: solid 10px #1F7FB2;
	background: url("images/top_img_bg.jpg") 0 150px repeat-x;

}

body#sub {
	width: 100%;
	border-top: solid 10px #1F7FB2;
	background: url("images/sub_img_bg.jpg") 0 150px repeat-x;

}

div#container {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

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

div#nav {
	width: 610px;
	margin: 0;
	text-align: right;
}

div#contents {
	width: 1000px;
	margin: 0 auto 70px;
	position: relative;
}

div#main {
	float: left;
	width: 710px;
	padding: 70px 0 0 20px;
}

div#side {
	float: right;
	width: 220px;
	margin: 111px 20px 0 0;
	padding: 5px 0 0 0;
	background: url("images/bg01.jpg") 0 top repeat-x;
}

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

/* 2.リンク文字設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
a:link,
a:visited { text-decoration: none; color: #333333; }
a:hover  { text-decoration: underline; color: #0094DE; }
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,
.on_nav li.current a img{ position: relative; z-index: -1;}

/* ロールオーバー画像設定
──────────────────── */
.socialBtn1 a { background: url("images/nav01_off.gif") -30px 0 no-repeat; }
.socialBtn2 a { background: url("images/btn_social02_on.png") -30px 0 no-repeat; }


/* 3.clearfixセレクタ指定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clearfix:after,
div#container:after,
div#contents:after,
div#header:after,
div#article:after,
div#aside:after,
div#header ul#nav1:after,
.shopArea:after,
#shopInfoPanel: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,
.shopArea,
#shopInfoPanel {
	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 .shopArea,
* html #shopInfoPanel {
	height: 1px;
}

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

/* 4.ナビゲーション設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
div#nav {
	clear: both;
}

div#nav ul {
	background: url("images/nav_on.gif") 0 0 no-repeat;
	width: 610px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#nav ul li {
	display: block;
	float: left;
	list-style: none;
}

/* 5.枠組み各詳細設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

/*------header--------*/
.logo {
	float: left;
	margin: 20px 0 0 15px;
	position: relative;
	z-index: 10;
}

.headRight {
	float: right;
	width: 610px;
	text-align: right;
}

ul#headNav {
	margin: 65px 0 15px 0;
}

ul#headNav li {
	display: inline;
	margin: 0 0 0 25px;
}

ul#headNav li img { 
    vertical-align: bottom; 
}

/*------side--------*/
#sideNav {
	border-top: dotted 1px #666;
}
#sideNav li a {
	border-bottom: dotted 1px #666;
	background: url("images/icon01_side.gif") 10px 13px no-repeat;
	display: block;
	font-size: 100%;
	padding: 8px 5px 5px 50px;
}
#sideNav li a:hover {
	border-bottom: dotted 1px #666;
	background: url("images/icon01_side_on.gif") 10px 13px no-repeat;
	display: block;
	font-size: 100%;
	padding: 8px 5px 5px 50px;
}
#side .bottomLine {
	height: 5px;
	margin: 0 0 30px 0;
	background: url("images/bg01.jpg") 0 bottom repeat-x;
}

/*------footer--------*/
#footerArea {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

.footNav {
	float: left;
	width: 470px;
	padding: 0;
}

.footNav li {
	background: url("images/icon01.gif") 0 5px no-repeat;
	display: inline;
	padding: 0 20px 0 10px;
	line-height: 3;
}

.fbBtn {
	float: right;
	margin: 10px 120px 5px 0;
}

.fbGoodBtn {
	position: absolute;
	top: 80px;
	left: 720px;
}

.copyright {
	clear: both;
	text-align: center;
	padding: 30px 0 15px; 
}

/* 6.各ページ設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/*------共通設定--------*/
.section {
	clear: both;
	margin-bottom: 20px;
}

.midashi01 {
	background: url("images/bg01.jpg") 0 bottom repeat-x;
	margin: 0 0 20px 0;
	padding: 0 0 10px 10px;
}

.midashi02 {
	border-bottom: dotted 1px #666666;
	background: #F4F1EC;
	font-size: 152%;
	padding: 5px 10px;
}

#main input {
	position:relative;
    top: 2px;
}

/*------表組み--------*/

#container #main dl {
	width: 100%;
	border-top: dotted 1px #666;
}

#container #main dl dt {
	line-height: 1.5em;
	margin: 0 0 0 30px;
	padding: 10px 0 5px 0em;
	width: 10.5em;
}

#container #main dl dd {
	line-height: 1.5em;
	margin-top: -2em;
	padding: 2px 5px 8px 14em;
	text-align:left;
	border-bottom: dotted 1px #666;
}

#container #main dl dd span { color: #F00; }

#container #main dl dd span.w60 {
	color: #333;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	width: 65px;
}

#container #main dl dd textarea {
	width: 400px;
}

/*------ページの先頭へ--------*/
#gotop {
	position: absolute;
	top: -20px;
	right: 0;
	z-index: 10;
}

/*------パンくずリスト--------*/
.path {
	float: right;
	margin-top: 15px;
}

.path li {
	display: inline;
	margin: 5px;
}

/*------虹色のの背景----------*/
#rainbow {
	position: absolute;
	top: 85px;
	left: -239px;
	z-index: 0;
}
#rainbow,  x:-moz-any-link, x:default { /* for Firefox */
	position: absolute;
	top: 91px;
	left: -239px;
	z-index: 0;
}
/* Declare for Opera and Webkit */
@media screen and (-webkit-min-device-pixel-ratio:0){
#rainbow {
	position: absolute;
	top: 70px;
	left: -239px;
	z-index: 0;
	}
}
/* Revert for Safari (and other Webkit browsers) and Firefox 3.5 */
body:first-of-type #rainbow {
	position: absolute;
	top: 85px;
	left: -239px;
	z-index: 0;
}

/*------トップページ--------*/
/*crossFader*/

div.slideBox {
	width: 1000px;
	margin: 14px auto 25px auto;
	position: relative;
}

.crossfader{
	position: relative;
	height: 310px;
}

.crossfader img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0;
}

.crossfader .active{
	z-index: 10;
	opacity: 1.0;
}

.crossfader .last-active{
	z-index: 9;
}

#mapArea {
	background: url("images/map_bg.jpg") right top no-repeat;
	width: 490px;
	height: 460px;
	position: relative;
}

#mapNav {
	position: absolute;
	right: 50px;
	top: 300px;
}

#map li {
	position: absolute;
}

#map li#map1 { top: 115px; left: 138px; }
#map li#map2 { top: -1px; left: 158px; }
#map li#map3 { top: 115px; left: 80px; }
#map li#map4 { top: 149px; left: 61px; }

#newsArea {
	overflow-y:scroll;
	width: 100%;
	height:290px;
	margin: 0 0 20px 0;

}

#newsArea dt {
	color: #0094DE;
	padding: 0;
}

#newsArea dd {
	border-bottom: dotted 1px #333333;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	text-align:left;
}

.topBnr {
	width: 510px;
	margin-right: -20px;
	zoom: 1;
}

.topBnr li {
	float: left;
	margin-right: 20px;
}

/*------サブページ共通--------*/

#titleArea {
	background: url("images/bg01.jpg") 0 bottom repeat-x;
	height: 46px;
	margin: 0 0 30px 0;
}
#titleArea h2 {
	margin: 0 0 0 8px;
}

/*------会社概要--------*/

#container div.company {
	background: url("images/company_bg.jpg") 0 0 no-repeat;
	margin-top: 23px;
}
.gotoMap {
	margin: 0 0 0 20px;
	position:relative;
    top: 2px;
}

/*------採用情報--------*/

#container div.recruit {
	background: url("images/recruit_bg.jpg") 0 0 no-repeat;
	margin-top: 23px;
}

#container #policy {
	margin: 0 auto 10px auto;
	border: solid 1px #CCC;
	width: 550px;
	height: 120px;
	padding: 5px;
	overflow-y: scroll;
}

#container #policy p {
	margin: 0 0 5px 0;
}

#container #policy ol {
	margin: 0 0 5px 0;
	
}

#container div.recruit table tr {
	height: 30px;
}

#container div.recruit table th {
	width: 100px;
}

/*------お問い合わせ--------*/
#container div.contact {
	background: url("images/contact_bg.jpg") 0 0 no-repeat;
	margin-top: 23px;
}

/*------勉強会--------*/
#container div.lecture {
	background: url("images/lecture_bg.jpg") 0 0 no-repeat;
	margin-top: 23px;
}

/*------店舗案内--------*/
#container div.shop {
	background: url("images/shop_bg.jpg") 0 0 no-repeat;
	margin-top: 23px;
}

#container div.shop .mapContent ul {
	margin: 0 0 0 0;
}

#container div.shop .mapContent ul li {
	float: left;
	margin: 0 0 30px 10px;
	height: 350px;
	width: 226px;
}

.shopName {
	font-weight: bold;
	margin: 10px 0 2px 0;
}

.namePink {
	height: 20px;
	float: left;
	color: #FFF;
	background: #F1808C no-repeat 0 0;
	margin: 0 10px 0 0;
	padding: 0 3px;
}

.nameBlue {
	height: 20px;
	float: left;
	color: #FFF;
	background: #00AFEC no-repeat 0 0;
	margin: 0 10px 0 0;
	padding: 0 3px;
}

.namePurple {
	height: 20px;
	float: left;
	color: #FFF;
	background: #A674B0 no-repeat 0 0;
	margin: 0 10px 0 0;
	padding: 0 3px;
}

.nameGreen {
	height: 20px;
	float: left;
	color: #FFF;
	background: #8FC31F no-repeat 0 0;
	margin: 0 10px 0 0;
	padding: 0 3px;
}

.mapBtn a {
	text-align: center;
	float: left;
	/*width: 40px;*/
	height: 18px;
	display: block;
	color: #F6C;
	border: solid 1px #F6C;
	margin: 0 0 10px 0;
	padding: 0 2px;
}

.gion {
	vertical-align: bottom;
	margin: 0 0 5px 0;
}
.gion2 {
	vertical-align: bottom;
	margin: 0 0 4px 0;
}

.inline {
	color: #000;
	width: 540px;
	height: 550px;
	background: #FFF no-repeat 0 0;
	border: solid 5px #FFF;
	display: none;
}

.inlineContent {
	padding: 10px;
}

.titleBlue {
	color: #0094DE;
}

.inlineContent table {
	margin: 15px 0;
}
.inlineContent table .calendar td {
	color: #F00;
}

.inlineContent table .calendarTitle {
	border-bottom: solid 1px #333;
}

.inlineContent table tr {
	border-bottom: dotted 1px #333;
}

.inlineContent table tr th {
	text-align: center;
	width: 120px;
}

.inlineContent table tr td {
	text-align: center;
    padding: 5px 15px;
	border-left: solid 1px #333;
}

.mapIcon {
	text-align: center;
	height: 18px;
	color: #F6C;
	border: solid 1px #F6C;
	margin: 0 10px 10px 0;
	padding: 0 2px;
	line-height: 18px;
}

/*-----2014.12追加----*/
#container div.news {
	background: url("images/news_bg.jpg") 0 0 no-repeat;
	margin-top: 23px;
}

#container div.news h2 {
	background: url("images/news_tit_bg.jpg") 0 bottom repeat-x;
	font-size: 152%;
	padding: 0 0 10px;
	margin: 0 0 20px;
}

#newsArea a {
	text-decoration: underline;
}

#newsArea a:hover {
	text-decoration: none;
}

.newsBody a {
	text-decoration: underline;
}

#shop192 .mapBtn,
#shop192 .clear {
	display: none;
}