@charset "utf-8";
/* つくる */

#howto ul {
	margin-top:5px;
}
#howto li {
	margin-bottom:3px;
}
.howto_box_head{
	width:757px;
	height:14px;
	background:url(../images/box01_head.jpg) no-repeat;
	}
.howto_box_main{
	width:751px;
	border-left:3px solid #ccc;
	border-right:3px solid #ccc;
	text-align:center;
}
.howto_box_main td{
	text-align:left;
	padding:0 5px;
	}
.howto_box_bottom{
	width:757px;
	height:14px;
	background:url(../images/box01_bottom.jpg) no-repeat;
	margin-bottom:10px;
	}
.howto_box_line{
	width:100%;
	padding:8px;
	background-color:#E8E8E8;
	}
.howto_line{
	width:95%;
	margin:0 0 10px 0;
	border-bottom:dashed 1px #888;
	}

.title_step {
font-size:14px;
font-weight:bold;
color:#808080;
padding:5px 0 5px 15px;
text-align:left;
}
.stage_step{
	width:170px;
	margin:5px;
	}/*STAGEの応募方法用*/
	
.step_img {
max-width:177px;
margin-bottom:15px;
text-align:center;
overflow-y:hidden;
}
.line_only {
width:177px;
}
.step p {
width:177px;
margin:10px 0;
}
.step .box_line {
width:147px;
}
.step .small {
width:177px;
margin:5px 0;
}

.btn_try {/* ボタンの設定はstandard.css */
float:right;
margin-right:15px;
}

.view {
}
.view img {
margin:5px 0 0 5px;
}

.steps td{
width:169px;
}
	
.howto_box_right{
text-align:left;
margin-right:15px;
float:right;
width:140px;
}
.howto_box_right_l{
text-align:left;
margin-right:15px;
float:right;
width:190px;
}

/*クーポン*/
.coupon_text{
float:left;
width:430px;
margin-right:15px;
}

.coupon_img{
float:right;
width:282px;
}

/*ポイント*/
.point_text{
float:left;
width:430px;
margin-right:15px;
}

.point_img{
float:right;
width:282px;
}

/*画像サイズ*/
.frame_btn{
}

.frame_btn_l{
background:url(../images/size_bunko_btn02_ov.jpg) no-repeat;
width:200px;
height:57px;
}
.frame_btn_l a{
background:url(../images/size_bunko_btn02.jpg) no-repeat;
width:200px;
height:57px;
display:block;
}
.frame_btn_l a:hover{
background:none;
}

.frame_btn_r{
background:url(../images/size_bunko_btn01_ov.jpg) no-repeat;
width:200px;
height:57px;
}
.frame_btn_r a{
background:url(../images/size_bunko_btn01.jpg) no-repeat;
width:200px;
height:57px;
display:block;
}
.frame_btn_r a:hover{
background:none;
}
.size_table{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
width:700px;
}
.size_table td{
border-bottom:1px solid #ccc;
height:1;
}
.size_dash_r{
border-right:1px dashed #ccc;
}
.size_dash_01{
border-right:1px dashed #ccc;
background-color:#FFFFCC;
}
.color_w{
background-color:#FFF;
}

.size_dash_r , .color_01 {
padding:5px 0;
}
	
.color_01{
background-color:#FFFFCC;
}
.color_02{
background-color:#CCFFFF;
}
.size_line{
background: url(../images/size_bunko_line.jpg) repeat-x;
padding:0;
}

.no_line{
border:none;
}


.temp_jk_l{
	float:left;
	margin-right:15px;
	width:205px;
	}
.temp_jk_end{
	float:left;
	width:205px;
	}
.rough_img_size{
	float:left;
	margin-right:20px;
	width:300px;
	}

/*ヒント集*/

.hint_icon{
float: right;
width:50px;
margin:0px 0 0 15px;
}
.hint_text{
margin-top:7px;
width:365px;
float: left;
}
