@charset "UTF-8";

/*基本設定
-----------------------------------------*/
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url(../img03a/trancepercent.png);
}
li {
list-style: none;
}
a img {
border: none;
}
html {
}
body {
padding: 0;
margin: 0;
position: relative;
font-size: 12px;
color: #000;
line-height: 1.5;
font-family: "Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
background: #fff ;
}

p span {font-weight: bold ;
font-size: 15px;
}
a {
color: #6666ff;
}
a span{
color: #fff;
font-weight: bold ;
}
a:hover {
color: #AB002D;
}
hr {
border: none;
height: 0;
overflow: hidden;
border-bottom: 1px dotted #959595;
clear: both;
}
main, header, footer, section, article, figure ,figcaption {
display: block;
}
#container {
background: #fff;
margin:20px 30px;
padding: 0px;
height: auto;
}
#pageheader {
margin: 0px;
border:1px solid #66f;
background: #fff url(../img/header02.png) no-repeat bottom center;
position: relative;
padding-left:200px;
}
#navigation {
background: #6666ff;
width: 100%;
position: relative;
}
#navigation:after {
content: "";
background: url(../img03a/nav02.png) repeat-x;
position: absolute;
left: 0;
right: 0;
bottom: -56px;
height: 56px;
width: 100%;
}
#navi {
	width:870px;
	height:30px;
	margin:0 auto 0 auto;
	padding-left:120px;
	list-style-type:none;
}
#navi li {
	width:160px;
	height:30px;
	float:left;
	margin-top: 5px;
	margin-right:8px;
	font-size: 13px;
	color: #fff;
	}
#wrap{
background-color: #fff;	
height: 50px;
width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 20px;
position: relative;
word-break=break-all：
	}
#wrap h2{
font-size: 16px;
	color: #000;
float: left;
padding-left:100px;
	}	
#wrap p{
font-size: 13px;
	color: #000;
float: right;
padding-right: 80px;
	}	
#section{
	background-color: #fff;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	}
#section2 {
	background-color: #fff;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	}
#footer {
width: 700px;
margin-left: auto;
margin-right: auto;
color: #247486;
border:none;
background-color: #c7b299 ;
height: 30px;
padding-right: 100px;
text-align: right;

}
table     { 
width: 600px; height: auto; border-collapse: separate; 
margin-left: auto;
margin-right: auto;
border-spacing: 5px;
line-height: 0.1em;

margin-bottom: 20px; 
margin-top: 20px;
border: #333 1px solid ;
}
table2     { 
width: 600px; height: auto; border-collapse: separate; 
margin-left: auto;
margin-right: auto;
border-spacing: 5px;
line-height: 0.1em;

margin-bottom: 20px; 
margin-top: 20px;
border: #333 1px solid ;
}
table caption {
text-align:left;
font-weight: bold;
font-size:15px ;
}
.design1     { 
color: #006efa; 
font-weight: normal; 
font-size: 14px;
 line-height: 1.6em;
  text-align: left; 
  letter-spacing: 0.1em; 
  width:600px; table-layout: fixed  }

.kerning  { letter-spacing: 1.1em }
.design1 th      { color: #fff; 
font-weight: bold;
 font-size: 14px; 
 background-color:  #999999; 
 text-align: left;
 padding-left: 5px;
 width: 25% ;
  letter-spacing: 0.3em;
  line-height: 1.4em; 
  }
.design1 th span, .design2 th span   { color: #993366; text-align: center }
.design1 td     { 
color: #333; 
font-weight: normal; 
font-size: 13px; 
background-color: #f4f3f1; 
white-space: nowrap;
text-align: left; 

letter-spacing: 0.1em; 
padding-left: 5px;  ;
padding-top: 8px;
padding-bottom: 8px; 
}

/*フッター
-----------------------------------------*/

/* クリアフィックスハック */
.clearfix::after { 
	content:"";
    display:block;
    clear:both;
} 
.clearfix { 
	display: inline-block; 
}
/* Mac版IE除外 \*/
.clearfix { 
	display: block;