@charset "utf-8";

/* -----------------------------------------------------------
  Common Style Sheet
    Flat
    clear
    common Layout
      header / contents
    module
      parts / section, block, box / table / list
------------------------------------------------------------ */

/* Flat
 ================================================== */
h1, h2, h3, h4, h5, h6, p, form, blockquote { margin: 0; padding: 0; font-size: 1em; line-height: 1.0;}
ul, ol, li, dl, dt, dd { list-style: none; margin: 0; padding: 0; line-height: 1.0;}
#wrapper img, #wrapper a img { vertical-align: top; border: none; text-decoration: none;}
#wrapper p, #wrapper li, #wrapper dt, #wrapper dd, #wrapper th, #wrapper td { font-size: 12px; line-height: 1.4;}

/* clear
 ================================================== */
#gnav:after, #wrapper:after, .section:after, .block:after, .wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE 7 and MacIE */
#gnav, #wrapper,  .section, .block, .wrap {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #gnav, * html #wrapper, * html .section, * html .block, * html .wrap {
	height: 1%;
}
#gnav, #wrapper, .section, .block, .wrap {
	display: block;
}
/* End hide from IE-mac */


/* common Layout
 ================================================== */
body { background: url(../img/bg_body.gif) left top;}

/* header
 -------------------------------------------------- */
#gnav {
	position: relative;
	margin: 0 0 0 30px;
}
#gnav li {
	zoom: 1;
	float: left; display: inline;
	border-bottom: 1px solid #FFFFFF;
	font-size: 12px;
}
#gnav li img { vertical-align: top;}

/* contents
 -------------------------------------------------- */
#wrapper {
	zoom: 1;
	position: relative;
	text-align: left;
	margin: 0 30px;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 12px;
	background: #F9F2D6 url(../img/s_nav_bg.gif) repeat-y left top;
}

#content {
	zoom: 1;
	position: relative;
	float: right; display: inline;
	width: 760px;
}
#subnav {
	position: relative;
	float: left; display: inline;
	width: 190px;
	padding-bottom: 30px;
}
#subnav ul {
	zoom: 1;
	margin: 0 16px;
	border-bottom: 1px solid #585552;
}
#subnav ul ul { 
	margin: 0;
	border-bottom: none;
}

/* module
 ================================================== */
/* parts
 -------------------------------------------------- */
.skipNav {
	position: absolute;
	left: -9999px;
}
.imgover { } .popup { } .btn { }
.totop {
	text-align: right;
	margin-top: 21px;
	padding: 0 5px 5px;
	font-size: 6px;
	line-height: 1;
}
.nextbtn {
	text-align: right;
}
.close {
	text-align: center;
	margin-top: 40px;
}
sup { vertical-align: 0.3em;}
.sp01 { margin-top: 0.5em;}
.sp02 { margin-top: 1em;}
.sp03 { margin-top: 30px;}
.sp04 { margin-top: 40px;}

.mainvisual { zoom: 1; border-left: 1px solid #FFFFFF;}

/* section, block, box
 -------------------------------------------------- */
.section, .block { position: relative;}
.block .boxL, .block .box {
	float: left;
	display: inline;
}
.block .boxR, .block .box.bL {
	float: right;
	display: inline;
}

/* table
 -------------------------------------------------- */
.section table, .section th, .section td {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}
.section th, .section caption {
	text-align: left;
	font-weight: normal;
}
.section table {
	border: 1px solid #ACACAC;
}
.section table th, .section table td {
	padding: 5px 5px 5px 8px;
	border: 1px solid #ACACAC;
	vertical-align: top;
}
.section table th.n { border-top: none;}

/* list
 -------------------------------------------------- */
.note {
	color: #CC142E;
	font-size: 10px;
}
ul.note li {
	padding-bottom: 0.3em;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 83%;
}
ul.disc li {
	padding-bottom: 0.3em;
	margin-left: 1.5em;
	list-style: disc outside;
}
ol.numlist li {
	padding-left: 1.8em;
	text-indent: -1.8em;
	padding-bottom: 0.3em;
}