@charset "utf-8";
/*
Theme Name: ASTURIAS 2010
Theme URI: http://www.asturias.jp/
Description: ASTURIAS 2010年リニューアルデザイン
Version: 1.0
Author: thaichi
Author URI: http://www.thaichi-ltd.com/
Tags:
*/

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

#header

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

#header{
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	background: url(img/h_bg.png) repeat-x;
	}

#header ul{
	list-style: none;
	}
#header li{
	float: left;
	}


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

#menu-sub

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

#menu-sub{
	width: 880px;
	height: 33px;
	margin: 0 auto;
	line-height: 1em;
	padding-top: 13px;
	}

/*言語設定*/
#menu-sub ul.language{
	float: left;
	}

#menu-sub ul.language li img{
	filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
	padding: 6px;
	}
#menu-sub ul.language li a img{
	filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
	}
#menu-sub ul.language li a:hover img{
	filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
	}


/*サブメニュー*/
#menu-sub ul.link{
	float: right;
	}

#menu-sub ul.link a{
	display: block;
	margin-left: 12px;
	padding: 6px;
	}

#menu-sub ul.link a:hover img{
	filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
	}

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

#menu-main

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

#menu-main{
	clear: both;
	background: url(img/mm_bg2.png) repeat-x;
/*
	background: url(img/mm_bg.png) repeat-x;
*/
	padding-top: 1px;
	}

#menu-main ul.bar{
	width: 868px;
	height: 66px;
	margin: 0 auto;
	line-height: 1em;
	background: url(img/mm_line2.png) 156px 14px no-repeat;
/*
	background: url(img/mm_line.png) 156px 14px no-repeat;
*/

}

#menu-main h1 a,
#menu-main h2 a{
	display: block;
	height: 64px;
	margin-right: 1px;
	}

#menu-main h1 a.logo{
	width: 156px;
	}
#menu-main h1 a.logo img{
	margin-top: 20px;
	}

#menu-main h2 a img{
	margin-top: 20px;
	margin-left: 26px;
	}
#menu-main h2 a.classical{
	width: 125px;
	}
#menu-main h2 a.acoustic{
	width: 124px;
	}
#menu-main h2 a.ukulele{
	width: 114px;
	}
#menu-main h2 a.accessories{
	width: 150px;
	}
#menu-main h2 a.about{
	width: 192px;
	}

#menu-main li.hovering h2 a{
	background-color: #4e4530;
	filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;
	}

/*-----------------------------------------------------------------------------*/
/*プルダウンメニュー*/

#menu-main li.mega div.overlay {
	display: none;
	position: absolute;
	z-index: 20;
	top: 112px;
	left: 0px;
	width: 100%;
	text-align: center;
	
	/*IE6用Hack*/
	_top: 65px;
	_left: -16px;
	_margin: 0 auto;
	_width: 900px;
	}

#menu-main li.hovering div.overlay {
	display: block;
	}

#menu-main div.overlay div.box1{
	width: 900px;
	height: 396px;
	margin: 0 auto;
	padding-top: 22px;
	background-color: #f9f9f1;
	border-bottom: 5px solid #000;
	}

/*トップページのみアルファを効かせる*/
.home #menu-main div.overlay div.box1{
	background: url(img/bg_white90.png);
	/*IE6用Hack*/
	_background: #f9f9f1;
	}


#menu-main div.overlay table{
	text-align: left;
	margin: 0 auto;
	border-collapse: collapse;
	}

#menu-main div.overlay td{
	padding-left: 21px;
	}

#menu-main div.overlay table div.box2{
	float: left;
	width: 153px;
	padding-right: 21px;
	color: #322b28;
	}

#menu-main div.overlay img{
	border: 1px solid #98938d;
	}

#menu-main div.overlay h3{
	font-family: "Georgia", serif;
	font-size: 1.6em;
	font-weight: normal;
	padding: 10px 2px;
	}

#menu-main div.overlay h3 a{
	color: #322b28;
	text-decoration: none;
	}

#menu-main div.overlay h3 a:hover{
	color: #801106;
	text-decoration: underline;
	}

#menu-main div.overlay li{
	float: none;
	}

#menu-main div.overlay li a{
	display: block;
	padding: 3px;
	padding-left: 11px;
	line-height: 1.1em;
	background: url(img/mo_arrow.gif) 3px 5px no-repeat;
	text-decoration: none;
	color: #801106;
	}

#menu-main div.overlay li a:hover{
	background-image: url(img/mo_arrow_on.gif);
	color: #fff;
	background-color: #801106;
}


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

#footer

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

#footer{
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	padding-top: 18px;
	padding-bottom: 18px;
	background-color: #000;
	}

#footer .inner{
	width: 880px;
	margin: 0 auto;
	}

#footer p.copyright{
	float: left;
	padding-top: 6px;
	font-family: "Georgia", serif;
	letter-spacing: 1px;
	color: #808080;
	}

#footer ul{
	float: right;
	list-style: none;
	}
	
#footer li{
	float: left;
	padding-left: 16px;
	}

#footer li a img{
	filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
	}
#footer li a:hover img{
	filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
	}

#footer li.serialno{
	padding-top: 7px;
	padding-right: 16px;
	}