@charset "utf-8";


body{
	background:#fff;
}

div#popup_con{
	width:auto;
	margin:0 auto;
	text-align:center;
}

div#popup_wrapper{
	width:650px;
	margin:0 auto;
	text-align:left;

}

div#popup_wrapper h3{
	clear:both;
	background:url(../images/bg_midashi02.gif) no-repeat -4px top;
	font-size:14px;
	padding:10px 0 0 45px;
	width:570px;
	height:23px;
	margin:20px 0 10px 0;

}
*html div#popup_wrapper h3{
	width:600px;
	height:33px;
}


ul{
	font-size:13px;
	width:100%;
	padding:0;
	margin:0;
}

ul.joken_list li{
	margin:5px 0;
}

ul.joken_list li span{
	margin:0 0 0 10px;
}

ul.setubi_list{
	width:600px;
	padding:0 0 20px 0;
	margin:0;
}

ul.setubi_list li{

}

ul.setubi_list li.mark{
	width:50px;
	height:40px;
	float:left;
}

ul.setubi_list li.icon_text{
	width:250px;
	float:left;
	height:40px;
}

div.close{
	width:100%;
	padding:20px 0;
}


/*----------- howto design ---------------*/

.how_wrapp{
	width:100%;
	padding:15px;
	margin-bottom: 20px;
	background: #eee;

}

.how_box01{
	/zoom: 1;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 15px;
	background: #fff;

}

.how_box01 p.phot_01{
	float: left;
	margin-right: 10px;
	text-align:center;
}

.how_box01 p{
	/zoom: 1;
	overflow: hidden;
}


span.how_span{
	font-size:14px;
	color:#ff7400;
}

span.no{
        font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #444;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 40px;
	line-height: 44px;
	letter-spacing: -2px;
	font-weight: bold;
}