@charset "Shift_JIS";

/*--------------------------------------------------------------
*base
*--------------------------------------------------------------- */

*{
margin:0;
padding:0;
color:#000;
}


/*IE6*/

th,td,form{
margin:0;
padding:0;
background-color: transparent;
color:#000;
font-size:12px;
}


/*image*/

img{
border:0;
}


/*--------------------------------------
* base layout
*------------------------------------*/
#wrapper{
width:912px;
height:auto;
margin: 0 auto;
padding:0;
}

#header{
width:912px;
height:178px;
margin: 0 auto;
padding:0;
}



#footer {
width:912px;
height:auto;
margin:0 auto;
padding:0;
font-size:9px;
clear:both;
background:url(../images/footer_bg02.gif) repeat-y;
border-top:1px solid #CCCCCC;
}

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

#footer_end{
width:912px; 
height:70px;
margin:0 auto; 
padding:0;
background:url(../images/footer_bg.gif) no-repeat;  
}

.privacy_foot{
width:430px;
margin-left:470px;
padding-top:20px;
font-size:9px;
position:relative;
clear:both;
}


.privacy_p{
float:left;
width:360px;
height:30px;
text-align:right;
padding-top:2em;
}

.klogo_foot{
float:right;
width:65px;
height:30px;
}


.link_area{
width:912px;
height:auto;
padding:10px 0 5px 30px; 
line-height:1.4; 
text-align:left; 
}


.copyright_area{
width:100%; 
height:auto;
padding:10px 0 5px 30px; 
line-height:1.4; 
text-align:left; 
}



/*--------------------------------------
* h tag(2011.2.9 h1 size change)
*------------------------------------*/


h1{
color: #000;
font-size: 16px;
margin:0 0 0 18px;
padding-right: 30px;
text-align:left;
}

h2{
font-size: 14px;
}

h3{
font-size: 12px;
color: #9c0638;
}


/*--------------------------------------
* text
*------------------------------------*/

.text_area{
margin:10px 20px 10px 7px;
width:95%;
}



/*--------------------------------------
* clearfix
*------------------------------------*/
.clearfix:after {
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	content: "";
}


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

.margin-top15{
margin-top: 15px;}

.margin-left15{
margin-left: 15px;}

.margin-right15{
margin-right: 15px;}

.center{
text-align: center;}

.p-text{
margin:0px;}

.p-right{
text-align: right;}

.right{float:right;}

.left{float:left;}

.logo{
float:left;
margin:0 10px 5px 0;}

.caption{
text-align: left;
font-size:10px;
font-weight:lighter;
background: url(../hp/images/arrow_v.gif) no-repeat;}

br{
line-height:0px;}

.text_l{
text-align:left;
}

.text_r{
text-align:right;
}

.f9{
font-size:9px;
}

.f10{
font-size:10px;
}

.f12{
font-size:12px;
}

.f14{
font-size:14px;
}

.white{
color:#FFF;
}

.blue{
color:#0052a4;
}

.indent{
margin-left: 10px;
}

/*--------------------------------------------------------------
* RSS
*--------------------------------------------------------------- */

#topics{
margin:10px 0 20px 0;
float: left;
width:360px;
border-right: dotted 1px #ccc;
position:relative;
}

#topics-article{
width: 360px;
height: 300px;
margin: 0 5px 5px 0;
padding-left:5px;
}


#topics-hu-h2{
margin-top:0;
margin-left:0;
width:360px;
height:44px;
padding-top: 8px;
padding-left:0;
background:url(../images/blu/topics_h2.jpg) left no-repeat;
color: #fff;
font-size: 14px;
font-weight: bold;
margin-top:1px;
}

#topicsbottom{
padding:10px 10px 0 0;
text-align: right;

}

#whatsNew-hu dl {
margin: 0;
padding: 0 0 3px;
font-size: 11px;
border-bottom: dotted 1px #ccc;
}

#whatsNew-hu dt {
padding: 5px 3px 0 8px;
font-weight: bold;
color: #e65685;
}

#whatsNew-hu dd {
margin: -1.5em 0 0 7.5em;
padding: 0 10px 0 0;
}



#leftcolumn{
float:left;
width:645px;
margin: 0;
clear:right;
}

#rightcolumn{
float:right;
padding: 0px;
margin-top:0;
margin-bottom:10px;
font-size:12px;
}


/*--------------------------------------------------------------
* hu 
*--------------------------------------------------------------- */

html,body {
margin:0;
padding:0;
background: #FFFFFF url(../images/blu/bg_blue.jpg) repeat-x;
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",'MS P Gothic', Geneva, Arial, Verdana, sans-serif;
text-align: center;/*IE6左よりバグ回避*/
}

a:link{
text-decoration: underline;
color:#0f8bd2;
}

a:visited{
text-decoration: underline;
color:#0052a4;
}

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

a:active{text-decoration: none;
color:#cccccc;
}



#header_logo{
height:66px;
color: #000;
margin:0;
padding:0;
text-align:right;
}

#logo{
width:209px;
height:112px;
margin:0;
padding:0;
float:left;
}

#header_right{
width:703px;
height:112px;
margin:0;
padding:0;
float:right;
}


#top{
width:703px;
height:61px;
margin:0;
padding:0;
background:url(../images/blu/bg_header.jpg) repeat-x;
}

#under{
width:703px;
height:51px;
margin:0;
padding:0;
background:url(../images/blu/bg_menu.jpg) no-repeat;
clear:both;
}


#under img{
margin:0;
padding:0;
vertical-align:bottom;
display: block;
}


#under ul li{
margin:0;
padding:0;
}


#pankuzu{
width:912px;
height:24px;
margin:0;
padding:10px 0 0 18px;
font-size:10px;
background: url(../images/blu/bg_breadcrumbs.jpg) no-repeat;
text-align:left;
}



#main {
width: 912px;
height:auto;
background:url(../images/bg_main.jpg) repeat-y;
margin:0 auto;
padding:0;
overflow:hidden;
clear:both;
}

/*\*/
* html div#main{overflow: visible;}

.left_box{
width:620px;
height:auto;
margin:0;
padding:10px 15px; 
float:left;
}

.right_box{
width:200px;
height:auto;
float:right;
margin:0;
padding-right:15px;
}


.left_box h2{
width:620px;
height:44px;
background:url(../images/blu/hu_h2.jpg) no-repeat;
}

.red{
color:#FF0000;
}

/*--------------------------------------------------------------
* navi
*--------------------------------------------------------------- */

#under ul{
width:703px;
height:51px;
margin:0;
padding:0;
list-style:none;
text-align:center;
}

#under li {
/*-width:137px;*/
height:25px;
margin:0 0 1px 0;
padding:0;
display:table-cell; 
display: inline;
float:left;
}

ul#under li a{
margin:0;
padding:0;
}


.right_box ul{
width:195px;
height:222px;
margin:0 0 10px 4px;
padding:0;
}


.right_box li{
width:195px;
margin:0;
padding:0;
list-style:none;
}

ul li img {
vertical-align: bottom;
}


.right_box a{
margin:0;
padding:0;
}

.right_box h2{
background:none;
}

/*--------------------------------------------------------------
* map
*--------------------------------------------------------------- */

.ad_contact{
width:192px;
margin-top:10px;
margin-left:10px;
float:left;
}

.map{
width:380px;
margin-top:10px;
vertical-align: bottom;
float:left;
}




/*--------------------------------------------------------------
* RSS
*--------------------------------------------------------------- */

#topics{
float: left;
width:370px;
border-right: dotted 1px #ccc;
position:relative;
}

#topics-article{
width: 360px;
height: 300px;
margin: 0 5px 5px 0;}


#topics-hu-h2{
width:350px;
height:44px;
background:url(../images/blu/topics_h2.jpg) no-repeat;
color: #fff;
}

#topicsbottom{
padding-right:10px;
text-align: right;

}

#whatsNew-hu dl {
margin: 0;
padding: 0 0 3px;
font-size: 11px;
border-bottom: dotted 1px #ccc;
}

#whatsNew-hu dt {
padding: 5px 3px 0 8px;
font-weight: bold;
color: #e65685;
}

#whatsNew-hu dd {
margin: -1.5em 0 0 7.5em;
padding: 0 10px 0 0;
}


#leftcolumn{
float:left;
width:645px;
margin: 0;
clear:right;
}

#rightcolumn{
float:right;
padding: 0px;
margin-top:0;
margin-bottom:10px;
font-size:12px;
}


#table-content{
float:left;
color:#000;font-size:11px;margin:0;
width:605px;
height:350px;
padding:0px 10px 0px 60px ;overflow: auto;
vertical-align:top;
}

.subtitle1{
font-size: 12px;
font-weight: bold;
border-bottom: dotted 1px #eeabc1;
border-left: solid 7px #eeabc1;
margin: 15px 0 10px 0;
padding: 0 0 2px 5px;
color: #9c0638;
text-align:left;
}


.lead{
font-size:12px;
font-weight: bold;
text-align:right;
width: 600px;
margin: 0 40px 0 60px ;
}

.ex{
width: 192px;
float:right;
position:relative;
font-size:12px;
}

/*--------------------------------------------------------------
* left area
*--------------------------------------------------------------- */


.hp-h3{
font-size: 12px;
font-weight: bold;
border-bottom: dotted 1px #cef2fc;
border-left: solid 7px #cef2fc;
margin: 15px 0 10px 0;
padding: 0 0 2px 5px;
color: #004986;
}

.subtitle1{
font-size: 12px;
font-weight: bold;
border-bottom: dotted 1px #cef2fc;
border-left: solid 7px #cef2fc;
margin: 15px 0 10px 0;
padding: 0 0 2px 5px;
color: #004986;
}
.description{
margin-left:50px;
margin-bottom: 15px;
font-size:11px;
padding:5px;
border: solid 1px #000;}

.toptext{
font-size: 10px;
color:#333;
border:dotted 1px #3366FF;
padding: 5px;
margin-top: 8px;
}

.catch{
width: 620px;
font-size:13px;
line-height: 1.8;
margin-bottom:20px;
text-align:left;
}

/*--------------------------------------------------------------
* works
*--------------------------------------------------------------- */


.wk-content{
width: 580px;
overflow:auto;
padding: 0px 10px 10px 10px;
margin-bottom:2px;
margin-left: 0px;
border: solid 1px #ccc;
}

.wk-content02{
width: 580px;
overflow:auto;
padding: 0px 10px 10px 10px;
margin-bottom:15px;
margin-left: 0px;
border: solid 1px #ccc;
}

.wk-content img{
border:solid 1px #D3D3D3;
padding: 2px;
background-color: #fff;
}

.wk-content02 img{
border:solid 1px #D3D3D3;
padding: 2px;
background-color: #fff;
}

.button{
width:620px;
text-align: right;
}

.gallery-left{
float: left;
width:156px;
margin-right: 10px;
margin-left:18px;
_margin-left:10px;
}

.gallery-text{
width:156px;
border-left:dotted 1px #778899;
margin-top:2px;
padding-left:3px;
font-size: 10px;
line-height: 1.2;
}

.gallery-title{
font-size:12px;
color: #778899;
font-weight: bold;
padding:2px;
}

.tab{
height:14px;
background: url(../images/tab.jpg) no-repeat;
font-size:11px; font-weight: bold; color: #fff; padding-left: 5px;
margin-top: 15px;
margin-bottom:3px;
}