@charset "utf-8";
/* Reset
--------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	font-size: 100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}
html{
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
}
blockquote,q{
	quotes: none;
}
blockquote:before,blockquote:after,
q:before,q:after{
	content: '';
	content: none;
}
input,textarea{
	margin: 0;
	padding: 0;
}
ol,ul{
	list-style:none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th{
	text-align: left;
}
a:focus{
	outline: none;
}
/*buttonタグのスタイル消し*/
button {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}
/*inputタグアクティブ時のスタイル消し*/
input:focus {
    border:solid none;
    outline: none;
}
/*buttonタグクリック時のスタイル消し*/
button:focus {
    border:solid none;
    outline: none;
}
/*ボタンホバー処理*/
.button:hover{
  opacity: 0.8;
}
/*imgタグの横幅設定*/
img {
	width:100%;
}
/* Basic
--------------------------------------------------------------*/
body{
	height:100%;
	line-height:1.6;
	color:#333;
	font-family: "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:13px;
	background-image:url(/benesse/common/img/page_bg.gif)
}
/* Link
--------------------------------------------------------------*/
a{
	color:#45b0e3;
	text-decoration:none;
	vertical-align: baseline;
}
a:hover{
	text-decoration:none;
}
/* display
--------------------------------------------------------------*/
.disNone{display: none;}
.disBlock{display: block;}
.disInline{display: inline;}
/* margin padding
--------------------------------------------------------------*/
.mb0 {margin-bottom: 0;}
.mb5 {margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}

.mt0 {margin-top: 0;}
.mt5 {margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}

.mr0 {margin-right: 0;}
.mr5 {margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr55{margin-right: 55px;}

.ml0 {margin-left: 0;}
.ml5 {margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml55{margin-left: 55px;}

.pb0 {padding-bottom: 0;}
.pb5 {padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
.pb55{padding-bottom: 55px;}

.pt0 {padding-top: 0;}
.pt5 {padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt55{padding-top: 55px;}

.pr0 {padding-right: 0;}
.pr5 {padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}
.pr55{padding-right: 55px;}

.pl0 {padding-left: 0;}
.pl5 {padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl55{padding-left: 55px;}
/*text-align
--------------------------------------------------------------*/
.txtl {
	text-align:left;
}
.txtr {
	text-align:right;
}
.txtc {
	text-align:center;
}
/*font
--------------------------------------------------------------*/
.fwb{
	font-weight: bold;
}
/*float
--------------------------------------------------------------*/
.fl{
  float: left;
}
.fr{
  float: right;
}
.fn{
	float: none;
}
/* clearfix
--------------------------------------------------------------*/
.clearfix{display: inline-block;}
.clearfix:after{content: "."; clear: both; display: block; visibility: hidden; height: 0; line-height: 0;}
/* MacIE \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* end MacIE */