@charset "utf-8";

/*-----------------------------------------------------------
  読みやすくする為にもCSSの記述の仕方は統一させましょう。
  例：
body {
	margin:0;
	padding:0;
}

  コメントアウトも有効に使用し、分かりやすく整理しましょう。
		
-----------------------------------------------------------*/

/*
 コメントアウト [
----------------------------------------------------------- */


/* ブラウザの差異をうめる */

* {
	margin:0;
	padding:0;
}


/* 全体共通 */

body {
	background:url(../images/bg.jpg);
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	color:#424242;
	text-align:center;
}

/* base font-size
--------------------*/
body {
  font-size: small !important; /* IE 7向け */
  font-size: small; /* IE 6以下 */
}
html>/**/body {
  font-size: 12px; /* モダンブラウザ向け */
}

.medium {
  font-size: medium !important; /* IE 7向け */
  font-size: medium; /* IE 6以下 */
}
html>/**/.medium {
  font-size: 14px; /* モダンブラウザ向け */
}

.small {
  font-size: x-small !important; /* IE 7向け */
  font-size: x-small; /* IE 6以下 */
}
html>/**/.small {
  font-size: 10px; /* モダンブラウザ向け */
}


h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
p,li {
	line-height:160%;
}
p {
	margin:0 0 1em 0;
}
li {
	list-style-type:none;
}
img {
	border:0;
}

address {
	font-size:6px;
	text-indent:-9877em;
	overflow:hidden;
}


/* 
 Link Color [ 
----------------------------------------------------------- */  
a {  
    text-decoration:underline;  
}  
a:link {  
    color:#e48c2c;  
}  
a:visited {  
    color:#e48c2c;  
}  
a:hover {  
    text-decoration:none;  
}  
a:active {  
    color:#e48c2c;  
} 


/* 
 全体レイアウト [ 
----------------------------------------------------------- */  

#gradebg {  
				background:url(../images/bg_upper.jpg) repeat-x;
    margin:0;
} 

/* ヘッダー以下、ページ全体のくくり（ここではbodyでセンター寄せ、#pageで文章左寄せ指定） */

#page {  
    width:842px;  
    margin:0 auto;  
    background:#FFF; 
				text-align:left;
} 

#base {
				width:850px;
    border:1px solid #a99784;
} 


/* 
 header [ 
----------------------------------------------------------- */  
#header {
    margin:0;
				padding:6px 0 0 0;
}

#header p {
    font-size:85%;
				margin-bottom:10px;
}

#logo {
 float:left;
	width:310px;  
	padding:0 364px 0 0;
}


/* 
 h_navi [ 
----------------------------------------------------------- */
/* -+-+-+-+-+-+-+-+-+-+-+-+- Header Navi Style */
#h_navi {
	float:left;
	height:29px;
	background:url(../images/h_navi_bg.gif) no-repeat;
	margin:0;
}
#h_navi ul {
	padding:0;
}
#h_navi li {
	display:inline;
	list-style-type:none;
}
#h_navi li a {
	height:29px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#h_navi li.h_navi01 a {
	background:url(../images/h_navi.gif) no-repeat 0px 0px;
	width:89px;
}
#h_navi li.h_navi02 a {
	background:url(../images/h_navi.gif) no-repeat -89px 0px;
	width:79px;
}

/*------hover*/
#h_navi li.h_navi01 a:hover {
	background:url(../images/h_navi.gif) no-repeat 0px -29px;
}
#h_navi li.h_navi02 a:hover {
	background:url(../images/h_navi.gif) no-repeat -89px -29px;
}




/* 
 contents [ 
----------------------------------------------------------- */  
#contents {
    float:left;
				width:840px;
    margin:0;  
    padding:0px;  
    background:url(../images/bg_side.gif) repeat-y 658px 0px;
				border:1px solid #a99784;
}

/* 
 contents 
 main [ 
----------------------------------------------------------- */  
#main {  
    float:left;  
    width:628px;  
				margin-bottom:10px;
				padding:15px 13px 15px 15px;
}
  
/* 
 contents 
 side [ 
----------------------------------------------------------- */  
#side {  
    float:left;  
    width:174px;
				margin:0px;
				padding:0 2px 0 3px;
}
#side ul {
	line-height:100%;
	margin:0;
	padding:1px;
}
#side ul li {
	list-style-type:none;
	background:url(../images/list-01.gif) no-repeat;
	background-color:#f3ede7;
}
#side ul li a {
	display:block;
	width:151px;
	padding:4px 10px 4px 16px;
	background:url(../images/list-01.gif) no-repeat;
	background-color:#f3ede7;
	text-decoration:none;
}
#side ul li a:hover {
width:151px;
	padding:4px 10px 4px 16px;
	background:url(../images/list-01.gif) no-repeat;
	background-color:#ffffff;
}
#side ul li.blank a {
	display:block;
	width:151px;
	padding:4px 10px 4px 16px;
	background:url(../images/list_blank.gif) no-repeat;
	background-color:#f3ede7;
	text-decoration:none;
}
#side ul li.blank a:hover {
width:151px;
	padding:4px 10px 4px 16px;
	background:url(../images/list_blank.gif) no-repeat;
	background-color:#ffffff;
}
#side ul li.no {
	display:block;
	width:151px;
	padding:4px 10px 4px 16px;
	background:url(../images/list-01.gif) no-repeat;
	background-color:#ffffff;
	text-decoration:none; 
}



/* 
 footer [ 
----------------------------------------------------------- */  
#footer {  
    clear:both;  
				height:40px;
				background:url(../images/bg_footer.jpg) no-repeat;
				margin:0;
				padding:8px 0 0 0;
}

/* 
 f_navi [ 
----------------------------------------------------------- */
/* -+-+-+-+-+-+-+-+-+-+-+-+- Footer Navi Style */
#f_navi {
	margin:0;
}
#f_navi ul {
	padding:0;
}
#f_navi li {
	display:inline;
	list-style-type:none;
}
#f_navi li a {
	float:left;
	background:url(../images/arrow_footer.gif) no-repeat 2px 4px;
	text-indent:7px;
	text-decoration:none;
	font-size:85%;
	color:#424242;
	padding-right:8px;
}
#f_navi li a:hover {
	float:left;
 background:url(../images/arrow_footer.gif) no-repeat 2px 4px;
	text-indent:7px;
	text-decoration:underline;
	font-size:85%;
	color:#473c30;
	padding-right:8px;
}



/* 
 title [ 
----------------------------------------------------------- */  
#title {
				background:url(../images/bg_tit.jpg) repeat-x;
    margin:0	0	2px 0;  
    padding:16px 0 29px 16px;  
}

/* 
 g_navi [ 
----------------------------------------------------------- */
/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
#g_navi {
 clear:both;
	height:49px;
	background:url(../images/g_navi_bg.gif) no-repeat;
	margin:0;
}
#g_navi ul {
	padding:0;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:49px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#g_navi li.g_navi01 a {
	background:url(../images/g_navi.gif) no-repeat 15px 0px;
	width:178px;
}
#g_navi li.g_navi02 a {
	background:url(../images/g_navi.gif) no-repeat -163px 0px;
	width:163px;
}
#g_navi li.g_navi03 a {
	background:url(../images/g_navi.gif) no-repeat -326px 0px;
	width:162px;
}
#g_navi li.g_navi04 a {
	background:url(../images/g_navi.gif) no-repeat -488px 0px;
	width:162px;
}
#g_navi li.g_navi05 a {
	background:url(../images/g_navi.gif) no-repeat -650px 0px;
	width:162px;
}

/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(../images/g_navi.gif) no-repeat 15px -49px;
}
#g_navi li.g_navi02 a:hover {
	background:url(../images/g_navi.gif) no-repeat -163px -49px;
}
#g_navi li.g_navi03 a:hover {
	background:url(../images/g_navi.gif) no-repeat -326px -49px;
}
#g_navi li.g_navi04 a:hover {
	background:url(../images/g_navi.gif) no-repeat -488px -49px;
}
#g_navi li.g_navi05 a:hover {
	background:url(../images/g_navi.gif) no-repeat -650px -49px;
}

/*------on*/
#g_navi li.g_navi01_on a {
	background:url(../images/g_navi.gif) no-repeat 15px -49px;
	width:178px;
}
#g_navi li.g_navi02_on a {
	background:url(../images/g_navi.gif) no-repeat -163px -49px;
	width:163px;
}
#g_navi li.g_navi03_on a {
	background:url(../images/g_navi.gif) no-repeat -326px -49px;
	width:162px;
}
#g_navi li.g_navi04_on a {
	background:url(../images/g_navi.gif) no-repeat -488px -49px;
	width:162px
}
#g_navi li.g_navi05_on a {
	background:url(../images/g_navi.gif) no-repeat -650px -49px;
	width:162px
}


/* 
  [ 
----------------------------------------------------------- */  

h2 {
	width:620px;
	height:20px;
	background:url(../images/bg_stit.gif) repeat-x;
	font-weight:bold;
	font-size:125%;
	margin:0 0 10px 0;
	padding:4px 4px;
	color:#483f36;
}

h3 {
	font-weight:bold;
	margin:0 0 7px 0;
	padding:0;
	font-size:100%;
	color:#483f36;
}

/* 
text_color  [ 
----------------------------------------------------------- */ 
.attention {
	color:#e48c2c;
}


/* 
line  [ 
----------------------------------------------------------- */ 

.line {
	clear:both;
	width:628px;
	border-top:1px solid #a99784;
	margin:15px 0;
	text-align:center;
}

.line_u {
	clear:both;
	width:628px;
	border-top:1px solid #a99784;
	padding:15px 0;
}

/* 
第二階層  [ 
----------------------------------------------------------- */ 

dl.gaiyoBox { display: block; width: 310px; min-height: 75px; margin-bottom: 20px; padding-top: 10px; background: url(../images/table_back_th.gif) top right no-repeat; position: relative;}
dl.gaiyoBox dt { display: block; padding: 2px 0 3px 0; margin: 3px 5px 7px 90px;}
dl.gaiyoBox dt img { position: absolute; top: 10px; left: 0;}
dl.gaiyoBox dd { display: block; margin: 0 5px 0 90px;line-height:160%;}



/*****Sitemapリスト*****/
ul.sitemap {
list-style-type: none;
margin: 15px 0;
padding: 0;
}

li.sitemap {
background: url(../images/list_sitemap-01.gif) no-repeat 5px 1px;
margin-bottom: 3px;
padding-left: 20px;
} 

li.sitemapbl {
background: url(../images/list_sitemap-bl01.gif) no-repeat 5px 1px;
margin-bottom: 3px;
padding-left: 20px;
} 

li.sitemap2nd {
background: url(../images/list-02.gif) no-repeat;
margin-bottom: 3px;
padding-left: 28px;
} 

li.sitemap2bl {
background: url(../images/list-bl02.gif) no-repeat;
margin-bottom: 3px;
padding-left: 28px;
}