@charset "utf-8";


/* default
============================================================*/

*{
	padding: 0;
	margin: 0;
}

img{
	border: 0;
}

ul, ol, li {
	list-style-type:none;
}


/* Link
----------------------------------------------------------- */

a {
	text-decoration:none;
}

a:link {
	color:#e16002;
	text-decoration:none;
}

a:visited {
	color:#FF9A66;
	text-decoration:none;
}

a:hover {
	color:#ff9966;
	text-decoration:underline;
}

a:active {
	color:#e16002;
	text-decoration:underline;
}


/* clearfix
----------------------------------------------------------- */

.clear {
	clear:both;
}

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

/* clearfix */
.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}



/* Style
=============================================================*/

body{
	background: #fff url(/design/maisenonline/img/bg.gif) repeat-x top;
	color: #555;
	font-size: 0.83em;
	line-height:1.4em;
	font-family: "ヒラギノ角ゴ Pro W3", Verdana, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}



/* header Style
--------------------------------------------------------------*/

.header {
	width: 900px;
	height: 97px;
	position: relative;
	text-align: left;
}

h1 {
	padding: 12px 0;	
}

.loginBox {
	position: absolute;
	top: 18px;
	right: 0;
}

.loginBox td {
	padding: 1px 0;
}

.loginBox td input {
	margin-left: 5px;
	padding: 2px;
	border: #bbad81 1px solid;
	width: 155px;
}

.loginBox p {
	margin: 2px 0;
	text-align: right;
}



/* GlovalNavi Style
--------------------------------------------------------------*/

.g_navi {
	width: 900px;
	height: 80px;	
}

.g_navi li {
	float: left;
}

.g_navi01 a {
	background: url(/design/maisenonline/img/g_navi01.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	width: 150px;
	height: 35px;
}

.g_navi01 a:hover {
	background-position: bottom;
}

.g_navi02 a {
	background: url(/design/maisenonline/img/g_navi02.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	width: 150px;
	height: 35px;
}

.g_navi02 a:hover {
	background-position: bottom;
}

.g_navi03 a {
	background: url(/design/maisenonline/img/g_navi03.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	width: 150px;
	height: 35px;
}

.g_navi03 a:hover {
	background-position: bottom;
}

.g_navi04 a {
	background: url(/design/maisenonline/img/g_navi04.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	width: 150px;
	height: 35px;
}

.g_navi04 a:hover {
	background-position: bottom;
}

.g_navi05 a {
	background: url(/design/maisenonline/img/g_navi05.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	width: 150px;
	height: 35px;
}

.g_navi05 a:hover {
	background-position: bottom;
}

.g_navi06 a {
	background: url(/design/maisenonline/img/g_navi06.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	width: 150px;
	height: 35px;
}

.g_navi06 a:hover {
	background-position: bottom;
}



/* left Style
--------------------------------------------------------------*/

.leftBox {
	margin-left: 4px;
	width: 240px;
	background: url(/design/maisenonline/img/subnavi_bg.gif) repeat-y left;
}

.sub_navi {
	padding-bottom: 8px;
	background: url(/design/maisenonline/img/subnavi_categorybg.gif) no-repeat left bottom;
}

.sub_navi li {
	padding: 0 0 8px 0;
	margin: 0 0 0 14px;
	background: url(/design/maisenonline/img/subnavi_btn.gif) no-repeat left top;
	width: 172px;
}

.sub_navi li a {
	padding: 12px 0 0 25px;
	width: 172px;
	display: block;
	font-size: 1em;
	line-height: 1.4;
}

.navi_btn {
	padding: 4px 0 0 4px;
}

.attentionBox {
	padding: 0 0 6px 4px;
	background: url(/design/maisenonline/img/subnavi_bottombg.gif) no-repeat left bottom;
	width: 200px;
}

.attentionBox dd {
	padding: 5px 14px 15px 14px;
	line-height:1.4em;
	background: url(/design/maisenonline/img/attention_bg.gif) no-repeat left bottom;
	width: 200px;
}



/* contents Style
--------------------------------------------------------------*/

.contents {
	width: 658px;
	text-align: left;
}

.topImg {
	padding: 0 4px 30px 4px;
}

.contentsBox {
	margin-bottom: 25px;
	padding: 25px 20px 15px 20px;
	background: url(/design/maisenonline/img/topBox_bg.gif) no-repeat left bottom;
}

.contentsBox_inner {
	width: 620px;
	text-align: left;
}

.newsBox {
	margin-bottom: 25px;
	padding: 15px 20px 15px 20px;
	background: url(/design/maisenonline/img/topBox_bg.gif) no-repeat left bottom;
}

.newsBox_inner {
	width: 620px;
	text-align: left;
}

.newsBox .woong {
	background: url(/design/maisenonline/img/line01.gif) no-repeat left bottom;
}

.mainBox {
	padding-bottom: 30px;
	background: url(/design/maisenonline/img/content_bg.gif) no-repeat left top;
	width: 658px;
}

.main_title01 {
	margin: 0 18px;
	padding: 30px 0 8px 45px;
	background: url(/design/maisenonline/img/title01.gif) no-repeat left bottom;
	text-align: left;
	font-size: 1.2em;
	color: #fff;
}


/* member */
div#loginMain{
	margin-left: 5px;
	padding: 20px 0 10px 0;
	background:#fff;
	width: 645px;
	text-align:center;
	}

div#loginMain p#login{
	text-align:left;
	width:580px;
	}
		
div#loginform{
	width:580px;
	margin: 15px auto;
	background:url(/images/login/bg_loginBottom.gif) bottom no-repeat;
	}

div#loginform input,
div#orderInput input{
	border:1px solid #CCC;
	margin:0 10px;
	width:160px;
	}

div#loginform dl{
	margin:10px auto;
	width: 480px;
	}

div#loginform dl dt{
	width:120px;
	text-align:right;
	float: left;
	margin: 6px 2px;
	}

div#loginform dl dd{
	width:auto;
	text-align:left;
	float: left;
	margin: 6px 2px;
	}
div.btn{
	width:auto;
	text-align:center;
	clear: both;
	margin: 6px auto;
	}

div#loginform p#forgot{
	margin:0 auto 20px;
	text-align: center;
	}

.template {
	padding-left: 10px;
}

/* under area */
div#twin{
	width:580px;
	margin: 15px auto;
	background:url(/images/login/twinBottom.gif) bottom no-repeat;
	}

div#beginner,
div#nomember{
	width:280px;
	height:160px;
	}

div#beginner{
	float:left;
	}
	
div#nomember{
	float:right;
	}

div#beginner h3,
div#nomember h3{
	width:230px;
	text-align:left;
	font-size: 14px;
	margin: 0 auto;
	}

div#beginner p.info,
p#attention{
	width:240px;
	margin: 10px auto;
	text-align:left;
	}

p#attention{
	color:#FF0000;
	text-align:left;
	}

img.mgnT30{
	margin-top:30px;
	}

/* confirm */
p#support{
	text-align:center;
	font-weight:bold;
	}

div#orderInput{
	width:580px;
	margin:auto;
	background:url(/images/login/bg_nomemberBottom.gif) no-repeat bottom;
	height: 160px;
}

div#orderInput h3{
	font-size:14px;
	text-align:left;
	width:500px;
	margin:0 auto;
	color:#333;
}

div#orderInput p#order{
	text-align:center;
	margin:10px auto;
	}

/* shida */
div#twin{
	width:580px;
	margin: 15px auto;
	background:url(/images/login/twinBottom.gif) bottom no-repeat;
	}



/* pageTop Style
--------------------------------------------------------------*/

.p_top {
	padding: 10px 10px;
	clear: both;
	text-align: right;
}


/* footer Style
--------------------------------------------------------------*/

.footer {
	padding-left: 4px;
	width: 904px;
}

.footer_link {
	padding: 10px 0;
	background: url(/design/maisenonline/img/footer_bg.gif) no-repeat left top;
	text-align: center;
}

.footer_link li {
	display: inline;
}

.footer_link li a {
	padding: 0 10px;
	font-size: 10px;
}

.copyright {
	padding: 15px 5px;
	text-align: right;
	font-size: 0.9em;
}


/* 個別ページ
--------------------------------------------------------------*/

.contact_maisen,
.guide_maisen,
.eria_maisen,
.tokutei_maisen {
	margin: 0 18px;
}

.contact_maisen h2,
.guide_maisen h2,
.eria_maisen h2,
.tokutei_maisen h2 {
	padding: 19px 0;
}

.contact_maisen h3 {
	margin: 5px 0 5px 0;
	padding: 15px 10px 15px 25px;
	background: url(/design/maisenonline/img/title_h3.gif) no-repeat left center;
	font-size: 1.1em;
}

.guide_maisen h3,
.eria_maisen h3 {
	margin: 30px 0 5px 0;
	padding: 15px 10px 15px 25px;
	background: url(/design/maisenonline/img/title_h3.gif) no-repeat left center;
	clear: both;
	font-size: 1.1em;
}

.guide_maisen p {
	padding: 0 10px 10px 10px;
	line-height: 1.5;
}

.contact_maisen p {
	padding: 0 10px 20px 10px;
	line-height: 1.5;
}

.eria_maisen p {
	padding: 0 10px 5px 10px;
	line-height: 1.5;
}

.guide_text {
	margin-bottom: 10px;
}

.guide_list {
	margin: 0 15px 10px 15px;
	padding: 3px 10px 5px 10px;
	border-bottom: #873831 1px dotted;	
}

.guide_list dt {
	float: left;
	width: 120px;
	font-weight: bold;
	color: #873831;
	line-height: 1.5;
}

.guide_list dd {
	margin-left: 125px;
	padding-left: 15px;
	border-left: #873831 3px solid;
	line-height: 1.5;
}

.guide_attention {
	margin-left: 30px;
}

.guide_attention li {
	padding-bottom: 5px;
	list-style-type: disc;
}

.guide_point {
	color: #a40000;
}

.guide_free,
.guide_pdf {
	padding: 10px 0;
	text-align: center;
}

.eria_list {
	margin: 0 15px 25px 10px;
}

.eria_list dt {
	padding: 2px 10px;
	border-bottom: #873831 1px dotted;
	border-left: #873831 3px solid;
	color: #873831;
	font-weight: bold;
}

.eria_list dd {
	padding: 8px 10px;
	border-left: #e5e5e5 3px solid;
	line-height: 1.5;
}

.eria_map {
	padding: 20px 0;
	text-align: center;
}

.eria_attention {
	margin-top: 10px;
	color: #a40000;
}

.eria_attention_list {
	margin-left: 30px;
	color: #a40000;	
}

.eria_attention_list li {
	list-style-type: disc;
}

.eria_point {
	color: #a40000;
}

.contact_tel {
	padding-bottom: 30px;
	text-align: center;
}

.contact_form {
	text-align: center;	
}

.tokutei_list {
	margin: 0 15px 20px 10px;
}

.tokutei_list dt {
	padding: 2px 10px;
	border-bottom: #873831 1px dotted;
	border-left: #873831 3px solid;
	color: #873831;
	font-weight: bold;
}

.tokutei_list dd {
	padding: 8px 10px;
	border-left: #e5e5e5 3px solid;
	line-height: 1.5;
}

.tokutei_list dd ul {
	padding-left: 20px;
}

.tokutei_list dd ul li {
	list-style-type: disc;
}