@charset "Shift_JIS";

*{
margin: 0;
padding: 0;
letter-spacing: 0.1em
} 

body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
color:#666;
}

img {
border: 0;
}

ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*-----------大きさ設定------------*/

#wrap{
margin: 0 auto;
padding: 0 auto;
width: 980px;
height: auto;
background-color: #FFF;
}


/*-----------メニュー設定------------*/

#hadder{
width: 980px;
height: auto;
margin: 40px 0 0 0;
}

.logo{
width: 208px;
height: 75px;
float: left;
margin: 0 65px 0 0;
}


.menu01 li{
float: left;
}

/* --- clearfix --- */

.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/*----------コンテンツ設定------------*/

#contnts{
width: 707px;
height: auto;
background-color: #FFF;
margin: 90px 0 50px 273px;
}

.koumoku {
margin: 100px 0 0 0; 
}
/* --- 項目 --- */
div.koumoku {
width: 707px; /* 項目 の幅 */
font-size: 100%;
}

/* --- 項目  --- */
div.koumoku h2 {
margin: 0 0 20px; /* 項目 のマージン（上、左右、下） */
font-size: 100%;
}

/* --- 項目  --- */
div.koumoku dl {
width: 100%; /* 項目 の幅 */
margin: 0;
}

/* --- 見出し --- */
div.koumoku dt {
width: 10.7em; /* 見出しの幅 */
float: left;
padding: 10px 0 0 3px; /* 見出しのパディング（上右下左） */
line-height: 350%;
}

/* --- 本文エリア --- */
div.koumoku dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
line-height: 350%;
}

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

h3{
padding: 0 2px 0 20px; /* 項目のパディング（上右下左） */
background: url(../img/images/maru.jpg) no-repeat 0 0.1em; /* 項目の背景（マーカー） */
font-size: 12px;
color:#101f8a;
font-weight: normal;
}

.list{
margin: 60px 0 0 0;
}

.koumoku ul li{
margin: 0 0 15px 0;

}

.footer{
width: 980px;
text-align: right;
font-size: 10px;
}