@charset "utf-8";

/*-----------------------------

　リセットCSS + サイト共通設定

------------------------------*/

/* 全ての要素に対する余白初期値設定 */
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe,img{
	margin:0;
	padding:0;
	font-size:100%;
	border:0;
}

/* デフォルト文字設定 */
body{
	color:#5f5f5f;
	font-family:sans-serif;
	font-size:13px;
	*font-size:small;
	line-height:1.4;
}

/* リストマーカーを非表示 */
ul,ol{
	list-style-type:none;
}

/* テーブルセルのボーダーの設定 */ 
table {
	border-collapse: collapse; 
	border-spacing: 0;
}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea { 
	vertical-align: middle;
}


/* デフォルトリンク色の設定 */
a{
	color:#5f5f5f;
}

a:hover{
	color:#bfbfbf;
}

/* 画像リンクの設定 */
a img{
	opacity:1;
	filter: alpha(opacity=100);
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=75);
}

/*	clearfix
------------------------------*/
.clearfix:after {/*for modern browser*/
   content: "";
   display: block;
   clear: both;
}

* html .clearfix { zoom:1; } /*for IE6*/
*:first-child+html .clearfix { zoom:1; } /*for IE7*/




/*--------------------------

　レイアウト

---------------------------*/


/* ヘッダー
---------------------------*/
#header{
 padding:10px 0;
 border-top:#000 3px solid;
 background:url(../../img/img_top.jpg) center #fff no-repeat;
}

#header .inner{
 width:940px;
 height:240px;
 margin:0 auto;
 overflow:hidden;
 position:relative;
}

/*
#info{
 float:right;
 width:15em;
 padding:8px;
 background:#fff;
 border:#efefef 1px solid;
 margin-bottom:150px;
}

#info dt{
 clear:left;
 float:left;
 width:3em;
}
*/

#logo{
 position:absolute;
 left:10px;
 top:20%;
 margin-top:-26px;
}

#catch{
 position:absolute;
 left:10px;
 top:5%;
 margin-top:-1em;
 font-size:85%;
 color:#fff;
}

#catch span{
 color:#5f5f5f;
}

/* グローバルナビゲーション
---------------------------*/
/* テキストメニュー
---------------------------
#gnav{
 background:#000;
}

#gnav ul{
 width:940px;
 margin:0 auto;
 border-right:#fff 1px solid;
 overflow:hidden;
}

#gnav li{
 float:left;
 width:156px;
 border-left:#fff 1px solid;
}

#gnav li.gnav01{
 width:154px;
}

#gnav a{
 display:block;
 padding:10px 0;
 text-align:center;
 text-decoration:none;
 color:#fff;
}

#gnav a:hover{
 background:#5f5f5f;
}

#gnav a.selected{
 background:#fff;
 color:#5f5f5f;
 font-weight:bold;
}
*/

/* cssスプライトメニュー
---------------------------*/
#gnav{
 background:#000;
}

#gnav ul{
 width:940px;
 margin:0 auto;
 overflow:hidden;
}

#gnav li{
 float:left;
}

#gnav a{
 display:block;
 width:157px;
 height:40px;
 background:url(../img/gnav.gif) no-repeat;
 text-indent:-9999px;
 color:#fff;
}

#gnav .gnav01 a,
#gnav .gnav06 a{
 width:156px;
}

#gnav .gnav01 a{background-position:0 0;}
#gnav .gnav02 a{background-position:-156px 0;}
#gnav .gnav03 a{background-position:-313px 0;}
#gnav .gnav04 a{background-position:-470px 0;}
#gnav .gnav05 a{background-position:-627px 0;}
#gnav .gnav06 a{background-position:-784px 0;}

#gnav .gnav01 a:hover{background-position:0 -40px;}
#gnav .gnav02 a:hover{background-position:-156px -40px;}
#gnav .gnav03 a:hover{background-position:-313px -40px;}
#gnav .gnav04 a:hover{background-position:-470px -40px;}
#gnav .gnav05 a:hover{background-position:-627px -40px;}
#gnav .gnav06 a:hover{background-position:-784px -40px;}

.hm #gnav .gnav01 a{background-position:0 -80px;}
.exp #gnav .gnav02 a{background-position:-156px -80px;}
.eve #gnav .gnav03 a{background-position:-313px -80px;}
.grds #gnav .gnav04 a{background-position:-470px -80px;}
.acc #gnav .gnav05 a{background-position:-627px -80px;}
.inq #gnav .gnav06 a{background-position:-784px -80px;}


/* コンテンツエリア
---------------------------*/
#contents{
 width:900px;
 padding:10px 20px 0 20px;
 margin:0 auto;
 border-left:#5f5f5f 1px solid;
 border-right:#5f5f5f 1px solid;
}

/* パンくず
---------------------------*/
#pankuzu{
 margin-bottom:20px;
 padding-bottom:10px;
 border-bottom:#bfbfbf 1px dotted;
}

#pankuzu li{
 display:inline;
 font-size:85%;
}

#pankuzu a{
 padding-right:15px;
 background:url(../img/ico_arw01.gif) right center no-repeat;
}

/* メインコンテンツ
---------------------------*/
#main{
 width:690px;
 padding:10px 10px 10px 0;
 margin-bottom:40px;
 float:left;
}

/* お知らせ
---------------------------*/
#news{
 width:650px;
 background:#f9f9f9;
 border:#bfbfbf 1px solid;
 padding:20px;
 margin-bottom:10px;
}

h2{
 width:650px;
}

.subject{
 float:left;
}

#newslink{
 font-size:65%;
 font-weight:normal;
 float:right;
}

#newslist{
 line-height:25px;
 clear:both;
}

dt{
 width:6em;
 clear:left;
 float:left;
}


#newslink a{
 text-decoration:none;
 padding-left:10px;
 background:url(../img/ico_arw01.gif) left center no-repeat;
}

#newslink a:hover{
 text-decoration:underline;
}


/* ボックスレイアウト
---------------------------*/
#wagen{
 width:315px;
 height:130px;
 padding:10px;
 margin:10px auto;
 margin-bottom:5px;
 background:#f9f9f9;
 border:#bfbfbf 1px solid;
 float:left;
}

#event{
 width:315px;
 height:130px;
 padding:10px;
 margin:10px auto;
 margin-bottom:5px;
 background:#f9f9f9;
 border:#bfbfbf 1px solid;
 float:right;
}

.pic{
 width:80px;
 margin:5px 10px 0 0;
 float:left;
}

#wagen a{
 text-decoration:none;
}

#event a{
 text-decoration:none;
}

#exp{
 width:315px;
 height:130px;
 padding:10px;
 margin:10px auto;
 margin-bottom:5px;
 background:#f9f9f9;
 border:#bfbfbf 1px solid;
 float:left;
}

#grds{
 width:315px;
 height:130px;
 padding:10px;
 margin:10px auto;
 margin-bottom:10px;
 background:#f9f9f9;
 border:#bfbfbf 1px solid;
 float:right;
}

#exp a{
 text-decoration:none;
}

#grds a{
 text-decoration:none;
}

/* 右カラム
---------------------------*/
#side{
 width:180px;
 margin-bottom:40px;
 float:right;
}

#banner p{
 margin:10px 10px 10px 0;
}


/* 右住所枠
---------------------------*/

#top_info{
 width:158px;
 padding:10px;
 background:#fff;
 border:#bfbfbf 1px solid;
 margin:20px 20px 30px 0;
 clear:both;
}

#top_info dt{
 clear:left;
 float:left;
 width:3em;
}

#top_info p{
 font-weight:bold;
}


/* フッター
---------------------------*/
/* ページトップ */
.pagetop{
 clear:both;
 text-align:right;
}

.pagetop a{
 padding:5px;
 text-decoration:none;
 font-size:85%;
}

.pagetop a:hover{
 text-decoration:underline;
}

#footer{
 padding:10px 0;
 background:#efefef;
 clear:both;
}

#footer .inner{
 width:940px;
 margin:0 auto;
 overflow:hidden;
}

#footer ul{
 float:left;
}

#copyright{
 float:right;
 font-size:85%
}

#footer li{
 display:inline;
}

#footer a{
 padding:0 10px;
 background:url(../img/ico_arw01.gif) left center no-repeat;
 color:#5f5f5f;
 text-decoration:none;
}

#footer a:hover{
 text-decoration:underline;
 color:#5f5f5f;
}



/*--------------------------

　共有スタイル

---------------------------*/
/*ページ大見出し*/
#main h2{
 margin-bottom:10px;
 border-bottom:#bfbfbf 1px solid;
 font-size:120%;
}

#main h3{
 margin-bottom:10px;
 border-bottom:#bfbfbf 1px solid;
 font-size:105%;
}


/*段落スタイル*/
#main p{
 margin-bottom:15px;
 line-height:1.7;
}


/*セクション間隔*/
.sec{
 margin-bottom:20px;
}


/*小見出し*/
.hdg{
 padding-left:30px;
 margin-bottom:15px;
 background:url(../img/bg_heading.gif) no-repeat;
 height:30px;
 line-height:30px;
}