@charset "shift_jis";

/*---------- 全ての要素 ----------*/
* {
  padding: 0;
  margin: 0;
}

img {
	border: none;
}

/*---------- 初期設定 ----------*/
body {
	font-family: "メイリオ","Meiryo","Verdana","ＭＳ Ｐゴシック",serif,"ＭＳ Ｐ明朝",HG丸ｺﾞｼｯｸM-PRO,キャパニトＭ-教漢,ARゴシック体M;
	color: #333;
	text-align: center;
	font-size: 1em;
}

/*---------- 見出し・段落 ----------*/
h1 {
	color: #ffffff;
	font-size: 1px;
	font-weight: normal;
	text-align: center;
	padding: 0px 0 2px 10px;
	background-color: #ffffff;
}

h2 {
	font-size: 17px;
	color: #ff4b00;
	padding: 5px 0 5px 15px;
	margin-top: 10px;
	margin-bottom: 1px;
}

p {
	line-height: 1.5em;
	padding: 0 5px 0 5px;
}

/*---------- ページ全体の指定 ----------*/
#group {
	width: 788px;
	text-align: center;
	background-image: url(img/bg1.gif);
	padding-left: 6px;
	padding-right: 6px;
	margin: auto;
}

/*---------- ヘッダー ----------*/
#header {
	text-align: left;
	margin-bottom: 10px;
}

#header #logo {
	padding-top: 0px;
	padding-left: 0px;
	width: 788px;
	height: 54px;
	background: url(img/top_logo.gif);
	text-align: right;
	line-height: 2em;
	border-bottom: 10px solid #ff6843;
}
/*---------- コンテンツ ----------*/
#contents {
	text-align: left;
}

#contents #left {
	float: left;
	width: 200px;
	padding-bottom: 10px;
}

#contents #right {
	margin: 0 0 0 233px;
	vertical-align: top;
	padding-bottom: 10px;
}

#contents .floatClear {
	clear: left;
	display: block;
}

/*---------- コンテンツ左詳細 ----------*/
#menu {
	width: 200px;
	text-align: left;
	padding-bottom: 10px;
}

#menu ul {
	list-style: none;
}

#menu ul#list01 li a:hover{width: 220px;background: url(img/top_menu01.gif);background-repeat: no-repeat;}

#menu ul#list01 li a {
	display: block;
	text-decoration: none;
	width: 220px;
	height: 53px;
	background: url(img/top_menu01.gif);
	background-repeat: no-repeat;
}
#menu ul#list02 li a:hover{width: 220px;background: url(img/top_menu02.gif);background-repeat: no-repeat;}

#menu ul#list02 li a {
	display: block;
	text-decoration: none;
	width: 220px;
	height: 53px;
	background: url(img/top_menu02.gif);
	background-repeat: no-repeat;
}
#menu ul#list03 li a:hover{width: 220px;background: url(img/top_menu03.gif);background-repeat: no-repeat;}

#menu ul#list03 li a {
	display: block;
	text-decoration: none;
	width: 220px;
	height: 53px;
	background: url(img/top_menu03.gif);
	background-repeat: no-repeat;
}

#menu ul#list04 li a:hover{width: 220px;background: url(img/top_menu04.gif);background-repeat: no-repeat;}

#menu ul#list04 li a {
	display: block;
	text-decoration: none;
	width: 220px;
	height: 53px;
	background: url(img/top_menu04.gif);
	background-repeat: no-repeat;
}

#menu ul#list05 li a:hover{width: 220px;background: url(img/top_menu05.gif);background-repeat: no-repeat;}

#menu ul#list05 li a {
	display: block;
	text-decoration: none;
	width: 220px;
	height: 53px;
	background: url(img/top_menu05.gif);
	background-repeat: no-repeat;
}

#menu ul#list06 li a:hover{width: 220px;background: url(img/top_menu06.gif);background-repeat: no-repeat;}

#menu ul#list06 li a {
	display: block;
	text-decoration: none;
	width: 220px;
	height: 73px;
	background: url(img/top_menu06.gif);
	background-repeat: no-repeat;
}

#menu ul#list07 li a:hover{width: 220px;background: url(img/top_menu07.gif);background-repeat: no-repeat;}

#menu ul#list07 li a {
	display: block;
	text-decoration: none;
	width: 220px;
	height: 73px;
	background: url(img/top_menu07.gif);
	background-repeat: no-repeat;
}

#menu ul#list08 li a {
	display: block;
	text-decoration: none;
	width: 220px;
	height: 53px;
	background: url(img/top_menu08.gif);
	background-repeat: no-repeat;
}

#menu ul#list09 li a {
	display: block;
	text-decoration: none;
	width: 220px;
	height: 53px;
	background: url(img/top_menu09.gif);
	background-repeat: no-repeat;
}

#contact_box {
	width: 195px;
	height:110px;
	background-color: #FFF;
	border: 5px solid #c9ff47;
	padding: 5px;
	margin-top:10px;
	margin-left: 5px;
}
	
#contact_box h3 {
	text-align: center;
	border-bottom: 1px dotted #999;
	margin-bottom: 3px;
}

/*---------- コンテンツ右詳細 ----------*/
#main_image {
	width: 545px;
	text-align: left;
	padding-bottom: 5px;
	font-size: 1.2em;
	color: #FFF;
	font-weight: bold;
	line-height: 1.3em;
}
#message {
	width: 450px;
	padding-top: 10px;
	padding-left: 60px;
	text-align: left;
	line-height: 1.5em;
	padding-bottom: 10px;
}
.infobox {
	/*縦高さ変更可*/
	height: 300px;
	overflow: auto;
	background-color:#ffffff;
	color: #333333;
	line-height: 1.5em;
	border: #ffaf47 1px solid;
	padding: 5px 10px 5px 10px;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 5px;
}

#frames {
	border: 1px solid #aaf55a;
	padding: 10px;
	margin-left: 20px;
	margin-right: 10px;
}

#frames ul {
	list-style:none;
	margin-bottom: 15px;
}

#frames ul li {
	line-height: 1.5em
}

/*---------- 下層ページ ----------*/

#base_tbl td {
	line-height:1.5em;
}

/*---------- フォント ----------*/

.text_color1 {
	color: #047AFF;
}

.text_color2 {
	color: #333;
}

/*---------- フッターメニュー ----------*/
#footer_menu {
	width: 788px;
	color: #333333;
	text-align: center;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*---------- フッター ----------*/
#footer {
	width: 788px;
	height: 32px;
	background-color: #FE7F11;
	text-align: center;
	font-size: small;
	color: #FFF;
	font-weight: bold;
	padding-top: 15px;
}
