@charset "utf-8";
/* CSS Document */

/* 基本設定  //////////////////////////////////////////////////*/

html{
	margin:0;
	padding:0;
	overflow:scroll;
	width:100%;
	height:100%;
}

body {	
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-align:left; 
	font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size:12px;
	line-height:135%;
	color:#333;
	background: url(../main_bg.jpg) left bottom repeat-x #E0BA87 fixed;
}

/* 余白設定 */
div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin:0px;
	padding:0px;
}


li img,
dt img{
	vertical-align: bottom;
}

/* 回り込み解除 */
.clear{clear:both;}

/* 画像リンク時、ボーダーを消す */
a img {border-style:none;}

/* ボタン余白設定 */
ol , ul {
margin:0px;
padding:0px;
}
/* リスト指定 */
li{list-style: none;}
img{vertical-align:bottom;}




/* --------------------------------------------------------------------------------------
 文字・配列関連
--------------------------------------------------------------------------------------- */

/* 10px */
.text10{font-size:10px;}

/* 12px */
.text12{font-size:12px;}

/* 14px */
.text14{font-size:14px;}

/* SS */
.text_ss{font-size:smaller;}

/* 太文字 */
.text_weight{font-weight:bold;}

/* テキストセンター揃え */
.text_center{text-align:center;}

/* テキスト右揃え */
.text_right{text-align:right;}

/* 右寄せ */
.float_right{float:right;}

/* 左寄せ */
.float_left{float:left;}

/* トップスペース */
.top_sp0px{margin-top:0px;}
.top_sp1px{margin-top:1px;}
.top_sp5px{margin-top:5px;}
.top_sp10px{margin-top:10px;}
.top_sp15px{margin-top:15px;}
.top_sp20px{margin-top:20px;}
.top_sp30px{margin-top:30px;}
.top_sp35px{margin-top:35px;}

/* 左スペース */
.left_sp15px{margin-left:15px;}
.left_sp40px{margin-left:40px;}

/* 右スペース */
.right_sp5px{margin-right:5px;}
.right_sp15px{margin-right:15px;}

/* 下スペース */
.bottom_sp10px{margin-bottom:10px;}
.bottom_sp15px{margin-bottom:15px;}

/* --------------------------------------------------------------------------------------
 各ページ共通
--------------------------------------------------------------------------------------- */
/* 枠 */
div#main_frame{
	width:998px;
	min-height:600px;
	margin:auto;
	padding:0px 10px;
	background-color:#FFF;
	border-right:1px solid #999;
	border-left:1px solid #999;
}

/* パンくず */
#topicPath { margin:10px auto 0px auto; width:930px; font-size:10px;}  
#topicPath li {
	display:inline;
	list-style-type:none;
}   
#topicPath li a {
	padding-right:10px;
	background:url(../topicpath.gif) no-repeat right center;   
}

/* リンク */
a:link {text-decoration:none; color:#36C;}
a:visited {text-decoration:none; color:#36C;}
a:hover {text-decoration:underline; color:#36C;}


/* タイトル */
h2{ width:960px; margin:15px auto 10px auto;}


/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */
div#header{
	width:100%;
	background: url(../header/bg.jpg) right top no-repeat;
}

div#header .logo{
	padding-top:30px;
	padding-left:19px;
	height:54px;
}

/* --------------------------------------------------------------------------------------
 ナビゲーション
--------------------------------------------------------------------------------------- */
div#navi{
	width:981px;
	height:52px;
	margin:auto;
}
div#navi li{width:109px; float:left;}
div#navi a{width:109px; height:52px; display:block; text-indent: -9999px;}

div#navi .btn01 a{background:url(../header/navi01.gif) left top no-repeat;}
div#navi .btn02 a{background:url(../header/navi02.gif) left top no-repeat;}
div#navi .btn03 a{background:url(../header/navi03.gif) left top no-repeat;}
div#navi .btn04 a{background:url(../header/navi04.gif) left top no-repeat;}
div#navi .btn05 a{background:url(../header/navi05.gif) left top no-repeat;}
div#navi .btn06 a{background:url(../header/navi06.gif) left top no-repeat;}
div#navi .btn07 a{background:url(../header/navi07.gif) left top no-repeat;}
div#navi .btn08 a{background:url(../header/navi08.gif) left top no-repeat;}
div#navi .btn09 a{background:url(../header/navi09.gif) left top no-repeat;}


div#navi a:hover{background-position:left bottom;}

/* --------------------------------------------------------------------------------------
 フッター
--------------------------------------------------------------------------------------- */
div#footer{
	width:980px;
	height:110px;
	margin:45px auto 0px auto;
}

div#footer_navi{}
div#footer_navi li{}
div#footer_navi a{height:27px; display:block; text-indent: -9999px;}

div#footer_navi .btn01 a{background: url(../footer/footer_navi01.gif) left top no-repeat; width:186px; float:left;}
div#footer_navi .btn01 a:hover{background-position:left bottom;}
div#footer_navi .page_top a{background: url(../footer/footer_navi02.gif) left top no-repeat; width:158px; float:right;}
div#footer_navi .page_top a:hover{background-position:left bottom;}

div#footer .logo{float:left; margin-top:19px; margin-left:13px; width:400px;}
div#footer .add{ float:right; margin-top:13px; margin-right:12px; margin-bottom:5px; width:252px;}