@charset "utf-8";
/*========================================*
*　■トップページ用スタイル
*========================================*/
@import "base.css";


/* グロナビ調整 */
#gn-product a{
	top:-54px;
}





/*---------- [製品一覧] ----------*/

/* 検索エリア */
div.search-area{
	padding:3px 18px 18px 18px;
	background-color:#F6F6F6;
}
div.search-area div.article{
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #A4C0C9;
}
div.search-area div.first-child{
	border-top:0 none;
}
div.search-area form{}
div.search-area h3{
	display:inline;
	margin-right:15px;
}
div.search-area h3,
div.search-area h3 img{
	vertical-align:middle;
}
div.options{
}
div.options h3{
	display:block;
}
div.options p{
	margin-left: 12px;
}
div.search-area fieldset{
	border:0 none;
	display:inline;
	vertical-align:top;
	white-space: nowrap;
	zoom:1;
}
div.search-area label{
	vertical-align:middle;
}

/* 製品一覧 */
#result-list{
}
#result-list ul.nav{
	margin:5px 0;
	list-style:none;
	text-align:center;
}
#result-list ul.nav li{
	display:inline;
	padding-left:4px;
	margin-left:4px;
	margin-right:-2px;
	border-left:1px solid #666;
}
#result-list ul.nav li a{}
#result-list ul.nav li.first-child{
	border-left:0 none;
	margin-left:0;
	padding-left:0;
}

#result-list h3{
	color:#fff;
	padding:10px;
	background-color:#528B9C;
}


#result-list div.article{
	padding-bottom:5px;
	margin-bottom:12px;
	border-bottom: 1px dotted #ccc;
}
#result-list h4{
	margin-bottom:25px;
	padding:15px 0 15px 25px;
	background-color:#EAF5FA;
	background-image:url(../img/common/icn_arrow.gif);
	background-repeat:no-repeat;
	background-position:12px 19px;
}
#result-list h4 img{
	margin-left:15px;
	vertical-align:middle;
}
#result-list p{
	margin-bottom:5px;
}
#result-list p img{
	vertical-align:middle;
}

#result-list div.float-left{
	width:145px;
}
#result-list div.float-right{
	width:550px;
}
#result-list div.t-right{}





/*---------- [シーン検索] ----------*/
#scene-list{}
#scene-list div.article{
}
#scene-list div.float-left,
#scene-list div.float-right{
	width:340px;
}
#scene-list img{
	display:block;
	margin-bottom:5px;
	border:1px solid #8B9A9D;
}
#scene-list h3{
	padding:10px 10px 10px 20px;
	background-image:url(../img/common/icn_arrow.gif);
	background-repeat:no-repeat;
	background-position:5px 12px;
	background-color:#EAF5FA;
}
#scene-list a{}





/*---------- [詳細] ----------*/
ul.nav{
	list-style:none;
	text-align:right;
}
ul.nav li{
	display:inline;
}
ul.nav li img{
	vertical-align:middle;
}
#product-detail{
}
#product-detail div.article{}
#product-detail div.float-left{
	width:400px;
}
#product-detail div.float-right{
	width:190px;
	margin-right:70px;
}
* html #product-detail div.float-right{
	margin-right: 35px;
}
#product-detail div.hgrp{
	margin-top:-10px;
	margin-bottom:5px;
}
#product-detail div.hgrp p{
	margin-bottom:0;
}
#product-detail h3{
	margin-bottom:0;
	padding-bottom:10px;
	background:url(../img/product_com/detail_separator.gif) repeat-x left bottom;
}
#product-detail ul.icons{
	list-style:none;
}
#product-detail ul.icons li{
	display:inline;
}

#product-img{
	text-align:center;
	position:relative;
}
#product-img ul.icons{
	text-align:left;
	margin-bottom: 10px;
	/*
	position:absolute;
	left:0;
	top:0;
	*/
}
#product-img ul.icons li{
	color:#fff;
	padding:3px;
	margin-right:2px;
	font-size:10px;
	background-color:#A6A6EF;
	
	
	white-space:nowrap;
	zoom:1;
}


#file-dl{
	padding:15px;
	background-color:#F6F6F6;
}
#file-dl h4{
	margin-bottom:10px;
}
#file-dl ul.files{
	list-style:none;
	margin-bottom:-9px;
}
#file-dl ul.files li{
	margin-bottom:9px;
}
#file-dl ul.files li img{
	margin-right:10px;
	vertical-align:middle;
}

ul.bnr{
	list-style:none;
}
ul.bnr li{
	margin-top:10px;
}



#product-spec{
}
ul#product-navi{
	list-style:none;
	margin-right:2px;
	margin-bottom:40px;
	padding-bottom:7px;
	background:url(../img/product_com/detail_separator.gif) repeat-x bottom;
}
ul#product-navi li{
	float:left;
	width:140px;
	height:20px;
	overflow:hidden;
	position:relative;
}
ul#product-navi li img{
	display: block;
	position: absolute;
}
ul#product-navi li a{
	display:block;
	position:absolute;
	top:-20px;
}
ul#product-navi li a img{}
ul#product-navi li a:hover,
ul#product-navi li.on a{
	top:-40px;
}

ul#product-navi li#pn-summary img{}
ul#product-navi li#pn-melody img{left:-140px;}
ul#product-navi li#pn-faq img{left:-280px;}
ul#product-navi li#pn-catalog img{left:-420px;}
ul#product-navi li#pn-contact img{left:-560px;}
ul#product-navi li#pn-accessories img{left:-700px;}
ul#product-navi li#pn-related img{left:-840px;}



#product-spec div.article{}
#product-spec div.article h3{}
#product-spec div.article p{}

#feature-area{}
#feature-area p{
	margin-left:20px;
	margin-right:20px;
}
#feature-area p a{
	padding-left:13px;
	background-image:url(../img/common/icn_arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

#spec-area{}
#spec-area img{}
table.spec-list{
	width:100%;
}
table.spec-list th,
table.spec-list td{
	width:50%;
	padding-top:8px;
	padding-bottom:8px;
	border-top:1px solid #ccc;
	empty-cells:show;
}
table.spec-list tr.first-child th,
table.spec-list tr.first-child td{
	border-top: 0 none;
}

table.spec-list th{
	color:#999;
	font-weight:normal;
}
table.spec-list td{
	color:#333;
	padding-left:8px;
	border-left:1px dotted #999;
}

#option-area{}
#option-area div.clearfix{
	margin-bottom:10px;
}
#option-area p{}

#option-area div.float-left,
#option-area div.float-right{
	width:345px;
}
#option-area p img{
	margin-right:10px;
	vertical-align:middle;
}







/*---------- [メロディーサンプル] ----------*/
#medoly-area{}
#medoly-area div.grp{
	position:relative;
	min-height: 40px;
	margin-bottom:10px;
}
* html #medoly-area div.grp{
	height: 40px;
}
#medoly-area div.grp h4{
	padding-top:12px;
	padding-left:15px;
}
#medoly-area div.grp h4 img{
	vertical-align:middle;
	margin-left:10px;
}
#medoly-area div.grp ul.icons{
	list-style:none;
	position:absolute;
	right:0;
	top:0;
}
#medoly-area div.grp ul.icons li{
	line-height:40px;
	font-size:10px;
	color:#666;
}
#medoly-area div.grp ul.icons li img{
	margin-left:5px;
}

table.melodys{
	width:100%;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 1px 0px 0px;
	margin-bottom:20px;
}
table.melodys td{
	width:25%;
	
	color:#666;
	text-align:center;
	vertical-align:middle;
	
	padding:5px;
	border-color:#ccc;
	border-style:solid;
	border-width:0px 0px 1px 1px;
}
table.melodys td h5{
	font-size:9px;
}










/*---------- [よくある質問] ----------*/
table.faq-list{
	width:100%;
	border-style:solid;
	border-color:#ccc;
	border-width:1px 1px 0 0;
}

table.faq-list th,
table.faq-list td{
	padding:10px;
	border-color:#ccc;
	border-style:solid;
	border-width:0 0 1px 1px;
}
table.faq-list thead{}
table.faq-list thead th{
	text-align:center;
	color:#528B9C;
	font-weight:normal;
	background-color:#EAF5FA;
}
table.faq-list tbody th{
	width: 250px;
	color:#528B9C;
	font-weight:normal;
}
table.faq-list tbody td{}