/*
############################################################

共通項目

############################################################
*/

html {   
    overflow-y: scroll;   
}  

img {
border: 0;
}

a{
color: #0080ff;
text-decoration: underline;
}

a:hover{
color: #ff0000;
text-decoration: underline;
}







/*
############################################################

基本レイアウト

############################################################
*/




body {
margin: 0px auto;
text-align: center;
color: #000000;
font-family: Verdana,Arial,Helvetica,Osaka,sans-serif;
font-size: 90%;
background-image: url(img/bg.jpg);
background-repeat: repeat-x;
background-position: center 15px;
margin-bottom: 30px;
}







/*########　ヘッダー部分　########*/




.top {
margin: 0px auto;
width: 900px;
}


h1 {
margin: 0px auto;
float: left;
padding-left: 20px;
padding-top: 5px;
font-size: 13px;
font-weight: normal;
}


h2 {
margin: 0px auto;
float: right;
padding-right: 20px;
padding-top: 5px;
font-size: 13px;
font-weight: normal;
}


.header {
clear: both;
margin: 0px auto;
width: 900px;
padding-top: 5px;
}


.header a {
display: block;
margin: 0px auto;
background-image: url(img/header.jpg);
background-repeat: no-repeat;
width: 900px;
height: 110px;
text-indent: -9000px;
}

.header a:hover {
display: block;
margin: 0px auto;
background-image: url(img/header.jpg);
background-repeat: no-repeat;
width: 900px;
height: 110px;
text-indent: -9000px;
}





/*########　コンテンツ部分　########*/



.contents {
clear: both;
margin: 0px auto;
width: 900px;
text-align: center;
}




/*########　フッター部分　########*/



.footer {
clear: both;
margin: 0px auto;
}





.copy {
margin: 0px auto;
width: 900px;
text-align: center;
font-size: 90%;
padding-top: 10px;
color: #000000;
}






/*
############################################################

メニュー部分

############################################################
*/




#menu {
width: 900px;
margin: 0px auto;
text-align: center;
}

.menu10 {
width: 900px;
margin: 0px auto;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
}

.menu10 li {
margin: 0px auto;
float: left;
}

.menu11 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: 0px top;
width: 150px;
height: 49px;
text-indent: -3000px;
}

.menu11 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: 0px -50px;
width: 150px;
height: 49px;
text-indent: -3000px;
}


.menu12 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -150px top;
width: 150px;
height: 49px;
text-indent: -3000px;
}

.menu12 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -150px -50px;
width: 150px;
height: 49px;
text-indent: -3000px;
}

.menu13 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -300px top;
width: 150px;
height: 49px;
text-indent: -3000px;
}

.menu13 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -300px -50px;
width: 150px;
height: 49px;
text-indent: -3000px;
}

.menu14 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -450px top;
width: 150px;
height: 49px;
text-indent: -3000px;
}

.menu14 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -450px -50px;
width: 150px;
height: 49px;
text-indent: -3000px;
}

.menu15 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -600px top;
width: 150px;
height: 49px;
text-indent: -3000px;
}

.menu15 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -600px -50px;
width: 150px;
height: 49px;
text-indent: -3000px;
}

.menu16 a {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -750px top;
width: 150px;
height: 49px;
text-indent: -3000px;
}

.menu16 a:hover {
margin: 0px auto;
display: block;
background-image: url(img/menu.jpg);
background-repeat: no-repeat;
background-position: -750px -50px;
width: 150px;
height: 49px;
text-indent: -3000px;
}








/*
############################################################

トップページ

############################################################
*/





.top-b_area {
clear: both;
margin: 0px auto;
background-image: url(img/top-image.jpg);
background-repeat: no-repeat;
background-position: right;
width: 900px;
height: 403px;
overflow: hidden;
}


.top-jittai {
margin: 0px auto;
float: left;
background-image: url(img/top-bg_chosa.jpg);
background-repeat: no-repeat;
width: 299px;
height: 405px;
margin-left: 5px;
text-align: center;
}

.top-b_jittai {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/top-btn_chosa.jpg);
background-repeat: no-repeat;
background-position: center top;
width: 299px;
height: 119px;
text-indent: -3000px;
}

.top-b_jittai:hover {
margin: 0px auto;
display: block;
background-image: url(img/top-btn_chosa.jpg);
background-repeat: no-repeat;
background-position: center -119px;
width: 299px;
height: 119px;
text-indent: -3000px;
}

.top-b_area h3 {
margin: 10px auto;
text-align: left;
font-size: 14px;
padding-left: 2em;
}



.top-renai {
margin: 0px auto;
float: left;
background-image: url(img/top-bg_renai.jpg);
background-repeat: no-repeat;
width: 305px;
height: 405px;
margin-left: 5px;
text-align: center;
}

.top-b_renai {
float: left;
margin: 0px auto;
display: block;
background-image: url(img/top-btn_renai.jpg);
background-repeat: no-repeat;
background-position: center top;
width: 299px;
height: 119px;
text-indent: -3000px;
}

.top-b_renai:hover {
margin: 0px auto;
display: block;
background-image: url(img/top-btn_renai.jpg);
background-repeat: no-repeat;
background-position: center -119px;
width: 299px;
height: 119px;
text-indent: -3000px;
}

.top-p {
margin: 0px auto;
text-align: left;
line-height: 150%;
width: 95%;
}

.top-chousa {
margin: 0px auto;
text-align: left;
line-height: 150%;
font-size: 12px;
width: 98%;
padding-top: 6px;
}

.top-kousaku {
margin: 0px auto;
text-align: left;
line-height: 150%;
font-size: 12px;
width: 98%;
padding-top: 6px;
}



.top-left {
float: left;
margin: 0px auto;
width: 292px;
padding-top: 10px;
margin-left: 5px;
}

.top-center {
float: left;
margin: 0px auto;
width: 310px;
text-align: center;
padding-top: 10px;
margin-left: 10px;
}

.top-center h4 {
clear: both;
margin: 0px auto;
text-align: left;
background-image: url(img/top-subject_bg.jpg);
background-repeat: no-repeat;
background-position: center;
padding-left: 2em;
font-size: 14px;
font-weight: normal;
padding-top: 13px;
padding-bottom: 13px;
}

.top-center p {
margin: 0px auto;
width: 280px;
text-align: left;
line-height: 150%;
padding-bottom: 15px;
padding-top: 5px;
}

.top-right {
float: right;
margin: 0px auto;
text-align: center;
padding-top: 10px;
}



.side-top {
clear: both;
margin: 0px auto;
background-image: url(img/side-top.jpg);
background-repeat: no-repeat;
background-position: center;
width: 255px;
height: 29px;
}

.side-mdl {
margin: 0px auto;
background-image: url(img/side-mdl.jpg);
background-repeat: repeat-y;
background-position: center;
width: 255px;
}


.side-btm {
margin: 0px auto;
background-image: url(img/side-btm.jpg);
background-repeat: no-repeat;
background-position: center;
width: 255px;
height: 34px;
}

.side-navi {
display: block;
margin: 0px auto;
background-image: url(img/side-a.jpg);
background-repeat: no-repeat;
background-position: left 4px;
width: 75%;
text-align: left;
color: #000000;
text-decoration: none;
padding-left: 2em;
margin-top: 8px;
padding-top: 4px;
padding-bottom: 5px;
}

.side-navi:hover {
display: block;
margin: 0px auto;
background-image: url(img/side-a.jpg);
background-repeat: no-repeat;
background-position: left -51px;
width: 75%;
text-align: left;
color: #ff0000;
text-decoration: none;
padding-left: 2em;
margin-top: 8px;
padding-top: 4px;
padding-bottom: 5px;
}

.side-mdl img {
margin: 0px auto;
margin-top: 5px;
}


/*
############################################################

下層ページ

############################################################
*/




.side {
float: left;
width: 210px;
margin: 0px auto;
padding-top: 10px;
padding-bottom: 20px;
}

.main {
float: right;
width: 685px;
margin: 0px auto;
}


.chousa {
clear: both;
margin: 0px auto;
background-image: url(img/chosa-bg.jpg);
background-repeat: no-repeat;
background-position: right top;
width: 900px;
text-align: left;
padding-bottom: 50px;
}

.chousa h3 {
margin: 10px auto;
background-image: url(img/title-chosa.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 685px;
height: 135px;
text-indent: -9000px;
margin-left: 0px;
padding-bottom: 15px;
}

.chousa h4 {
margin: 10px auto;
text-align: left;
font-size: 14px;
padding-left: 4em;
}



.chousa-p {
margin: 0px auto;
text-align: left;
line-height: 180%;
font-size: 14px;
width: 85%;
padding-top: 6px;
}


.kousaku {
clear: both;
margin: 0px auto;
background-image: url(img/kosaku-bg.jpg);
background-repeat: no-repeat;
background-position: right top;
width: 900px;
text-align: left;
padding-bottom: 25px;
}

.kousaku h3 {
margin: 10px auto;
background-image: url(img/title-kosaku.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 685px;
height: 135px;
text-indent: -9000px;
margin-left: 0px;
padding-bottom: 15px;
}

.tokushu {
margin: 0px auto;
margin-top: 10px;
background-color: #eeeeee;
width: 758px;
margin-bottom: 15px;
}

.tokushu p {
margin: 0px auto;
text-align: left;
line-height: 150%;
width: 95%;
}

.kousaku h4 {
margin: 0px auto;
text-align: left;
font-size: 14px;
padding-left: 4em;
}

.honbun {
margin: 10px auto;
text-align: left;
width: 820px;
line-height: 150%;
}

.ryokin {
margin: 10px auto;
text-align: left;
width: 300px;
line-height: 180%;
}


.soudan {
margin: 15px auto;
width: 600px;
text-align: left;
padding: 15px 2em;
border: 1px solid #7d7d7d;
background-color: #efefef;
line-height: 150%;
}




.toi {
clear: both;
margin: 0px auto;
background-image: url(img/toi-bg.jpg);
background-repeat: no-repeat;
background-position: right top;
width: 900px;
text-align: left;
padding-bottom: 50px;
}

.toi h3 {
margin: 10px auto;
background-image: url(img/title-toi.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 685px;
height: 135px;
text-indent: -9000px;
margin-left: 0px;
padding-bottom: 0px;
}



.toiawaseform {
margin: 0px auto;
width: 600px;
border-collapse: collapse;
font-size: 13px;
border: 1px solid #777777;
margin-top: 15px;
}

.toiawaseform th {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
vertical-align: top;
line-height: 130%;
width: 28%;
text-align: left;
font-weight: normal;
border: 1px solid #777777;
background-color: #ececec;
}

.toiawaseform td {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 5px;
vertical-align: top;
line-height: 130%;
text-align: left;
border: 1px solid #777777;
}

.hissu {
color: red;
}

.toiawaseform caption {
margin: 0px auto;
text-align: left;
font-size: 14px;
font-weight: bold;
padding-bottom: 3px;
}







.irai {
clear: both;
margin: 0px auto;
background-image: url(img/irai-bg.jpg);
background-repeat: no-repeat;
background-position: right top;
width: 900px;
text-align: left;
padding-bottom: 50px;
}

.irai h3 {
margin: 10px auto;
background-image: url(img/title-irai.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 685px;
height: 135px;
text-indent: -9000px;
margin-left: 0px;
padding-bottom: 0px;
}



.gaiyou {
clear: both;
margin: 0px auto;
background-image: url(img/gaiyou-bg.jpg);
background-repeat: no-repeat;
background-position: right top;
width: 900px;
text-align: left;
padding-bottom: 10px;
}

.gaiyou h3 {
margin: 10px auto;
background-image: url(img/title-gaiyou.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 685px;
height: 135px;
text-indent: -9000px;
margin-left: 0px;
padding-bottom: 0px;
}


.gaiyou-dl {
margin: 15px auto;
text-align: left;
width: 350px;
}

.gaiyou-dl dt {
margin: 0px auto;
text-align: left;
padding-top: 15px;
}

.gaiyou-dl dd {
padding-top: 5px;
}