@charset "utf-8";
/*
File Name   : layout.css
Author      : Kensuke Takahashi
Description : ?e?u???b?N?́E?C?A?E?g
*/
/*Body
----------------------------------------------------------- */
body {
	width:100%;
	height:100%;
color:#333;
line-height:130%;
letter-spacing: normal;
background-color: #fff;
font-weight:normal;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "�E��E� �E�ゴシチE��", "MS PGothic", sans-serif;
font-size:12px;
line-height: 20px;
}

/*?????N
----------------------------------------------------------- */
a:link {
/*text-decoration: underline;*/
text-decoration: none;
color: #333;
}

a:visited {
/*text-decoration: underline;*/
text-decoration: none;
color: #333;
}

a:hover {
color: #9c0;
}

a:focus {
outline:none;
}
a img{
border: 0;
}

#naviSkip {
position: absolute;
top: 0;
left: 0;
margin: 0;
}

/*???C?A?E?g?\??
----------------------------------------------------------- */
#wrapper {
margin: 0px auto 0px auto;
border-left: #a9a9a9 1px solid;
border-right: #a9a9a9 1px solid;
padding: 0;
width: 1000px;
background-color: #fff;
}

/*?w?b?_?[
----------------------------------------------------------- */
#header {
display: block;
text-align: center;
width: 1000px;
height:134px;
margin: 0;
border: 0;
padding:0;
clear: both;
}

/* ?w?b?_?[
------------------------------------------*/
#headertop{
display: block;
width: 1000px;
height: 90px;
clear: both;
margin: 0;
border: 0;
padding: 0;
}
#headerparts{
display: block;
width: 1000px;
height: 90px;
clear: both;
margin: 0;
border: 0;
padding: 0;
}

/* -- logo --*/
#logo {
display: block;
float: left;
text-align: left;
width: 550px;
height: 60px;
padding-left: 30px;
}

#logo a img{
border:none;
width: 275px;
margin-top:20px;
margin-right:5px;
float: left;
}

#logo span {
display: block;
font-size:12px;
line-height: 15px;
padding-top:33px;
}


/* -- search --*/
#topsearchspace{
display: block;
float: right;
padding-top: 5px;
width: 400px;
height: 70px;
}

/*English site?{?^??*/
#topsearchspace .eng{
/*display: block;*/
width: 370px;
text-align: right;
color:red;
font-size: 12px;
font-weight:bold;
line-height: 11px;
letter-spacing:0.2em;
}

#topsearchspace .eng a:link{
color:red;
}


#topsearchspace .eng span{
font-weight:normal;
font-size: 15px;
}

#headertop a{
color: #333;
text-decoration: none;
}
#headertop a:link{
color: #333;
text-decoration: none;
}
#headertop a:hover{
color: #9c3;
text-decoration: underline;
}

#topsearchform {
/*?{?^???ʒu?p*/
position: relative;
float: right;
display: block;
border: 1px solid #ccc;
width: 217px;
background: #fff;
height: 24px;
}

#topsearchform .keywords{
font-size: 12px;
line-height: 12px;
height: 20px;
margin: 1px auto 1px auto; 
width: 215px;
border: 1px solid #fff;
}

#topsearchform input#searchsubmit {
position: absolute;/*?{?^???ʒu?p*/
top: 4px;
left: 192px;
width:18px;
height:18px;
border:none;
background:url(../images/searchbtn.gif) 0 0 no-repeat;
cursor:pointer;
text-align:left;
color:#fff;
font-size:11px;
}


/*?R???e???c????
----------------------------------------------------------- */
#content {
width: 920px;
margin: 0;
border: 0;
padding: 0 40px 10px 40px;
height:auto;
}

/*?t???b?V??????
----------------------------------------------------------- */
#flash{
display: block;
width: 100px;
height:500px;
padding:0;
border: none;
margin-bottom: 20px;
}

/*?E???C???R???e???c
----------------------------------------------------------- */
div#main {
float: left;

width: 652px;
line-height: 1.5em;
margin-bottom: 1em;
}

/*?T?C?h
----------------------------------------------------------- */
div#side {
float: right;

width: 240px;
margin-bottom: 10px;
padding: 5px 5px 0 5px;
background-color: #f3f3f3;
}

div#side p {
margin-bottom: 5px;
}

/*dl#PDFdownload {
margin-bottom: 5px;
padding-bottom: 2px;
border: 1px solid #dfdfdf;
}

dl#PDFdownload dt {
padding: 5px 0 5px 10px;
}

dl#PDFdownload dd {
margin-bottom: 3px;
text-align: center;
}*/

#side .ad{
	margin-bottom: 5px;
    padding: 5px 5px;
    border: 1px solid #dfdfdf;
	clear:both;
	display:block;
	width: 228px;

	
}
	


/*?g?b?v?o?i?[ ?i?????{???k?ЃR?????g?j
----------------------------------------------------------- */
div#main .topbanner{
width:650px;
margin-top:0px;
margin-bottom:10px;
background-color:#fff;
border: #666 1px solid;
padding-top: 10px;
padding-bottom: 10px;
}

div#main .topbanner img{
float:left;
}


div#main .topbanner a{
display:block;
width:648px;
height:98px;
border:1px solid #ddd;
color:dimgray;
} 


div#main .topbanner a:link{  
text-decoration:underline;
color:dimgray;
} 

div#main .topbanner a:visited{  
text-decoration:underline;
} 

div#main .topbanner a:hover{  
text-decoration:none;
border:1px solid #666;
color:#333;
}  

/*---CASTIE?o?i?[ ---------------------------------------------------?ǁE-------- */
div#main .castiebanner{
width:650px;
margin-top:0px;
margin-bottom:10px;
background-color:#fff;
}

div#main .castiebanner img{
float:left;
}


div#main .castiebanner a{
display:block;
width:648px;
height:96px;
} 


/*---
div#main .castiebanner a:link{  
border:1px solid #68a9cf;
} 

div#main .castiebanner a:visited{  
border:1px solid #68a9cf;
} 

div#main .castiebanner a:hover{  
border:1px solid #57c3ea;
}  
--*/

/*?t?b?^?[
--------------------------------------------*/
#footer {
width:1000px;
background: #333;
margin:0;
color:#fff;
font-size:10px;
}

#innerFooter {
width:940px;
margin:0 auto;
padding:15px 30px 25px 30px;
text-align: right;
}

#innerFooter .navlist {
text-align: left;
}

#innerFooter .navlist a{
margin:0 0.5em 0 0.5em;
color: #fff;
}
#innerFooter .navlist a:hover{
color: #9c0;
}


/* ?j???[?X?R???e???c
----------------------------------------------------------- */
div.newcontent{
padding-top:12px;
margin-top:8px;
width:786px;/* 920-padding12x2-border1x2 894*/
background-color:#fff;
border:1px solid #999;
float:left;
}

div.newcontent h1{
font-size:150%;
margin-bottom:12px;
}

div#newcontent.pan{
clear:both;
width:100%;
font-size:100%;
margin:6px 0 36px 8px;
color:#708090;
letter-spacing:0.05em;
text-align:left;
}

div#newcontent.pan a:link{color:steelblue;text-decoration:underline;}
div#newcontent.pan a:visited{color:lightslategray;text-decoration:underline;}
div#newcontent.pan a:hover{color:red;text-decoration:underline;}
div#newcontent.pan span{color:darkorange;font-weight:bold;letter-spacing:0;}


/* ?N???A
---------------------------------------------------*/
.clear {
clear: both;
height: 0;
line-height: 0;
}

.clearfix:after {
content: url(../images/pixel.gif);
display: block;
clear: both;
height: 0;
}
 
.clearfix {
display: inline-block;
}

/* Mac??IE?݂̂ɓK?p \*/


/* ?v?????g?݁E
---------------------------------------------------*/
@media print{

body {
color: #000;
font-size: 10pt;
}


#wrapper {
margin: 0px auto 0px auto;
border: 0;
padding: 0;
width: 1000px;
background-color: #fff;
}

#header {
display: block;
text-align: center;
width: 1000px;
height:100px;
margin: 0;
border: 0;
padding:0;
clear: both;
}

#flash{
display: none;
}

/*?t?b?^?[*/
#footer {
display: none;
}

#innerFooter {
display: none;
}

#innerFooter .navlist {
display: none;
}


}