@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;

	border-top:1px dotted #999;
}

table.spec-list td{

	color:#333;

	padding-left:8px;

	border-left:1px dotted #999;

	border-top: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{}