@charset "utf-8";

/*-------------------------------------------
   RESET
-------------------------------------------*/
* { margin:0px; padding:0px; }

body{	
margin:0;
padding:0;
/*font-size: 100%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",sans-serif;*/
background-color:#f3f3f3;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,div,form,table,th,td {
margin:0;
border:0;
padding:0;
font-weight:normal;
font-style:normal;
list-style:none;
}

img {
margin:0px;
padding:0px;
border:0px;
border:none;
vertical-align:top;
} 


/*-------------------------------------------
   MODULE
-------------------------------------------*/
/*	FLOAT
-------------------------------------------*/
.left {float:left;}
.right {float:right;}
br.clear {clear:both;}

/* CLEARFIX */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/*	MARGIN / PADDING
-------------------------------------------*/
.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}

.mr5  {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}

.ml5  {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}

.pt5  {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}

.pr5  {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}

.pb5  {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}

.pl5  {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}


/*	TEXT ALIGN
-------------------------------------------*/
.txtright {text-align:right;}
.txtleft {text-align:left;}
.txtcenter {text-align:center;}


/*	VERTICAL ALIGN
-------------------------------------------*/
.v-top {vertical-align:top;}
.v-middle {vertical-align:middle;}
.v-bottom {vertical-align:bottom;}


/*	TEXT
-------------------------------------------*/
.bold {font-weight:bold;}



/*-------------------------------------------
   LAYOUT
-------------------------------------------*/
div.promotionWrap01 {
display:block;
width:580px;
background:url(/promotion/common/img/promotion_wrap_bg_mid.gif) repeat-y;
}
div.promotionWrap02 {
width:580px;
background:url(/promotion/common/img/promotion_wrap_bg_top.gif) no-repeat top left;
}
div.promotionWrap03 {
width:580px;
background:url(/promotion/common/img/promotion_wrap_bg_btm.gif) no-repeat bottom left;
}
div.promotionWrap {
width:560px;
padding:10px;
font-size:85%;
}

/*	text link
-------------------------------------------*/
div.promotionWrap a,
div.promotionWrap a:link,
div.promotionWrap a:visited {
color:#8d002e;
font-weight:normal;
text-decoration:underline;
}
div.promotionWrap a:hover,
div.promotionWrap a:active,
div.promotionWrap a:focus {
text-decoration:none;
}

.promotionTxt {color:#463B23;}
.normalTxt {color:#000;}
.normalTxt a, .normalTxt a:link, .normalTxt a:visited, .normalTxt a:hover {color:#000 !important; text-decoration:underline; }
.normalTxt a:hover, .normalTxt a:active, .normalTxt a:focus {color:#000 !important; text-decoration:none; !important}


/*	box
-------------------------------------------*/
div.box360 {width:560px;}
div.box360:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.box360 {display:inline-block;}
/* Hides from IE-mac \*/
*html div.box360 {height:1%;}
div.box360 {display:block;}
/* End hide from IE-mac */

div.lineBox01 {
padding:0 10px 10px;
border-top:1px solid #da7682;
border-bottom:1px solid #da7682;
background-color:#fff4f5;
zoom:1;
}
div.lineBox02 {
padding:10px;
border-top:2px solid #c7ccb6;
border-bottom:2px solid #c7ccb6;
background-color:#e6e8da;
zoom:1;
}

div.bgBox01 {
padding:5px;
background-color:#f4f6ed;
zoom:1;
}


/*	btn
-------------------------------------------*/
div.btnArea01:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.btnArea01 {display:inline-block;}
/* Hides from IE-mac \*/
*html div.btnArea01 {height:1%;}
div.btnArea01 {display:block;}
/* End hide from IE-mac */

div.promotionArea div.btnArea01 div.btn_01_bg {
float:left;
width:165px;
margin-right:7px;
font-size:14px;
}

/* btn 01 */
div.btn_01_bg {
width:165px;
margin-top:10px;
background-image:url(/promotion/common/img/promotion_btn_01_bg_mid.gif);
background-repeat:repeat-y;
}
div.btn_01_bg_top {
width:165px;
background-image:url(/promotion/common/img/promotion_btn_01_bg_top.gif);
background-repeat:no-repeat;
background-position:top;
}
div.btn_01_bg_btm {
width:165px;
padding:7px 0 5px;
text-align:center;
background-image:url(/promotion/common/img/promotion_btn_01_bg_btm.gif);
background-repeat:no-repeat;
background-position:bottom;
}

/* btn 02 */
div.btn_02_bg {
width:50px;
margin-top:10px;
background-image:url(/promotion/common/img/promotion_btn_02_bg_mid.gif);
background-repeat:repeat-y;
}
div.btn_02_bg_top {
width:50px;
background-image:url(/promotion/common/img/promotion_btn_02_bg_top.gif);
background-repeat:no-repeat;
background-position:top;
}
div.btn_02_bg_btm {
width:50px;
padding:5px 0;
text-align:center;
background-image:url(/promotion/common/img/promotion_btn_02_bg_btm.gif);
background-repeat:no-repeat;
background-position:bottom;
}

/* btn 03 */
div.btn_03_bg {
width:74px;
margin-top:10px;
background-image:url(/promotion/common/img/promotion_btn_03_bg_mid.gif);
background-repeat:repeat-y;
}
div.btn_03_bg_top {
width:74px;
background-image:url(/promotion/common/img/promotion_btn_03_bg_top.gif);
background-repeat:no-repeat;
background-position:top;
}
div.btn_03_bg_btm {
width:74px;
padding:5px 0;
text-align:center;
background-image:url(/promotion/common/img/promotion_btn_03_bg_btm.gif);
background-repeat:no-repeat;
background-position:bottom;
}

/* btn common */
div.btn_01_bg p,
div.btn_02_bg p,
div.btn_03_bg p {
padding:0 5px;
}
div.btn_01_bg p a, div.btn_01_bg p a:link, div.btn_01_bg p a:visited,
div.btn_02_bg p a, div.btn_02_bg p a:link, div.btn_02_bg p a:visited,
div.btn_03_bg p a, div.btn_03_bg p a:link, div.btn_03_bg p a:visited {
color:#000 !important;
font-weight:bold !important;
text-decoration:none !important;
}
div.btn_01_bg p a:hover, div.btn_01_bg p a:active, div.btn_01_bg p a:focus,
div.btn_02_bg p a:hover, div.btn_02_bg p a:active, div.btn_02_bg p a:focus,
div.btn_03_bg p a:hover, div.btn_03_bg p a:active, div.btn_03_bg p a:focus {
text-decoration:underline !important;
}


/*	list
-------------------------------------------*/
/* list01 */
ul li.list01 {
padding-left:12px;
text-indent:-12px;
}
ul li.list01 img {
margin-right:2px;
vertical-align:middle;
}


/*	icon
-------------------------------------------*/
.promotion_icon_comment_w img,
.promotion_icon_comment_bg img,
.promotion_icon_review_w img,
.promotion_icon_review_bg img,
.promotion_icon_question img,
.promotion_icon_answer img,
.promotion_icon_maru img,
.promotion_icon_batu img {
margin-right:5px;
vertical-align:middle;
}

.promotion_icon_comment_w {
min-height:16px;
height:auto !important;
height:16px;
}
.promotion_icon_comment_bg {
min-height:17px;
height:auto !important;
height:17px;
font-weight:bold;
color:#9a9e8c;
}
.promotion_icon_review_w {
min-height:16px;
height:auto !important;
height:16px;
}
.promotion_icon_review_bg {
min-height:16px;
height:auto !important;
height:16px;
font-weight:bold;
color:#9a9e8c;
}
.promotion_icon_question {
margin-top:10px;
padding-left:23px;
text-indent:-23px;
}
.promotion_icon_answer {
padding-left:33px;
text-indent:-33px;
}
.promotion_icon_maru {
padding-left:33px;
text-indent:-33px;
}
.promotion_icon_batu {
padding-left:33px;
text-indent:-33px;
}
.promotion_icon_graph_bg {
min-height:20px;
height:auto !important;
height:20px;
padding-left:25px;
text-indent:-25px;
}
.promotion_icon_graph_bg img{
vertical-align:middle;
}


/*	ruby
-------------------------------------------*/
ruby {
display:inline-table !important;
text-align:center !important;
ruby-align:center;
white-space:nowrap !important;
text-indent:0 !important;
margin:0 !important;
vertical-align:text-bottom !important;
line-height:1 !important;
}
ruby>rb,ruby>rbc {
display:table-row-group !important;
line-height:1.0 !important;
}
ruby>rt,ruby>rbc+rtc {
display:table-header-group !important;
font-size:71% !important;
line-height:1.0 !important;
letter-spacing:0 !important;
}
ruby>rbc+rtc+rtc {
display:table-footer-group !important;
font-size:71% !important;
line-height:1.0 !important;
letter-spacing:0 !important;
}
rbc>rb,rtc>rt {
display:table-cell !important;
letter-spacing:0 !important;
}
rp {
display:none !important;
}


/*	promotionArea
-------------------------------------------*/
div.promotionArea { width:560px; padding-bottom:20px; }
div.promotionArea:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.promotionArea {display:inline-block;}
/* Hides from IE-mac \*/
*html div.promotionArea {height:1%;}
div.promotionArea {display:block;}
/* End hide from IE-mac */


/* チェックボックス */
div.promotionArea form ul li {
margin-bottom:3px;
}
div.promotionArea form input {
margin-right:5px;
}

/* 回答数 */
div.promotionArea span.count {
/*margin-left:10px;*/
color:#a8ab9a;
}

/* 感想を投稿する */
div.promotionArea textarea {
border:1px solid #c7ccb6;
margin-top:10px;
width:100%;
}

/* 感想を見る */
div.promotionArea ul.reviewList {
margin-top:10px;
}
div.promotionArea ul.reviewList li {
margin-bottom:5px;
padding-bottom:5px;
background:url(/promotion/common/img/promotion_line_02.gif) repeat-x bottom;
}


/*	promotion_detailArea
-------------------------------------------*/
div.promotion_detailArea {
width:560px;
background:#f4f6ed url(/promotion/common/img/promotion_line_01.gif) repeat-x top;
}
div.promotion_detailBlock {
width:560px;
background:url(/promotion/common/img/promotion_line_01.gif) repeat-x bottom;
}
div.promotion_detailBox { width:540px; padding:10px; }
div.promotion_detailBox:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.promotion_detailBox {display:inline-block;}
/* Hides from IE-mac \*/
*html div.promotion_detailBox {height:1%;}
div.promotion_detailBox {display:block;}
/* End hide from IE-mac */

div.promotion_detailBox dl {
float:left;
width:470px;
line-height:1.5;
}
div.promotion_detailBox dt {
margin-bottom:3px;
color:#8d002e;
}
div.promotion_detailBox p.promotion_detail_img {
float:right;
text-align:right;
width:60px;
}
div.promotion_detailBox p.promotion_detail_img img {
max-width:55px;
width:auto !important;
width:55px;
}


/*	promotion_actionArea
-------------------------------------------*/
div.promotion_actionArea { width:560px; padding-top:10px; }
div.promotion_actionArea:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.promotion_actionArea {display:inline-block;}
/* Hides from IE-mac \*/
*html div.promotion_actionArea {height:1%;}
div.promotion_actionArea {display:block;}
/* End hide from IE-mac */

div.promotion_actionArea ul {
float:right;
zoom:1;
}
div.promotion_actionArea ul li {
float:left;
margin-left:25px;
text-align:left;
zoom:1;
}