@charset "utf-8";


/* --------------------------------------------------
	行頭を表示するときは「##」で検索してください。
-------------------------------------------------- */

/* --------------------------------------------------
	##基本設定
-------------------------------------------------- */
* html{filter: expression(document.execCommand("BackgroundImageCache",false,true));}
/* body */
html,body{height:100%;}
body{
	margin:0;
	padding:0;
	line-height:1.4;
	color:#4D4D4D;
	background:#EDEEEE url(../img_com/bg_body.jpg) repeat-x left top;
	font-size:16px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Godthic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
}

/* IE6用 */
* html body {
	padding-left: 1px;
	font-size:100%;
}

/* IE7用 */
*:first-child+html body {
	padding-left: 1px;
	font-size:100%;
}

/* タイトル */
h1,h2,h3,h4,h5,h6{
	margin:0;
}

/* テーブル・ボックス */

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

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

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

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

.iepngfix{behavior: expression(IEPNGFIX.fix(this));}

#wrapper{
	width:100%;
}
#cs{
	padding:100px 0;
	cont-size:88%;
	text-align:center;
}
/* --------------------------------------------------
	##header
-------------------------------------------------- */
#header{
	margin:0 auto;
	width:960px;
	height:84px;
	position:relative;
	background:url(../img_com/bg_header.gif) no-repeat left bottom;
	text-align:left;
}
h1{
	position:absolute;
	width:500px;
	top:6px;
	left:10px;
	color:#999;
	font-size:75%;
	font-weight:normal;
}
#logo{
	position:absolute;
	width:186px;
	top:38px;
	left:8px;
}
#header-list1{
	position:relative;
}
#header-list1 ul:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#header-list1 ul{
	position:absolute;
	top:12px;
	right:9px;
	margin:0;
	padding:0;
	width:auto;
	min-height:1px;
	_height:1px;
	/*\*//*/
	overflow:hidden;
	/**/
}
#header-list1 ul li{
	margin:0;
	padding:0 0 0 26px;
	list-style:none;
	line-height:16px;
	float:left;
	color:#4D4D4D;
	font-size:88%;
	white-space:nowrap;
}
#header-list1 ul li.c-list0{background:url(../img_com/h_icon0.gif) no-repeat left center;}
#header-list1 ul li a{color:#4D4D4D;}
#header-list1 ul li a:hover{color:#F00;}
#header-list2{
	position:relative;
}
#header-list2 ul:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#header-list2 ul{
	position:absolute;
	right:4px;
	top:41px;
	margin:0;
	padding:0;
	width:auto;
	min-height:43px;
	_height:43px;
	/*\*//*/
	overflow:hidden;
	/**/
}
#header-list2 ul li{
	margin:0;
	padding:0;
	list-style:none;
	height:43px;
	line-height:43px;
	float:left;
	color:#808080;
	font-size:75%;
	white-space:nowrap;
}
#header-list2 ul li img{vertical-align:top;}

/* --------------------------------------------------
	##genre
-------------------------------------------------- */
#main{
	margin:0 auto;
	width:960px;
	background:url(../img_com/bg.png) repeat-y left top;
	behavior: expression(IEPNGFIX.fix(this));
}
#main-inner:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#main-inner{
	width:960px;
	text-align:left;
	/*\*//*/
	overflow:hidden;
	/**/
}


/* --------------------------------------------------
	##main-image
-------------------------------------------------- */
#main-image{
	margin:0 auto;
	width:960px;
}

/* --------------------------------------------------
	##contents
-------------------------------------------------- */
#contents{
	margin:0 0 0 13px;
	display:inline;
	float:left;
	width:500px;
}

/* --------------------------------------------------
	##side-l
-------------------------------------------------- */
#side-l{
	margin:0 0 0 18px;
	display:inline;
	float:left;
	width:180px;
}
#side-l h2{
	margin:0 0 4px;
	text-align:center;
}
.s-list1{
	margin:0 0 15px;
	padding:0;
	width:180px;
}
#s-list.s-list1{
	margin:0 0 7px;
	padding:0 0 7px 0;
	border-bottom:1px #CCC solid;
	width:166px;
}
.s-list1 li{
	margin:0;
	padding:0 0 4px 25px;
	list-style:none;
	color:#10613B;
	font-size:88%;
}
.s-list1 li a{color:#10613B;}
.s-list1 li a:hover{color:#F00;}
.s-list1 li.c-list1{background:url(../img_com/m_icon4.gif) no-repeat 5px 0;}
.s-list1 li.c-list2{background:url(../img_com/m_icon2.gif) no-repeat 5px 0;}
.s-list1 li.c-list3{background:url(../img_com/m_icon1.gif) no-repeat 5px 0;}
.s-list1 li.c-list4{background:url(../img_com/m_icon3.gif) no-repeat 5px 0;}
#s-address h3{
	margin:0 0 3px;
	color:#313325;
	font-size:88%;
}
#s-address p{
	color:#4D4D4D;
	font-size:75%;
}

/* --------------------------------------------------
	##side-r
-------------------------------------------------- */
#side-r{
	margin:0 18px 0 0;
	display:inline;
	float:right;
	width:216px;
}
#news-box{
	width:216px;
}
.news-box1{
	padding:9px 0 11px;
	border-top:1px #E5E5E5 solid;
}
.news-title:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
.news-title{
	margin:0 0 3px;
	width:216px;
	/*\*//*/
	overflow:hidden;
	/**/
}
.ymd{
	padding:4px 0;
	border:1px #BFBFBF solid;
	width:40px;
	line-height:14px;
	color:#4D4D4D;
	font-size:12px;
	float:left;
	text-align:center;
}
.news-title h3{
	width:166px;
	float:right;
	color:#169759;
	font-size:75%;
}
.news-title h3 a{color:#169759;}
.news-title h3 a:hover{color:#F00;}
.news-article:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
.news-article{
	width:216px;
	color:#4D4D4D;
	font-size:75%;
	/*\*//*/
	overflow:hidden;
	/**/
}
.news-article a{color:#4D4D4D;}
.news-article a:hover{color:#F00;}

/* --------------------------------------------------
	##page-top
-------------------------------------------------- */
#page-top{
	clear:both;
	margin:0 0 0 26px;
	padding:20px 0 4px;
	width:908px;
	color:#808080;
	font-size:75%;
	text-align:right;
}
#page-top a{color:#808080;}
#page-top a:hover{color:#F00;}

/* --------------------------------------------------
	##footer
-------------------------------------------------- */
#footer{
	margin:0 auto;
	width:960px;
	height:78px;
	clear:both;
	background:url(../img_com/bg_copy.jpg) no-repeat left top;
}
.f-link{
	height:39px;
	line-height:39px;
	color:#7F8A48;
	font-size:88%;
}
.f-link a{color:#455202;}
.f-link a:hover{color:#F00;}
#copyright{
	width:960px;
}
#copyright p{
	padding:10px 0 15px;
	color:#808080;
	font-size:75%;
	text-align:center;
}