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

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

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


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

a:hover {
color:#336699;
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;
 }
 
 .alt {
text-indent:-9999px;
 }

/* -----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 {
/*background:url(../img/common/bg.jpg) top repeat-x;*/
}

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


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

div#wrapper {
text-align:center;
margin:0;
background-color:#FFFFFF;
background:url(../img/common/bg.jpg) top repeat-x;

}

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

}
/* -----banner_area----- */
div#banner_area {
position:relative;
height:86px;

}

div.news_area {
	position:absolute;
	top:8px;
	left:45px;
	height:75px;
	width:290px;
}

img.news_title {
padding-bottom:5px;
}

/* -----scroll----- */
#scrollbox {
height:55px;
overflow:hidden;
position:relative;
width:290px;
}
.scroller-container {
position:absolute;
}
/* -----scroll-end----- */

ul.news_ul {
position:relative;
list-style:none;
width:275px;
/*margin-top:9px;*/
padding-bottom:10px;
}
/* -----IE7 ----- */
*:first-child+html ul.news_ul {
list-style:none;
width:275px;
margin-top:1px;
}
/* -----IE6 ----- */
*html ul.news_ul {
list-style:none;
width:275px; height:55px;
margin-top:5px;
}

ul.news_ul li{

color:#0066CC;
position:relative;
;
/*height:16px;*/
line-height:1.5;
}


ul.news_ul li span{

color:#333333;
/*position:absolute;*/
/*left:90px;*/
line-height:1.5;
}


div.news_date {
color:#0066CC;
width:90px;
float:left;
padding-top:2px;
}

div.news_dis {
width:185px;
float:right;
}


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

color:#333333;
/*position:absolute;
left:75px; top:-1px;*/
line-height:1.5;
}

*:first-child+html div.news_date {
color:#0066CC;
width:80px;
float:left;

}

*:first-child+html div.news_dis {
width:195px;
float:right;
padding-top:2px;
}


/* -----IE6 ----- */
*html ul.news_ul li span{

color:#333333;
/*position:absolute;
left:75px; top:-1px;*/
line-height:1.5;
}

*html div.news_date {
color:#0066CC;
width:80px;
float:left;

}

*html div.news_dis {
width:195px;
float:right;
padding-top:2px;
}



ul.news_ul li a{
color:#333333;
text-decoration:none;

}

ul.news_ul li a:hover{
color:#FFCC00;
text-decoration:underline;

}

img.scrollup {
position:absolute;
/*top:17px;*/
left:276px;
}

img.scrolldown {
position:absolute;
top:40px;
left:276px;
}


/* -----Blog ----- */

div.blog01 {
position:absolute;
bottom:0px;
left:340px;
}

img.qr_code {
position:absolute;
left:805px; top:8px;
}

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

div#mainnavi {
width:920px;
height:74px;
position:relative;
overflow:hidden;
text-align:center;
}

ul.mainnavi {
list-style:none;
position:relative;
top:10px;
width:885px;
margin-left:auto;
margin-right:auto;
}

ul.mainnavi li {
position:relative;
float:left;
height:24px;
text-indent:-9999px;
}

ul.mainnavi li a {
display:block;
height:24px;
}

ul.mainnavi2 {
list-style:none;
position:relative;
top:18px;
width:885px;
margin-left:auto;
margin-right:auto;
}

ul.mainnavi2 li {
position:relative;
float:left;
height:24px;
text-indent:-9999px;
}

ul.mainnavi2 li a {
display:block;
height:24px;
}


ul.mainnavi li#menu01 a {
background:url(../img/common/navi01_off.jpg) no-repeat top center;
position:relative;
width:74px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu02 a {
background:url(../img/common/navi02_off.jpg) no-repeat top center;
position:relative;
width:93px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu03 a {
background:url(../img/common/navi03_off.jpg) no-repeat top center;
position:relative;
width:93px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu04 a {
background:url(../img/common/navi04_off.jpg) no-repeat top center;
position:relative;
width:72px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu05 a {
background:url(../img/common/navi05_off.jpg) no-repeat top center;
position:relative;
width:105px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu06 a {
background:url(../img/common/navi06_off.jpg) no-repeat top center;
position:relative;
width:76px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu07 a {
background:url(../img/common/navi07_off.jpg) no-repeat top center;
position:relative;
width:120px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu08 a {
background:url(../img/common/navi08_off.jpg) no-repeat top center;
position:relative;
width:119px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu09 a {
background:url(../img/common/navi09_off.jpg) no-repeat top center;
position:relative;
width:85px;
height:24px;
margin-right:5px;
}

ul.mainnavi2 li#menu10 a {
background:url(../img/common/navi10_off.jpg) no-repeat top center;
position:relative;
width:89px;
height:24px;
margin-right:8px;
}

ul.mainnavi2 li#menu11 a {
background:url(../img/common/navi11_off.jpg) no-repeat top center;
position:relative;
width:112px;
height:24px;
margin-right:8px;
}

ul.mainnavi2 li#menu12 a {
background:url(../img/common/navi12_off.jpg) no-repeat top center;
position:relative;
width:116px;
height:24px;
margin-right:8px;
}

ul.mainnavi2 li#menu13 a {
background:url(../img/common/navi13_off.jpg) no-repeat top center;
position:relative;
width:141px;
height:24px;
margin-right:8px;
}

ul.mainnavi2 li#menu14 a {
background:url(../img/common/navi14_off.jpg) no-repeat top center;
position:relative;
width:175px;
height:24px;
margin-right:8px;
}

ul.mainnavi2 li#menu15 a {
background:url(../img/common/navi15_off.jpg) no-repeat top center;
position:relative;
width:203px;
height:24px;
margin-right:8px;

}

ul.mainnavi li#menu01 a:hover {
background:url(../img/common/navi01_on.jpg) no-repeat top center;
position:relative;
width:74px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu02 a:hover {
background:url(../img/common/navi02_on.jpg) no-repeat top center;
position:relative;
width:93px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu03 a:hover {
background:url(../img/common/navi03_on.jpg) no-repeat top center;
position:relative;
width:93px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu04 a:hover {
background:url(../img/common/navi04_on.jpg) no-repeat top center;
position:relative;
width:72px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu05 a:hover {
background:url(../img/common/navi05_on.jpg) no-repeat top center;
position:relative;
width:105px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu06 a:hover {
background:url(../img/common/navi06_on.jpg) no-repeat top center;
position:relative;
width:76px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu07 a:hover {
background:url(../img/common/navi07_on.jpg) no-repeat top center;
position:relative;
width:120px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu08 a:hover {
background:url(../img/common/navi08_on.jpg) no-repeat top center;
position:relative;
width:119px;
height:24px;
margin-right:5px;
}

ul.mainnavi li#menu09 a:hover {
background:url(../img/common/navi09_on.jpg) no-repeat top center;
position:relative;
width:85px;
height:24px;
margin-right:5px;
}

ul.mainnavi2 li#menu10 a:hover {
background:url(../img/common/navi10_on.jpg) no-repeat top center;
position:relative;
width:89px;
height:24px;
margin-right:8px;
}

ul.mainnavi2 li#menu11 a:hover {
background:url(../img/common/navi11_on.jpg) no-repeat top center;
position:relative;
width:112px;
height:24px;
margin-right:8px;
}

ul.mainnavi2 li#menu12 a:hover {
background:url(../img/common/navi12_on.jpg) no-repeat top center;
position:relative;
width:116px;
height:24px;
margin-right:8px;
}

ul.mainnavi2 li#menu13 a:hover {
background:url(../img/common/navi13_on.jpg) no-repeat top center;
position:relative;
width:141px;
height:24px;
margin-right:8px;
}

ul.mainnavi2 li#menu14 a:hover {
background:url(../img/common/navi14_on.jpg) no-repeat top center;
position:relative;
width:175px;
height:24px;
margin-right:8px;
}

ul.mainnavi2 li#menu15 a:hover {
background:url(../img/common/navi15_on.jpg) no-repeat top center;
position:relative;
width:203px;
height:24px;
margin-right:8px;
}


/* -----IE7 ----- */
*:first-child+html ul.mainnavi {
list-style:none;
position:relative;
top:10px;
width:885px;
margin:0px;
padding:0px;
}

*:first-child+html ul.mainnavi2 {
list-style:none;
position:relative;
top:18px;
width:885px;
margin:0px;
padding:0px;
}

/* -----IE6 ----- */
*html ul.mainnavi {
list-style:none;
position:relative;
top:10px;
width:885px;
margin:0px;
padding:0px;
}

*html ul.mainnavi2 {
list-style:none;
position:relative;
top:18px;
width:885px;
margin:0px;
padding:0px;
}


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

div#footer {
height:25px;
margin-top:5px;
}

p.copy {
text-align:right;
color:#666666;
float:right;
width:550px;
font-size:10px;
}

p.copy span{
font-size:10px;
}

p.footer_link {
text-align:left;
float:left;
color:#666666;
width:300px;
font-size:10px;
}

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

p.footer_link a {
font-size:10px;
}

/* -----kbar ----- */

div#tbsquicklinkunit select {

font-size:10px;

}