@charset "Shift_JIS";


/* ---------------------------------------------- Top */
/* navi */
body.clm2 div#body div#navigation ul.college {
	padding-bottom: 5px;
	padding-left: 10px;
}

body.clm2 div#body div#localNavi div#navigation ul.category {
	background-image: url(/common/images/localnavi/ln-bg.gif);
}

/* 3column */
table.col3 {
	clear: both;
	background-image: url(/common/images/bg-bn-3.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

table.col3 p {
	margin-bottom: 10px;
}

body.clm2 table.col3 td {
	width: 239px;
	vertical-align: top;
}

body.clm2 table.col2 td h3,
body.clm2 table.col3 td h3 {
	width: 200px;
	line-height: 1.2;
}

body.clm2 table.col2 td ul,
body.clm2 table.col3 td ul {
	margin: 5px 0 0 0;
}

body.clm2 table.col2 td p.more,
body.clm2 table.col3 td p.more {
	text-align: right;
}

body.clm2 table.col2 td table.campContent p,
body.clm2 table.col3 td table.campContent p {
	line-height: 1.3;
}

body.clm2 table.col2 td table.campContent td.btm,
body.clm2 table.col3 td table.campContent td.btm  {
	height: 15px;
	border-bottom: 1px dashed #d6d6d6;
}


div#body div#content table.course {
	width: 210px;
	border-top: 1px dashed #d6d6d6;
}

div#body div#content table.course p {
	margin: 0 2px 0 2px;
}

div#body div#content table.course tr.odd th,
div#body div#content table.course tr.odd td,
div#body div#content table.course tr.even th,
div#body div#content table.course tr.even td {
	padding: 3px 0;
	height: 35px;
	background-color: #fff;
	border-bottom: 1px dashed #d6d6d6;
	vertical-align: middle;
	font-weight: normal;
}

div#body div#content table.course tr.odd th {
	background-color: #f3f7fd;
}

div#body div#content table.course tr th.grade {
	width: 45px;
	text-align: center;
}

div#body div#content table.course tr td {
	width: 36px;
	border-left: 1px dashed #d6d6d6;
	text-align: center;
}

div#body div#content table.course tr th p,
div#body div#content table.course tr td p {
	font-size: 70%;
	line-height: 1.3;
}

/* ---------------------------------------------- intermediate-e */
ul.fiveGoodness {
	margin:0 0 15px 148px;
}

ul.fiveGoodness li {
	float: left;
	width: 143px;
}

p.mobile-step {
	margin-bottom: 15px;
}
p.mobile-step span {
	display:block;
	margin:5px 0 0 0;
}

/* ---------------------------------------------- Mybook */

table.areasheet {
	border-bottom: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	margin-top:10px;
	margin-bottom:20px;
}

table.areasheet tr th,
table.areasheet tr td {
	border-top: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	padding: 2px;
}

table.areasheet td {
	padding-bottom: 0;/* ulの下マージンがあるのでマージンを0に */
}

table.areasheet td.namecell {
	border-left: none;
}

table.areasheet td.namecellNote {
	padding-top: 0;
	border-top: none;
}

table.areasheet th {
	width: 100px;
	background-color: #e8ffff;
}


/* ---------------------------------------------- test */
table.testAssetBody {
	width: 100%;
	background-color: #f4f4f4;
}

table.testAssetBody table.test {
	clear: both;
	margin: 12px 33px;
}

table.testAssetBody table.test {
	background-image: url(/college/images/bg-completiontest.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

table.testAssetBody table.test td.answer {
	vertical-align: middle;
}

table.testAssetBody table.test p.btnAnswer {
	text-align: right;
}

table td.getTest p {
	margin: 15px;
}

table td.check { vertical-align: middle; }

table td.check p {
	text-align: right;
	margin-right: 33px;
}

/* borderbtm */
body.clm2 div.borderbtm {
	padding-bottom: 5px;
	border-bottom: 1px dashed #D6D6D6;
}

/* shoplist */
table.shoplist {
	margin-left: 22px;
}


div#wrapper div#body div#content table.sample_step tr td {
	padding: 0 0 0 15px;
}

div#wrapper div#body div#content table.sample_step tr td p {
	margin-bottom: 10px;
}



/* === Clear Fix List === */
dl.gainMile:after,
dl.exchengedays:after,
ul.fiveGoodness:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

dl.gainMile,
dl.exchengedays,
ul.fiveGoodness {
	display: inline-table;
	min-height: 1%;
}

/* for macIE \*/
* html dl.gainMile,
* html dl.exchengedays,
* html ul.fiveGoodness {
	height: 1%;
}

dl.gainMile,
dl.exchengedays,
ul.fiveGoodness {
	display: block;
}

/* end of for macIE */




/*==================================================
	2008.08.20
==================================================*/

/* トップ
-------------------------------------------------*/
div#practice{
padding:20px 0 30px 15px;
font-size:100%;
}
/*clearfix*/
#practice:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
#practice {zoom:1;}

div#stepArea{
width:670px;
margin-top:15px;
position:relative;
background:#ffffff url(/college/images/bg_step1.jpg) no-repeat 0 0;
zoom:1;
}
div#stepArea img.mileback {
position:absolute;
right:-20px;
top:6px;
}
/*clearfix*/
#stepArea:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
#stepArea {zoom:1;}

div#stepArea .step1 {
float:left;
width:220px;
min-height:164px;
height:auto !important;
height:164px;
background:url(/college/images/bg_step1cont.jpg) no-repeat 0 46px;
border-bottom:2px solid #c9dee3;
}
div#stepArea .step1 .cont {
padding-left:12px;
padding-bottom:10px;
background:#eef7fe url(/college/images/bg_step1cont.jpg) no-repeat left top;
}
div#stepArea .step1 .cont p {
padding-right:10px;
}
div#stepArea .step1 .cont .btn {
padding:20px 0 0;
_padding-top:18px;
text-align:center;
}
div#stepArea .step1 .cont .attention {
width:auto;
padding-right:10px;
font-size:62%;
color:#ff0000;
}


div#stepArea .step2 {
float:right;
width:420px;
min-height:164px;
height:auto !important;
height:164px;
background:url(/college/images/bg_step2.jpg) no-repeat left top;
border-bottom:2px solid #f6d69d;
}
div#stepArea .step2 .cont {
padding-left:12px;
background:#fffbef url(/college/images/bg_step2cont.jpg) no-repeat left top;
}
div#stepArea .step2 .cont p {
padding-right:108px;
}
div#stepArea .step2 .cont .btn {
margin:6px 0 2px;
text-align:center;
}
div#stepArea .step2 .cont .attention {
width:auto;
padding-right:10px;
font-size:62%;
color:#ff0000;
}


/* STEP.1
-------------------------------------------------*/
/*flow 1*/
.pStep1 .flow1 {
padding:13px 20px 13px 13px;
border:3px solid #bcd7e4;
}
/*clearfix*/
.pStep1 .flow1:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
.pStep1 .flow1 {zoom:1;}

.pStep1 .flow1 .left {
float:left;
}
.pStep1 .flow1 .right {
float:right;
width:380px;
text-align:left;
}

.pStep1 .pArrow {
margin-bottom:5px;
text-align:center;
}

/*flow 2*/
.pStep1 .flow2 {
margin-bottom:0;
padding:20px;
border:3px solid #bcd7e4;
text-align:center;
}

/*flow 3*/
.pStep1 .flow3 h3 {
padding:3px 0;
background-color:#bcd7e4;
text-align:center;
}
.pStep1 .flow3 .left {
padding-bottom:5px;
float:left;
min-height:345px;
width:335px;
height:auto !important;
height:345px;
border:3px solid #bcd7e4;
}
.pStep1 .flow3 .left .img {
margin-top:1em;
margin-bottom:8px;
text-align:center;
}
.pStep1 .flow3 .left .txt {
padding:0 19px;
}
.pStep1 .flow3 .right {
float:right;
width:335px;
min-height:350px;
height:auto !important;
height:350px;
border:3px solid #bcd7e4;
}
.pStep1 .flow3 .right h3 {
width:335px;
}
.pStep1 .flow3 .right p {
padding:0 15px;
}
.pStep1 .flow3 .right p.img {
padding-top:30px;
padding-bottom:25px;
}

/*flow 4*/
.pStep1 .flow4 {
margin-bottom:25px;
padding:3px 0 3px 0;
position:relative;
border:3px solid #bcd7e4;
}
.pStep1 .flow4 .mileget {
position:absolute;
top:-7px;
left:156px;
}
.pStep1 .flow4 h3,
.pStep1 .flow4 p {
padding-left:270px;
}
.pStep1 .flow4 h3 {
margin-bottom:0;
}

.goNextp {
text-align:center;
}


/* STEP.1 Sub
-------------------------------------------------*/
body#attentionL {
	background-image: url(/college/images/bg-body-attentionL.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

body#attentionL div#wrapper {
	margin: 43px auto 5px auto;
	width: 760px;
	border: 1px solid #DBDBDB;
}

body#attentionL div#wrapper div#body,
body#attentionL div#wrapper div#body div#content {
	width: auto !important;
	margin-bottom: 0 !important;
	min-height: 0 !important;
}

* html body#attentionL div#wrapper div#body { height: 0; }

body#attentionL div#footer {
	background-image: none;
	width: 470px;
	height: auto;
}

body#attentionL div#footer address { padding-bottom: 0; }

body#attentionL h1 {
	background-image: url(/store/images/h1-bg-shopping.jpg);
	margin: 22px 15px 15px 15px;
	background-repeat: repeat-x;
	background-position: left top;
}

body#attentionL .pStep1sub #content {
margin:20px;
}

.pStep1sub div.mybookCategory {
background-color:#F7FAF4;
border:1px solid #D7E5E5;
margin:0px 0px 10px;
padding:18px;
}
.pStep1sub div.mybookCategory .mbLeftBox {
float:left;
width:292px;
}
.pStep1sub div.mybookCategory .mbRightBox {
float:right;
margin:0px;
padding:0px;
width:363px;
}
.pStep1sub div.mybookCategory table {
background:#FFFFFF none repeat scroll 0% 0%;
border:1px solid #D5D5D5;
font-size:70%;
line-height:1.5;
margin:10px 0px 0px;
width:100%;
}
.pStep1sub div.mybookCategory table tr th, div.mybookCategory table tr td {
border:1px solid #D5D5D5;
padding:2px;
}
.pStep1sub div.mybookCategory table th {
background-color:#E8FFFF;
width:98px;
}
.pStep1sub .floatReset {
clear:both;
font-size:0px;
height:0px;
line-height:0px;
}
.pStep1sub .btnSingle {
margin:20px 0;
}

/* STEP.2
-------------------------------------------------*/
p.mile_s {
	font-size: 80%;
	color: #ff0000;
	font-weight: bold;
	letter-spacing: -0.05em;
}
.pStep2 .backset {
	margin:0 0 0 107px;
}
/*clearfix*/
.pStep2 .backset:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
.pStep2 .backset {zoom:1;}

.pStep2 .ll,
.pStep2 .lr,
.pStep2 .rr {
width:220px;
}
.pStep2 .ll h3,
.pStep2 .lr h3,
.pStep2 .rr h3 {
margin-bottom:0;
}
.pStep2 .ll {
margin-right:45px;
float:left;
}
.pStep2 .lr {
float:left;
}
.pStep2 .rr {
float:right;
}
.pStep2 .change {
padding-bottom:15px;
margin:0 10px;
border-bottom:2px dotted #e2e2e2;
}
.pStep2 .last {
padding-bottom:5px;
border-bottom:none;
}
.pStep2 .change p {
text-align:center;
}
.pStep2 .cont {
min-height:420px;
height:auto !important;
height:420px;
border-right:2px solid #e2e2e2;
border-bottom:2px solid #e2e2e2;
border-left:2px solid #e2e2e2;
}
.pStep2 .change .ttl {
padding-top:12px;
font-weight:bold;
}
.pStep2 .change .banner {
padding:6px 0;
}
.pStep2 .change .banner img {
border:1px solid #7f7f7f;
}
.pStep2 .change .rate {
font-weight:bold;
font-size:90%;
color:#1196f3
}
.pStep2 .change .mile {
margin-bottom:15px;
font-weight:bold;
font-size:85%;
color:#ff0000;
}
.pStep2 #box_att {
padding:25px 0;
}
.pStep2 ul.attentionlist {
margin: 0 0 5px 0;
padding: 0px;
}
.pStep2 ul.attentionlist li {
margin-top: 3px;
margin-left:5px;
padding: 0 0 0 10px;
font-size: 70%;
line-height: 1.4;
list-style: none;
background: url(/college/images/listbg.gif) no-repeat;
background-position: 0 7px;
}


/* STEP.2 Sub
-------------------------------------------------*/
.pStep2sub .attention {
margin:145px 0 210px;
font-size:88%;
color:#ff0000;
text-align:center;
}

.pStep2sub .btnSingle {
margin-bottom:15px;
}



/* areaParticipate
-------------------------------------------------*/
td.elementL {
	text-align:left !important;
}
.areaParticipate {
	clear:both;
	width:687px;
	margin:0 0 0 13px;
	padding:18px 0 0 0;
	background:url(../images/areaParticipate_bg01.gif) no-repeat 0 0;
}
.areaParticipate .innerSection {
	background:url(../images/areaParticipate_bg02.gif) repeat-y 0 0;
}
.areaParticipate .bottomBg {
	min-height:554px;
	padding:0 13px 13px 13px;
	background:url(../images/areaParticipate_bg03.gif) no-repeat left bottom;
}
* html .areaParticipate .bottomBg {/* forIE6 */
	min-height:567px;
	height:auto !important;
	height:567px;
}
.areaParticipate .bottomBg .areaTitle {
	margin:0 0 12px 0;
}
.areaParticipate .bottomBg .areaTitle li.areaLeft {
	float:left;
}
.areaParticipate .bottomBg .areaTitle li.areaRight {
	float:right;
}
.areaParticipate .bottomBg .areaStep1 {
	margin:0 0 15px 0;
	padding:0 0 0 5px;
}
.areaParticipate .bottomBg .areaStep1 p {
	margin:0 0 12px 0;
}
.areaParticipate .bottomBg .areaStep1 ul li.areaLeft {
	float:left;
}
.areaParticipate .bottomBg .areaStep1 ul li.areaRight {
	float:right;
}
.areaParticipate .bottomBg .areaStep2 {
	clear:both;
	padding:0 0 0 5px;
}
.areaParticipate .bottomBg .areaStep2 .columnTwo {
	margin:0 0 7px 0;
}
.areaParticipate .bottomBg .areaStep2 .columnTwo .areaLeft {
	float:left;
	width:492px;
}
.areaParticipate .bottomBg .areaStep2 .columnTwo .areaRight {
	float:right;
	width:149px;
}
.areaParticipate .bottomBg .areaStep2 .columnTwo .areaLeft ul li {
	float:right;
	width:170px;
	font-size:60%;
}
.areaParticipate .bottomBg .areaStep2 .columnTwo .areaLeft ul li.areaBt {
	float:left;
	width:320px;
	font-size:0;
}
.areaParticipate .bottomBg .areaStep2 .columnThree {
	clear:both;
}
.areaParticipate .bottomBg .areaStep2 .columnThree li {
	float:left;
}
.areaParticipate .bottomBg .areaStep2 .columnThree li.areaLeft {
	width:203px;
}
.areaParticipate .bottomBg .areaStep2 .columnThree li.areaCenter {
	width:249px;
}
.areaParticipate .bottomBg .areaStep2 .columnThree li.areaRight {
	width:203px;
}
.areaParticipate .bottomBg .areaStep2 .columnThree li p {
	margin:10px 0 0 0;
	font-size:90%;
}
.areaParticipate .bottomBg .areaStep2 .columnThree li p.followMe {
	margin:19px 0 0 14px;
}
.areaParticipate .bottomBg .areaStep2 .columnThree li p.completeTxt {
	margin:30px 0 0 0;
	text-align:center;
	font-size:0;
}


/* Clearfix Property */
.areaParticipate .bottomBg .areaTitle:after,
.areaParticipate .bottomBg .areaStep1 ul:after,
.areaParticipate .bottomBg .areaStep2 .columnTwo:after,
.areaParticipate .bottomBg .areaStep2 .columnTwo .areaLeft ul:after,
.areaParticipate .bottomBg .areaStep2 .columnThree:after,
#Iinemile_main_area dl.step2:after,
#Iinemile_main_area dl.step1:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	line-height:0;
	visibility:hidden;
}

.areaParticipate .bottomBg .areaTitle,
.areaParticipate .bottomBg .areaStep1 ul,
.areaParticipate .bottomBg .areaStep2 .columnTwo,
.areaParticipate .bottomBg .areaStep2 .columnTwo .areaLeft ul,
.areaParticipate .bottomBg .areaStep2 .columnThree,
#Iinemile_main_area dl.step2,
#Iinemile_main_area dl.step1{
	zoom:1;
}

/*-----D_iinemile-20120924---------------------------------------------------------------------------------*/
#Iinemile_main_area{
	margin:0 15px 10px;
	padding:0;
	background:#666666;
	background:url("/college/advanced/images/Iinemile_bg.jpg") no-repeat;
}
#Iinemile_main_area img{
	margin:0;
	padding:0;
}
#Iinemile_main_area ul{
	margin:0 auto;
	padding:0;
	background:url("/college/advanced/images/Iinemile_box.png") no-repeat;
	height:349px;
	width:653px;
}
#Iinemile_main_area dl.step1{
	padding:0 0 0 100px;
}
#Iinemile_main_area dl.step1 dd{
	margin:8px 0 0 37px;
	font-size:10px;
}
#Iinemile_main_area dl.step1 dd img{
	margin:0 0 5px;
}
#Iinemile_main_area dl.step1 dd a{
	color:#e4007f;
}
#Iinemile_main_area dl.step2{
	padding:18px 0 0;
}
#Iinemile_main_area dl.step2 dt{
	float:left;
	width:50%;
}
#Iinemile_main_area dl.step2 dt p{
	font-size:12px;
	padding:10px 0 0 18px;
}
#Iinemile_main_area dl.step2 dd{
	float:left;
	width:49%;
	text-align:right;
	margin:16px 0 0 ;
	*margin:15px 0 0 ;
	margin:16px 0 0 \9;
}