@charset "utf-8";
/* CSS Document */
/* Common ******************/
body{
	margin:0;
	padding:0;
	color:#333333;
	font-size  : 13px;
	font-family : "Meiryo",ＭＳ Ｐゴシック,Osaka, sans-serif;	
	line-height: 170%;
	background-color :#FFFFFF;
}
form{
	text-align:left;
	margin:0;
	padding:0;
}
img{
	border:0px;
}
strong{
color:#A48E5B;
}

hr{
    border: 1px #7D7D7D dotted; 
    height: 1px;
    clear :both ;
    margin-top :3px;
    margin-bottom :0;
}

#wrapper{
width:800px;
background-color:#FFFFFF;
}
.clear{
clear : both ;
}

.red{
color : #FF0000;
}
.bigred{
color : #FF0000;
font-size :14px;
text-align:right;
}
.biggreen{
color : #1D6868;
font-size :14px;
font-weight:bold;
}

.smallred{
color : #FF0000;
font-size :11px;
}
.blue{
color : #0A4E98;
font-weight:bold;
}
.grey{
color : #707070;
}
/* Link *****************/

a:link,a:visited{
	color:#22539C;
	text-decoration:none;
}
a:hover,a:active{
	color:#22539C;
	text-decoration:underline;
}
/*approach************************************************/
.center{
    text-align: center ;
}
.right{
    text-align: right ;
}
.left{
    text-align: left ;
}
.space{
    margin-top: 10px ;
    margin-bottom: 10px ;
}
.space2{
    margin-top: 10px ;
}
.space3{
    margin-bottom: 10px ;
}
.bnicon{
    margin-bottom: 3px ;
    margin-top: 3px ;
}
.icon{
    vertical-align:middle;
    margin-right:5px;
}

/* header ************************************************/
#header{
	width:800px;
    font-size :11px;
}

#header #logo{
	float :left ;
    margin-top :13px;
    margin-bottom :13px;
}
#header #logo h1{
	margin:0;
	padding:0;
    display:block;
}


#header #text{
	float :right ;
}

/* footer ************************************************/
#footer{
	width:800px;
    padding-top :15px;
}
#footer2{
	width:800px;
    height :50px;
    font-size :11px;
    padding-top :15px;
}
#footer2 .border{
	border-top:5px solid #0C1534;
    margin-bottom :0;
}
#footer2 .linkspace{
	margin-top:5px;
	font-size :11px;
    text-align :left;
    margin-left :10px;
    float:left ;
}
#footer2 .copyright{
    margin-right :15px;
    float:right ;
    margin-top :15px;
}


/* content ************************************************/
#lwrapper{
    width:770px;
    text-align:left;
    background-color:#0E57AB;
    padding:0 15px 15px 15px;
}
#lwrapper p{
    margin:0;
}
#lwrapper a:link{
	color:#FFFFFF;
	text-decoration:none;
}
#lwrapper a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#lwrapper a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#lwrapper a:active{
	color:#FFFFFF;
	text-decoration:underline;
}
#content{
    width:770px;
    text-align:left;
    padding:15px 15px 0 15px;
	font-size  : 13px;
	line-height: 170%;
}
#content .section{
    margin-bottom:15px;
}
#content .section .button{
    margin-right:24px;
}
/* table ************************************************/
.commontable{
border-collapse:collapse;
border-top:dotted 1px #BCBCBC;
border-left:dotted 1px #BCBCBC;
}
.commontable th{
border-bottom:dotted 1px #BCBCBC;
border-right:dotted 1px #BCBCBC;
font-weight:normal;
text-align:left;
padding:6px;
background-color :#E7EEF5;
color :#11498B;
}
.commontable td{
border-bottom:dotted 1px #BCBCBC;
border-right:dotted 1px #BCBCBC;
padding:6px;
line-height:1.4;
}
.commontable strong{
color:#0A4E98;
}
/*top_button************************************************/
#topreturn{
    font-size :11px;
    text-align :right ;
    margin-top :8px;
}
#topreturn img{
    margin-right :8px;
    vertical-align:middle;
}

/*qbox************************************************/
.l_qbox{
float:left;
width:185px;
margin-right:10px;
}
.r_qbox{
float:right;
width:185px;
}
.linebox{
border-right:1px solid #FFFFFF ;
border-left:1px solid #FFFFFF ;
border-bottom:1px solid #FFFFFF ;
padding:0 1px 1px 1px;
}
.m_contentbox{
background-color:#FFFFFF ;
padding:10px 8px 5px 8px;
}


.m_contentbox img{
margin-bottom:2px;
}
/* commontitle ************************************************/
.commontitle{
background-image:url(img/bg_commontitle.jpg);
background-repeat:no-repeat;
width:770px;
height:37px;
margin-bottom:10px;
}
.commontitle h2{
text-align:left;
font-size:18px;
color:#133F7A;
padding:10px 0 0 30px;
}
/* buttonback ************************************************/
.buttonback{
background-color:#EDEDED;
text-align:center;
padding:25px 25px 25px 25px;
}
.buttonback2{
background-color:#EDEDED;
text-align:center;
padding:10px;
}
.buttonback .mbutton,
.buttonback .mbutton{
margin-right:24px;
}

/*******追加分******/
p.cap
{
padding-left:13px;
text-indent:-13px;
margin:0 0 0 0 !important;
}

.voicebox_photo{
float:left;
width:120px;
}
.voicebox{
float:right;
background-color:#FFFFCC;
width:630px;
height:150px;
padding:10px;
}

.coursebox_l{
float:left;
margin:0 9px 0 0;
width:250px;
}

.coursebox_r{
float:right;
}

.coursebox_middle{
border:1px solid #DFDFDF;
padding:10px;
width:228px;
height:500px;
}

.greybox_width{
width:570px;
margin:0 auto;
}

.iconbox_l{
width:230px;
float:left;
margin-right:20px;
}
.iconbox_m{
float:left;
}
.iconbox_r{
width:150px;
float:right;
}

p.listsub
{
  margin:0 0 5px 0 !important;
  padding:1px 0 2px 14px;
  line-height:1.5em;
  background:url(img/icon_list.gif) no-repeat 0 6px;
  font-weight:bold;
  /*color:#FF6666;*/
}

.l_button
{
  float:left;
  margin:0;
  padding:0;
  width:450px;
}

.l_button img
{
  margin-bottom:1px;
}
.r_photo
{
  float:right;
  margin:0;
  padding:0;
  width:300px;
}