@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2009-06-10
 * Editor:    contents yamamoto
 * Modified:  2009-06-10 by:contents yamamoto
 *
 * ***********************************************************
 */
 
/* all common
-------------------------------------------------------- */ 

/* --- flowBlock--- */ 

#main .flowBlock {
	margin: 5px auto 10px;
	width: 720px;
	background: url(../img/flow_waku02.jpg) repeat-y left top;
}

#main .flowBlock .waku {
padding: 8px 10px;
margin: 0px auto 5px;
width: 640px;
font-size: 108%;
font-weight: bold;
line-height: 120%;
	}
	
#main .flowBlock .text {
	margin: 0px auto 10px;
	width: 660px;
	}

#main .flowBlock .text02 {
	font-size: 108%;
	margin: 20px auto 10px;
	width: 660px;
	}

#main .flowBlock dl.ntt {
	margin: 0px auto;
	width: 660px;
	background: url(../common/ten.gif) repeat-x left top;
	padding-top: 5px;
	}
	
#main .flowBlock dl.ntt dt {
	color: #0C8C9E;
	}

#main .flowBlock dl.ntt dd {
	font-size: 93%;
	}
	
#main .flowBlock dl.hikitugi {
	background: #F8F7F5;
	padding: 15px;
	width: 630px;
	margin: 20px auto;
	}
	
#main .flowBlock dl.hikitugi dt {
	font-weight: bold;
	color: #996600;
	margin-bottom: 5px;
	}

#main .flowBlock dl.hikitugi dd {

	}

#main .flowBlock .foot {
	margin-top: 30px;

	}

/* =====================================================

  course change

===================================================== */

/* course common
-------------------------------------------------------- */

#course h2 {
	background: url(../img/h2_bg01.jpg) repeat-x left top;
	}

#course .checkBlock {
	background: url(../img/check_bg.jpg) repeat-y left top;
	margin: 10px 0px 35px;
}


/* course change top
-------------------------------------------------------- */

#course .checkBlock dl.inner {
	margin: 10px auto;
	width: 720px;
	}
	
	#course .checkBlock dl.inner dt {
		background: #E2EFF3 url(../img/arw_s.gif) no-repeat 8px 18px;
		padding: 10px 10px 10px 24px;
		font-size: 108%;
		font-weight: bold;
		clear: both;
		}
	
	#course .checkBlock dl.inner dd {
		padding: 15px 3px 5px 35px;
		}

	#course .checkBlock dl#q3 dd {
	border-bottom: 1px solid #C8E0E8;
	padding-bottom: 15px;
		}

	#course .checkBlock dl.inner dd .farea {
		font-size: 108%;
		font-weight: bold;
		margin-bottom: 3px;
		}
	
	#course .checkBlock dl.inner dd .farea input {
		padding:3px;
		width: 250px;
		background: #F9F9F9;
		border: 1px solid #7899B5;
		}
	
	#course .checkBlock dl.inner dd .farea02 {
		font-size: 108%;
		font-weight: bold;
		margin-bottom: 3px;
		}
	
	#course .checkBlock dl.inner dd a.forget  {
	background: url(../common/arw.gif) no-repeat left center;
	padding-left: 15px;
	float: right;
	margin-top: 10px;
		}	
		
	#course .checkBlock dl.inner dd table.typeList{
                margin-left: auto;
                margin-right: auto;
		border-collapse: collapse;
		border:1px solid #7899B5;
		margin-bottom: 10px;
	}
	
	#course .checkBlock dl.inner dd table.typeList th{
		border:1px solid #7899B5;
		text-align:center;
		color: #3F330D;
		background: #EEEEEE;
		padding: 2px;
	}
	
	#course .checkBlock dl.inner dd table.typeList th.bg02 {
	background: #E2F5FA;
	font-size: 108%;
	}	
	
	#course .checkBlock dl.inner dd table.typeList td {
		border:1px solid #7899B5;
		padding: 5px 5px 5px 15px;
		vertical-align: top;
		line-height: 100%;
	}
	
	#course .checkBlock dl.inner dd table.typeList td input {
		line-height: 100%;
		vertical-align: middle;
		margin: 4px;
		_margin: 0px;
	}
	
	#course .checkBlock ul.btn {
		text-align:center;
		width: 350px;
		margin: 0px auto;
	}
	
	#course .checkBlock ul.btn li {
		padding: 0px 5px;
		float: left;
		text-align: center;
	}
	
	#course .checkBlock ul.btn li.reset {
		padding-top: 10px;
	}

#course .forgetBlock {
	padding: 5px;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

	#course .forgetBlock h3 {
		border-bottom: 2px solid #0EAFC7;
		padding: 5px 5px 5px 30px;
		font-weight: bold;
		background: url(../img/hatena_icon.jpg) no-repeat left center;
	}
	
	#course .forgetBlock .text {
	padding: 2px;
	margin-bottom: 10px;
	font-size: 108%;
	}
	
	#course .forgetBlock .waku {
	padding: 10px 20px;
	background: #F2F2F2;
	margin-bottom: 5px;
	}
	
	#course .forgetBlock .waku a {
		background: url(../common/arw.gif) no-repeat left center;
		padding-left: 15px;
	}


/* course change kekka
-------------------------------------------------------- */

#course .checkBlock .inner02 {
	padding: 10px 15px 5px;
	margin: 10px auto;
	width: 690px;
	background: #EDF5F8;
	}

#course .checkBlock .inner02 dl {
	font-size: 108%;
	font-weight: bold;
	}
	
#course .checkBlock .inner02 dl dt {
	border-left: 5px solid #0EAFC7;
	padding-left: 10px;
	width: 240px;
	float: left;
	white-space: nowrap;
	line-height: 120%;
	margin-top: 10px;
	}

#course .checkBlock .inner02 dl dd {
	margin-left: 260px;
	color: #333399;
	line-height: 120%;
	padding-top: 10px;
	}

#course .checkBlock .inner02 .recheck {
	text-align:right;
	}

#course .checkBlock .inner02 .recheck a {
	background: url(../img/back_arw.gif) no-repeat left center;
	padding-left: 20px;
	}

#course .checkBlock .kekka {
	margin: 15px auto 5px;
	width: 720px;
	font-size: 108%;
	font-weight: bold;
	padding-bottom: 20px;
	background: url(../img/flow_arw.gif) no-repeat center bottom;
	}
	
#course .checkBlock .error {
	background: url(../common/caution_icon.jpg) no-repeat left center;
	border-top: 2px solid #FF8C00;
	border-bottom: 2px solid #FF8C00;
	padding: 15px 10px 20px 70px;
	}

#course .checkBlock .error span {
	color: #FF8C00;
	font-size: 116%;
	line-height: 145%;
	_line-height: 130%;
	_letter-spacing: -1px;
	}

#course .checkBlock .ok {
	background: url(../common/ok_icon.jpg) no-repeat left center;
	border-top: 2px solid #FF8C00;
	border-bottom: 2px solid #FF8C00;
	padding: 15px 10px 15px 70px;
	}

#course .checkBlock .ok span {
	color: #FF8C00;
	font-size: 116%;
	line-height: 145%;
	_line-height: 130%;
	_letter-spacing: -1px;
	}

#course .checkBlock .flowBlock h4 {
	clear: both;
	text-align: center;
	margin-top: 10px;
	}

#course .checkBlock .flowBlock h5 {
	border-left: 3px solid #0C8C9E;
	margin: 25px 25px 15px;
	color: #075965;
	font-weight: bold;
	font-size: 123.1%;
	padding-left: 10px;
	}
	
	#course .checkBlock .flowBlock .waku {
		background: #EAF4F4;
		border: 1px solid #D5E8EC;
		color: #075965;
		}
	
	#course .checkBlock .flowBlock .line {
		background: url(../common/ten.gif) repeat-x left top;
		padding-top: 10px;
		margin: 15px auto 0px;
		padding-left:1em;
		text-indent:-1em;
		width: 650px;
		}


/* =====================================================

  ip change

===================================================== */

#ip h2 {
	background: url(../img/h2_bg02.jpg) repeat-x left top;
	}

#ip .text01 {
	width:720px;
	margin: 20px auto;
	padding: 10px 0px;
	border-top: 2px dotted #5776AD;
	border-bottom: 2px dotted #5776AD;
	color: #194493;
	font-weight: bold;
	font-size: 123.1%;
	}

#ip .ipBlock {
	background: url(../img/ip_bg.gif) repeat-y left top;
	margin: 10px 0px 35px;
}

#ip .ipBlock .flowBlock h3 {
	clear: both;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	}

#ip .ipBlock .flowBlock h4 {
	border-left: 3px solid #FDA502;
	margin: 25px 25px 15px;
	color: #5B440F;
	font-weight: bold;
	font-size: 123.1%;
	padding-left: 10px;
	}
	
	#ip .ipBlock .flowBlock .waku {
	background: #FEF8E0;
	border: 1px solid #F9E19B;
	color: #A46B02;
		}

		
	#ip .ipBlock .flowBlock dl.ntt {
		margin: 0px auto;
		width: 660px;
		background: url(../common/ten.gif) repeat-x left top;
		padding-top: 5px;
		}
		
	#ip .ipBlock .flowBlock dl.ntt dt {
		color: #0C8C9E;
		}
	
	#ip .ipBlock .flowBlock dl.ntt dd {
		font-size: 93%;
		}
		
/* =====================================================

  service add

===================================================== */

#service h2 {
	background: url(../img/h2_bg03.jpg) repeat-x left top;
	}

#service .text01 {
	width:720px;
	margin: 20px auto;
	padding: 10px 0px;
	border-top: 2px dotted #5776AD;
	border-bottom: 2px dotted #5776AD;
	color: #194493;
	font-weight: bold;
	font-size: 123.1%;
	}

#service .serviceBlock {
	background: url(../img/service_bg.gif) repeat-y left top;
	margin: 10px 0px 35px;
}

#service .serviceBlock .flowBlock h3 {
	clear: both;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	}

#service .serviceBlock .flowBlock h4 {
	border-left: 3px solid #629723;
	margin: 25px 25px 15px;
	color: #2E3F18;
	font-weight: bold;
	font-size: 123.1%;
	padding-left: 10px;
	}
	
	#service .serviceBlock .flowBlock .waku {
	background: #EFF9DF;
	border: 1px solid #D9ECB9;
	color: #3A5915;
		}
		
/* =====================================================

  next info add

===================================================== */

#nextInfo h2 {
	padding:0px;
	margin: 10px 0px 20px;
		}

#nextInfo h3 {
	margin: 10px 0px;
		}

#nextInfo h4 {
	margin: 20px 0px 15px;
		}

#nextInfo ul.atnList {
	margin-bottom: 10px;
		}
	
#nextInfo ul.atnList li {
	margin-bottom:5px;
	font-size: 108%;
	line-height: 140%;
		}

#nextInfo ul.atnList li span {
	color: #FF3366;
	}
	
#nextInfo ul.atnList02 {
	margin-bottom: 15px;
		}
	
#nextInfo ul.atnList02 li {
	margin-bottom:5px;
	background: url(../img/en.jpg) no-repeat left top;
	padding-left: 15px;
	font-size: 108%;
	line-height: 140%;
		}
		
#nextInfo dl.yokubariInfo {
	margin-bottom:30px;
	}

#nextInfo dl.yokubariInfo dt {
	padding: 5px;
	background: #EEEEEE;
	margin-bottom: 10px;
	}

#nextInfo dl.yokubariInfo dt span {
	color: #FF3366;
	}
	
#nextInfo dl.yokubariInfo dd.txt {
	margin-bottom: 15px;
	}
	
#nextInfo dl.yokubariInfo dd table {
	width: 100%;
	margin-bottom: 10px;
	font-size: 108%;
	border-collapse: collapse;
	border: 1px solid #7899B5;
	}

#nextInfo dl.yokubariInfo dd table th {
	text-align: center;
	padding: 10px;
	background: #EEEEEE;
	border: 1px solid #7899B5;
	font-weight: bold;
	}

#nextInfo dl.yokubariInfo dd table th.side {
	font-weight: normal;
	text-align: left;
	background: #EAF0FB;
	padding-top: 7px;
	padding-bottom: 7px;
	}

#nextInfo dl.yokubariInfo dd table td {
	padding: 7px;
	border: 1px solid #7899B5;
	text-align: center;
	}

#nextInfo dl.yokubariInfo dd table .next {
	width: 165px;
	}

#nextInfo dl.yokubariInfo dd table td.next span.txt {
	display:block;
	text-align: left;
	font-size: 93%;
	line-height: 130%;
	margin-top: 5px;
	}

#nextInfo dl.yokubariInfo dd table td.next {
	background: #FFFFCC;
	}
	
#nextInfo dl.yokubariInfo dd table td.zoot {
	width: 110px;
	}
	
#nextInfo dl.yokubariInfo dd table th.next {
	background: #FF9900;
	font-weight: bold;
	color: #FFFFFF;
	}
#nextInfo .flow {
	}
/* =====================================================

  20120911　course04　doi

===================================================== */
.forgetBlock .inner {
	margin: 20px 30px;
	}

.forgetBlock .inner table {
	width: 100%;
	margin-bottom: 25px;
	font-size: 108%;
	border-collapse: collapse;
	border: 1px solid #7899B5;
	}

.forgetBlock .inner table th {
	text-align: center;
	padding: 12px;
	background: #EEEEEE;
	border: 1px solid #7899B5;
	font-weight: bold;
	}

.forgetBlock .inner table th.side {
	font-weight: normal;
	text-align: left;
	background: #EAF0FB;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.forgetBlock .inner table td {
	padding: 8px;
	border: 1px solid #7899B5;
	text-align: center;
	}

.forgetBlock .inner table .next {
	width: 165px;
	}

.forgetBlock .inner table td.next {
	background: #FFFFCC;
	}

.forgetBlock .inner table td.next span.price {
	font-weight: bold;
	color: #CC0000;
	font-size: 116%;
	}
	
.forgetBlock .inner table td.next span.txt {
	display:block;
	text-align: left;
	font-size: 93%;
	line-height: 130%;
	margin-top: 5px;
	}
	
.forgetBlock .inner table td.zoot {
	width: 110px;
	}
	
.forgetBlock .inner table th.next {
	background: #FF9900;
	font-weight: bold;
	color: #FFFFFF;
	}
	
.forgetBlock .inner h4 {
	margin-bottom:15px;
	}	
.forgetBlock .mydomain {
	}	

.forgetBlock ul.mydomain li {
	background: url(../img/en.jpg) no-repeat 0px 3px;
	padding-left: 18px;
	margin-bottom: 10px;
	line-height: 150%;
	font-size: 108%;
	}


table.typeList label {
    white-space: nowrap;
}
table.typeList span.wrapup {
    white-space: pre;
}
table.typeList th.bg02 {
    white-space: pre;
}