@charset "utf-8";
/* --------------------------------------------------
	base.css
-------------------------------------------------- */
	
/* link
------------------------------ */
a {
	overflow:hidden;
	color:#0066CC;
}
a:link, a:visited {
	text-decoration:underline;
}
a:hover, a:active {
	text-decoration:none;
	opacity:0.8;
}

/* ロールオーバー画像
-------------------------------------------------- */
a img:link,
a img:visited {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
/*a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}*/
input[type="image"] {
	background: #FFF;
}
/*input[type="image"]:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}*/
	
/* tag
------------------------------ */
img {
	border:0;
	vertical-align:bottom;
}
p, li, th, td, dt, dd {
	font-size:12px;
}
ul, .hgroup, .block, .outer, .inner, .row, .box, .cell {
	position: relative;
	zoom: 1;
}
ul:after, .hgroup:after, .block:after, .outer:after, .inner:after, .row:after, .box:after, .cell:after  {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.box, .cell {
	float:left;
}
.box.right, .cell.right {
	float:right;
}

/* レイアウト
-------------------------------------------------- */
body {
	background:url(../../img/shared/bg_01.png) 0 0 repeat-x;
	color:#333;
	line-height: 1.5;
}
/* #noScript
======================================== */
#noScript {
	color: #000;
}
#noScript p {
	padding: 10px;
}
/* #container
======================================== */
#container {
	margin: 0 auto;
	width: 950px;
}

/* #header
======================================== */
#header {
	position: relative;
	width: 100%;
	height: 170px;
}
#header h1 {
	position: absolute;
	left: 0px;
	top: 25px;
}
#header .img {
	position: absolute;
	right: -23px;
	top: 0;
	width:410px;
	height:100px;
}

#header #breadcrumbs {
	position: absolute;
	left: 0;
	top: 112px;
	}
#header #breadcrumbs li {
	float: left;
	}
#header #breadcrumbs li span {
	display: inline-block;
	padding: 0 10px;
	}

/* .contents
======================================== */
.contents {
	width: 700px;
	padding: 0 0 0 135px;
	zoom: 1;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.contents:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* .mainBlock
======================================== */
.mainBlock {
	float: right;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.mainBlock p + p {
	margin: 0.5em 0 0;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: 640px;
}
/* .comment */
.mainBlock p.comment {
	margin:1.2em 0 0 1em;
	text-indent:-1em;
	color:#666;
}
.mainBlock p.comment.red {
	color:#f00;
}
.mainBlock p.comment + p.comment {
	margin-top:0.3em;
}
/* .link */
.mainBlock .link a {
	padding: 0 0 0 16px;
	background:url(../../img/shared/img_01.png) 0 2px no-repeat;
}

/* .section
-----------------------------------*/
.mainBlock .section {
	margin-top: 30px;
}
/* h3
-----------------------------------*/
.mainBlock .section h3 {
	width: 634px;
	padding: 4px 13px;
	border-bottom: 3px solid #003F98;
	color: #003F98;
	font-size: 24px;
	line-height:1.5;
}
.mainBlock .section .hgroup {
	position:relative;
	padding:0 0 10px;
}
.mainBlock .section .hgroup h3 {
	width: 537px;
	padding-right:130px;
}
.mainBlock .section .hgroup .link {
	position:absolute;
	right:12px;
	top:15px;
}
.mainBlock .section .hgroup .link a {
	padding: 0 0 0 16px;
	background: url(../../img/shared/img_01.png) 0 5px no-repeat;
	font-size: 14px;
	line-height:1;
}
/* .inner
-----------------------------------*/
.mainBlock h4 {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 0;
	padding-top: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mainBlock h4 .comment {
	margin:0 0 0 1em;
	color:#f00;
	font-size:12px;
	font-weight:normal;
}
.inner h4 + p {
	margin-top:17px;
}
.mainBlock .block,
.mainBlock .inner {
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	/* border-spacing: 0px 0px;
	border: 1px solid #CCCCCC; */
	padding-top: 0px;
	padding-bottom: 20px;
}
.mainBlock .block .inner {
	width: 640px;
	margin: 20px 0 0 10px;
}

/* ul.list
-----------------------------------*/
ul.list {
	margin-top:6px;
}
ul.list li {
	padding:3px 0;
}
ul.list li {
	position:relative;
	padding-left:1em;
}
ul.list li span {
	position:absolute;
	left:0;
	top:3px;
	display:block;
	width:1em;
	text-align:center;
}

/* .nav
======================================== */
.nav {
	float: left;
	width: 230px;
}

/* #memberBlock
------------------------------ */
#memberBlock {
	width:230px;
	height:210px;
	padding:0 0 10px;
	background:url(/res/img/shared/aside/login_bg_01.png) 0 0 no-repeat;
}
#memberBlock .button {
	width:214px;
	margin:9px 0 0 9px;
}
#memberBlock .forget {
	width:214px;
	margin:3px 0 0 9px;
	padding:0 0 16px;
}

/* #memberBlock.extension
------------------------------ */
#memberBlock.extension {
width: 230px;
height: auto;
padding: 0;
background: none;
}

#memberBlock.extension .mid {
background:url(/res/img/shared/aside/bg_login_mid.png) repeat-y 0 0;
}

#memberBlock.extension .btm {
height: 8px;
background:url(/res/img/shared/aside/bg_login_btm.png) repeat-y 0 0;
}

#memberBlock.extension .button {
width: auto;
margin: 0;
padding: 9px 0 0 9px;
}


#memberBlock.extension #mypageWhat {
margin-top: 6px;
text-align: center;
line-height: 0;
}

#memberBlock.extension #mypageWhat .ttl {
margin-bottom: 8px;
text-align: center;
}

#memberBlock.extension #mypageWhat ul {
display: inline-block;
width: auto;
margin: auto;
}

#memberBlock.extension #mypageWhat li {
float: left;
padding: 0 2px;
}

/* #navBlock
------------------------------ */
#navBlock {
	margin:20px 0 0;
}
#navBlock li {
	margin-top:1px;
}
/* #infoBlock
------------------------------ */
#infoBlock {
	margin-top:20px;
}
#infoBlock ul {
	border-left:1px solid #014198;
	border-right:1px solid #014198;
}
#infoBlock ul li {
	width:211px;
	margin-left:9px;
}

/* #bannerBlock
------------------------------ */
#bannerBlock {
	margin-top:20px;
}
#bannerBlock li {
	padding:0 0 10px;
}

/* #footer
======================================== */
#footer {
	zoom:1;
}
#footer:after  {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#footer .copyright {
	float:left;
	width:45%;
}
#footer .copyright li {
	font-size:10px;
	line-height:1;
}
#footer .nav {
	float:right;
	width:45%;
}
#footer .nav li {
	float:right;
	margin-left:11px;
	padding-left:12px;
	background:url(../../img/shared/footer/img_02.png) left center no-repeat;
}
#footer .nav li:last-child {
	background:none;
}

/* body.wide
-------------------------------------------------- */
/* .mainBlock
======================================== */
body.wide .mainBlock {
	float: none;
	/* [disabled]width: 700px; */
}





























/* clearfix
-------------------------------------------------- */
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both; 
visibility: hidden;
}

.clearfix {
zoom:1;
}
.mainBlock h3 {
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	color: #003F98;
	line-height: 130%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
.inner img {
	margin-top: 15px;










	margin-bottom: 10.px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
}
.mainBlock h2 {
	border-bottom-style: solid;
	border-spacing: 1px 5px;
	border-bottom-color: #003F98;
	border-collapse: collapse;
	border-width: 3px;
	font-size: 24px;

}
.mainBlock .inner dl {
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 1.5em;
	border: 1px solid #CCCCCC;
	background-color: #F7F7F7;
}
#pr01 #container .contents .mainBlock .inner .present {
}
.inner table     {
	width: 640px;
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 0px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.inner table th {
	background-color: #EEEEEE;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 180px;
	text-align: center;
	font-weight: bold;
	border:#CCC 1px solid;
}

.inner table td {
	border:#CCC 1px solid;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;

}

.inner table p {
	text-align:left;
}
#apply {
	border: 5px double #66CCFF;
	margin-top: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #E6FFFF;
	line-height: 1.5em;
}

.ttl{
	margin-top: 0px;
	background-color: #FFCB04;
	padding-top: 4px;
	padding-left: 2px;
	padding-bottom: 4px;
	padding-right: 2px;
}
#apply p .01 {
	background-color: #6CF;
	margin-left: 50px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-top: 0px;
	color: #333333;
	font-weight: bold;
}

#apply p .02 {
	background-color: #36F;
	margin-left: 50px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-top: 0px;
	color: #FFFFFF;
	font-weight: bold;
}
#apply img {
	padding-left: 40px;
	padding-right: 0px;
	padding-top: 10px;
	margin-top: 0px;
	padding-bottom: 10px;
}

#apply a:hover {
    opacity: 0.8;
}

#apply p{
	background: none repeat scroll 0 0 #00B7EE;
	text-align: left;
	line-height: 1;
	padding: 0;
	margin-bottom: 8px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 8px;
	width: 550px;
	}
	
#apply p span {
	background: none repeat scroll 0 0 #E6FFFF;
	display: block;
	font-weight: bold;
	margin-left: 1em;
	padding-left: 10px;
	margin-top: 0px;
	font-size: 14px;
	width: 550px;
	
}
#apply em {
	color: #FF0000;
}