@charset "utf-8";



/* リセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;letter-spacing:0;}
h1,h2,h3,h4,h5{font-size:100%;}
ol,ul{list-style:none;}

/*共通 */
html{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Osaka－等幅",sans-serif;
}

body{
	font-size:65%;
	color:#333333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Osaka－等幅",sans-serif;
}

/*WinIE5.5CSS IE5.5センターよせのハック*/
body {
	text-align:center;
}

#content{
	text-align:left;
}

/*NormalCSS　IE5.5以外は通常ににするハック*/
body {
	text-align: /**/left;
}

body div{
	margin:0 auto;
}

body p{
	line-height:1.5em;
}


img{
	border-style:none;
}

/*IE6・7の画像の隙間が出来ないハック*/

img {
vertical-align:top;
border: none;
}
/*IE6*/
* html img{
vertical-align: bottom;
}
/*IE7*/
*:first-child+html img{
vertical-align: bottom;
}



a{
	color:#8C0B05;
	text-decoration:underline;
}

a:hover{
	color:#F90;
	text-decoration:underline;
}

a:hover img{
	filter:alpha(opacity=60);
  /*-moz-opacity:0.60;*/
  opacity:0.6;
}

a:hover img{
	filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
} 


.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/*Hides from IE-mac*/
* html .clearfix{
	height:1%;
}

.clearfix{
	display:block;
}
/*End hide from IE-mac*/


/*ここから*/

#header{
	color:#666;
	height:50px;
	width:900px;
	background: url(img/header.jpg) no-repeat;
	font-size: 13px;
}


#header p{
	text-align:right;
	font-size:12px;
	text-indent: 25px;
	padding-right: 25px;
}

.header_btn{
	float:right;
	padding-right:50px;
	width: 102px;
	padding-top:5px;
	
	}
	
.header_btn img{
	padding-top:2px;
}

/*グランドナビゲーション*/
#gra-navi{
	clear:both;
	width:900px;
}

#gra-navi ul{
	overflow:hidden;
}


#gra-navi ul li{
	display:inline;
	float: left;
}


#gra-navi a   {
	background-image:url(img/granavi.jpg);
    height: 23px;   
    display: block;   
    text-indent: -9999px;   
    overflow: hidden;   
} 

#gra-navi:after{
height:0; visibility: hidden;
content: "."; 
display: block;
clear: both;
}   
  
#gra-navi .gnavi01 a { 
	background-position:0 0;
	width:150px;
}   
#gra-navi .gnavi02 a { 
    background-position:-150px 0;
	width:150px;
}   
#gra-navi .gnavi03 a {
    background-position:-300px 0;
	width:150px;
}   
#gra-navi .gnavi04 a { 
    background-position:-450px 0;
	width:150px;
}
#gra-navi .gnavi05 a {
    background-position:-600px 0;
	width:150px;
}
#gra-navi .gnavi06 a {
    background-position:-750px 0;
	width:150px;
}

#gra-navi .gnavi01 a:hover { 
	background-position:0 -23px;
	width:150px;
}   
#gra-navi .gnavi02 a:hover {
    background-position:-150px -23px;
	width:150;
}   
#gra-navi .gnavi03 a:hover {
    background-position:-300px -23px;
	width:150px;
}   
#gra-navi .gnavi04 a:hover {
    background-position:-450px -23px;
	width:150px;
}
#gra-navi .gnavi05 a:hover {
    background-position:-600px -23px;
	width:150px;
}
#gra-navi .gnavi06 a:hover {
    background-position:-750px -23px;
	width:150px;
}

/*グランドナビゲーション終了*/

/*上コンテンツ開始*/

#content_01{
	width:900px;

}

#left_01{
	width:530px;
	float:left;

}

#right_01{
	width:370px;
	float:right;
	height:310px;
	background: #EDECE9;

}
#right_01 img{
	padding-left:23px;
	padding-top:5px;

	}
	
.right_menu{
	width:300px;
	height:20px;
	background: url(img/index_right_small.jpg) no-repeat;
	font-size: 11px;
	color: #666666;
	padding-top: 6px;
	padding-left:23px;
	margin-top:5px;
}

.right_menu p {

	padding-left:8px;

}
	
	
/*上コンテンツ終了*/

/*下コンテンツ開始*/
#content_02{

	clear:right;
	width:900px;
	}
#left_02{
	float:left;
	width:649px;
	font-size: 13px;
}

#left_02 p{
	padding-left:20px;
	}	

#left_02 table{
	margin-left:20px;
	margin-left:10px;
	}

#right_02{
	float:right;
	width:249px;


	}
/*下コンテンツ終了*/

/*下コンテンツ表開始*/
.hyou{
	width:630px;
	font-size:11px;
	color: #72252F;

	}
	
.hyou_left{
	float:left;
	width:300;
	}
	
.hyou_right{
	float:right;
	width:300;
	}
.hyou_naka{
	width:310px;
	height:100px;
	float:left;
	clear:both;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	}
	
.hyou_naka_left{
	width:130px;
	float:left;
	padding-top: 5px;
	padding-left: 5px;
	}
	
.hyou_naka_right{
	float:right;
	width:170px;
	padding:5px 5px 5px 0px;
}

.shitabig{
	width:630px;
	font-size:12px;
	
	}

.shitabig_left{
	width:430px;
	float:left;

	}
	
.shitabig_left_left{
	width:202px;
	float:left;


	}
	
.shitabig_left_right{
	width:202px;
	float:right;
	padding-right:10px;


	}
	
.shita_01{
	width:201px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
}

.shita_01 p{
	padding-left:15px;
	}
	

/*リストの指定*/


li.list {
padding-left: 5px;
background:url(img/mark_01.jpg) no-repeat 5px 5px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
list-style: none;
} 

li.list01 {
padding-left:6px;
background:url(img/mark_01.jpg) no-repeat 3px 3px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
list-style: none;
} 

li.list02 {
padding-left:16px;
background:url(img/mark_01.jpg) no-repeat 5px 5px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
list-style: none;
} 



/*フッター開始*/

#footer{
	clear:both;
	width:900px;
	color:#FFFFFF;
	height:50px;
	font-size: 11px;
	background: #8C0B05 center;
	text-align: center;
}

/*サブページ用バナー*/
.bana{
	width:620px;
	height:24px;
	background: url(img/bana.jpg) no-repeat;
	margin-top:10px;
	font-weight: bold;
	color: #870B09;
	font-size: 14px;
	margin-bottom: 10px;
	}
.bana p{
	padding-left:10px;
	padding-top:2px;
}

/*文字調整など*/

.shita_space{
	padding-bottom:10px;
	}

.space_title{
	padding-top:10px;
	padding-left:10px;
	}
	
.style_01{
	color: #990000;
	}
	
.style_02{
	font-size: 16px;
	font-weight: bold;
	}
.pankuzu{
	font-size: 12px;
	color: #000099;
	}
/*ロールオーバー*/

li.link_btn a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 101px;
	background-image:url(img/header_link_01.jpg);
	margin-top:5px;
	padding-top:18px;
	text-align: center;

}

li.link_btn a:hover {
    background-position: 0 -18px;
}

li.sitemap_btn a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 101px;
	margin-top:2px;
	padding-top:18px;
	text-align: center;
	background-image:url(img/hader_sitemap_001.jpg);
}

li.sitemap_btn a:hover {
    background-position: 0 -18px;
}
       
	   
/*リンク用*/
.right_link{
	font-size:11px;
	border: 1px solid #CCCCCC;
	margin: 5px 7px 5px 10px;
	padding: 5px;
	background: #EDECE9;
	}

.link_page_box {
	margin: 10px 10px 10px 25px;
	padding: 5px;
	height: auto;
	width: 600px;
	border: 1px solid #CCCCCC;
}

.footer_link{
	width: 850px;
	font-size: 11px;
	clear: both;
	border: 1px solid #CCCCCC;
	float: none;
	margin-top: 5px;

	padding: 5px;
	padding-bottom:10px;
	background-color: #FFFFFF;
	margin-bottom:10px;

}