@charset "utf-8";


/* --------------------------------------------------
	行頭を表示するときは「##」で検索してください。
-------------------------------------------------- */
/* --------------------------------------------------
	dreamweaverで作業する際にコメントアウトしておく記述(作業が終わったら外してください。)
-------------------------------------------------- */
div#menu-list ul li,
ul#menu-list2 li,
ul#menu-list3 li,
div#pankuzu h2,
div#pankuzu ol,
div#pankuzu ol li{
	display:inline;
}

/* --------------------------------------------------
	##基本設定
-------------------------------------------------- */

/* body */
body{
	margin:0;
	padding:0;
	color:#333;
	font-size:100%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Godthic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.5;
	text-align:center;
}
div#wrapper{background:url(../img/bg_body1.gif) no-repeat center top;}

/* タイトル */
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:100%;
}

/* 定義 */
dl,dt,dd{
	margin:0;
	padding:0;
}

/* リスト */
ul,ol{
	margin:0;
	padding:0;
	list-style:none;
}
li{
	margin:0;
	padding:0;
}

/* テーブル・ボックス */
table{
	border:0;
}
th,td{
	margin:0;
	padding:0;
	font-size:100%;
}
div{
	margin:0;
	padding:0;
}

/* イメージ */
img,
a img{
	border:0;
}

/* フォーム */
form{
	margin:0;
	padding:0;
}

/* 段落 */
p{
	margin:0;
	padding:0;
}

/* リンク */
a{
	color:#333;
}
a:hover{
	color:#F00;
}

/* --------------------------------------------------
	##メイン枠
-------------------------------------------------- */
div#main-box{
	margin:0 auto 20px auto;
	width:968px;
	background-color:#FFF;
	text-align:left;
}
div#main-box-inner:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
div#main-box-inner{
	margin-left:12px;
	width:944px;
	background:url(../img_com/com_bg_main.gif) repeat-y left top;
	/*\*//*/
	overflow:hidden;
	/**/
}
div#main-box-inner1:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
div#main-box-inner1{
	width:944px;
	background:url(../img_com/com_bg_main_btm.gif) no-repeat right bottom;
	/*\*//*/
	overflow:hidden;
	/**/
}
div#main-box1:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
div#main-box1{
	float:right;
	width:727px;
	/*\*//*/
	overflow:hidden;
	/**/
}
div#main-box2:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
div#main-box2{
	width:727px;
	/*\*//*/
	overflow:hidden;
	/**/
}

/* --------------------------------------------------
	##ヘッダー
-------------------------------------------------- */
#header{
	margin:0 auto;
	width:968px;
	height:132px;
	position:relative;
	text-align:left;
	
}
#header h1{
	width:340px;
	position:absolute;
	top:8px;
	left:12px;
	color:#808080;
	font-size:63%;
	font-weight:normal;
}
#logo{
	width:337px;
	position:absolute;
	top:37px;
	left:12px;
}
#h-menu-1{
	margin:0;
	padding:0;
	position:absolute;
	top:12px;
	right:17px;
}
#h-menu-1 li{
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
	float:left;
	display:inline;
	font-size:8px;
	line-height:8px;
}
#h-menu-1 li.start{
	margin:0 0 0 0;
}
#h-menu-1 li.ryugaku{
	padding:0 0 0 10px;
	border-left:1px #d9d9d9 solid;
}
#h-menu-1 li img{vertical-align:top;}
#h-menu-2{
	margin:0;
	padding:0;
	position:absolute;
	top:62px;
	right:24px;
}
#h-menu-2 li{
	margin:0 0 0 16px;
	padding:0;
	list-style:none;
	float:left;
	display:inline;
	color:#666;
	font-size:63%;
}
#h-menu-2 li a{
	color:#666;
	text-decoration:none;
}
#h-menu-2 li a:hover{
	color:#f00;
	text-decoration:underline;
}
#m-menu{
	margin:0;
	padding:0;
	position:absolute;
	top:84px;
	left:12px;
	width:944px;
	height:39px;
}
#m-menu li.m-menu{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
}
#m-menu1,#m-menu1 a.m-menu-a{width:71px;}
#m-menu2,#m-menu2 a.m-menu-a{width:137px;}
#m-menu3,#m-menu3 a.m-menu-a{width:132px;}
#m-menu4,#m-menu4 a.m-menu-a{width:123px;}
#m-menu5,#m-menu5 a.m-menu-a{width:150px;}
#m-menu6,#m-menu6 a.m-menu-a{width:135px;}
#m-menu7,#m-menu7 a.m-menu-a{width:105px;}
#m-menu8,#m-menu8 a.m-menu-a{width:91px;}
#m-menu li a.m-menu-a{
	display:block;
	height:39px;
}
#m-menu li#m-menu1 a.m-menu-a{background:url(../img_com/m_menu_com_1_o.gif) no-repeat left top;}
#m-menu li#m-menu1 a.m-menu-a:hover{background-color:#fff;}
#m-menu li#m-menu1 a.m-menu-a:hover img{visibility:hidden;}
#m-menu li#m-menu2 a.m-menu-a{background:url(../img_com/m_menu_com_2_o.gif) no-repeat left top;}
#m-menu li#m-menu2 a.m-menu-a:hover{background-color:#fff;}
#m-menu li#m-menu2 a.m-menu-a:hover img{visibility:hidden;}
#m-menu li#m-menu3 a.m-menu-a{background:url(../img_com/m_menu_com_3_o.gif) no-repeat left top;}
#m-menu li#m-menu3 a.m-menu-a:hover{background-color:#fff;}
#m-menu li#m-menu3 a.m-menu-a:hover img{visibility:hidden;}
#m-menu li#m-menu4 a.m-menu-a{background:url(../img_com/m_menu_com_4_o.gif) no-repeat left top;}
#m-menu li#m-menu4 a.m-menu-a:hover{background-color:#fff;}
#m-menu li#m-menu4 a.m-menu-a:hover img{visibility:hidden;}
#m-menu li#m-menu5 a.m-menu-a{background:url(../img_com/m_menu_com_5_o.gif) no-repeat left top;}
#m-menu li#m-menu5 a.m-menu-a:hover{background-color:#fff;}
#m-menu li#m-menu5 a.m-menu-a:hover img{visibility:hidden;}
#m-menu li#m-menu6 a.m-menu-a{background:url(../img_com/m_menu_com_6_o.gif) no-repeat left top;}
#m-menu li#m-menu6 a.m-menu-a:hover{background-color:#fff;}
#m-menu li#m-menu6 a.m-menu-a:hover img{visibility:hidden;}
#m-menu li#m-menu7 a.m-menu-a{background:url(../img_com/m_menu_com_7_o.gif) no-repeat left top;}
#m-menu li#m-menu7 a.m-menu-a:hover{background-color:#fff;}
#m-menu li#m-menu7 a.m-menu-a:hover img{visibility:hidden;}
#m-menu li#m-menu8 a.m-menu-a{background:url(../img_com/m_menu_com_8_o.gif) no-repeat left top;}
#m-menu li#m-menu8 a.m-menu-a:hover{background-color:#fff;}
#m-menu li#m-menu8 a.m-menu-a:hover img{visibility:hidden;}

#top #m-menu li#m-menu1 a.m-menu-a{background-color:#fff;}
#top #m-menu li#m-menu1 a.m-menu-a img{visibility:hidden;}
#m-menu li div{
	border-width:0 1px 1px 1px;
	border-color:#ccc;
	border-style:solid;
	overflow-y:hidden;
	padding:0;
	position:absolute;
	top:36px;
	left:-1px;
	visibility: hidden;
	background-color:#fff;
}
#m-menu1 div{width:70px;}
#m-menu2 div{width:206px;}
#m-menu3 div{width:131px;}
#m-menu4 div{width:122px;}
#m-menu5 div{width:149px;}
#m-menu6 div{width:134px;}
#m-menu7 div{width:104px;}
#m-menu8 div{width:91px;}
#m-menu li div ul{
	margin-top:-1px;
	padding:0 11px;
	width:auto;
}
#m-menu li div ul li{
	padding:7px 0;
	border-top:1px #cfcfcf solid;
	font-size:75%;
	width:100%;
	color:#bb0023;
}
#m-menu li div ul li a{
	color:#bb0023;
	text-decoration:none;
}
#m-menu li div ul li a:hover{
	color:#f00;
	text-decoration:underline;
}
#m-menu li div ul li span a{
	color:#666;
	text-decoration:none;
}
#m-menu li div ul li span a:hover{
	color:#f00;
	text-decoration:underline;
}

/* --------------------------------------------------
	##コンテンツ
-------------------------------------------------- */
body#top div#contents{
	padding-top:8px;
}
div#contents{
	float:left;
	width:500px;
}
div#contents-inner{
	margin:0 3px;
	padding-top:4px;
	width:494px;
}
p#lead{
	margin-bottom:23px;
	color:#4D4D4D;
	font-size:12px;
}

/* --------------------------------------------------
	##サイドメニュー
-------------------------------------------------- */
#side-menu{
	float:left;
	width:210px;
	font-size:75%;
}
#top #side-menu{
	padding-top:11px;
}
.side-box-1{
	margin:0 0 6px;
	padding:10px 13px 0;
	border:1px #ccc solid;
	background:#fff url(../img_com/bg_s_box.jpg) repeat-x left top;
}
#sb1-btm.side-box-1{
	padding:10px 13px;
}
.side-box-1 h2{
	margin:0 0 6px;
}
.side-box-1 ul{
	margin:0;
	padding:0 0 13px;
}
.side-box-1 ul li{
	margin:0;
	padding:3px 0;
	list-style:none;
}
.side-box-1 ul li a{
	color:#666;
	text-decoration:none;
}
.side-box-1 ul li a:hover{
	color:#f00;
	text-decoration:underline;
}
.side-box-1 ul li div{color:#ccc;}
.side-box-1 ul li div a{
	color:#808080;
	text-decoration:none;
}
.side-box-1 ul li div a:hover{
	color:#f00;
	text-decoration:underline;
}
.side-box-1 ul.s-gakka li div{
	margin-left:6px;
}
.side-box-1 ul li.s-border{
	margin-top:10px;
	padding-top:10px;
	border-top:1px #ebebeb solid;
}
.sb-link-box{
	border-collapse:collapse;
	border:0;
}
.sb-link-box td{
	padding:3px 10px 3px 0;
	vertical-align:top;
}
.sb-link-box td a{
	color:#666;
	text-decoration:none;
}
.sb-link-box td a:hover{
	color:#f00;
	text-decoration:underline;
}

/* --------------------------------------------------
	##サイドバナー
-------------------------------------------------- */
div#side-banner{
	float:right;
	width:220px;
}
p#banner-list-title{
	padding:0;
}
ul.banner-list{
	padding:0 5px 1px 5px;
}
ul.banner-list li{
	margin-bottom:8px;
	color:#4D4D4D;
	font-size:12px;
	text-align:center;
}
ul.banner-list li img{
	vertical-align:top;
}

ul.banner-list li a{
	color:#4D4D4D;
}
ul.banner-list li a:hover{
	color:#F00;
}

/* --------------------------------------------------
	##ページトップ
-------------------------------------------------- */
#pt-box{
	clear:both;
	margin:0 auto;
	width:968px;
	text-align:center;
}
#top #pt-box{
	background:none;
}
p#page-top{
	margin:0 auto;
	width:944px;
	text-align:right;
}

/* --------------------------------------------------
	##フッター
-------------------------------------------------- */
#footer{
	border-top:2px #ab002f solid;
	border-bottom:2px #d9d9d9 solid;
	padding:22px 0 20px;
	background-color:#f0f0f0;
	min-width:968px;
	font-size:75%;
}
#footer-inner{
	margin:0 auto;
	width:956px;
	text-align:left;
}
.f-text-1{
	margin-bottom:5px;
	color:#000;
	font-weight:bold;
}
.f-text-1 span{
	font-size:83%;
	font-weight:normal;
}
.f-text-2{margin-bottom:18px;}
.f-text-3{margin-bottom:14px;}
.f-text-4{margin-bottom:8px;}
.f-text-5{
	margin:0 0 16px;
	border-collapse:collapse;
	border:0;
}
.f-text-5 td{
	padding:0;
	color:#666;
}
.f-text-5 td span{color:#000;}
.f-text-6{
	margin:0 0 8px;
}
#f-border-1{
	padding-bottom:14px;
	border-bottom:1px #dfdcda solid;
	width:192px;
}
#cs-box input{vertical-align:middle;}
#search-i{
	margin-right:5px;
	padding:2px;
	border:1px #b2b2b2 solid;
	background-color:#fff;
	width:172px;
}
#f-box-1{
	border-collapse:collapse;
	border:0;
	width:956px;
}
#f-box-1 td{
	padding:0;
	vertical-align:top;
}
#f-left{
	background:url(../img_com/f_line1.gif) repeat-y right top;
}
#f-right h2{
	margin:0 0 3px;
}
#f-right p{
	color:#666;
}
#f-right p span{color:#000;}
#f-right p a{
	color:#666;
	text-decoration:none;
}
#f-right p a:hover{
	color:#f00;
	text-decoration:underline;
}
#f-right td{
	padding-bottom:18px;
}
#f-right td td{
	padding-bottom:0;
}
#copyright{
	margin:0 auto;
	padding:14px 0;
	width:968px;
	color:#000;
	font-size:75%;
	text-align:center;
}
#copyright a{
	color:#000;
	text-decoration:none;
}
#copyright a:hover{
	color:#f00;
	text-decoration:underline;
}