﻿@charset "utf-8";

/* ボディ・画像・見出し */
body{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color:#333333;
	margin:0px auto;
	padding:0px;
	text-align:center;
	background-color:#ffffff;
	background:url(../img/bg.gif) top center repeat-y;
	width:800px;
}
a{
	color:#0033cc;
	text-decoration:underline;
}
a:hover{
	color:#0033cc;
	text-decoration:underline;
}
img{
	border:0px;
	margin:0px;
	padding:0px;
}
h2,h3,h4,p,ul{
	margin:0px;
	padding:0px;
	border:0px;
	font-style:normal;
	font-weight:normal;
}
hr{
	display:none;
}

/*ボーダー*/
.border-brown{
	background-image:url(../img/hr_brown.gif);
	background-repeat:no-repeat;
	margin:0px auto 0px auto;
	padding:0px;
	width:800px;
	height:5px;
	display:block;
	font-size:1px;
}

/*ヘッダ*/
#head{
	width:800px;
	height:50px;
	background-color:#ffffff;
	margin:0px auto;
	padding:0px;
	border-top:5px solid #5A4600;
}
#head-logo{
	float:left;
	text-align:left;
	vertical-align:middle;
	margin:7px 0px 0px 20px;
}

#head_menu{
	font-size:10px;
	list-style-type:none;
	text-align:right;
	margin:35px 0px 0px 450px;
}
#head_menu li{
	margin-right:7px;
	float:right;
}

#head_menu a{
	color:#333333;
	text-decoration:none;
}
#head_menu a:hover{
	color:#333333;
	text-decoration:underline;
}

/*カラム分割*/
#contents{
	width:800px;
	background-color:#FFFFFF;
	clear:both;
}
#left{
	float:left;
	margin:0px;
	padding:0px;
	width:200px;
}
#right{
	float:right;
	margin:0px;
	padding:0px;
	width:600px;
}

/*メニュー*/
#menu-head{
	font-size:10px;
	line-height:10px;
	color:#FFFFFF;
	text-align:left;
	padding:8px 0px 8px 10px;
	margin:0px 0px 15px;
	background-color:#FF8C00;
}

.MENU_A{
	width:180px;
	text-align:left;
	list-style-type:none;
	margin:0px auto 10px;
	padding:0px;
}
.MENU_A dt{
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 7px 2px;
	border-bottom:1px solid #333333;
}
.MENU_A dd{
	font-size:10px;
	margin:0;
	border-bottom:1px dashed #333333;
}
.MENU_A dd.la{border-bottom:1px solid #333333;}
.MENU_A img{margin-right:3px;}
.MENU_A dd a{
	display:block;
	padding:7px 0px 7px 10px;
	color:#333;
	text-decoration:none;
}
.MENU_A dd a:hover{
	background:#EEEEEE;
}

#MENU_B{
	list-style-type:none;
	width:180px;
	margin:0px 10px 0px;
}

#MENU_B li {
	height: 28px;
	width: 180px;
	margin:0px 0px 5px 0px;
}

#MENU_B li a {
	text-indent: -9999px;
	display:block;
	height: 28px;
	width: 180px;
}

#MENU_B #imre{
	text-align:left;
	height:12px;
	font-size:10px;
	margin:0px 0px 2px 0px;
}

.MENU_C{
	width:180px;
	text-align:left;
	list-style-type:none;
	margin:0px auto 10px;
	padding:0px;
}
.MENU_C dt{
	font-size:12px;
	padding:0px;
}
.MENU_C dd{
	font-size:10px;
	margin:0;
	border-bottom:1px dashed #333333;
}
.MENU_C dd.la{border-bottom:0px none #ffffff;}
.MENU_C img{margin-right:3px;}
.MENU_C dd a{
	display:block;
	padding:7px 0px 7px 10px;
	color:#333;
	text-decoration:none;
}
.MENU_C dd a:hover{
	background:#EEEEEE;
}

#MENU_D{
	width:178px;
	text-align:left;
	margin:0px auto 10px;
	padding:0px;
	border:1px solid #0096DF;
}
#MENU_D ul{
	list-style-type:none;
	margin:0px 10px;
	padding:0px;
}
#MENU_D li{
	font-size:10px;
	margin:0;
	border-bottom:1px dashed #0096DF;
}
#MENU_D li.la{border-bottom:0px none #ffffff;}
#MENU_D img{margin-right:3px;}
#MENU_D li a{
	display:block;
	padding:7px 0px 7px 10px;
	color:#333;
	text-decoration:none;
}
#MENU_D li a:hover{
	background:#EEEEEE;
}


/* オフ */
#MENU_B #btn01 a { background: url(../img/global/btn01_L.gif) no-repeat; }
#MENU_B #btn02 a { background: url(../img/global/btn02_L.gif) no-repeat; }
#MENU_B #btn03 a { background: url(../img/global/btn03_L.gif) no-repeat; }
#MENU_B #btn04 a { background: url(../img/global/btn04_L.gif) no-repeat; }

/* オン*/
#MENU_B #btn01 a:hover { background: url(../img/global/btn01_Lon.gif) no-repeat; }
#MENU_B #btn02 a:hover { background: url(../img/global/btn02_Lon.gif) no-repeat; }
#MENU_B #btn03 a:hover { background: url(../img/global/btn03_Lon.gif) no-repeat; }
#MENU_B #btn04 a:hover { background: url(../img/global/btn04_Lon.gif) no-repeat; }


/*バナー*/
.banner{
	margin:0px 0px 10px 0px;
	text-align:center;
}

/*ページ位置*/
#page-position{
	font-size:10px;
	line-height:10px;
	color:#FFFFFF;
	text-align:left;
	padding:8px 0px 8px 10px;
	margin:0px;
	background-color:#9FA0A0;
}

/*コピーライト*/
#copyright{
	width:800px;
	margin:10px auto 0px auto;
	clear:both;
}
#foot-logo{
	width:800px;
	margin:0px auto 0px auto;
	border-top:20px solid #FFFFFF;
	border-bottom:20px solid #FFFFFF;
}

address{
	font-size:10px;
	margin:10px 10px 0px 0px;
	text-align:right;
	font-style: normal;
}
/*フッターメニュー*/
#foot_menu{
	width:800px;
	height:14px;
	line-height:14px;
	margin:10px 5px 0px 0px;
	padding:5px 0px;
	background-color:#CCC;
	list-style-type:none;
}

#foot_menu li{
	height:19px;
	font-size:12px;
	display:inline;
	margin-right:0px;
}

#foot_menu li a{
	color:#333;
	text-decoration:none;
	float:left;
	margin-right:5px;
}
#foot_menu li a:hover{ text-decoration:underline;}
/*オフ*/
ul #foot01 a{
	width:100px;
}
ul #foot02 a{
	width:80px;
}
ul #foot03 a{
	width:88px;
}
ul #foot04 a{
	width:92px;
}
ul #foot05 a{
	width:145px;
}
ul #foot06 a{
	width:106px;
}
ul #foot07 a{
	width:139px;
}

/*オフ*/
ul #foot01 a:hover{
	width:100px;
}
ul #foot02 a:hover{
	width:80px;
}
ul #foot03 a:hover{
	width:88px;
}
ul #foot04 a:hover{
	width:92px;
}
ul #foot05 a:hover{
	width:145px;
}
ul #foot06 a:hover{
	width:106px;
}
ul #foot07 a:hover{
	width:139px;
}

/*ページヘッダ*/
#page-head{
	margin:0px 0px 20px 0px;
}

/*サブメニュー*/
#sub-menu-head{
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	letter-spacing:1px;
	padding:5px 0px 0px 10px;
	height:20px;
	margin:0px;
	background-color:#F28200;
}
#sub-menu{
	width:200px;
	list-style-type:none;
	text-align:left;
	margin:0px;
	padding:15px 0px 15px 0px;
	background-color:#fff0be;
}
#sub-menu li{
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 33px;
	font-size:12px;
	line-height:25px;
	background-image:url(../img/cur_category-navigation.gif);
	background-repeat:no-repeat;
	background-position:15px 4px;
	width:160px;
}
#sub-menu li a{
	color:#333333;
	text-decoration:none;
}
#sub-menu li a:hover{
	color:#333333;
	text-decoration:underline;
}

.title{
	background-image:url(../img/title_back.gif);
	background-repeat:repeat-x;
	height:30px;
	margin:15px 15px 5px 15px;
	clear:both;
	font-family:"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro W6","メイリオ",Meiryo;
	font-size:14px;
	color:#333333;
	text-align:left;
	letter-spacing:1px;
	padding:10px 0px 0px 10px;
}

.top-text{
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","sans-serif";
	font-size:16px;
	font-weight:bold;
	color:#333333;
	text-align:left;
	line-height:24px;
	letter-spacing:1px;
	margin:0px 10px 5px 15px;
	padding:4px 0px 0px 10px;
	border-left:5px solid #FF6600;
}
.top-text-item{
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","sans-serif";
	font-size:14px;
	color:#333333;
	text-align:left;
	line-height:18px;
	margin:0px 30px 0px 30px;
}


.c-both {
	clear: both;
	height: 0px; 
}

h1 {
	margin:0;
	width:790px;
	font-weight:normal;
	padding:3px 0px 0px 10px;
	font-size: 10px;
	color: #FFF;
	background: #5A4600;
	text-align: left;
}

.index_h2 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 5px 0px;
	margin: 15px 15px 5px;
}

.index_p {
	font-size: 12px;
	text-align: left;
	margin: 0px auto;
	width: 370px;
}

.area {
	font-size: 12px;
	margin: 10px 15px 20px;
	padding: 5px;
	border: 1px solid #CCC;
	text-align: left;
}

/* テキスト調整 */
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}

.fw{font-weight:bold;}

.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}

.ta_l{text-align:left;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.ms10{margin-left:10px; margin-right:10px;}
.ms20{margin-left:31px; margin-right:31px;}

.pd10{padding:10px;}

.bg_orange{background:#FFD395;}
.bg_skyblue{background:#CAF0FF;}
.bg_gray{background:#DDDDDD;}

.fl_l{float:left;}
