@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;
}

/* ロールオーバー画像
-------------------------------------------------- */
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: 100%;
	padding:0 0 60px;
	zoom: 1;
}
.contents:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* .mainBlock
======================================== */
.mainBlock {
	float:right;
	width:680px;
}
.mainBlock p + p {
	margin: 0.5em 0 0;
}
/* .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 {
	padding: 3px 0 4px 6px;
	border-left: 5px solid #003F98;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	line-height:1.5;
}
.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 {
	width: 660px;
	margin: 20px 0 0 10px;
}
.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(../../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(../../img/shared/aside/bg_login_mid.png) repeat-y 0 0;
}

#memberBlock.extension .btm {
height: 8px;
background:url(../../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;
	width: 100%;
}





























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

.clearfix {
zoom:1;
}