@charset "shift_jis";

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

   common parts style
 
=========================================================== */

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

   contents title style
 
=========================================================== */

/* -----------------------------------------------------------
   .contentsTitle01
----------------------------------------------------------- */

/* .col1 .contentsTitle01
----------------------------------------------------------- */
.col1 .contentsTitle01{
width:750px;
margin-bottom:10px;
background:url(../../images/common/col1_content_title_bg01_middle.png) repeat-y left top;
}

.col1 .contentsTitle01 .inner{
width:750px;
padding-bottom:4px;
background:url(../../images/common/col1_content_title_bg01_bottom.png) no-repeat left bottom;
}

.col1 .contentsTitle01 .inner .title{
padding:4px 14px 0;
background:url(../../images/common/col1_content_title_bg01_top.png) no-repeat left top;
line-height:1.4;
font-size:120%;
color:#FFFFFF;
}

/* .col2 .contentsTitle01 1007霑ｽ蜉�
----------------------------------------------------------- */
.col2 .contentsTitle01{
width:700px;
margin-bottom:10px;
background:url(../../images/common/col2_content_title_bg01_middle.png) repeat-y left top;
}

.col2 .contentsTitle01 .inner{
width:700px;
padding-bottom:4px;
background:url(../../images/common/col2_content_title_bg01_bottom.png) no-repeat left bottom;
}

.col2 .contentsTitle01 .inner .title{
padding:4px 14px 0;
background:url(../../images/common/col2_content_title_bg01_top.png) no-repeat left top;
line-height:1.4;
font-size:120%;
color:#FFFFFF;
}

/* .col3 .contentsTitle01
----------------------------------------------------------- */
.col3 .contentsTitle01{
width:560px;
margin-bottom:10px;
background:url(../../images/common/col3_content_title_bg01_middle.png) repeat-y left top;
}

.col3 .contentsTitle01 .inner{
width:560px;
padding-bottom:4px;
background:url(../../images/common/col3_content_title_bg01_bottom.png) no-repeat left bottom;
}

.col3 .contentsTitle01 .inner .title{
padding:4px 14px 0;
background:url(../../images/common/col3_content_title_bg01_top.png) no-repeat left top;
line-height:1.4;
font-size:120%;
color:#FFFFFF;
}



/* -----------------------------------------------------------
   .contentsTitle02
----------------------------------------------------------- */

/* .col1 .contentsTitle02
----------------------------------------------------------- */
.col1 .contentsTitle02{
width:750px;
margin-bottom:10px;
background:url(../../images/common/col1_content_title_bg02.png) repeat-x left bottom;
}

.col1 .contentsTitle02 .inner{
width:750px;
}

.col1 .contentsTitle02 .inner .title{
}

/* .col2 .contentsTitle02  1007霑ｽ蜉�
----------------------------------------------------------- */
.col2 .contentsTitle02{
width:700px;
margin-bottom:10px;
background:url(../../images/common/col1_content_title_bg02.png) repeat-x left bottom;
}

.col2 .contentsTitle02 .inner{
width:700px;
}

.col2 .contentsTitle02 .inner .title{
}

/* .col3 .contentsTitle02
----------------------------------------------------------- */
.col3 .contentsTitle02{
width:560px;
margin-bottom:10px;
background:url(../../images/common/col1_content_title_bg02.png) repeat-x left bottom;
}

.col3 .contentsTitle02 .inner{
width:560px;
}

.col3 .contentsTitle02 .inner .title{
}

/* .top .contentsTitle02
----------------------------------------------------------- */
.top .contentsTitle02{
width:920px;
margin-bottom:5px;
background:url(../../images/top/top_content_title_bg01.png) repeat-x left bottom;
}

.top .contentsTitle02 .inner{
width:920px;
}

.top .contentsTitle02 .inner .title{
}



/* -----------------------------------------------------------
   .contentsTitle03
----------------------------------------------------------- */

/* .col1 .contentsTitle03
----------------------------------------------------------- */
.col1 .contentsTitle03{
width:920px;
margin-bottom:10px;
background:url(../../images/common/col1_content_title_bg02.png) repeat-x left bottom;
}

.col1 .contentsTitle03 .inner{
width:920px;
}

.col1 .contentsTitle03 .inner .title{
}



/* -----------------------------------------------------------
   .contentsSubTitle01
----------------------------------------------------------- */

/* .col1 .contentsSubTitle01
----------------------------------------------------------- */
.col1 .contentsSubTitle01{
width:750px;
margin:0 auto 10px;
background:url(../../images/common/col3_content_sub_title_bg01.png) repeat-x left bottom;
}

.col1 .contentsSubTitle01 .inner{
width:750px;
}

.col1 .contentsSubTitle01 .inner .title{
}

/* .col3 .contentsSubTitle01
----------------------------------------------------------- */
.col3 .contentsSubTitle01{
width:520px;
margin:0 auto 10px;
background:url(../../images/common/col3_content_sub_title_bg01.png) repeat-x left bottom;
}

.col3 .contentsSubTitle01 .inner{
width:520px;
}

.col3 .contentsSubTitle01 .inner .title{
}

/* 2010/03/12 C21 霑ｽ蜉� start */
/* .popup.forPrint .contentsSubTitle01
----------------------------------------------------------- */
.popup.forPrint .contentsSubTitle01{
width:520px;
margin:0 auto 10px;
background:url(../../images/common/col3_content_sub_title_bg01.png) repeat-x left bottom;
}

.popup.forPrint .contentsSubTitle01 .inner{
width:520px;
}

.popup.forPrint .contentsSubTitle01 .inner .title{
}
/* 2010/03/12 C21 霑ｽ蜉� end */

/* -----------------------------------------------------------
   .contentsSubTitle02
----------------------------------------------------------- */

/* .col3 .contentsSubTitle02
----------------------------------------------------------- */
.col3 .contentsSubTitle02{
width:270px;
margin:0 auto 10px;
background:url(../../images/common/col3_content_sub_title_bg01.png) repeat-x left bottom;
}

.col3 .contentsSubTitle02 .inner{
width:270px;
}

.col3 .contentsSubTitle02 .inner .title{
}



/* -----------------------------------------------------------
   .transitionBtn [驕ｷ遘ｻ繝懊ち繝ｳ]
----------------------------------------------------------- */

/* .col1 .transitionBtn
----------------------------------------------------------- */
.col1 .transitionBtn{
width:750px;
margin:15px 0;
}

.col1 .transitionBtn p{
text-align:center;
}

.col1 .transitionBtn p span input{
vertical-align:bottom;
}

/* .col1 .transitionBtn_free
----------------------------------------------------------- */
.col1 .transitionBtn_free{
width:750px;
margin:10px 0;
}

.col1 .transitionBtn_free p{
text-align:center;
}

.col1 .transitionBtn_free p span input{
vertical-align:bottom;
}

/* .col3 .transitionBtn
----------------------------------------------------------- */
.col3 .transitionBtn{
width:560px;
margin:15px 0;
}

.col3 .transitionBtn p{
text-align:center;
}

.col3 .transitionBtn p span input{
vertical-align:bottom;
}



/* -----------------------------------------------------------
   .subTransitionBtn [繧ｹ繧ｿ繝�ぅ繝�け]
----------------------------------------------------------- */

/* .col3 .transitionBtn
----------------------------------------------------------- */
.col3 .subTransitionBtn{
width:560px;
margin:20px 0;
}

.col3 .subTransitionBtn ul{
text-align:center;
}

.col3 .subTransitionBtn ul li{
display:inline;
padding:0 2px;
}



/* -----------------------------------------------------------
   page top
----------------------------------------------------------- */
.pageTop{
text-align:right;
clear:both;
}

.pageTop a{
}



/* -----------------------------------------------------------
   comment
----------------------------------------------------------- */

/* .comment01
----------------------------------------------------------- */
.comment01{
display:block;
padding-left:1em;
text-indent:-1em;
}

.comment01.red01{
color:#CC0000;
}

.comment01.red02{
color:#CC0000;
font-weight:bold;

}

.comment01.weight{
font-weight:bold;
}

.comment01.small{
line-height:1.2;
font-size:90%;
}

/* .comment02
----------------------------------------------------------- */
.comment02{
}

.comment02 span{
color:#CC0000;
}



/* -----------------------------------------------------------
   Photo Frame
----------------------------------------------------------- */
.photoFrame{
}

.photoFrame img{
border:1px solid #D9D9D9;
}



/* -----------------------------------------------------------
   error
----------------------------------------------------------- */
.error{
    color:#C00;
}

/* 2011/04/07 c21 add */
/* -----------------------------------------------------------
   highlight
----------------------------------------------------------- */
.highlight{
    font-weight : bold;
}


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

   list style
 
=========================================================== */

/* -----------------------------------------------------------
   .listSquare01
----------------------------------------------------------- */
.listSquare01{
}

.listSquare01 li{
padding-left:10px;
background:url(../../images/parts/icon_square01.png) no-repeat left .5em;
line-height:1;
}

.listSquare01 li span{
line-height:1.4;
}



/* -----------------------------------------------------------
   .listNumber
----------------------------------------------------------- */
.listNumber{
padding-left:20px;
}

.listNumber li{
list-style-type:decimal;
}



/* -----------------------------------------------------------
   .listCircle
----------------------------------------------------------- */
.listCircle01{
}

.listCircle01 li{
min-height:14px;
padding-left:18px;
background:url(../../images/parts/icon_circle01.png) no-repeat left 0.3em;
line-height:1;
}
* html .listCircle01 li{
height:14px;
}

.listCircle01 li span,
.listCircle01 li p{
padding-top:2px;
padding-bottom:2px;
line-height:1.4;
}


/* -----------------------------------------------------------
   .listSquare
----------------------------------------------------------- */
.listSquare01{
}

.listSquare01 li{
padding-left:10px;
background:url(../../images/parts/icon_square01.png) no-repeat left 0.4em;
line-height:1;
}

.listSquare01 li span{
line-height:1.4;
}


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

   form style
 
=========================================================== */
.formSet{
}

.formSet span,
.formSet span input,
.formSet span select{
vertical-align:middle;
}

.formWrap{
display:block;
}

.formWrap .formSet{
display:inline;
}

/* -----------------------------------------------------------
   input.textRight
   input隕∫ｴ�縺ｫtextRight繧ｯ繝ｩ繧ｹ縺ｧ蜿ｳ蟇�○ 竊� IE縺ｧ繧ｫ繝ｼ繧ｽ繝ｫ繧定｡ｨ遉ｺ
   2010.09.23 霑ｽ險�
----------------------------------------------------------- */

input.textRight {
	padding-right: 2px;
}

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

   table style
 
=========================================================== */

/* -----------------------------------------------------------
   .tableType01
----------------------------------------------------------- */
.tableType01 table{
width:100%;
border-collapse:separate;
border-right:1px solid #D9D9D9;
border-bottom:1px solid #D9D9D9;
}

.tableType01 table th,
.tableType01 table td{
border-top:1px solid #D9D9D9;
border-left:1px solid #D9D9D9;
text-align:left;
}

.tableType01 table th .red{
padding:0 5px;
color:#CC0000;
}



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

   popup style
 
=========================================================== */
.popup {
width:542px;
margin:0 auto;
background:none;
}

.popup .wrapper{
width:504px;
margin:1px;
padding:12px 18px;
border:1px solid #D9D9D9;
}

.popup .headPart{
width:100%;
height:26px;
margin-bottom:18px;
padding-bottom:2px;
border-bottom:2px solid #E50012;
}

.popup .leftElement{
float:left;
}

.popup .rightElement{
float:right;
}

.popup .contents{
min-height:320px;
clear:both;
}
* html .popup .contents{
height:320px;
}

.popup .contents .name{
margin-bottom:10px;
font-size:110%;
}

.popup .itemOutline{
line-height:1.6;
margin-bottom:18px;
}

.popup .itemOutline dt{
float:left;
width:100px;
margin-bottom:10px;
}

.popup .itemOutline dd{
float:left;
width:400px;
margin-bottom:10px;
}

.popup .screenBox{
text-align:center;
padding:0 auto;
margin-bottom:18px;
}

.popup .footPart{
border-top:2px solid #E50012;
padding-top:4px;
}

.popup .footPart .copy{
text-align:right;
font-size:small;
}



/* -----------------------------------------------------------
   .forPrint article detail layout [蝠�刀隧ｳ邏ｰ�壼魂蛻ｷ繝壹�繧ｸ]
----------------------------------------------------------- */
.popup.forPrint{
width:592px;
}

.popup.forPrint .wrapper{
width:550px;
margin:1px;
padding:12px 20px;
border:1px solid #D9D9D9;
}

.popup.forPrint .headPart{
height:18px;
padding-top:8px;
}

.popup.forPrint .articleDetail{
width:550px;
padding:0;
margin:0 0 18px;
border:none;
line-height:1.4;
}

.popup.forPrint .articleDetail .articleText{
page-break-before:always;
}

.popup.forPrint .articleDetail .articleLead{
width:530px;
margin:0 0 15px;
}

.popup.forPrint .articleDetail .articleLead .lead01{
margin-bottom:15px;
}

/* .detailWrap [蝠�刀蜀咏悄繝ｻ萓｡譬ｼ]
----------------------------------------------------------- */
.popup.forPrint .detailWrap{
width:530px;
padding:0 10px 0 0;
overflow:hidden;
}

/* .addCart
--------------------------------------- */
.popup.forPrint .detailWrap .rightBox .addCart{
width:auto;
padding:0px;
background-color:#FFFFFF;
}

/* .articleText
----------------------------------------------------------- */
.popup.forPrint .articleText p{
word-break:break-all;
word-wrap:break-word;
margin-bottom:15px;
}

.popup.forPrint .articleText p.title{
margin-bottom:0;
}

/* 2010/03/12 C21 霑ｽ蜉� start */
/* .article list
----------------------------------------------------------- */
.popup.forPrint .subContainer{
width:510px;
padding:7px 19px;
margin-bottom:10px;
border:1px solid #D9D9D9;
overflow:hidden;
}

.popup.forPrint .articleList{
width:520px;
overflow:hidden;
}

.popup.forPrint .articleList .inner{
width:545px;
margin-left:-11px;
background:url(../../images/common/col3_article_list_bg01.gif) repeat-y 11px top;
overflow:hidden;
}

.popup.forPrint .articleList .inner .article{
float:left;
width:83px;
padding:0 12px 0 11px;
}

.popup.forPrint .articleList .inner .article .photo{
width:83px;
}

.popup.forPrint .articleList .inner .article .name{
width:83px;
}

.popup.forPrint .articleList .inner .article .price{
width:83px;
}

.popup.forPrint .articleList .inner .article .price span{
display:block;
}
/* 2010/03/12 C21 霑ｽ蜉� end */

/* .displayblock 1007
----------------------------------------------------------- */
span.displayblock{
display:block;
}