/*共通*/
*{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body {
	background-color: #F6F5E1;
	margin: 0px;
	padding: 0px;
}
body#con {
	background-image: url(img/body_back.gif);
	background-repeat: repeat-x;
}
a:link {
	color: #644300;
	text-decoration: none;
}
a:visited {
	color: #644300;
	text-decoration: none;
}
a:active {
	color: #F60;
	text-decoration: none;
}
a:hover {
	color: #F60;
	text-decoration: none;
}

img{
	margin: 0px;
	padding: 0px;
	border: none;
}

iframe{
	margin: 0px;
	padding: 0px;
	border: none;
}

form{
	margin: 0px;
	padding: 0px;
	border: none;
}

hr{
	display: none;
}

.none{
	display: none;
}

/*list style*/

/*DTとDDを並行して表示する場合*/
.dl_base1 { padding:10px 20px 15px 20px; list-style-type: none; font-size: 12px; line-height: 1.6em; color: #666; letter-spacing: 0.05em;}
.dl_base1 dt{ float: left; border-right-width: 3px; border-right-style: solid; border-right-color: #066; margin:10px 0 5px 0; }
.dl_base1 dd{ padding-top: 10px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ccc; }
.dt080 dt{ width: 80px; margin-top: 10px; }
.dt080 dd{ padding-left: 100px; _padding-left: 95px; }
.dt100 dt{ width: 100px; margin-top:10px;}
.dt100 dd{ padding-left: 120px; _padding-left: 115px; }
.dt130 dt{ width: 130px; margin-top:10px;}
.dt130 dd{ padding-left: 150px; _padding-left: 145px; }
.dt200 dt{ width: 200px; margin-top:10px;}
.dt200 dd{ padding-left: 220px; _padding-left: 215px; }
/*dtのborderを下に伸ばしたいとき？*/
.dt_hi2{ height:3em;}
.dt_hi4{ height:6em;}

/*DTとDDを段落として表示する場合*/
.dl_base2 { padding:10px 20px 15px 0px; list-style-type: none; font-size: 13px; line-height: 1.6em; color: #333; letter-spacing: 0.05em;}
.dl_base2 dt{ padding:5px 0 5px 45px; }
.dl_base2 dd{ padding:5px; margin-bottom:15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ccc; }

/*color style*/

.col_red1{color: #f00;}/* 赤（原色） */
.col_red2{color: #c00;}/* 赤（暗い） */
.col_pink1{color: #f69;}/* ピンク */
.col_green1{color: #090;}/* 緑（ふつう） */
.col_green2{color: #690; }/* 緑（抹茶系）*/
.col_olive{color: #9c0; }/* 緑（オリーブ）*/
.col_blue1{color: #00f;}/* 青（原色） */
.col_blue2{color: #06c;}/* 青（やわらか系） */
.col_blue3{color: #9ff;}/* 青（水色） */
.col_blue4{color: #099;}/* 青（みどり系） */
.col_gray1{color: #333;}/* 墨（80％） */
.col_gray2{color: #666;}/* 墨（60％） */
.col_gray3{color: #999;}/* 墨（40％） */
.col_gray4{color: #ccc;}/* 墨（20％） */
.col_black{color: #000;}/* 黒 */
.col_white{color: #fff;}/* 白 */

/*トップ*/
#head_top{
	display: block;
	background-image: url(img/head_main.gif);
	background-repeat: repeat-x;
	background-color: #C8A88A;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100%;
}
#head_top h1{
	font-size: 9px;
	background-image: url(img/head_logo.gif);
	display: block;
	margin: 26px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	height: 17px;
	width: 184px;
	background-repeat: no-repeat;
}
#head_top h1 a{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 184px;
}
#head_top p{
	background-image: url(img/head_url.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 4px 10px 0px 0px;
	padding: 0px;
	float: right;
	height: 17px;
	width: 113px;
}
#top{
	display: block;
	width: 812px;
	margin: 0px auto;
	padding: 0px;
}
#topimg{
	background-image: url(img/sample01.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 568px;
}
#topimg h2{
	display: none;
}
#topimg P{
	display: none;
}
#topimg div.BanaBox{
	margin: 330px 0px 0px 220px;
	width:270px;
}
#topimg div.BanaBox a{ display:block; width:270px; height:29px; background-image:url(img/bana1.jpg);}
#topimg div.BanaBox a:hover{ background-position:bottom;}
#topimg h3{
	display: block;
	background-image: url(img/whatsnew.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 60px;
	padding: 0px;
	height: 32px;
	width: 428px;
}
#topimg h3 a{
	float: right;
	width: 20px;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 32px;
}

#topimg iframe{
	margin: 0px 0px 0px 60px;
	padding: 0px;
	height: 180px;
	width: 428px;
}
#top_navi{
float:right;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	height: 650px;
	width: 240px;
}
#top_navi h2{
	display: none;
}
#top_navi ul{
	display: block;
	width: 240px;
	margin: auto 0px;
	padding: 0px;
	list-style-type: none;
}
#top_navi li{
	display: block;
	margin: 18px 0px 18px 0px;
	padding: 0px;
}
li#t_navi01 a{
	background-image: url(img/t_navi01.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	margin: 0px 0 0 8px;
	padding: 0px;
	height: 48px;
	width: 232px;
}
li#t_navi01 a:hover{
	background-position: right;
}
li#t_navi02 a{
	background-image: url(img/t_navi02.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	margin: 0px 0 0 8px;
	padding: 0px;
	height: 48px;
	width: 232px;
}
li#t_navi02 a:hover{
	background-position: right;
}
li#t_navi03 a{
	background-image: url(img/t_navi03.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	margin: 0px 0 0 8px;
	padding: 0px;
	height: 48px;
	width: 232px;
}
li#t_navi03 a:hover{
	background-position: right;
}
li#t_navi04 a{
	background-image: url(img/t_navi04.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	margin: 0px 0 0 8px;
	padding: 0px;
	height: 48px;
	width: 232px;
}
li#t_navi04 a:hover{
	background-position: right;
}
li#t_navi05 a{
	background-image: url(img/t_navi05.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	margin: 0px 0 0 8px;
	padding: 0px;
	height: 48px;
	width: 232px;
}
li#t_navi05 a:hover{
	background-position: right;
}
li#t_navi06 a{
	background-image: url(img/t_navi06.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	margin: 0px 0 0 8px;
	padding: 0px;
	height: 48px;
	width: 232px;
}
li#t_navi06 a:hover{
	background-position: right;
}
li#t_navi07 a{
	background-image: url(img/t_navi07.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	margin: 0px 0 0 0px;
	padding: 0px;
	height: 48px;
	width: 232px;
}
li#t_navi07 a:hover{
	background-position: right;
}
li#t_navi08 a{
	background-image: url(img/t_navi08.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	margin: 0px 0 0 8px;
	padding: 0px;
	height: 48px;
	width: 232px;
}
li#t_navi08 a:hover{
	background-position: right;
}

#footer_top{
	background-image: url(img/foot_main.gif);
	background-repeat: repeat-x;
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 20px;
}
#footer_top p{
	background-image: url(img/foot_copyright.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px auto;
	padding: 0px;
	height: 20px;
	width: 845px;
}

/*contents*/

#head_con{
	display: block;
	background-image: url(img/head_main.gif);
	background-repeat: repeat-x;
	background-color: #C8A88A;
	margin: 0px auto;
	padding: 0px;
	height: 60px;
	width: 845px;
}
#head_con h1{
	font-size: 9px;
	background-image: url(img/head_logo.gif);
	display: block;
	margin: 26px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	height: 17px;
	width: 184px;
	background-repeat: no-repeat;
}
#head_con h1 a{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 184px;
}
#head_con p{
	background-image: url(img/head_url.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 4px 10px 0px 0px;
	padding: 0px;
	float: right;
	height: 17px;
	width: 113px;
}

#con_navi{
	display: block;
	margin: 0px auto;
	padding: 2px 0px 0px;
	text-align: center;
	height: 32px;
	width: 847px;
	vertical-align: middle;
	white-space: nowrap;
}
#con_navi h2{
	display: none;
	font-size: 0px;
}
#con_navi ul{
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 32px;
}
#con_navi li{
	display: block;
	margin: 0px 1px;
	padding: 0px;
	float: left;
}
li#navi01 a{
	background-image: url(img/navi01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 92px;
}
li#navi01 a:hover{
	background-position: right;
}
li#navi02 a{
	background-image: url(img/navi02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 92px;
}
li#navi02 a:hover{
	background-position: right;
}
li#navi03 a{
	background-image: url(img/navi03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 92px;
}
li#navi03 a:hover{
	background-position: right;
}
li#navi04 a{
	background-image: url(img/navi04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 92px;
}
li#navi04 a:hover{
	background-position: right;
}
li#navi05 a{
	background-image: url(img/navi05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 92px;
}
li#navi05 a:hover{
	background-position: right;
}
li#navi06 a{
	background-image: url(img/navi06.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 92px;
}
li#navi06 a:hover{
	background-position: right;
}
li#navi07 a{
	background-image: url(img/navi07.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 92px;
}
li#navi07 a:hover{
	background-position: right;
}
li#navi08 a{
	background-image: url(img/navi08.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 92px;
}
li#navi08 a:hover{
	background-position: right;
}
li#navi09 a{
	background-image: url(img/navi09.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 92px;
}
li#navi09 a:hover{
	background-position: right;
}

#footer{
	background-image: url(img/foot_back.gif);
	background-repeat: repeat-x;
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 20px;
}
#footer p{
	background-image: url(img/foot_copyright.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px auto;
	padding: 0px;
	height: 20px;
	width: 845px;
}