@charset utf-8;

* {
font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
margin:0;
padding:0;
}

html {
overflow-y:scroll;
}

div {
zoom:1;
}

body {
font-size:.75em;
line-height:1.5em;
text-align:justify;
text-justify:inter-ideograph;
color:#333;
background:url(../images/bg.jpg) repeat-x top #fff;
}

#wrapper {
width:860px;
text-align:left;
border-collapse:collapse;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:0 auto;
}

h1 {
font-size:x-small;
font-weight:400;
line-height:1em;
background:#fff;
color:#666;
border-collapse:collapse;
border-top:6px solid #0181e4;
padding:6px 15px;
}

#header {
width:860px;
background-color:#fff;
padding-bottom:5px;
}

.yohaku_l15 {
border-collapse:collapse;
border-left:15px solid #fff;
}

.yohaku_r15 {
border-collapse:collapse;
border-right:15px solid #fff;
}

#content {
clear:both;
background:url(../images/content_bg.jpg) repeat-y #fff;
padding:0 15px;
}

#navigation {
width:221px;
height:26px;
}

#navigation ul {
list-style:none;
}

#navigation ul img {
vertical-align:top;
}

.w221r {
width:221px;
float:right;
}

#subnavi {
width:165px;
float:left;
}

.sub_yohaku {
border-collapse:collapse;
border-left:3px solid #272a27;
}

#subnavi ul {
list-style-type:none;
margin-bottom:20px;
padding:0;
}

#subnavi li {
height:35px;
}

#subnavi li.subnavi1 {
height:41px;
}

#subnavi li.subnavi2 {
height:27px;
}

#main {
width:655px;
float:right;
}

#ft {
width:655px;
color:#666;
}

#textlink {
font-size:x-small;
width:500px;
float:left;
padding:5px 15px;
}

form table {
width:655px;
}

textarea {
width:400px;
border:1px solid #ccc;
padding:2px;
}

input,textarea {
line-height:1.4em;
vertical-align:middle;
padding:0;
}

img {
border:none;
}

.tal {
text-align:left;
}

.tar {
text-align:right;
}

.tac {
text-align:center;
}

.red {
color:#c00;
}

.mb05 {
margin:0 0 5px;
}

.mb10 {
margin:0 0 10px;
}

.mb20 {
margin:0 0 20px;
}

.mb250 {
margin:0 0 250px;
}

.blue {
color:#09f;
}

.pr5 {
padding-right:5px;
}

div:after,p:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

h2,.clear {
clear:both;
}

h3 {
clear:both;
color:#0985e5;
border-collapse:collapse;
border-bottom:1px solid #0985e5;
background:url(../images/h3_icon.jpg) no-repeat;
vertical-align:middle;
padding-left:20px;
padding-bottom:2px;
margin-bottom:10px;
}

h4 {
clear:both;
color:#0985e5;
margin-bottom:5px;
}

.r283 {
width:283px;
float:right;
}

.top_box {
width:100%;
margin-bottom:30px;
}

.top_box td {
padding-bottom:10px;
}

#wn02 {
height:1%;
width:357px;
float:left;
}

#wn02 table {
width:337px;
font-size:100%;
}

#wn02 th {
text-align:left;
font-weight:400;
width:7.5em;
font-size:100%;
}

#wn02 td {
font-size:100%;
padding:.25em .25em .25em .75em;
}

#wn02 th span {
background:url(../images/icon01.jpg) no-repeat left center;
padding-left:15px;
}

.scroll {
overflow-y:auto;
overflow-x:hidden;
height:125px;
}

.p02_box {
width:100%;
margin-bottom:20px;
}

.r340 {
width:340px;
float:right;
}

.l300 {
width:300px;
float:left;
}
.l300 img{ margin-bottom:10px;}
.p02_box2 {
width:100%;
}

.p02_box2 td {
vertical-align:top;
border-collapse:collapse;
border-bottom:10px solid #fff;
}

.l430 {
width:430px;
float:left;
}

.r210 {
width:210px;
float:right;
}

.p04_box {
width:100%;
border-collapse:collapse;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
}

.p04_box th {
vertical-align:top;
text-align:left;
width:20%;
border-collapse:collapse;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:3px 5px;
}

.p04_box2 {
width:100%;
border-collapse:collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin-bottom:20px;
}

.p04_box2 th {
text-align:left;
vertical-align:top;
width:20%;
border-collapse:collapse;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:3px 5px;
}

.p04_box3 {
width:100%;
border-collapse:collapse;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
margin-bottom:20px;
}

.p04_box3 th {
border-collapse:collapse;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#cfeefa;
padding:3px 5px;
}

.p04_box3_th {
width:10%;
}

.p04_box3_th2 {
width:30%;
}

.l319 {
width:319px;
float:left;
}

.r320 {
width:320px;
float:right;
}

.contact-table {
width:100%;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-collapse:collapse;
margin-bottom:20px;
}

.contact-table-th1 {
border-left:4px solid #ce5b2e;
}

.contact-table-th2 {
border-left:4px solid #999;
}

.contact-table-th1,.contact-table-th2 {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#f1f1f1;
font-weight:400;
vertical-align:top;
text-align:left;
width:150px;
white-space:nowrap;
padding:4px 10px;
}

.contact-table td {
border:1px solid #ccc;
border-collapse:collapse;
vertical-align:top;
padding:4px 10px;
}

.contact-table span {
font-size:10px;
color:#666;
}

form p {
text-align:center;
margin-top:5px;
margin-bottom:20px;
}

.form01 {
width:100px;
}

.form02 {
width:150px;
}

.form03 {
width:200px;
}

.form04 {
width:350px;
}

body a:link,body a:visited {
color:#39f;
text-decoration:underline;
}

body a:hover,a:active,#textlink a:hover,#textlink a:active {
color:#f60;
text-decoration:none;
}

#navigation li,.f-left {
float:left;
}

#textlink a:link,#textlink a:visited {
color:#666;
text-decoration:none;
}

#pagetop,.f-right {
float:right;
}

form td,.form05 {
width:400px;
}

.p04_box td,.p04_box2 td,.p04_box3 td {
border-collapse:collapse;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:3px 5px;
}

@media print {
#content {
clear:both;
background:none;
background-color:#fff;
padding:0;
}

.w221r {
width:221px;
float:left;
}

#main {
width:655px;
float:left;
}

#navigation,#subnavi,#ft {
display:none;
}
}
/*20100420追加
--------------------------------*/
#feature01 {
clear:both;
margin-bottom:20px;
}
#feature02 {
clear:both;
margin-bottom:20px;
}
#feature03 {
clear:both;
margin-bottom:20px;
}
#feature04 {
clear:both;
margin-bottom:20px;
}
#feature05 {
clear:both;
margin-bottom:20px;
}