@charset "UTF-8";

#grdall-contents .grdbase-all-s {
	border: none;
	width: 928px;
	font-family:meiryo,hirakakupro-w3,Verdana,arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
li {
	list-style:none;
	margin:0;
	padding:0;
}
.list_link {
	background:url(../images/arrow_01.png) no-repeat 0 4px;
	padding-left:20px;
}
a:link { color: #333;
text-decoration:underline;
}
a:visited { color: #333;
text-decoration:underline;
}
a:hover { color: #333;
text-decoration:none;
}
a:active { color: #333;
text-decoration:underline;
}
.m_b20 {
	margin-bottom:20px;
}
.ct {
	text-align:center;
}
.t_big {
	font-size:18px;
}
.t_red {
	color:#cc0000;
}

/* gnav
------------------------------------------- */
#gnav {
	height: 62px;
	background:#fff;
	border-bottom:#048adf 12px solid;
}
#gnav h1.howto_01{
	float:left;
	width:459px;
}
#gnav h1.howto_02{
	float:right;
	width:459px;
}

/* snav
------------------------------------------- */
.snav {
	background:#048adf;
	padding:18px 30px 20px 30px;
	overflow:hidden;
}
.snav li {
	height:56px;
	float:left;
	margin-right:20px;
}
.snav li.last {
	margin:0;
}

/* detail
------------------------------------------- */

#detail {
	background: url(../images/bg.png) repeat-y;
	color:#333;
	font-size:14px;
	line-height:1.6;
	padding:10px 0 40px 0;
}
#detail h2 {
	text-align:center;
	margin:30px 0 20px 0;
}

.detail_inner {
	width:828px;
	margin:0 auto;
	overflow:hidden;
}
.inner_img {
	vertical-align:middle;
	margin:0 5px;
}
.colum_box {
	overflow:hidden;
	margin-top:20px;
}
.colum_box dl {
	width:404px;
	margin-right:20px;
	float:left;
}
.colum_box dl.last {
	margin:0;
}

.colum_box dt {
	text-align:center;
	color:#fff;
	font-weight:bold;
	background:#1cb4a1;
	font-size:16px;
	padding:10px;
	-webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
	-moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;  
	border-top-left-radius: 5px;  
    border-top-right-radius: 5px;  
}
.colum_box dd {
	background:#fff;
	padding:20px 20px 0 20px;
	-webkit-border-bottom-left-radius: 5px;  
    -webkit-border-bottom-right-radius: 5px;  
	-moz-border-radius-bottomleft: 5px;  
    -moz-border-radius-bottomright: 5px;  
	border-bottom-left-radius: 5px;  
    border-bottom-right-radius: 5px;  
}
.colum_box_inner {
	overflow:hidden;
	height:155px;
}
.img_fl {
	float:left;
	width:100px;
	text-align:center;
}
.img_fr {
	float:right;
	width:264px;
}

.ore_box {
	background:#ffe8bd;
	-webkit-border-radius: 5px;   
    -moz-border-radius: 5px;  
    border-radius: 5px;
	padding:20px;
	margin-bottom:20px;
}
.ore_box h3 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
.ore_box li {
	background:url(../images/arrow_01-16.png) no-repeat 0 8px;
	padding-left:15px;
}

.bl_box {
	width:828px;
	margin:20px auto 0 auto;
}
.bl_box_inner {
	padding:15px 20px 20px 20px;
	background:url(../images/bg_box_b.png) no-repeat bottom;
	overflow:hidden;
}
.bl_box h3 {
	color:#11abed;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
.bl_box dt {
	background:url(../images/arrow_01-16.png) no-repeat 0 8px;
	padding-left:15px;
	width:12em;
	float:left;
}
.bl_box dd {
	float:left;
	width:590px;
	padding-left: 1em;
  text-indent: -1em;
}


.fl_l {
	float:left;
	width:508px;
}
.fl_r {
	float:right;
	width:294px;
}

.pagetop {
	text-align:right;
	margin:20px 20px 0 0;
}