/* Font Setting 
--------------------------------------------------
px = percent

8 = 62
9 = 69
10 = 77
11 = 85
12 = 93 (was 93)
13 = 100
14 = 108 (was 107)
15 = 116 (was 114)
16 = 123.1 (was 122)
17 = 131 (was 129)
18 = 138.5 (was 136)
19 = 146.5 (was 144)
20 = 153.9 (was 152)
21 = 161.6 (was 159)
22 = 167
23 = 174
24 = 182
25 = 189
26 = 197
*/

/* layout
===================================================*/
/* .feature a{
color: #fff100!important;
text-decoration: underline!important;
} */

.feature a:hover{
/* color: #00b7ee!important; */
/* text-decoration: none!important; */
}

a:hover img.hoverImg{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:#FFF;
}

.float_r{ float: right;}
.float_l{ float: left;}

.t_center{ text-align:center;}
.r_center{ text-align:right;}

.mrgB60{ margin-bottom:60px!important;}

.pink{ color:#e7368e;}

.s_txt{ font-size:9px;}
.n_float{ overflow: hidden;}

/* contents
===================================================*/

#container {
	overflow:visible;
}

#contents{
	width: 984px;
	margin:0 0 30px 0;
	/* padding:22px 19px 22px 20px; */
	border: 3px solid #D0D0D0;
}


/* feature
---------------------------------------------------*/
#contents .feature{
	padding:0 0 0 0;
	/* margin:20px auto 0 auto; */
	position: relative;
	/* width:984px; */
}


#contents .feature p{
	color: #333333;
	margin: 0 0 1em 0;
	line-height: 1.6;
}


/* head
---------------------------------------------------*/
#contents .head{
	width:984px;
	height:537px;
	overflow:hidden;
	clear:both;
	overflow:hidden;
	position: relative;
	margin:20px 0 0 25px;
}

#contents .head .navi{
	position: absolute;
	left:37px;
	top:425px;
	}

.ninja_onebutton{
	padding-bottom: 0px!important;
	margin:0 20px 20px 0;
}


#contents .head .float_l h2{
	margin:0 !important;
	padding:0 !important;
}


/* article
---------------------------------------------------*/
.article{
	clear:both;
	overflow: hidden;
	position:relative;
	margin:0 0 80px 0;
	}
	
.section{
	width:910px;
	clear:both;
	margin:0 auto 40px auto;
	font-size:14px;
	position:relative;
}

.note_block{
	background:url(../images/note_bk.gif) top left repeat;
	width:908px;
	margin:0 auto;
	border:1px solid #999;
	}

.note_inn{
	padding:0 40px;
	margin:0 0 40px 0;
	}
	
.p1_read{
	width:475px;
	margin: 0 0 1em 0;
	line-height: 1.6;
	}
	
.p1_subtitle{
	margin:40px 0 30px 0;
	}
	
.p1_imgL{
	float:left;
	margin:0 30px 30px 0;
	}

.p1_imgR{
	float:right;
	margin:0 0 30px 30px;
	}
	
.p1_line{ letter-spacing:-2px; margin:0 5px 0 0;}
.p1_int{ font-weight:bold;}
.p1_irie{ font-weight:bold; color:#e6001a; margin:0 12px 0 0;}
.p1_mukai{ font-weight:bold; color:#01219a; margin:0 12px 0 0;}
.profile{ font-size:10px; width:230px; display:block; margin:8px 0 0 0; line-height:1.4;}

.note_lblock{ width:395px; float:left; margin-bottom:20px;}
.note_rblock{ width:395px; float:right; margin-bottom:20px;}

.note_com{
background:url(../images/p2_comment.gif) top left no-repeat;
width:830px;
height:83px;
clear:both;
overflow: hidden;
}

.note_com p{
color:#FFF!important;
padding:12px 15px 10px 270px;
font-size:14px;
line-height:1.4!important;
	}

.note_point{
	margin:0 0 25px 0;
	}

.note_url{
	font-size:12px;
	}

.note_date{
	margin:0 0 20px 0;
	}

.note_date .date{
	font-size:12px;
	vertical-align: middle;
	width:320px;
	padding:0 0 0 10px;
	line-height:1.4;
	}
	
.t_red{ color:#F00; margin-right:6px;}

.tag{
	position:absolute;
	top:-27px;
	left:-10px;
	}

.s_tag{
	position:absolute;
	top:-20px;
	left:-10px;
	}
	
.school_name{ margin:30px 0 0 0;}


.flow_wrapper{
	width:830px;
	height:1000px;
	margin:0 auto;
	font-size:14px;
	text-align:left;
	}
	
.flow_wrapper .head{ height:428px; position:relative; margin:0 0 20px 0;}
.flow_wrapper .head .read{width:470px; position:absolute; top:385px; left:20px;}
	
.flow_block{
	background:url(../images/note_bk.gif) top left repeat;
	width:778px;
	border:1px solid #999;
	margin:0 auto;
	}
	
.flow_step{
	margin:0 0 0 25px;
	}

.flow_step li p{
	padding:70px 20px 0 70px;
	line-height:1.3;
	}
.flow_step .step1{ width:730px; height:277px; background:url(../images/flow_step1.png) left top no-repeat;}
.flow_step .step2{ width:730px; height:259px; background:url(../images/flow_step2.png) left top no-repeat;}
.flow_step .step3{ width:730px; height:324px; background:url(../images/flow_step3.png) left top no-repeat;}
.flow_step .step4{ width:730px; height:239px; background:url(../images/flow_step4.png) left top no-repeat;}
.flow_step .step5{ width:730px; height:220px; background:url(../images/flow_step5.png) left top no-repeat;}
.flow_step .step6{ width:730px; height:165px; background:url(../images/flow_step6.png) left top no-repeat;}