/***************************************************************
　免トルネット
***************************************************************/

@charset "Shift-JIS";

/***************************************************************
　合宿免許って何だろう？　/readme/
***************************************************************/


#main {
	float:left;
	margin:0 10px;
	width:670px;
}


#main_body {
	border:0px!important;
	clear:both;
	margin:10px 0 0;
	padding:0!important;
	width:670px!important;
}

#main_body .line{
	border:1px solid #999999;
	padding: 20px 20px 20px 20px;
	margin-bottom:20px;
	overflow:hidden;
}

#main_body .framephone {
background:#FFFCCC none repeat scroll 0 0;
border:1px solid #CCCCCC;
font-weight:bold;
margin:0 0 3px;
padding:4px;
text-align:center;
width:320px;
}


p.phone {
color:#FF0000;
font-size:120%;
}

p.txtright{
    text-align:right;
}

.red{
    color:red;
}

.font-b{
    font-weight:bold;
}

.cap{
    font-size:0.9em;
}

.cap2{
    font-size:0.9em;
	margin-bottom:20px;
	}
	
.hyo-cap{
    font-size:0.8em;
}


/***************************************************************
基本部分
***************************************************************/
#main_body h4{
background:transparent url(/images/menkyoh4.jpg)no-repeat scroll 0 0;
clear:both;
color:#666666;
font-size:1em;
height:27px;
margin:0 0 10px;
padding:12px 0 0 22px;
}

#main_body h5 {
clear:both;
font-size:0.9em;
color:#666666;
height:24px;
margin:0 0 5px;
padding:3px 0 0 20px;
background:url(/images/menkyoh5.jpg) 0 0 no-repeat;
}

/*h下 写真無しテキスト用*/
#main_body .h4text {
font-size:0.9em;
padding-bottom:20px;
padding-top:0;
}

#main_body .h4text-clb {
clear:both;
padding-bottom:20px;
padding-top:15px;
font-size:0.9em;
}

#main_body .h4text-clb li {
	list-style:none;
}

#main_body .h4text-nom {
font-size:0.9em;
padding-top:0;
}


/*h5 写真無しテキスト用*/
#main_body .h5text{
font-size:0.9em;
width:auto;
margin-bottom:10px;
}

/*h5 大写真有りテキスト用*/
#main_body .h5text2{
font-size:0.9em;
width:320px;
margin-bottom:10px;
float:left;
}


/*メリットボックス dl*/
.midashi{
background:transparent url(/images/h2_readme.gif) no-repeat scroll 0 0;
clear:both;
color:#FF4B10;
margin:0 0 3px;
padding:0 0 0 20px;
margin-top:15px;
}


#main_body dd {
font-size:0.9em;
margin-left: 20px;
margin-bottom:5px;
}

#main_body dd ul{
margin-left: 25px;
margin-bottom:5px;
}

.link {
background-image:url(../images/arrow_go_school.gif);
background-position:0 4px;
background-repeat:no-repeat;
color:#FF4B10;
margin-bottom:20px;
padding:0 0 0 12px;
text-decoration:underline;
}

.point {
background-image:url(../images/arrow_go_school.gif);
background-position:0 4px;
background-repeat:no-repeat;
color:#000000;
margin-bottom:20px;
padding:0 0 0 12px;
}

dd.mochi {
background-position:0 4px;
background-repeat:no-repeat;
color:#000000;
margin-bottom:20px;
padding:0 0 0 12px;
text-decoration:underline;
}

.photo-box {
float:left;
color:#000000;
margin-bottom:20px;
width:280px;
}

.photo-box2 {
float:left;
color:#000000;
margin-bottom:20px;
width:460px;
}

.qus {
color:#084B99;
font-weight:bold;
margin-left: 20px;
font-size:0.9em;
}

.ans {
margin-bottom:15px !important;
margin-left: 20px;
font-size:0.9em;
}

dd.box-r {
float:right;
}

.back {
margin-left:20px;
font-size:0.9em;
margin-bottom:15px;
}




.point-s {
background-image:url(../images/arrow_go_school.gif);
background-position:0 4px;
background-repeat:no-repeat;
color:#000000;
margin-bottom:5px;
padding:0 0 0 12px;
font-size:0.9em;
}

.text-s {
margin-left:20px;
margin-bottom:15px;
font-size:0.9em;
}



/***************************************************************
テーブル部分
***************************************************************/

#main_body table {
clear:both;
width:100%;
margin-bottom:15px;
}

#main_body th {
background-color:#3284D8;
color:#FFFFFF;
text-align:center;
font-weight:normal;
white-space:nowrap;
}

#main_body th, #main_body td {
padding:5px 10px;
}

#main_body td {
background-color:#EEEEEE;
}



/*かずのりくんボックス用*/
#main_body .mame_box{ 
background:#FFFFCC url(/readme/im/mame_foot.jpg) no-repeat scroll center bottom;
float:left;
margin:15px 0;
padding-bottom:13px;
width:570px;
}

#main_body .mame_title{ 
background:transparent url(/readme/im/mame_head.jpg) no-repeat scroll 0 0;
color:#FFFFFF;
height:27px;
padding:4px;
width:570px;
}
 
#main_body .mame_text{ 
font-size:0.9em;
padding:0 15px;
}


#main_body .kazunori {

float:right;
width:100px;
margin-top:14px;
}



/***************************************************************
サイドメニュー
***************************************************************/


p.menutop{
background:transparent url(/images/menu_blue.jpg) no-repeat scroll 0 50%;
border-top:1px solid #FFFFFF;
color:#FFFFFF;
cursor:pointer;
font-size:14px;
font-weight:bold;
height:23px;
margin-bottom:0;
padding-top:5px;
text-indent:15px;
}

.menutop a {
color:#FFF;
font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
text-decoration:none;
}

.menutop a:hover{color:#FF0000;}






#readme .framephone {
width: 320px;
border: 1px solid #ccc;
background: #fffccc;
text-align: center;
font-weight: bold;
padding: 4px;
margin: 0 0 3px 0;
}

#readme p.phone {
font-size: 120%;
color: #FF0000;
}

/***************************************************************
お支払ロッピ
***************************************************************/

ol.loppi {
width: 530px;
font-size: 0.9em;
padding: 0;
margin: 0;
clear: both;
}

ol.loppi li {
float: left;
width: 110px;
list-style: none;
margin: 0 0 5px 0;
}

ol.loppi li.arrow {
width: 30px;
text-align: center;
margin-top: 30px;
}

ol.loppi li.arrow2 {
width: 30px;
text-align: center;
margin-top: 10px;
}

ol.loppi li.txt {
width: 500px;
padding-bottom: 10px;
}

ol.postoffice {
width: 530px;
font-size: 0.9em;
padding: 0;
margin: 0;
clear: both;
}

ol.postoffice li {
float: left;
width: 110px;
list-style: none;
margin: 0 0 5px 0;
}

ol.postoffice li.arrow {
width: 30px;
text-align: center;
margin-top: 40px;
}

ol.postoffice li.txt {
width: 390px;
padding-top: 10px;
}

table.pass td {
width: 620px;
background: #fff;
}

table.pass td img {
float: left;
margin: 0 10px 0 0 ;
}


p.imgLeft img {
float: left;
margin: 0 10px 20px 0;
}

p.imgLeft img {
float: left;
margin: 0 10px 5px 0;
}

p.imgRight img {
float: right;
margin: 0 0 20px 10px;
}

p.imgRight img {
float: right;
margin: 0 0 5px 10px;
}

.width628 {
width: 628px;
clear: both;
}

.qaLeft {
float: left;
width: 118px;
margin: 0 0 20px 0;
}

.qaRight {
float: right;
width: 510px;
margin: 0 0 20px 0;
}



#readme dl.qa {
margin: 0;
}

#readme dl.qa dd {
margin: 0;
padding: 0 0 5px 0;
}

#readme dl.flow {
width: 540px;
margin: 0;
border: 1px solid #99CC66;
}

#readme dl.flow dt {
padding: 4px;
text-align: center;
background-color: #E0F0D1;
border-bottom: 1px solid #99CC66;
}

#readme dl.flow dd {
margin: 0;
padding: 4px;
text-align: center;
}

#readme .flowarrow {
width: 540px;
margin: 15px 0;
text-align: center;
}

#readme ul.listNone {
margin: 0;
clear: both;
}

#readme ul.listNone li {
list-style: none;
}

.mb5{ 
	margin-bottom:5px;
	}

/***************************************************************
　文字の装飾
***************************************************************/

.point_a {
font-weight:bold;
color:#FF6633;
}


.point_b {
font-weight:bold;
}

.point_c {
color:#FF6633;
}

/***************************************************************
　pay.html用
***************************************************************/

#main_body .readme {
background:transparent url(/readme/im/readme_pay_bg.jpg) no-repeat scroll 0 0;
width: 677px;
height:280px;
margin: 0 0 10px 0;
}

p.readme_l {
width: 450px;
font-size:0.9em;
margin: 10px 0 0 0;
}

.payment_link {
width: 450px;
margin: 0 0 0 0;
padding: 10px 0 0 20px;
}

.pay_menu {
float:left;
width: 210px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
}