@charset "utf-8";

/*********************************************************************
 *
 * </common/css/body.css>
 *
 *
 * ===================================================================
 * 
 *  ■概要
 *
 *  ボディエリア (div#container) 用CSS
 *
 *    - 枠組み
 *    - パンくず
 *    - ページのトップへ戻る
 *    - サブエリア (div#sub) 内の要素
 *
 *********************************************************************/


/*  container
---------------------------------------------------------- */

div#container {
	/*position: relative;*/
	width: 900px;
	_height: 400px;
	min-height: 400px;
	margin: 0 auto;
	line-height: 1.7;
	text-align: left;
	z-index: 0;
}


div#container div#top_main {
	float: left;
	width: 560px;
	padding: 30px 0;
}

div#container div#top_sub {
	float: right;
	width: 290px;
	padding: 30px 0;
}

div#container div#main {
	float: right;
	width: 690px;
	padding: 30px 0;
}

div#container div#sub {
	float: left;
	width: 180px;
	padding: 30px 0;
}




div.bottom {
	clear: both;
	width: 900px;
	height:2em;
	margin: 0 auto 8px auto;
	line-height: 1.7;
	text-align: left;
	position:relative;
}

/*  container_2
---------------------------------------------------------- */

div#container_2 {
	/*position: relative;*/
	width: 900px;
	_height: 400px;
	min-height: 400px;
	margin: 0 auto;
	line-height: 1.7;
	text-align: left;
	z-index: 0;
}


div#container_2 div#top_main {
	float: left;
	width: 560px;
	padding: 30px 0;
}

div#container_2 div#top_sub {
	float: right;
	width: 290px;
	padding: 30px 0;
}

div#container_2 div#main {
	float: right;
	width: 800px;
	padding: 30px 0;
}

div#container_2 div#sub {
	float: left;
	width: 10px;
	padding: 30px 0;
}




div.bottom {
	clear: both;
	width: 900px;
	height:2em;
	margin: 0 auto 8px auto;
	line-height: 1.7;
	text-align: left;
	position:relative;
}

/*  Body: Breadcrumbs
---------------------------------------------------------- */

p.bread {
	padding: 5px 0 7px;
	font-size: 92.5%;
}

p.bread a {
	margin: 0 8px 0 4px;
	color:#FF9933;
}

p.bread em {
	margin: 0 8px 0 4px;
	color: #595757;
}




/*  Body: Go to Pagetop
---------------------------------------------------------- */

div#main p.go_pagetop,
div.bottom p.go_pagetop {
	clear:both;
	margin: 20px 0 10px 0;
	line-height: 1.0;
	text-align: right;
	font-size:0.85em;
}

p.go_pagetop a {
	padding: 0 16px 0 0;
	background:url(../images/page_top.png) no-repeat 100% 0.1em;
	text-decoration:none;
}

div.bottom p.go_pagetop {
	position:absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}

div#main div.contact_banner p{
	padding:15px 0;
	text-align:right;
	width:100%;
}




/*  Body: PDF_DL
---------------------------------------------------------- */
div.pdf_dl {
	clear:both;
	position:relative;
	margin:20px 0;
	padding:0;
	height:60px;
	background-color:#f1f3f5;
}

div.pdf_dl p.txt{
	line-height:1;
	padding:23px 0 0 30px;
}

div.pdf_dl p.btn{
	position:absolute;
	top:9px;
	left:425px;
}



/*  Body: Sub Contents (Navigation)
---------------------------------------------------------- */

div#container div#sub div#snav {
	position: relative;
	margin-bottom: 20px;
}

div#container div#sub div#snav a {
	text-decoration: none;
	color: #5B9E01;
}


div#container div#sub div#snav ul.nav{
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}

div#container div#sub div#snav ul.nav li {


}

div#container div#sub div#snav ul.nav li a {
	display:block;
	width: 145px;
	padding-top:1px;
	line-height:1.4;
	padding:13px 10px 11px 23px;
	border-top:1px dotted #fff;
	border-bottom:1px dotted #999;
	background:url(../images/arrow.gif) no-repeat 10px 19px;
}

div#container div#sub div#snav ul.nav li a:hover{
	background-color:#EBF4C6;
	color:#333366;
}

div#container div#sub div#snav ul.nav li.last a{
	border-bottom:none;
}

div#container div#sub div#snav ul.nav li.current a{
	background:#EBF4C6 url(../images/arrow_current.gif) no-repeat 10px 19px;
	color:#666;
}


/*  Body: Sub Contents_2 (Navigation)
---------------------------------------------------------- */

div#container_2 div#sub div#snav {
	position: relative;
	margin-bottom: 20px;
}

div#container_2 div#sub div#snav a {
	text-decoration: none;
	color: #5B9E01;
}


div#container_2 div#sub div#snav ul.nav{
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}

div#container_2 div#sub div#snav ul.nav li {


}

div#container_2 div#sub div#snav ul.nav li a {
	display:block;
	width: 10px;
	padding-top:1px;
	line-height:1.4;
	padding:1px 1px 11px 1px;
	border-top:1px dotted #fff;
	border-bottom:1px dotted #999;
	background:url(../images/arrow.gif) no-repeat 10px 19px;
}

div#container_2 div#sub div#snav ul.nav li a:hover{
	background-color:#EBF4C6;
	color:#333366;
}

div#container_2 div#sub div#snav ul.nav li.last a{
	border-bottom:none;
}

div#container_2 div#sub div#snav ul.nav li.current a{
	background:#EBF4C6 url(../images/arrow_current.gif) no-repeat 10px 19px;
	color:#666;
}


/*  Body: Sub Contents (banner)
---------------------------------------------------------- */


div#container div#sub ul.special li,
div#container div#sub ul.banner li {
	line-height: 1.0;
}

div#container div#sub ul.special li img,
div#container div#sub ul.banner li img {
	vertical-align: text-bottom;
}


div#container div#main h2{
	height:45px;
	font-size:1.2em;
	font-weight:bold;
	padding:3px 0 5px 15px;
	background:url(../images/h2_bg.png) no-repeat;
}

div#container div#main h3{
	font-size:0.9em;
	font-weight:bold;
	padding:3px 10px;
	background:#EFEFEF;
	border:1px solid #DDD;
	margin-bottom:1em;
}

div#container div#main p{
	margin:0 1em 1em 1em;
}

div#container div#main ul{
	margin:1em 0 1em 2em;
}
div#container div#main ul li{
	list-style:disc;
	margin-left:1em;
}

div#container div#main ol{
	margin:1em 0 1em 2em;
}
div#container div#main ol li{
	list-style:decimal;
	margin:1em 0 1em 1em;
}


/*  Body: Sub Contents_2 (banner)
---------------------------------------------------------- */


div#container_2 div#sub ul.special li,
div#container_2 div#sub ul.banner li {
	line-height: 1.0;
}

div#container_2 div#sub ul.special li img,
div#container_2 div#sub ul.banner li img {
	vertical-align: text-bottom;
}


div#container_2 div#main h2{
	height:45px;
	font-size:1.2em;
	font-weight:bold;
	padding:3px 0 5px 15px;
	background:url(../images/h2_bg.png) no-repeat;
}

div#container_2 div#main h3{
	font-size:0.9em;
	font-weight:bold;
	padding:3px 10px;
	background:#EFEFEF;
	border:1px solid #DDD;
	margin-bottom:1em;
}

div#container_2 div#main p{
	margin:0 1em 1em 1em;
}

div#container_2 div#main ul{
	margin:1em 0 1em 2em;
}
div#container_2 div#main ul li{
	list-style:disc;
	margin-left:1em;
}

div#container_2 div#main ol{
	margin:1em 0 1em 2em;
}
div#container_2 div#main ol li{
	list-style:decimal;
	margin:1em 0 1em 1em;
}


/*  Clearfix
---------------------------------------------------------- */

div#container:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

div#container {
	display: inline-block;
}

/*\*/
div#container {
	display: block;
}
/**/

/*  Clearfix_2
---------------------------------------------------------- */

div#container_2:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

div#container_2 {
	display: inline-block;
}

/*\*/
div#container_2 {
	display: block;
}
/**/