@charset 'iso-2022-jp';
/* CSS Document */

/* -----initialize----- */

* {
	margin:0;
	padding:0;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	font-size:12px;
	line-height:1.8;
	color: #333333;
}


a {
color:#333333;
text-decoration: underline;
}

a:hover {
color:#FF6600;
text-decoration:none;
}

.clear {
clear:both;
}

.clearfix:after {  
    content: ".";  
     display: block;       
	 visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
     line-height: 0;  
   clear: both;  
 }
 
 .clearfix {
 display: inline-block;
 }

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

.f9 { font-size:77%; }
.f10 { font-size:85%; }
.f11 { font-size:93%; }
.f12 { font-size:100%; }
.f13 { font-size:108%; }
.f14 { font-size:116%; }
.f15 { font-size:123.1%; }
.f16 { font-size:131%; }
.f17 { font-size:138.5%; }
.f18 { font-size:146.5%; }
.f19 { font-size:153.9%; }
.f20 { font-size:161.6%; }
.f21 { font-size:167%; }
.f22 { font-size:174%; }
.f23 { font-size:182%; }
.f24 { font-size:189%; }
.f25 { font-size:197%; }

/* -----font-color----- */

.blue {color:#3a86a8;}
.white {color:#FFFFFF;}
.grey {color:#333333;}
.orange{color:#FF6600;}
.black {color:#333333;}


/* -----body----- */

body {

}

/* ----- firefox ----- */
html  {
	overflow-y:scroll;
}

/* ----- accordion ----- */

h2.accordion_toggle {
background:#6699FF none repeat scroll 0 0;
border:1px solid gray;
}
div.accordion_content {
background:white none repeat scroll 0 0;
border:1px solid gray;
overflow:hidden;
}


/* -----center ----- */

div#wrapper {
text-align:center;
margin:0;
background: url(../img/common/bg_tile.gif) repeat center;
}

div#container {
	width:920px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	

}

div#container_inner {
width:880px;
padding:15px 20px;
}

/* -----header ----- */

div#header {
	width:880px;
	height:60px;
	position:relative;
	margin-top:5px;
	margin-bottom:2px;
}

/* -----IE7 ----- */
*:first-child+html div#header {
	width:880px;
	height:60px;
	position:relative;
	margin-top:5px;
	margin-bottom:10px;
}

img#mainlogo {
margin-bottom:5px;
}


div.headlink {
height:15px;
width:70px;
/*position:absolute;
left:390px;
top:10px;*/
float:right;
text-align:right;
padding-top:3px;


}

div.headlink img{
margin-right:4px;
}


/* -----IE7 ----- */
*:first-child+html div.headlink {
height:15px;
width:70px;
/*position:absolute;
left:390px;
top:15px;*/
float:right;
padding-top:3px;
text-align:right;

}



/* -----IE6 ----- */
*html div.headlink {
height:15px;
width:70px;
/*position:absolute;
left:390px;
top:18px;*/
float:right;
padding-top:6px;
text-align:right;

}



div.headlink a{
text-decoration:none;
}



div#header_util {
width:480px;
height:25px;
position:absolute;
top:20px;left:400px;
text-align:right;

}

/* -----IE7 ----- */
*:first-child+html div#header_util {
width:500px;
height:25px;
position:absolute;
top:30px;left:380px;
text-align:right;

}

/* -----IE6 ----- */
*html div#header_util {
width:470px;
height:25px;
position:absolute;
top:25px;left:410px;
text-align:right;
}



div.form_area {
float:right;
width:180px;
position:relative;
text-align:center;

}

/* -----IE7 ----- */
*:first-child+html div.form_area {
width:160px;
text-align:center;

}

/* -----IE6 ----- */
*html div.form_area {
width:160px;
text-align:center;

}



div#header_util input{
font-size:85%;
position:relative;
line-height:1;
top:-2px;

}


/* -----IE7 ----- */
*:first-child+html div#header_util input {
font-size:100%;
line-height:1;
}

/* -----IE6 ----- */
*html div#header_util input {
font-size:100%;
}



span.font_size {
display:block;
width:210px;

float:right;
}

img#mojisaizu {
margin-left:10px;
margin-right:5px;
padding-bottom:3px;
}

img.sizechange_b{
margin:0 1px;
}

img#print_b {
margin-left:10px;
}


/* -----mainnavi ----- */


img.mainnavi_b {
margin-right:3px;
}

img.mainnavi_bend {

}

ul#mainnavi {
width:880px;
height:45px;
list-style:none;

}

ul#mainnavi li{
display:inline;

}


/* -----maincontents ----- */

div.maincontents {
width:880px;


}


/* -----nakapage_contents ----- */


div.pankuzu_area {
width:880px;
padding-left:5px;
margin-bottom:5px;
}

div.pankuzu_area p{
font-size:93%;
}

div.pankuzu_area p a{
text-decoration:none;
font-size:93%;
}

div.naka_header {
width:880px;
height:55px;
background-color:#FF6600;
position:relative;
}


div.naka_header h3 {

color:white;
font-weight:normal;
position:absolute;
top:28px;
left:225px;
letter-spacing: 1px;
}

div.nakapage_contents {
width:880px;
margin-top:10px;
}


div.naka_left {
width:215px;
float:left;
}

div.naka_right {
width:640px;
float:right;
}

div.naka_right_inner{
padding-right:20px;
}



/*left_navigation*/

ul.left_navigation {
list-style:none;


}

ul.left_navigation li{
width:205px;
min-height:25px;
height: auto !important;
height: 25px;
background:url(../img/common/leftnavi_bg01.gif) center bottom no-repeat;
padding-left:10px;
padding-top:7px;
position:relative;
}

/* -----IE6 ----- */
*html ul.left_navigation li{
width:215px;
padding-left:10px;
}


/* -----IE7 ----- */
*:first-child+html ul.left_navigation li{

width:205px;
padding-left:10px;
}

ul.left_navigation li a{
text-decoration:none;
position:relative;
left:-2px;
padding-left:18px;
padding-bottom:2px;
width:190px;
display:block;
background:url(../img/common/leftnavi_icon.gif) left no-repeat;
background-position:0px 4px;
}

ul.left_navigation li a:hover{
text-decoration:underline;
}

ul.left_navigation li.hover {
background:url(../img/common/leftnavi_bg02.gif) center bottom no-repeat;
width:205px;
min-height:25px;
height: auto !important;
height: 25px;

} 

ul.left_navigation li.hover a{
color:#FFFFFF;
}

p.side_link {
padding:10px 0 10px 5px;
}

p.side_link img {
margin-right:5px;
}

p.side_link a{
text-decoration:none;
}

p.side_link a:hover{
text-decoration:underline;
}

/* -----left_navigation_2nd ----- */

ul.left_navigation2 {
list-style:none;
margin-top:3px;
margin-left:-10px;
background:url(../img/common/leftnavi_bg03bg.gif);
}

ul.left_navigation2 li{
width:205px;
min-height:24px;
height: auto !important;
height: 24px;
background:url(../img/common/leftnavi_bg03.gif) center bottom no-repeat;
position:relative;
}

ul.left_navigation2 li a{
text-decoration:none;
position:relative;
left:0px;
top:-1px;
width:190px;
background:url(../img/common/leftnavi_icon2.gif) left no-repeat;
background-position:0px 4px;

}




/* -----footer ----- */

div#footer {
width:880px;
height:50px;
clear:both;
margin-top:25px;
position:relative;
}

div.lineimage {
width:880px; height:7px;
background:url(../img/common/bar.gif) center top no-repeat;
margin:0;
}

div.footer_right{
width:380px;
height:10px;
text-align:right;
position:absolute;
left:490px; top:10px;
}

ul.sitelink_area {
list-style:none;
width:380px;

}

/* -----IE6 ----- */
*html div.footer_right{
top:20px;
}


ul.sitelink_area li {
display:inline;
margin-left:10px;
}

ul.sitelink_area li a{
text-decoration:none;
}

ul.sitelink_area li img{
margin-right:3px;
}

p.copyright {
margin-top:8px;
color:#FF6600;

}

p.footer_link {

}

p.copyright span {
color:#FF6600;
font-size:10px;
}

p.footer_link {

}

p.footer_link span{
font-size:10px;
color:#333333;
}

p.footer_link span a{
font-size:10px;
color:#333333;
}


p.top_b {
position:absolute;
top:15px; left:700px;
width:180px;
text-align:right;
}

p.top_b img {
margin-right:5px;
}