@charset "shift_jis";

/* === common === */
html {
	background: #FAF0E4;
	color: #333333;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 62.5%;
	line-height: 1.4;
}
a,
a:active,
a:hover {
	color: #3662BA;
}
a:hover {
	text-decoration: none;
}
a:visited {
	color: #4579E1;
}
img {
	vertical-align: bottom;
}
.container {
	clear: both;
	position: relative;
	text-align: left;
	width: 960px;
	margin: 0 auto;
	z-index: 1;
	overflow: hidden;
}
.header,
.inner,
.footer {
	position: relative;
	z-index: 1;
}
.inner,
.footer {
	clear: both;
}

/* naviArea
	globalNaviArea
	pageNaviArea
	subNaviArea */
.naviArea {
	position: relative;
	text-align: left;
	width: 960px;
	z-index: 1;
}
.naviArea .content {
	font-size: 1.3em;
	overflow: hidden;
}
.naviArea .content .cont,
.naviArea .content .cont img {
	display: block;
}
.naviArea .content a.cont:hover {
	background: #3662BA;
}
.naviArea .listBox {
	overflow: hidden;
}
.naviArea .listBox .content {
	float: left;
	display: block;	/* for IE6, 7 */
}
.globalNaviArea {
	background: #FAF0E4;
}
.globalNaviArea .content {
	width: 181px;
	height: 69px;
}
.globalNaviArea .content a.cont:hover,
.globalNaviArea .content .cont.active {
	margin: -71px 0 0;
}
.globalNaviArea .listBox {
	width: 973px;	/* 960 + content_marginRight */
}
.globalNaviArea .listBox .content {
	margin: 0 13px 0 0;
}
.pageNaviArea .content {
	width: 147px;
	height: 46px;
}
.pageNaviArea .content a.cont:hover,
.pageNaviArea .content .cont.active {
	margin: -48px 0 0;
}
.pageNaviArea .listBox {
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 14px 0 12px 17px;
	width: 969px;	/* 960 + content_marginRight */
}
.pageNaviArea .listBox .content {
	margin: 0 9px 0 0;
}
.subNaviArea .content {
	width: 178px;
	height: 36px;
}
.subNaviArea .content a.cont:hover,
.subNaviArea .content .cont.active {
	margin: -38px 0 0;
}
.subNaviArea .listBox {
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 8px 0 16px 17px;
	width: 969px;	/* 960 + content_marginRight */
}
.subNaviArea .listBox .content {
	margin: 9px 9px 0 0;
}

/* panArea */
.panArea {
	background: #FFFFFF;
}
.panArea .content {
	background: url( "http://www.oab-info.com/images/pan-content-icon.png" ) no-repeat 10px center;
	font-size: 1.5em;
	padding: 0 0 0 26px;
}
.panArea .listBox .homeContent {
	background: url( "http://www.oab-info.com/images/pan-home-icon.png" ) no-repeat 0 center;
}
.panArea .listBox {
	padding: 8px 0 8px 19px;
	min-height: 14px;
	height: auto !important;	/* for IE6 */
	height: 14px;
	overflow: hidden;
}
.panArea .listBox .content {
	float: left;
	display: inline;	/* for IE6, 7 */
}

/* mainField */
.mainField {
	background: #FFFFFF url( "http://www.oab-info.com/images/main-bg-bottom.png" ) no-repeat 0 bottom;
	padding: 0 0 48px;
}

/* mainArea */
.mainArea {
	background: url( "http://www.oab-info.com/images/main-bg-top.png" ) no-repeat 0 0;
	padding: 30px 0 0;
	zoom: 1;
}
.mainArea .area-title {
	border-style: solid;
	border-width: 0 0 5px;
	font-size: 2.3em;
	margin: 0 70px;
	padding: 0 0 0 1em;
}
.mainArea .content {
	font-size: 1.8em;
	padding: 0 70px;
	overflow:hidden; /*画像回り込み時飛び出し回避*/
}
.mainArea .content .text {
	margin: 1.5em 0 1.5em 0;
	line-height: 1.8;
}

/* selfcheckArea */
.selfcheckArea {
	background: url( "http://www.oab-info.com/images/selfcheck-bg.png" ) repeat-y 0 0;
	width: 697px;
	margin: 0 auto;
	overflow: hidden;
}
.selfcheckArea a.cont:hover img {
	opacity: 0.7;
	filter: alpha( opacity = 70 );
}
.selfcheckArea .area-top,
.selfcheckArea .area-bottom,
.selfcheckArea .content-top,
.selfcheckArea .content-bottom {
	height: 0;
	overflow: hidden;
}
.selfcheckArea .area-top *,
.selfcheckArea .area-bottom *,
.selfcheckArea .content-top *,
.selfcheckArea .content-bottom * {
	display: none;
}
.selfcheckArea .area-top {
	background: url( "http://www.oab-info.com/images/selfcheck-bg-top.png" ) no-repeat 0 0;
	padding: 10px 0 0;
}
.selfcheckArea .area-bottom {
	background: url( "http://www.oab-info.com/images/selfcheck-bg-bottom.png" ) no-repeat 0 bottom;
	padding: 40px 0 0;
}
.selfcheckArea .resultButton {
	clear: both;
	text-align: center;
	margin: 22px 0 0;
}
.selfcheckArea .inputBox {
	padding: 0 8px 0 6px;
}
.selfcheckArea .inputBox .content {
	clear: both;
	background: url( "http://www.oab-info.com/images/selfcheck-bg-line.png" ) no-repeat center bottom;
	position: relative;
	text-align: left;
	min-height: 169px;
	height: auto !important;
	height: 169px;
	margin: 18px 0 0;
	padding: 0 18px 30px 0;
	z-index: 1;
	zoom: 1;
}
.selfcheckArea .inputBox .content .content-title {
	color: #0048A3;
	font-size: 2em;
	font-weight: bold;
}
.selfcheckArea .inputBox .content .content-form {
	color: #1F1F2C;
	font-size: 1.9em;
}
.selfcheckArea .inputBox .content .content-form input {
	-ms-transform: scale( 1.5 );
	-moz-transform: scale( 1.5 );
	-webkit-transform: scale( 1.5 );
	transform: scale( 1.5 );
	position: relative;
	top: -0.1em;
	margin: 0 0.5em 0 0;
}
.selfcheckArea .inputBox .content .listBox {
	border: 1px #0048A3 dashed;
	margin: 14px 0 0;
	padding: 20px 32px 0;
	overflow: hidden;
	zoom: 1;
}
.selfcheckArea .inputBox .content .listBox .content-form {
	float: left;
	display: inline;	/* for IE6, 7 */
	width: 48%;
	padding: 0 0 20px;
}
.selfcheckArea .inputBox .content .leftBox {
	position: absolute;
	left: 0;
	width: 123px;
}
.selfcheckArea .inputBox .content .rightBox {
	margin: 0 0 0 124px;
	padding: 20px 0 0;
}
.selfcheckArea .resultBox {
	display: none;
	position: relative;
	text-align: left;
	width: 628px !important;
	margin: 26px auto 0 !important;
	z-index: 1;
}
.selfcheckArea .resultBox .resultContent {
	background: #95A6F7;
}
.selfcheckArea .resultBox .resultContent .content-top {
	background: url( "http://www.oab-info.com/images/selfcheck-result-bg-top.png" ) no-repeat 0 0;
	padding: 16px 0 0;
}
.selfcheckArea .resultBox .resultContent .content-bottom {
	background: url( "http://www.oab-info.com/images/selfcheck-result-bg-bottom.png" ) no-repeat 0 0;
	padding: 16px 0 0;
}
.selfcheckArea .resultBox .resultContent .content-title {
	text-align: center;
}
.selfcheckArea .resultBox .resultContent .content-detail {
	background: #FFFFFF;
	border: 2px #60A0F0 solid;
	color: #666666;
	font-size: 1.8em;
	font-weight: bold;
	padding: 8px 10px;
}
.selfcheckArea .resultBox .resultContent .content-detail .content-num {
	font-size: 2em;
}
.selfcheckArea .resultBox .resultContent .leftBox,
.selfcheckArea .resultBox .resultContent .rightBox {
	padding: 0 22px;
}
.selfcheckArea .resultBox .resultContent .leftBox {
	position: absolute;
	left: 0;
	width: 164px;
}
.selfcheckArea .resultBox .resultContent .leftBox .content-detail {
	text-align: center;
}
.selfcheckArea .resultBox .resultContent .rightBox {
	border-left: 1px #FFFFFF solid;
	margin: 0 0 0 208px;
	padding-bottom: 16px;
}
.selfcheckArea .resultBox .resultContent .rightBox .content-detail {
	min-height: 4em;
	height: auto !important;
	height: 4em;
}
.selfcheckArea .resultBox .buttonContent {
	margin: 32px 0 0;
	padding: 0 90px;
	overflow: hidden;
}
.selfcheckArea .resultBox .buttonContent .button {
	float: left;
	display: inline;	/* for IE6, 7 */
	width: 50%;
}
.selfcheckArea .resultBox .buttonContent .button img {
	margin: 0;
}

/* selfcheckResultArea */
.selfcheckResultArea {
	background: #FFFFFF;
	color: #000000;
	width: 796px;
	margin: 0 auto;
	padding: 64px 54px;
}
.selfcheckResultArea .historyBox .box-text {
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	margin: 14px 0 0;
}
.selfcheckResultArea .historyBox .content .content-title {
	font-size: 1.8em;
	margin: 6px 0 0;
}
.selfcheckResultArea .historyBox .content .content-text {
	font-size: 2.2em;
}
.selfcheckResultArea .historyBox .content .content-text .content-mark {
	color: #0047A4;
	font-size: 0.9em;
}
.selfcheckResultArea .historyBox .content .content-score {
	font-size: 2em;
}
.selfcheckResultArea .historyBox .content .content-score .content-num {
	color: #FB5A00;
	font-size: 2em;
}
.selfcheckResultArea .historyBox .detailBox {
	border-bottom: 4px #D5E6F8 solid;
	position: relative;
	text-align: left;
	margin: 10px 0 0 -4px;
	z-index: 1;
	zoom: 1;
}
.selfcheckResultArea .historyBox .detailBox .content-text {
	padding: 0 0 0 2em;
}
.selfcheckResultArea .historyBox .detailBox .content-text .content-mark {
	position: absolute;
	top: 0.1em;
	left: 0;
}
.selfcheckResultArea .historyBox .detailBox .content-score {
	position: absolute;
	top: -0.8em;
	right: 0;
}
.selfcheckResultArea .historyBox .listBox {
	padding: 0 0 0 26px;
	overflow: hidden;
}
.selfcheckResultArea .historyBox .listBox .content {
	float: left;
	display: inline;	/* for IE6, 7 */
	width: 46%;
	margin: 22px 0 0;
	padding: 0 26px 0 0;
}
.selfcheckResultArea .resultBox {
	clear: both;
	margin: 22px 0 0;
	padding: 0 0 0 26px;
	overflow: hidden;
}
.selfcheckResultArea .resultBox .resultContent {
	float: left;
	display: inline;	/* for IE6, 7 */
	border-color: #0047A4;
	border-style: solid;
	border-width: 0 3px 3px;
	text-align: center;
	font-size: 2.4em;
	width: 253px;
	margin: 0 20px 0 0;
}
.selfcheckResultArea .resultBox .resultContent .content-title {
	background: #0047A4;
	color: #FFFFFF;
}
.selfcheckResultArea .resultBox .resultContent .content-detail {
	padding: 6px 0 2px;
}
.selfcheckResultArea .resultBox .resultContent .content-detail .content-num {
	color: #FF0000;
	font-size: 2em;
}
.selfcheckResultArea .bottomBox {
	clear: both;
	margin: 20px 0 0;
}

/* footerLinkArea */
.footerLinkArea {
	overflow: hidden;
}
.footerLinkArea .content {
	float: left;
	border-left: 1px #6E470E solid;
	display: inline;	/* for IE6, 7 */
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1;
	padding: 2px 20px;
}
.footerLinkArea .content a {
	color: #6E470E;
}
.footerLinkArea .content-first {
	border-left: none;
	padding-left: 0;
}

/* --- header --- */
.header {
	z-index: 3;
}
.header .container {
	height: 180px;
}
.header .header-logo,
.header .header-title,
.header .header-supervisor,
.header .button,
.header .globalNaviArea {
	position: absolute;
	z-index: 1;
}
.header .header-logo {
	top: 31px;
	left: 4px;
}
.header .header-title {
	top: 23px;
	left: 96px;
}
.header .header-supervisor {
	top: 21px;
	right: 0;
}
.header .button {
	overflow: hidden;
}
.header .button .cont,
.header .button .cont img {
	display: block;
}
.header .checkButton {
	top: 47px;
	right: 0;
	width: 182px;
	height: 42px;
}
.header .checkButton a.cont:hover {
	margin: -44px 0 0;
}
.header .searchButton {
	top: 47px;
	right: 0;
	width: 182px;
	height: 42px;
}
.header .searchButton a.cont:hover {
	margin: -44px 0 0;
}
.header .globalNaviArea {
	top: 98px;
}

/* --- inner --- */
.inner {
	padding: 0 0 4px;
}
.inner .inner-title {
	position: relative;
	text-align: left;
	margin: 18px 0 -40px;
	z-index: 1;
}
.inner .pageNaviArea {
	margin: 20px 0 0;
}
.inner .subNaviArea {
	margin: 9px 0 0;
}
.inner .mainArea {
	margin: 20px 0 0;
}
.inner .searchNavi {
	width: 475px;
	height: 88px;
	margin: 0 auto;
	overflow: hidden;
}
.inner .searchNavi .cont,
.inner .searchNavi img {
	display: block;
}
.inner .searchNavi a.cont:hover {
	background: #3662BA;
	margin: -89px 0 0;
}

/* --- footer --- */
.footer,
.footer .container {
	background: url( "../images/footer-bg.png" ) repeat-x center bottom;
}
.footer .pageTopButton {
	width: 95px;
	height: 59px;
	overflow: hidden;
}
.footer .pageTopButton .cont,
.footer .pageTopButton .cont img {
	display: block;
}
.footer .pageTopButton a.cont:hover {
	margin-top: -61px;
}
.footer .copyright {
	font-size: 0.9em;
}
.footer .container {
	height: 138px;
}
.footer .container .footerLinkArea,
.footer .container .copyright {
	position: absolute;
}
.footer .container .footerLinkArea {
	top: 65px;
	left: 18px;
}
.footer .container .pageTopButton {
	position: fixed;
	_position: absolute;
	right: 0;
	bottom: 32px;
}
.footer .container .copyright {
	top: 92px;
	left: 18px;
}


/* --- font --- */
/*.red_b{
	font-weight: bold;
	color: #FF0000;
}
*/

.bold{
	font-weight: bold;
}

/* --- 音声ブラウザ対応 --- */
.skipNavi {
    height: 1px;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 1px;
}