@charset "utf-8";

/*
*
*	Title: MYNAVI SHINGAKU- Onayami
*	Last Modified: 2010-10-29
*	Description:
*
*/

/* =========== INDEX LIST ============

   01: LAYOUT
   02: HEADER
   03: ARCHIVE

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

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

	01: LAYOUT

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

a img {
	line-height: 0;
	vertical-align: top;
}

.wrap {
	text-align: left;
	overflow: hidden;
	margin: 0 auto;
	width: 900px;
}
.wrap:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .wrap             { zoom: 1; } /* IE6 */
*:first-child+html .wrap { zoom: 1; } /* IE7 */

#contents {
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}
#main {
	overflow: hidden;
	_overflow: visible;
	clear: none;
	float: left;
	margin-right: 0;
}
#main.main_left-sidebar { width: 900px; }
#main.main_one-columns { width: 900px; }
.main_three-columns { width: 680px; }
#main.main_right-sidebar { width: 680px; }

#result {
	overflow: hidden;
	float: right;
	clear: none;
}
.result_one-columns { width: 900px; }
.result_three-columns { width: 460px; }
.result_left-sidebar { width: 680px; }
.result_right-sidebar { width: 680px; float: left; }

#sidebar-left {
	overflow: hidden;
	clear: none;
	float: left;
}
.sidebar-left_three-columns { width: 205px; }
.sidebar-left_one-columns { display: none; }
.sidebar-left_left-sidebar  { width: 205px; }
.sidebar-left_right-sidebar { display: none; }

#sidebar-right {
	overflow: hidden;
	clear: none;
	float: right;
}
.sidebar-right_three-columns { width: 205px; }
.sidebar-right_one-columns { display: none; }
.sidebar-right_left-sidebar { display: none; }
.sidebar-right_right-sidebar { width: 205px; }


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

	02: HEADER

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

#block-onayami-header {
	width: 900px;
	height: 105px;
	background: url(../images/qanda/img_onayami_header.png) no-repeat left top;
	position: relative;
}
#block-onayami-header span {
	display: none;
}
#block-onayami-header ul {
	height: 39px;
	position: absolute;
	top: 62px;
	left: 10px;
}
#block-onayami-header ul li {
	float: left;
}
#block-onayami-header ul li a {
	width: 220px;
	height: 39px;
	display: block;
}
/* mypage manu */
#block-onayami-header li#onayami01 a:hover {
	background: url(../images/qanda/img_onayami_header.png) no-repeat -10px -167px;
}
#block-onayami-header li#onayami01.selected,
#block-onayami-header li#onayami01.selected a:hover {
	background: url(../images/qanda/img_onayami_header.png) no-repeat -10px -272px;
}
#block-onayami-header li#onayami02 a:hover {
	background: url(../images/qanda/img_onayami_header.png) no-repeat -230px -167px;
}
#block-onayami-header li#onayami02.selected,
#block-onayami-header li#onayami02.selected a:hover {
	background: url(../images/qanda/img_onayami_header.png) no-repeat -230px -272px;
}
#block-onayami-header li#onayami03 a:hover {
	background: url(../images/qanda/img_onayami_header.png) no-repeat -450px -167px;
}
#block-onayami-header li#onayami03.selected,
#block-onayami-header li#onayami03.selected a:hover {
	background: url(../images/qanda/img_onayami_header.png) no-repeat -450px -272px;
}
#block-onayami-header li#onayami04 a:hover {
	background: url(../images/qanda/img_onayami_header.png) no-repeat -670px -167px;
}
#block-onayami-header li#onayami04.selected,
#block-onayami-header li#onayami04.selected a:hover {
	background: url(../images/qanda/img_onayami_header.png) no-repeat -670px -272px;
}



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

	03: COMMON

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

h2#title {
	height: 48px;
	border-top: none;
	border-right: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-bottom: none;
	margin: 0;
	padding: 0;
	background: none;
}
#block-onayami {
	background: #fdfcf9;
	margin: 0;
	padding: 25px 30px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
/* clearfix */
#block-onayami {
	overflow: hidden;	/* モダンブラウザ向け */
	zoom: 1;			/* IE向け */
}

p.btn-app {
	text-align: center;
	line-height: 1.5;
}

#onayami-footer {
	background: #fdfcf9 url(../images/qanda/img_bg_btn_area.png) no-repeat left top;
	padding: 32px 0 30px 0;
	border-top: 2px solid #CCC;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
}

ul.list {
	margin: 0 0 10px 0;
}
ul.list li {
	background: url(../images/qanda/img_icon_kome.png) no-repeat 0px 3px;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	vertical-align: middle;
	font-size: 92%;
}
ul.list li img {
	vertical-align: middle;
}

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

	04: TOP

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

#onayami-lead {
	padding: 0 0 15px 0;
}
#onayami-lead article {
	width: 525px;
	float: left;
}
#onayami-lead article h2 {
	margin: 0 0 25px 0;
	font-size: 136%;
	color: #db6200;
}
#onayami-lead article p {
	margin: 0 0 25px 0;
	font-size: 107%;
	line-height: 1.6;
}
#onayami-lead article .attention {
	margin: -15px 0 0 0;
	line-height: 1.4;
	font-size: 100%;
}
#onayami-lead article .attention strong {
	display: block;
	color: #cc3300;
}
#onayami-lead article .attention em {
	display: block;
	color: #ff0000;
	font-style: normal;
}
#onayami-lead .view {
	width: 287px;
	float: right;
	position: relative;
}
#onayami-lead .view .btn {
	position: absolute;
	top: 248px;
	left: 65px;
}
/* clearfix */
#onayami-lead:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #onayami-lead             { zoom: 1; } /* IE6 */
*:first-child+html #onayami-lead { zoom: 1; } /* IE7 */

#latest-faqlist {
	position: relative;
	margin: 0 0 30px 0;
}
#latest-faqlist time {
	display: block;
	top: 8px;
	right: 17px;
	_right: 47px;
	position: absolute;
	color: #fff;
	font-weight: bold;
	text-align: right;
}
#latest-faqlist li {
	padding: 8px 5px 10px 5px;
	border-bottom: 1px solid #e0dfde;
	line-height: 1.5;
}

#howto-consult {
	background: #f3f3f3;
	padding: 15px 20px;
	border: 1px solid #CCC;
}
#howto-consult h2 {
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #d8d8d8;
}
#howto-consult ul li {
	background: url(../images/qanda/img_list_01.png) no-repeat 0px 3px;
	margin: 0 0 8px 0;
	padding: 0 0 0 18px;
}



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

	03: ARCHIVE

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

#archive-left {
	width: 390px;
	padding: 8px 0;
	float: left;
}
#archive-right {
	width: 390px;
	padding: 8px 0 8px 25px;
	border-left: 1px solid #ccc;
	float: right;
}
#archive-left dt,
#archive-right dt {
	background: url(../images/qanda/img_list_02.png) no-repeat left center;
	margin: 0 0 7px 0;
	padding: 0 0 0 20px;
	line-height: 1;
	font-size: 114%;
	font-weight: bold;
}
#archive-left dd,
#archive-right dd {
	margin: 0 0 25px 0;
	line-height: 1.5;
}
#archive-right dd {
	margin: 0 0 7px 0;
}
#archive-right ul li {
	background: url(../images/qanda/img_list_04.png) no-repeat left center;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
}

.archive-article h3 {
	background: #1facc6;
	margin: 0;
	padding: 8px;
	border-bottom: 1px solid #CCC;
	font-size: 114%;
	color: #FFF;
}
.archive-article h3 span {
	padding: 4px 0 4px 7px;
	border-left: 4px solid #FFF;
}
.archive-article p.btn-back {
	margin: 7px 0;
}
.archive-article p.btn-back a {
	width: auto;
	display: inline-block;
	padding: 5px 7px 5px 24px;
	background: #fff url(../images/qanda/img_icon_back.png) no-repeat 4px 3px;
	border: 1px solid #d1d1d1;
	line-height: 1;
	text-decoration: none;
	font-size: 92%;
}
.archive-article p.btn-back a:hover {
	background: #fff0fa url(../images/qanda/img_icon_back_on.png) no-repeat 4px 3px;
	color: #176FBA;
}
.archive-article p.btn-consult {
	margin: -2px 0 0 0;
	float: right;
}
.archive-article p.btn-consult.footer {
	margin: 7px 0 0 0;
}

#archive-questlist dl {
	background: #fff;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#archive-questlist dt {
	width: 590px;
	background: url(../images/qanda/img_q.png) no-repeat 10px 10px;
	padding: 10px 0 10px 40px;
	float: left;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
}
#archive-questlist dd {
	width: 180px;
	padding: 9px 10px 0 10px;
	text-align: right;
	vertical-align: middle;
	float: right;
}
/* clearfix */
#archive-questlist dl {
	overflow: hidden;	/* モダンブラウザ向け */
	zoom: 1;			/* IE向け */
}

#archive-detail article article {
	background: #fff;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 18px;
}
#archive-detail article article h4 {
	background: url(../images/qanda/img_line_dot.png) repeat-x left bottom;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 122%;
	color: #075B9C;
}
#archive-detail article article dt {
	background: url(../images/qanda/img_q.png) no-repeat 0 3px;
	margin: 0 0 7px 0;
	padding: 3px 0 5px 30px;
	line-height: 1.5;
	font-weight: bold;
}
#archive-detail article article dd {
	background: url(../images/qanda/img_a.png) no-repeat 0 3px;
	padding: 3px 0 5px 30px;
	line-height: 1.4;
}



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

	04: HOWTO

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

#howto-mail	{
	background: #eeeeee;
	padding: 0 0 19px 0;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#howto-mail	dl {
	min-height: 55px;
	_height: 55px;
	border: 1px solid #cccccc;
	margin: 10px 19px 0px 19px;
	padding: 12px 15px 2px 83px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#howto-mail	dl#howto01 {
	background: #fff url(../images/qanda/img_point_01.png) no-repeat top left;
}
#howto-mail	dl#howto02 {
	background: #fff url(../images/qanda/img_point_02.png) no-repeat top left;
}
#howto-mail	dl#howto03 {
	background: #fff url(../images/qanda/img_point_03.png) no-repeat top left;
}
#howto-mail	dl#howto04 {
	background: #fff url(../images/qanda/img_point_04.png) no-repeat top left;
}

#howto-mail	dl dt {
	margin: 0 0 7px 0;
	color: #0f5699;
	font-weight: bold;
	font-size: 107%;
	line-height: 1;
}
#howto-mail	dl dd p {
	margin: 0 0 10px 0;
}

#form-login {
	margin: 0 0 20px 0;
}
#form-login dl,
#form-login p {		/* request.cssに上書き */
	margin: 0px 175px;
}
#form-login p.memo,
.form-style p.memo {
	background: none;
	margin: 0px;
	padding: 7px 0 10px;
	text-align: left;
	vertical-align: middle;
	font-size: 100%;
}







# 以下TF追加分
#block-error {
	background: #FDEAEA;
	margin: 0 0 20px 0;
	padding: 15px;
	border: 2px solid #EDA7A7;
}
#block-error p {
	background: url(../images/qanda/img_mark_error.png) no-repeat left center;
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 92%;
	color: #CC0000;
}
#block-error ul {
	margin: 0 0 -5px 0;
}
#block-error li {
	background: url(../images/qanda/img_mark_error.png) no-repeat 0 3px;
	margin: 0 0 5px 0;
	padding: 0 0 0 18px;
	font-size: 92%;
	line-height: 1.5;
	color: #CC0000;
}