@charset "Shift_JIS";


/*--<目次>----------------------------------------------------------------------------

（1）メインビジュアル

（2）シリーズ名

（3）検索プルダウン

（4）パンくずリスト

（5）振り分け：シリーズ一覧ページ

（6）振り分け：詳細ページ

（7）振り分け：お客様の声

（8）サウンドボタン


------------------------------------------------------------------------------------*/




/*（1）メインビジュアル
------------------------------------------------------------------------------------*/

#mainVisual {
height:347px;
background:#fff;
}


/*（2）シリーズ名
------------------------------------------------------------------------------------*/

.seriesName {
background:url(../../grand_aska/img/series_name_background.gif) no-repeat 0 0;
min-height:125px;
}

* html .seriesName {
height:1%;
}

.seriesName h1 {
padding:25px 0 0 25px;
}


/*（3）検索プルダウン
------------------------------------------------------------------------------------*/

.seriesName .searchBox {
margin:15px 0 0 0;
border-bottom:1px solid #E0E0E0;
padding:0 0 15px 25px;
font-size:76% !important;
line-height:1em;
}

.seriesName .searchBox .title {
height:10px;
}

.seriesName .searchBox select {
margin:0 10px 0 0;
}

.seriesName .searchBox option {
padding-right:5px;
}

.seriesName .searchBox input {
padding:1px;
text-align:right;
margin:0 3px;
line-height:1em;
}

.seriesName .searchBox input#priceSort {
text-align:center;
line-height:1.2em;
padding:0;
margin-top:1px;
}

.seriesName .searchBox .price {
white-space:nowrap;
}



/*（4）パンくずリスト
------------------------------------------------------------------------------------*/

.pagelist {
	padding:10px 90px 10px 10px;
	font-size:76%;
}

.pagelist li {
display:inline;
margin:0 3px 0 0;
}

.pagelist li a {
padding:0 15px 0 0;
background:url(../img/pagelist_arrow.gif) no-repeat right 2px;
}

.pagelist li a:link {
color:#333333;
text-decoration:none;
}

.pagelist li a:visited {
color:#333333;
text-decoration:none;
}

.pagelist li a:hover {
color:#FF0000;
text-decoration:underline;
}

.pagelist li a:active {
color:#FF0000;
text-decoration:underline;
}




/*（5）振り分け：シリーズ一覧ページ
------------------------------------------------------------------------------------*/

.productList {
clear:both;
}

* html .productList {
height:1%;
}

*+html .productList {
height:1%;
}

.productList .lowBox {
margin:0 0 30px 0;
}

* html .productList .lowBox {
height:1%;
}

*+html .productList .lowBox {
height:1%;
}

.productList .lowBox:after {
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}

.productList .productItem {
width:290px;
float:left;
margin:0 0 0 14px;
}

* html .productList .productItem {
height:1%;
margin-left:7px;
}

*+html .productList .productItem {
height:1%;
}

.productList .productItem .imageBox {
width:90px;
float:left;
}

.productList .productItem .imageBox .image {
}

.productList .productItem .descriptionBox {
width:190px;
float:right;
}
.productList .productItem .descriptionBox .coupon {
	padding-top: 5px;
}

.productList .productItem .descriptionBox h2 {
margin:0 0 10px 0;
font-size:90%;
line-height:1.3em;
color:#CC9900;
}

* html .productList .productItem .descriptionBox .description {
height:37px;
}

.productList .productItem .descriptionBox .specBox {
font-size:83%;
margin-top:7px;
}

.productList .productItem .descriptionBox .specBox .delivery {
margin-bottom:12px;
font-size:90%;
color:#CC0000;
}

.productList .productItem .descriptionBox .toDetail {
	margin:5px 0 0 0;
}

.productList .productItem .descriptionBox .toDetail a:link {
color:#CC0000;
text-decoration:underline;
}

.productList .productItem .descriptionBox .toDetail a:visited {
color:#CC0000;
text-decoration:underline;
}

.productList .productItem .descriptionBox .toDetail a:hover {
color:#FF0000;
text-decoration:none;
}

.productList .productItem .descriptionBox .toDetail a:active {
color:#FF0000;
text-decoration:none;
}

.productList .productItem .descriptionBox .buyBtn {
margin:5px 0 0 0;
}



/*その他のシリーズ紹介*/

.otherSeries {
clear:both;
margin:30px 25px 30px 25px;
}

* html .otherSeries {
height:1%;
}

*+html .otherSeries {
height:1%;
}

.otherSeries h2 {
margin:0 0 15px 0;
}

.otherSeries .otherSeriesItem1 {
width:276px;
float:left;
}

.otherSeries .otherSeriesItem2 {
width:276px;
float:right;
}

.otherSeries .descriptionBox {
width:170px;
float:right;
}

.otherSeries .descriptionBox h3 {
margin:0 0 5px 0;
color:#990000;
font-size:90%;
line-height:1.3em;
}

.otherSeries .descriptionBox .description {
}

.otherSeries .descriptionBox .toDetail {
margin:5px 0 0 0;
font-size:65%;
}

.otherSeries .descriptionBox .toDetail a:link {
color:#CC0000;
text-decoration:underline;
}

.otherSeries .descriptionBox .toDetail a:visited {
color:#CC0000;
text-decoration:underline;
}

.otherSeries .descriptionBox .toDetail a:hover {
color:#FF0000;
text-decoration:none;
}

.otherSeries .descriptionBox .toDetail a:active {
color:#FF0000;
text-decoration:none;
}

.productList .productItem .descriptionBox .buyBtn {
margin:5px 0 0 0;
}

.otherSeries .imageBox {
width:98px;
float:left;
}



/*シリーズ一覧*/

.allSeries {
clear:both;
margin:30px 25px 30px 25px;
}

* html .allSeries {
height:1%;
}

*+html .allSeries {
height:1%;
}

.allSeries h2 {
margin:0 0 15px 0;
}

.allSeries .allSeriesItem1 {
width:276px;
float:left;
}

.allSeries .allSeriesItem2 {
width:276px;
float:right;
}

.allSeries .descriptionBox {
width:170px;
float:right;
}

.allSeries .descriptionBox h3 {
margin:0 0 5px 0;
color:#990000;
font-size:90%;
line-height:1.3em;
}

.allSeries .descriptionBox .description {
}

.allSeries .descriptionBox .toDetail {
margin:5px 0 0 0;
font-size:65%;
}

.allSeries .descriptionBox .toDetail a:link {
color:#CC0000;
text-decoration:underline;
}

.allSeries .descriptionBox .toDetail a:visited {
color:#CC0000;
text-decoration:underline;
}

.allSeries .descriptionBox .toDetail a:hover {
color:#FF0000;
text-decoration:none;
}

.allSeries .descriptionBox .toDetail a:active {
color:#FF0000;
text-decoration:none;
}

.allSeries .imageBox {
width:98px;
float:left;
}




/*（6）振り分け：詳細ページ
------------------------------------------------------------------------------------*/

#productDetail .descriptionBox {
width:385px;
float:right;
padding:30px 25px 10px 0;
}

* html #productDetail .descriptionBox {
width:410px;
}

#productDetail .descriptionBox h1 {
margin:0 0 15px 0;
}

#productDetail .descriptionBox .intro {
padding:10px 0 0 0;
border-top:1px dotted #999999;
}

#productDetail .descriptionBox .intro h2 {
font-size:88%;
font-weight:bold;
color:#990000;
margin:0 0 5px 0;
}

#productDetail .descriptionBox .descriptionColumn {
margin:30px 0;
}

#productDetail .descriptionBox .descriptionColumn .description {
margin:10px 0 0 0;
}

#productDetail .descriptionBox .descriptionColumn .movieBtn {
margin:5px 0 0 0;
}

#productDetail .descriptionBox .descriptionColumn .postScript {
background:#F4E4B6;
padding:7px;
margin:10px 0 0 0;
}

#productDetail .descriptionBox .descriptionColumn .moreDetail {
font-size:65%;
margin:0;
}

#productDetail .descriptionBox .descriptionColumn .component {
	margin-top: 10px;
	text-align: right;
}

#productDetail .descriptionBox .descriptionColumn .component a:link {
	color: #CC0000;
	text-decoration: underline;
}

#productDetail .descriptionBox .descriptionColumn .component a:visited {
	color: #CC0000;
	text-decoration: underline;
}

#productDetail .descriptionBox .descriptionColumn .component a:hover {
	color: #FF0000;
	text-decoration: none;
}
#productDetail .descriptionBox .descriptionColumn .component a:active {
	color: #FF0000;
	text-decoration: none;
}
#productDetail .descriptionBox #recommend {
margin-bottom:0;
}

#productDetail .descriptionBox #recommend .recommendDescriptionBox {
width:205px;
float:right;
margin:10px 0 0 0;
padding:0 40px 0 0;
}

* html #productDetail .descriptionBox #recommend .recommendDescriptionBox {
width:245px;
}

#productDetail .descriptionBox #recommend .recommendDescriptionBox .description {
margin-top:0;
}

#productDetail .descriptionBox #recommend .recommendDescriptionBox .toSet {
text-align:right;
margin:10px 0 0 0;
}

#productDetail .descriptionBox #recommend .recommendDescriptionBox .toSet a:link {
color:#CC0000;
text-decoration:underline;
}

#productDetail .descriptionBox #recommend .recommendDescriptionBox .toSet a:visited {
color:#CC0000;
text-decoration:underline;
}

#productDetail .descriptionBox #recommend .recommendDescriptionBox .toSet a:hover {
color:#FF0000;
text-decoration:none;
}

#productDetail .descriptionBox #recommend .recommendDescriptionBox .toSet a:active {
color:#FF0000;
text-decoration:none;
}

#productDetail .descriptionBox #recommend .imageBox {
width:74px;
float:left;
margin:10px 0 0 0;
padding:0 0 0 45px;
}

* html #productDetail .descriptionBox #recommend .imageBox {
width:111px;
}




/*スペック・お客様の声*/

.priceBox {
width:205px;
float:left;
}

.priceBox .image {
}

.priceBox .dataBox {
margin:0 27px 15px 27px;
}

.priceBox .dataBox .data {
font-size:76%;
margin:0 0 7px 0;
}

.priceBox .dataBox .data li {
margin:0 0 3px 0;
padding:0 0 3px 0;
border-bottom:1px solid #CCCCCC;
}

.priceBox .dataBox .buyBtn {
margin:10px 0 0 0;
}

.priceBox .dataBox .delivery {
border:1px solid #990000;
color:#CC0000;
padding:4px;
line-height:1.3em;
font-size:65%;
margin-right:6px;
margin-top:5px;
}



.priceBox .userVoiceBox {
margin:0 27px 15px 27px;
}

.priceBox .userVoiceBox .entryBtn {
margin:0 0 5px 0;
background:url(../img/usersvoice_base.gif) no-repeat 0 0;
height:80px;
padding:26px 13px 18px 13px;
}

* html .priceBox .userVoiceBox .entryBtn {
height:124px;
}

.priceBox .userVoiceBox .entryBtn p {
margin-bottom:5px;
}

.priceBox .userVoiceBox .announceBox {
}


/*その他おすすめ商品*/

#other {
}

#other .rowBox {
margin:10px 0 20px 0;
}

* html #other .rowBox {
height:1%;
}

*+html #other .rowBox {
height:1%;
}

#other .otherItemBox {
width:192px;
float:left;
}

#other p {
text-align:center;
}

#other .image {
}

#other .image a {
display:block;
margin:0 auto;
height:91px;
width:91px;
padding:3px;
border:1px solid #e4e4e4;
}

#other .name {
margin:3px 0 0 0;
padding:0 30px 0 30px;
text-align:left;
font-weight:bold;
}

#other .description {
padding:0 30px 0 30px;
margin:0 !important;
font-size:65%;
text-align:left;
color:#666666;
}


/*おすすめ商品・ページ送り*/

.pageSelectBoxRecommend {
position: relative;
margin:10px 0 0 0;
padding-bottom: 10px;
clear:both;
}

* html .pageSelectBoxRecommend {
width:100%;
}

.pageSelectBoxRecommend p {
margin: 0 60px;
text-align: center;
color: #515151;
}

.pageSelectBoxRecommend p span {
font-weight: bold;
color: #990000;
}

.pageSelectBoxRecommend span.next {
position: absolute;
top: 0px;
right: 0px;
}

.pageSelectBoxRecommend span.back {
position: absolute;
top: 0px;
left: 0px;
}



/*シリーズトップへ（下部ボタン用）*/

.toSeriesTopBottom {
text-align:right;
margin:10px 25px 0 0;
clear:both;
}






/*（7）振り分け：お客様の声
------------------------------------------------------------------------------------*/



.voiceColumn {
margin:20px 0;
padding:0 0 40px 0;
background:url(../img/user_voice_border.gif) no-repeat center bottom;
}

.voiceColumn h3 {
padding:4px 0 0 20px;
width:230px;
float:left;
height:18px;
background:url(../img/user_voice_icon01.gif) no-repeat left top;
}

* html .voiceColumn h3 {
width:250px;
}

.voiceColumn h3 .name {
color:#990000;
}

.voiceColumn h3 .profile {
font-weight:normal !important;
font-size:83%;
padding:0 0 0 10px;
}

.voiceColumn .appraise {
font-size:65%;
width:120px;
float:right;
padding:0 0 0 10px;
border-left:1px solid #CCCCCC;
}

* html .voiceColumn .appraise {
width:125px;
}

.voiceColumn .appraise .point {
font-size:120%;
color:#990000;
padding:0 0 0 5px;
}

.voiceColumn .appraise .description {
padding:10px 0 0 0;
clear:both;
}




/*ページ送り*/

.pageFeedBox .next {
width:55px;
float:right;
}

.pageFeedBox .back {
width:55px;
float:left;
}

.pageFeedBox .pageNumber {
padding:0 60px;
text-align:center;
margin:0 0 30px 0;
}

.pageFeedBox .pageNumber a:link {
color:#333333;
text-decoration:none;
}

.pageFeedBox .pageNumber a:visited {
color:#333333;
text-decoration:none;
}

.pageFeedBox .pageNumber a:hover {
color:#CC0000;
text-decoration:underline;
}

.pageFeedBox .pageNumber a:active {
color:#CC0000;
text-decoration:underline;
}

/*（8）サウンドボタン
------------------------------------------------------------------------------------*/
.soundBtn {
	position: absolute;
	top: 0px;
	right: 10px;
}