@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,img {margin:0;	padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{ content:''; }
img{ vertical-align: bottom; }

/*----font-size----

32px  	200～203
30px 	188～190
28px 	175～178
26px 	163～165
24px 	150～153
22px 	138～140
20px 	125～128
19px 	119～121
18px 	113～115
17px 	107～109
16px 	100～103
15px 	94～96
14px 	88～90
13px 	82～84
12px 	75～78
11px 	69～71
10px 	63～65

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

body {
	font-family: "ＭＳ Ｐゴシック", "Osaka－等幅", Arial , Helvetica , sans-serif  ;
	font-size:100%;
	line-height:1.4;
	color:#333333;
	background: url(body_bg.gif);
}

#container { 
	width: 870px;
	background: url(contents_bg.gif) repeat-y;
	margin: 0 auto;
	text-align: left;
}

#layout{
	width: 820px;
	margin: 0 auto;
	padding: 0;
}

#layout_inner{
	clear: both;
	padding: 0 10px 0;
	overflow: auto;
}

#top_layout{
	width: 820px;
	margin: 0 auto;
	padding: 0;
}

#top_layout_inner{
	clear: both;
	padding: 0 0 0;
	overflow: auto;
}





/*=======================================================
	[*]header
=======================================================*/
#header{
}


#header h1 {
	font-size: 63%;
	margin: 0;
	padding: 5px 0 5px 10px;
	color: #666666;
}

#logo{
	padding: 10px 0 10px 15px;
}

#header_inner{
	background: url(header_bg.jpg) no-repeat;
	height: 63px;
}

/*=======================================================
	[*]navigation
=======================================================*/

#gnavi li{
	float: left;
	display: inline;
}


#top_navigation{
	width: 810px;
	margin: 0 auto 10px;
	overflow: auto;
}


.snavi_box{
	float: left;
	width: 162px;
}

.snavi_box dl{
	background: url(snavi_bc.jpg) center bottom no-repeat;
}

.snavi_box dt{
	width:148px;
	margin: 0 auto;
}

.snavi_box dd{
	width:148px;
	margin: 0 auto;
	padding: 10px 0 10px 10px;
	font-size: 82%;
	font-weight: bold;
}

.snavi_box dd a{
	text-decoration: none;
}

.snavi_box a:link { color:#003399;}
.snavi_box a:visited { color: #003399;}
.snavi_box a:hover { color:#003399; text-decoration: underline; }
.snavi_box a:active { color: #003399; }




/*=======================================================
	[*]navigation_3clm
=======================================================*/

#top_navigation_3clm{
	width: 810px;
	margin: -10px auto 10px;
	overflow: auto;
}

html>/**/body #top_navigation_3clm{
	width: 810px;
	margin: 0 auto 10px;
	overflow: auto;
}

.snavi_box_3clm{
	float: left;
	display: inline;
	overflow: auto;
	margin: 0 2px 0 0;
}

.snavi_box_3clm dl{
	width: 268px;
	background: url(snavi_3clm_bg.jpg) center bottom no-repeat;
	overflow: auto;
}


.snavi_box_3clm dt{
	float: left;
	display: inline;
	padding: 0 0 7px 7px;
}

.snavi_box_3clm dd{
	float: left;
	display: inline;
	font-size: 75%;
	font-weight: bold;
	width: 93px;
	margin: 0 0 5px 7px;
	padding: 8px 6px 10px 0;
	background: url(snavi_3clm_arrow.jpg) right bottom no-repeat;
}

.snavi_box_3clm a{
	text-decoration: none;
}

.snavi_box_3clm a:link { color:#003399;}
.snavi_box_3clm a:visited { color: #003399;}
.snavi_box_3clm a:hover { color:#003399; text-decoration: underline; }
.snavi_box_3clm a:active { color: #003399; }




.bread{
	clear: both;
	font-size: 75%;
	margin: 0 0 0 10px;
	padding: 5px 0 5px 0;
}



/*=======================================================
	[*]cover
=======================================================*/

#cover{
	clear: both;
	margin: 0 auto 10px;
}


/*=======================================================
	[*]sidebar
=======================================================*/

#sidebar{
	float: right;
	display: inline;
	width: 314px;
	margin: 0 5px 0 0;
	padding: 0 0 10px;
}

.banner_list li{
	margin: 0 0 5px;
}

/*=======================================================
	[*]new_box
=======================================================*/

.new_box {
border-bottom: 1px solid #ccc;
height: 68px;
}

.new_box , .new_box_last{
	width: 314px;
	/*margin: 3px 0;*/
	padding: 6px 0 5px;
	letter-spacing: 1px;
}

.new_box_last{
	width: 314px;
	/*margin: 3px 0;*/
	padding: 6px 0 0;
	letter-spacing: 1px;
}

.new_box_last{
	letter-spacing: 1px;
}

.new_box a , .new_box_last a{
	text-decoration: none;
}

.new_box h4 , .new_box_last h4{
	float: left;
}

.new_list{
	float: right;
	width: 235px;
}

.new_list dt{
	font-size: 75%;
	font-weight: bold;
	clear: both;
	padding: 0 0 2px;
}

.new_list dd{
	font-size: 63%;
	padding: 0 0 2px;
}

.red{	color: #FF0000;}
.blue{	color: #003399;}

.new_list_left{	float: left;}
.new_list_right{ float: right;}


.new_list dt a{ text-decoration: underline;}
.new_list dt a:link { color:#003399;}
.new_list dt a:visited { color: #003399;}
.new_list dt a:hover { color:#003399; text-decoration: underline; }
.new_list dt a:active { color: #003399; }


.new_list dd a:link { color:#003399;}
.new_list dd a:visited { color: #003399;}
.new_list dd a:hover { color:#003399; text-decoration: underline; }
.new_list dd a:active { color: #003399; }


/*=======================================================
	[*]mainContent
=======================================================*/

#mainContent {
	float: left;
	display: inline;
	width: 474px;
	margin: 0 0 0 5px;
	padding: 0;
}

.contents_cap{
	margin: 0 0 5px;
}

.feed_iframe{
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none;
	width: 474px;
	height: 735px;
	margin: 0;
	padding: 0;
}

.feed_iframe01{
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none;
	width: 800px;
	height: 667px;
	margin: 0 0 10px;
	padding: 0;
}



html>/**/body .feed_iframe {
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none;
	width: 474px;
	height: 667px;
	margin: 0 0 10px;
	padding: 0;
}

/*=======================================================
	[*]buuken_navi
=======================================================*/


#buuken_navi{
	float: left;
	display: inline;
	width: 150px;
	margin: 0 0 10px;
	padding: 0;
	font-size: 88%;
}

#buuken_navi li{
	width: 150px;
	background: url(buuken_navi_bg.jpg) no-repeat;
	margin: 0 0 3px;
	padding: 5px 0 6px 15px;
}



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

#buuken_contents{
	float: right;
	display: inline;
	width: 630px;
	margin: 0 0 10px;
	padding: 0;
}

.buuken_cap{
	background: url(table_cap.jpg) no-repeat;
	margin: 0 0 15px;
	padding: 8px 0 10px 15px;
}

.buuken_contents_layout{
	clear: both;
	margin: 0 0 10px;
	padding: 1px 0 0 1px;
	overflow: auto;
}

.buuken_contents_left{
	float: left;
	display: inline;
	font-size: 75%;
	margin: 0;
	padding: 0;
}

.buuken_contents_right{
	float: right;
	display: inline;
	font-size: 75%;
	margin: 0;
	padding: 0;
}

.buuken_contents_table{
	width: 310px;
}

.buuken_contents_table td{
	border: 1px solid #ccc;
	padding: 5px;
}

.table_title_cap{
	font-weight: bold;
	background: #D8EBFD;
}

.table_title{
	font-weight: bold;
	background: #F3F3F3;
	width: 60px;
}

.table_img{
	width: 83px;
}

/*=======================================================
	[*]company
=======================================================*/

#company_disc h3{
	margin: 0 0 10px;
	padding: 8px 0 10px 15px;
	background: url(privacy_cap.jpg) no-repeat;
}

#company_disc p{
	font-size: 75%;
	margin: 0 0 10px;

}

#company_contents{
	float: left;
	display: inline;
	width: 510px;
}

#company_contents p{
	font-size: 75%;
	margin: 0 0 10px;
}

.company_table{
	width: 510px;
	font-size: 75%;
	margin: 0 0 10px;
}

.company_table th{
	width: 100px;
	vertical-align: top;
	background: #EEEDE4;
}

.company_table th , .company_table td{
	border: 1px solid #ccc;
	padding: 5px;
}

.table_title{
	font-weight: bold;
	background: #F3F3F3;
}

#company_map{
	float: right;
	display: inline;
	width: 270px;
	font-size: 75%;
}

#company_map dd{
	text-align: right;
	margin: 0 0 10px;
}

/*=======================================================
	[*]privacy
=======================================================*/

#privacy_box h3{
	margin: 0 0 10px;
	padding: 8px 0 10px 15px;
	background: url(privacy_cap.jpg) no-repeat;
}

#privacy_box h4{
	font-weight: bold;
	font-size: 88%;
	margin: 0 0 10px;
	padding: 0 0 0 20px;
}

.privacy_right{
	font-size: 75%;
	text-align: right;
	margin: 0 10px 10px;
}

.privacy_dis{
	font-size: 75%;
	margin: 0 10px 10px;
}

.privacy_note{
	font-size: 75%;
	margin: 0 0 10px;
	padding: 0 43px;
}



#privacy_box li{
	font-size: 75%;
	margin: 0 35px 5px 68px;
	padding: 0 0 0 0;
	list-style: decimal;
}

/*=======================================================
	[*]sitemap_box
=======================================================*/

#sitemap_box h3{
	margin: 0 0 10px;
	padding: 8px 0 10px 15px;
	background: url(privacy_cap.jpg) no-repeat;
}

.sitemap_left , .sitemap_right{
	font-size: 75%;
}

.sitemap_left{
	float: left;
	display: inline;
	width: 260px;
	margin: 0 10px 10px 0;
}

.sitemap_right{
	float: right;
	display: inline;
	width: 260px;
}

.sitemap_left dt , .sitemap_right dt{
	background: url(sitemap_cap.jpg) no-repeat;
	padding: 5px 0 5px 15px;
}

.sitemap_left dd , .sitemap_right dd{
	margin: 5px 0 5px 15px;
}

.sitemap_layout{
	width: 800px;
	overflow: auto;
	margin: 0 0 10px;
}

/*=======================================================
	[*]footer
=======================================================*/

#footer {
	width: 870px;
	height: 53px;
	background: url(footer_bg.gif) no-repeat;
	clear: both;
	margin: 0 auto;
	padding: 0;
} 

.footer_navi {
	font-size: 69%;
	margin: 0; 
	padding: 10px 0 0 40px;
	color:#666666;
}

.footer_navi a{
	color:#666666 !important;
	text-decoration: none;
}

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


.fltrt { 
	float: right;
	margin-left: 8px;
}

.fltlft { 
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}