@charset "utf-8";
/* CSS Document */

* {
	font-size:12px;
/*	color:#333333;
	padding:0;
	background-image: none;
	margin: 0 auto;*/
}

body {
	font-size:10pt;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-image:url(../images/bg.gif);
	_padding-left:1px;
}
*:first-child+html body {
	padding-left: 1px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
ol,ul {
     list-style:none;
}

fieldset,img {
	border: none;
}

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

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

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

hr {
	border-color:#666;
	border-style:dashed;
	height:1px;
	margin:10px 20px 5px;
}

/*
ベース
-------------------------------------------------------------------*/
#base {
	width:894px;
	background-color: #FFFFFF;
	margin-top: 0px;
	border-left:1px solid #0000C2;
	border-right:1px solid #0000C2;
	margin: 0 auto;
}

#t_wrap {
	float:left;
	padding: 5px;
	background:url(../images/side_bg.gif) repeat-y right;
}

#wrap {
	float:left;
	padding: 5px;
	margin: 0 auto;
}

/*ヘッダー
-------------------------------------------------------------------*/
#header {
	width:896px;
	position: relative;
	background-color:#FFFFFF;
	height:80px;
	margin: 0 auto;
}

#header #logo {
	clear: both;
	padding:5px;
	float: left;
}
#header #info {
	color:#0000C2;
	position:absolute;
	top:55px;
	right:10px;
	text-align:right;
}
#info li.sitemap{
	float:left;
	margin-left:25px;
	font-weight:bold;
	width:98px;
	background:url(../images/sitemap.gif) no-repeat;
}

#info li.mail {
	float:left;
	margin-left:25px;
	font-weight:bold;
	width:98px;
	background:url(../images/mail.gif) no-repeat;
}

/*メニュー
----------------------------------------------- */
#menu {
	width:896px;
	height: 35px;
	clear: both;
	background-color:#FFFFFF;
	margin: 0 auto;
} 

#menu li {
	display: block;
	float: left;
	text-align: center;
  }
  
/*#menu li a {
	color:#333399;
	background-image: url(../images/menu_o.gif);
	display: block;
	float: left;
	height: 30px;
	width: 128px;
	padding-top: 5px;
	line-height: 30px;
}
*/
/*#menu li a:hover {
	color: #000000;
	background-image: url(../images/menu_h2.gif);
	background-color: #DDDDDD;
	text-decoration:none;
}
#menu li a:link, #menu li a:visited {
     color: #333399;
	background-image: url(../images/menu_o.gif);
	background-color: #333399;
	text-decoration:none;
}
*/
#menu li strong {
	line-height: 30px;
	color: #FFF;
	background-image: url(../images/menu_a.gif);
	height: 30px;
	width: 128px;
	display: block;
	padding-top: 5px;
	float: left;
}


ul#menu_down li {
	float: left;
	position: relative;
}
ul#menu_down li a {
	display: block;
	padding-top: 5px;
	width: 128px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	background-image: url(../images/menu_o.gif);
	color: #333399;
}
ul#menu_down a:hover,
ul#menu_down li:hover a {
	background-image: url(../images/menu_h.gif);
	color: #000;
}
ul#menu_down li ul {
	display: none;
}
ul#menu_down li ul li {
	float: none;
}
ul#menu_down li ul li ul {
	position: absolute;
}
ul#menu_down li:hover ul {
	display: block;
	position: absolute;
	z-index: 100;
}
ul#menu_down li:hover ul li a,
ul#menu_down li:hover ul li:hover ul li a,
ul#menu_down li:hover ul li:hover ul li:hover ul li a {
	background-image: url(../images/menu_o2.gif);
	color: #333399;
}
ul#menu_down li:hover ul li a:hover,
ul#menu_down li:hover ul li:hover a,
ul#menu_down li:hover ul li:hover ul li a:hover,
ul#menu_down li:hover ul li:hover ul li:hover a,
ul#menu_down li:hover ul li:hover ul li:hover ul li a:hover,
ul#menu_down li:hover ul li:hover ul li:hover ul li:hover a {
	background-image: url(../images/menu_h2.gif);
	color: #000;
}
ul#menu_down { /* IE6 対策 */
	behavior: url("css/csshover.htc");
}


#sub_menu {
	width:895px;
	height:21px;
	clear: both;
	background-color:#0000C2;
	padding:3px 0;
} 

#sub_menu li {
	display: block;
	float: left;
	font-weight:bold;
	color:#FFFFFF;
	line-height: 21px;
	border-right:solid 1px #FFF;
}
#sub_menu li a {
	display: block;
	float: left;
	font-weight:bold;
	color:#FFFFFF;
	line-height: 21px;
	margin:0 12px;
	letter-spacing:1px;
}
#sub_menu li a:hover {
	color:#F60;
	text-decoration:underline;
}
 

/*コンテンツ
-------------------------------------------------------------------*/
#flash {
	padding:2px 0;
	background-color: #FFF;
	text-align: center;
}

#t_contents {
	width:700px;
	float:left;
}

#t_contents p{
	padding:5px 10px;
	background-image: url(../images/note_line.gif);
	line-height: 20px;
	margin:5px 30px 10px;
}

#t_contents h1 {
	font-size:16px;
	padding-left:25px;
	color: #222;
	margin:5px 5px 0;
	font-weight:bold;
	line-height:31px;
	background-image:url(../images/h1_t.gif);
	height:35px;
	background-repeat: no-repeat;
}
#t_contents h2 {
	font-size:13px;
	padding-left:10px;
	color: #222;
	margin:5px 30px 0;
	font-weight:bold;
	line-height:25px;
	background-image: url(../images/h2_t.gif);
	height:25px;
	background-repeat: no-repeat;
}

#t_contents dl {
	margin: 5px 30px;
}
.list {
	margin:5px 30px 10px;
	background-image: url(../images/note_line.gif);
	padding:5px 10px;
}
.list dt {
	float:left;
	line-height:20px;
	text-indent:5px;
}
.list dd {
	background:url(../images/dd.gif) no-repeat 0px 3px;
	margin-left:90px;
	text-indent:15px;
	line-height:20px;
	height:20px;
	_padding-top:1px;
}

/* for IE7 \*/
*:first-child+html #feed1 .list dd {
	padding-top:1px;
}
*:first-child+html #feed2 .list dd {
	padding-top:1px;
}

/* for IE8 \*/
head~/* */body .list dd {
	padding-top:1px;
}



#contents {
	width:884px;
	float:left;
}
#contents h1 {
	font-size:16px;
	padding-left:25px;
	color: #222;
	margin:5px 5px 0;
	font-weight:bold;
	line-height:32px;
	background-image: url(../images/h1.gif);
	height:35px;
	background-repeat: no-repeat;
}

#contents h2 {
	font-size:13px;
	padding-left:25px;
	color:#fff;
	margin:25px 25px 0;
	font-weight:bold;
	line-height:28px;
	background-image: url(../images/h2.gif);
	height:35px;
	background-repeat: no-repeat;
}

#main p {
	margin:0 55px;
	line-height:180%;
}

#main ol, #main ul {
	margin:0 60px;
}

#main li {
	list-style-position:inside;
	line-height:18px;
}

#main dl {
	margin:20px 0;
	text-indent:100px;
}
#main dt {
	text-indent:80px;
}
#main img, a img {
	border:none;
}

/*サイド
-------------------------------------------------------------------*/
#side {
	float:right;
	width: 170px;
	margin-left:14px;
	padding-bottom: 10px;
}

#pickup {
	padding-top: 2px;
	width: 160px;
	margin: 5px auto;
}

#pickup dl {
	margin-bottom:10px;
}
/* for IE8 \*/
head~/* */body #pickup dl {
	margin-bottom:20px;
}
head~/* */body #pickup dd {
	margin-bottom:2px;
}

#pickup dt {
	background:url(../images/h3.gif) no-repeat 0px 3px;
	line-height:35px;
	text-indent:15px;
	font-weight:bold;
	margin-bottom:3px;
}
#pickup dd {
	margin-left:5px;
}
#pickup dd img {
	border-style:none;
}

#side p a {
	background-color: #E2DECF;
	display: block;
	padding: 10px;
	line-height: 15px;
	border: 2px solid #C6BCB0;
}

/*フッター
-------------------------------------------------------------------*/
#footer {
	clear: both;
	text-align:center;
	color:#FFF;
	display: block;
	background-color:#0000C2;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
}


/*パンくずリスト
-------------------------------------------------------------------*/
#pan {
	margin:0 5px;
	letter-spacing:1px;
}

/*コンテンツ内ナビゲーション
-------------------------------------------------------------------*/
#navi {
	height:8px;
	clear: both;
	padding:3px 0;
} 

#navi li {
	display: block;
	float: left;
}
#navi li a {
	display: block;
	font-weight:bold;
	margin:0 12px;
	text-indent:18px;
	background:url(../images/navi_r.gif) no-repeat 0px 2px;
}
#navi li strong {
	display: block;
	margin:0 12px;
	text-indent:18px;
	background:url(../images/navi_b.gif) no-repeat 0px 2px;
}

/*
-------------------------------------------------------------------*/
.com, .place, .his, .plan, .link {
	width:750px;
	border:none;
	margin: 10px auto;
}
.soft {
	width:350px;
	border:none;
	margin: 10px auto;
}
.com th, .soft th {
	text-align:left;
	vertical-align:top;
	text-indent:10px;
	line-height:22px;
	border-bottom:dotted 1px #999;
}
.com td, .his td, .soft td {
	vertical-align:top;
	line-height:22px;
	padding-left:10px;
	border-bottom:dotted 1px #999;
}

.place th {
	text-align:left;
	vertical-align:top;
	text-indent:10px;
	line-height:22px;
}
.place td, plan td {
	vertical-align:top;
	line-height:22px;
	padding-left:10px;
}

.plan td {
	vertical-align:top;
	line-height:22px;
	padding-left:10px;
}
.plan li {
	list-style-type:decimal;
}

#main .plan ol, #main .plan ul {
	margin:0 30px;
}
#main .plan dl {
	margin:20px 0;
	text-indent:50px;
}
#main .plan dt {
	text-indent:40px;
}


.his th {
	text-align:right;
	vertical-align:top;
	line-height:24px;
	padding-right:25px;
	border-bottom:dotted 1px #999;
}

.pre {
	width:650px;
	border:none;
	margin: 10px auto;
}
.pre th {
	line-height:30px;
	font-size:14px;
	color:#cc0000;
}
.pre td {
	text-align:right;
}
#main .circle li {
	list-style-type:circle;
}
#main .square li {
	list-style-type:square;
}

.member {
	width:830px;
	border:none;
	margin: 10px auto;
}
.member th {
	text-align:left;
	vertical-align:top;
	text-indent:5px;
	line-height:30px;
}
#main .member dl {
	margin:20px 0;
	text-indent:10px;
}
#main .member dt {
	text-indent:5px;
}

.com h3 {
	line-height:24px;
	font-weight:bold;
	padding:0 5px;
	border-left:4px solid #0000C2;
	border-bottom:1px dotted #0000C2;
}
.plan h3 {
	line-height:24px;
	font-weight:bold;
	padding:0 5px;
	border-left:4px solid #0000C2;
	border-bottom:1px dotted #0000C2;
	width:270px;
	margin-bottom:10px;
}

.link td {
	line-height:30px;
	font-size:12px;
	border-bottom:dotted 1px #999;
}
.etc {
	width:540px;
	border:none;
	margin:10px auto;
	border:solid 1px #333;
}
.etc th {
	line-height:22px;
	text-align:center;
	border:solid 1px #999;
	font-weight:bold;
	color:#fff;
	background-color:#0000C2;
	width:180px;
}
.etc td {
	text-align:center;
	border:solid 1px #ccc;
	letter-spacing:1px;
}

.spotmap {
	width:740px;
	border:none;
	margin:10px auto;
	border:solid 1px #ccc;
}
.spotmap th {
	line-height:30px;
}
.spotmap td {
	vertical-align:middle;
	line-height:22px;
	padding-left:10px;
	text-align:center;
}
.spotmap p {
	text-align:left;
	font-weight:normal;
}

.material {
	width:500px;
	border:none;
	margin:10px auto;
	text-align:center;
}
#main .material p {
	margin:15px auto;
}



.sitemap {
	width:400px;
	float:left;
}
.sitemap h3 {
	line-height:24px;
	font-weight:bold;
	padding:0 8px;
	margin:10px 10px 10px 35px;
/*	border-left:6px solid #0000C2;
	border-bottom:1px dotted #0000C2;
	border-top:1px dotted #0000C2;
	border-right:1px dotted #0000C2;*/
}
#main .sitemap li {
	list-style-image:url(../images/dd.gif);
	list-style-position:outside;
	margin:5px 0;
}