@charset "utf-8";
@import "compass";
@import "base_old_ie";

$color_lgray : #efefef;
$color_border : #e9e9e9;
$color_border_vivid : #333;
$color_key : #e90000;
$color_key_light : #ff0000;
$color_key_slight : #fff5f5;
$color_title : #333;
$color_font : #666;
$color_bg_black : #000;
$color_bg_black_font : #999;
$color_bg_gray_border : #e5e5e5;
$color_bg_lgray : #f9f9f9;
$color_bg_searchform : #efefef;
$color_bg_footer : #f5f5f5;
$sidePadding : 25px;

/* メニューのファイルのあとで 003*/

#gMenu:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#gMenu .innerBox	{ margin:0;width:100%;}
#gMenu.itemClose .menu,
#gMenu.itemOpen .menu	{ display:block; }
#gMenu .menu:after	{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#gMenu { position: relative;
.assistive-text { position: absolute; top: -9000px; } // [attention] if [display:none] no reader / if yoko offset that ie display still data road.
}
.headMainMenu { clear:both;
	li { float: left;border-bottom:none; overflow:visible;width:auto }
	li a	{ text-align: center; }
	li a span { display:block; font-size:10px; line-height:140%;letter-spacing:1px; font-family:verdana, Arial, Helvetica, sans-serif; opacity: 0.6; }
	li ul { display: none; }
	li:hover ul { display:block; position:absolute;z-index:100; position:absolute;box-shadow:1px 1px 3px rgba(0,0,0,0.2);
			li	{ background:#fff;width:200px; position:relative;
				a { text-align: left; line-height: 140%; }
				ul	{ position:absolute;left:200px;top:10px; border-top:none;}
				ul,
				ul li	{ display:none; }
			}
			li:hover ul,
			li:hover ul li	{display:block;}
	} // li:hover ul

	li:hover li a,
	li.current_page_item li a,
	li.current-menu-ancestor li a,
	li.current-page-ancestor li a,
	li.current_page_ancestor li a { background:none;text-align:left;border-right:none; }
	li:hover li a:hover,
	li.current_page_item li a:hover,
	li.current-menu-ancestor li a:hover,
	li.current-page-ancestor li a:hover,
	li.current_page_ancestor li a:hover { background-color:#f5f5f5;}
} // .headMainMenu


/*-------------------------------------------*/
/* コンテンツ推奨サイズより大きい場合
/*-------------------------------------------*/
.content {
	#topPr { border-top:none;
		.topPrOuter { border-bottom:none;
			.topPrInner { padding:0 6%;width:88%;border-right:1px solid $color_border; }
		} // .topPrOuter
		#topPrLeft .topPrInner { border-left:1px solid $color_border; }
		h3 { border-bottom:1px solid $color_border;margin-bottom:10px;padding-bottom:2px; }
		h3:after { border-bottom-width:1px;bottom:-1px; }
	} // #topPr
}


/*-------------------------------------------*/
/* pc iPad3より大きい場合
/*-------------------------------------------*/
#footMenu	{ background-color: $color_bg_footer;
	.innerBox { padding: 0px $sidePadding 0px;
		.menu { padding:10px 0;}
		.menu li a { background-position: left 50%;padding:0 20px 0 18px; 
			&:hover {  }
		}
		// .menu li a:before { font-family: 'vektor_kado_icons';content: "\2b";padding-right:5px; position: relative; top:1px;}
	}
} // #footMenu
#footer .innerBox { width:94%;padding-bottom:20px;
	dl#footerOutline { margin-left:0px; }
}
#footerSiteMap {
	.menu { border-top:none;
		> li { margin-right:10px; }
		li { width:150px;
			a { padding:2px 0 2px 18px;background-position: left 50%;border-bottom:none;  }
			ul li a { padding:2px 0 2px 18px;background-position: 2px 5px; }
		} //li
		// li:first-child	{ border-top:none; }
	} //.menu
} // #footerSiteMap

// #topMainBnrFrame	{ width:94%; padding-right:3%;padding-left:3%;margin:0 auto; }

/*-------------------------------------------*/
/*	フルサイズ
/*-------------------------------------------*/

.innerBox,
#panList .innerBox,
#footMenu .innerBox,
#footer .innerBox,
#topMainBnrFrame,
#pageTitBnr .innerBox,
#topMainBnrFrame { width:950px; padding-left:0;padding-right:0;margin:0 auto; }

#topMainBnr img		{ width:950px !important; }
#gMenu { float:right;clear:none;width:auto;padding-left:30px;
	#gMenuInner.innerBox { width:auto; }
	&:after { content:""; display: inherit; }
} // #gmenu
.headMainMenu { margin-top:25px;
	.menu {
		li:first-child a { border-left:1px solid #e5e5e5; }
		li a { border-right:1px solid #e5e5e5;padding:3px 20px; }
		li.current_page_item,
		li.current_page_ancestor,
		li.current-page-ancestor,
		li:hover { box-shadow:inset 0px 0px 0px 2px rgba(255,255,255,1);
			ul { 
				li { border-bottom:1px dotted #e5e5e5;
					a { margin:0;padding:10px 15px; }
				}
			}
		} // li:hover
	}

} //.headMainMenu
form#searchform input#searchsubmit { width:auto; }

/*-------------------------------------------*/
/*	▼▼▼▼▼ このファイル独自なので注意
/*-------------------------------------------*/
// #gMenu #gMenuInner.innerBox { width:100%;margin:0; }