@charset "UTF-8";

/*（レイアウトの定義に関するスタイル。）

■目次：

・トップページ
・第二階層共通（1カラム）
・第二階層index
・第三階層
・最新情報
・お問い合せ
・サイトマップ
*/


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

	全体レイアウト

===========================================*/
#container-all {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	background: url(bg_body.gif) repeat-y center center #FFFFFF;
}

#container {
	width: 808px;
	margin: 0 6px;
	text-align:left;
}


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

	トップページ

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

#mainimage {
	margin: 0 0 1px 0;
}

/*=======================
	ダイレクト　メニュー
=======================*/

#d-menu {
	width: 800px;
	background: url(d-menu_p_right.gif) no-repeat top right;
}

#d-menu dl {
	width: 800px;
}

#d-menu dt,#d-menu dd{
	display: inline;
}

/*=======================
	トップページ左
=======================*/

#toppageleft {
	background:url(top_ba2_bg.gif) repeat-y;
	float: left;
	padding: 0;
	margin-left:3px;
}

#toppageleft h2{
	margin: 0 0 11px 0;
}

/*=======================
	INFORMATION
=======================*/

#top-information {
	width: 518px;
	margin: 0 0 15px 0;
}

#top-information p{
	padding: 0 30px 11px 11px;
}


/*=======================
	WHAT'S NEW
=======================*/


#top-whatsnew {
	width: 500px;
	margin: 0 0 0 8px;
}

#top-whatsnew dl{
	width:500px;
	float: left;
	background: url(line_01.gif) repeat-x left bottom;
	padding: 6px 0 8px 16px;
}

#top-whatsnew dt{
	width: 85px;
	float: left;
	background: url(p_01.gif) no-repeat left center;
	padding: 5px 0 5px 12px;
}

#top-whatsnew dd{
	width: 385px;
	float: left;
	padding: 5px 0 5px 12px;
	line-height: 1.4;
}

#whatsnew-old {
	background:url(top_ba2_bottom.gif) no-repeat bottom;
	clear: both;
	text-align: right;
	padding: 0 5px 10px 0;
	margin:0;
}

/*=======================
	右メニュー
=======================*/

#toppageright {
	background-image:url(toppageright_bg.gif);
	width: 261px;
	float: left;
	margin: 0px 0px 0px 6px;
	padding: 13px 0 10px 6px;
}

#top-contact {
	margin: 0;
}

#top-s-colum1 {
	margin: 0;
}

#top-s-colum1 p,#top-s-colum2 p {
	margin: 10px 8px;
}

#top-s-colum2 {
	margin: 0;
}

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

	1カラム

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

#main {
	width: 744px;
	margin: 0 0 0 31px;
	padding: 15px 0 0 0;
}

/*=======================
	1カラム本文
=======================*/

#common {
	margin: 0 0 0 19px;
}

#common p{
	margin: 0 10px 15px 10px;
}

#common h2 {
	background: url(h2-bg_l.gif) repeat-x;
	margin: 0 0 15px 0;
	padding: 10px 10px 20px 10px;
	font-size: 1.2em;
	line-height: 1.4;
}

#common h2 span {
	font-size: 0.9em;
	font-weight: normal;
	padding: 0 10px;
}

#common h3 {
	clear: both;
	font-size: 1.2em;
	background: url(ba3_back_l.gif) no-repeat;
	padding: 7px 0 2px 4px;
	margin: 15px 5px;
	height: 22px;
	color:#FFF;
}

#common ul{
	margin: 0 8px;
}

#common ul li{
	list-style-type: none;
	background: url(p_04.gif) no-repeat left top;
	padding: 0 0 8px 15px;	
}

#common ol{
	margin: 20px;
}
#common ol li{
	list-style-type:decimal;
	margin: 20px;
}

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

	コンテンツトップ　インデックス

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

/*=======================
	リード
=======================*/
#lead-center {
	margin: 0 0 15px 0;
}

#lead-left {
	width: 532px;
	float: left;
}

#lead-left-center {
	margin: 45px 0 0 0;
	width: 532px;
	float: left;
	text-align: center;
}

#lead-left h2 {
	margin: 0 0 15px 0;
}

#lead-left p{
	margin: 0 0 15px 0;
}

#lead-right {
	width: 211px;
	float: left;
	text-align: right;
}

/*=======================
	インデックス
=======================*/

#content-index {
	clear: both;
	width: 728px;
	margin: 0 0 0 4px;
}
#main #content-index h3{
	background: url(ba3_back_l.gif) no-repeat;
}

.content-index1 {
	width: 728px;
	background: url(tb01_bg1.gif);
	float:left;
}

.content-index2 {
	width: 728px;
	background: url(tb01_bg1.gif) repeat-y;
	float:left;
}

.content-box1 {
	width: 370px;
	float: left;
}

.content-box2 {
	width: 350px;
	float: left;
}

.content-box-img {
	width: 113px;
	float: left;
	padding: 8px 0 0 8px;
}

.content-box-txt {
	width: 215px;
	float: left;
	padding: 8px 0px 0 10px;
}

.content-box-txt p {
	margin: 0 0 5px 0;
}

.content-box-bottom {
	clear: both;
}


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

	2カラム

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

#main-2nd {
	width: 800px;
	background: url(bg_main-2nd.gif) repeat-y left;
	margin-top: 5px;
	float: left;
}


/*=======================
	サブメニュー
=======================*/

#submenu {
	width: 197px;
	padding: 0;
	float: left;
background: url(submenu_bg.gif) repeat-y left;
/*	background: url(sba_contents_end.gif) no-repeat bottom left;*/
}

#submenu dl {
	background: url(sba_contents_end.gif) no-repeat bottom left;
	padding-bottom:10px;
}
/*フロートによる、ボックスの高さゼロ化解除*/
#submenu dl:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#submenu dl{ display: inline-block; }
/* exlude MacIE5 \*/
* html #submenu dl { height: 1% }
#submenu dl {display:block;}
/* end MacIE5 */

#submenu dt {
	margin: 0 0 5px 0;
}

#submenu dd {
	display:block;
	float: left;
	width:160px;
	background: url(p_03.gif) no-repeat 0px 10px;
	padding: 10px 0 10px 15px;
	margin: 0 0 0 15px;
	border-bottom:solid 1px #cccccc;
}
#submenu dd a{
	display:block;
	height:auto;
	width:auto;
	padding: 0px;
	border:none;
	text-decoration:none;
}
#submenu dd a:link,#submenu dd a:visited {
	color: #333333;
}

#submenu dd ul{
	margin: 5px 0 15px 0;
}
#submenu dd ul li{
	display:block;
	float:left;
	width:140px;
	list-style-type: none;
	background: url(p_01.gif) no-repeat 0px 6px;
	padding: 0 0 0 10px;
	margin: 0px;
	border-top:solid 1px #ddd;
}
#submenu dd ul li a{
	display:block;
	height:auto;
	width:auto;
	padding: 6px 0 6px 0px;
	border:none;
	text-decoration:none;
}
/*=======================
	右本文
=======================*/

#main-content {
	width: 603px;
	float: left;
}

#main-content-in {
	padding: 0 10px 10px 10px ;
}

#main-content h2 {
	background: url(h2-bg.gif) repeat-x;
	margin: 0 0 5px 0;
	padding: 10px 10px 10px 10px;
	font-size: 1.2em;
	display:block;
}
#main-content h2 img {
	margin: 0 0 10px 0;
	margin: -10px -10px 0px -10px;
}
#main-content-in h3 {
	clear: both;
	font-size: 1.2em;
	background: url(ba3_back.gif) no-repeat;
	padding: 7px 0 7px 14px;
	margin: 15px 0;
	height: 22px;
	color: #FFFFFF;
}

#main-content-in h4 {
	clear: both;
	font-size: 1em;
	background: url(ba4_back.gif) no-repeat;
	padding: 5px 0 5px 16px;
	margin: 15px 0;
	height: 18px;
}
#main-content-in h5 {
	clear: both;
	font-size: 1em;
	background: url(ba5_back.gif) no-repeat;
	padding: 5px 0 5px 16px;
	margin: 15px 0;
	height: 18px;
}

#main-content-in p {
	margin: 0 5px 10px 3px;
}

#main-content-in ul {
	margin: 0 5px;	
}

#main-content-in ul li {
	list-style-type: none;
	background: url(p_04.gif) no-repeat 0px 0px;
	padding: 0 0 0.5em 15px;	
}

#pagetop #container-all #container #content #main-2nd #main-content #main-content-in #main-content-in2 ul {
	margin: 0px;	
}

#pagetop #container-all #container #content #main-2nd #main-content #main-content-in ol {
}

#pagetop #container-all #container #content #main-2nd #main-content #main-content-in #chumon {
	list-style-type: decimal;
	float:left;
	margin-left:4px;
	margin-right:12px;
	padding:0px;
	color: #FF5555;
	font-weight: bold;
}

#pagetop #container-all #container #content #main-2nd #main-content #main-content-in .table-chumon {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #FF5555;
	padding: 4px;
}

#pagetop #container-all #container #content #main-2nd #main-content #main-content-in td.txt-large {
	padding: 4px;
}
#pagetop #container-all #container #content #main-2nd #main-content #main-content-in th {
	color: #0022AA;
}


.th_head{
	display:block;
	border: solid 1px #669966;
	background:#EFF4E8;
	color:#23652C;
	padding: 5px 5px 5px 5px;
	border-left: solid 3px #669966;
	font-size:1.1em;
}

.chumon_ol{
	margin-left:100px;
}
.chumon_ol li{
	list-style-type:none;
}

#pagetop #container-all #container #content #main-2nd #main-content #main-content-in .chumon_ol{
	margin-left:0px;
}