@charset "UTF-8";
/* CSS Document */


/*基本指定［TAG］///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

html { }
body { background: #FFFFFF; margin: 0; padding: 0; color: #212121; font-size: 0.8em; line-height: 1.4; font-family: Meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ ゴシック"; }
img { border: 0; }

h1 { padding: 10px 0 0 0; border: 0; margin: 0; height: 10px; font-size: 0.67em; line-height: 1.4; text-align: right; }
h2 { padding: 0; border: 0; margin: 220px 0 0 295px; width: 410px; height: 181px; font-size: 0.87em;line-height: 1.6;  font-weight: 100; }
h3 { padding: 0; border: 0; margin: 0 0 10px 0; width: 868px; height: 48px; }
h4 { font-size: 21px; line-height: 24px; color: #999999; font-weight: normal; border-bottom: dotted 1px #333333; margin: 0 0 15px 0; padding: 0 0 10px 0; }

object { margin: 0; padding: 0; border: 0; }
em { position: absolute; left: -7777px; font-size: 1px; line-height: 1px; }

a:link { color: #CC0000; text-decoration: none; }
a:visited { color: #660000; text-decoration: none; }
a:hover { color: #CC0000; text-decoration: none; background: #FAE5E5; }
a:active { color: #CC0000; text-decoration: none; }




/*基本指定［CLASS］///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.clear { clear: both; }

.zero { margin: 0; padding: 0; height: 0px; }
.b-line { padding: 0 0 40px 0; border-bottom: #999999 dotted 1px; }

.plus_tb10 { margin: 10px 0; }
.plus_b10 { margin: 0 0 30px 0; }
.plus_rside10 { margin-right: 10px; }

.lefted { float: left; margin: 0 5px 5px 0; }
.righted { float: right; margin: -45px 0 5px 5px; }
.righted_f { float: right; margin: 0 0 5px 5px; }


.x09 { font-size: 0.9em; }
.x12 { font-size: 1.2em; }
.x15 { font-size: 1.5em; }
.x20 { font-size: 2.0em; }


.h230 { height: 230px;}
.h270 { height: 270px;}
.h300 { height: 300px;}
.w410 { width: 410px;}
.w868 { width: 868px;}


.silver { color: #808080; }
.orange { color: #FF8C00; }
.yellow { color: yellow; }
.green { color: #40B15D; }
.orangered { color: #FF4500; }
.skyblue { color: #2FA6CA; }
.red { color: #FF2200; }
.darkred { color: #CC0000; }
.pink { color: #F89191; }
.btn { position: relative; top:215px; margin: 0; padding: 0; border: 0; width: 270px; height: 45px; float: right; }
.btn a { width: 270px; height: 45px; display: block; background: url(../img/btn.gif) no-repeat; }
.btn a:hover { width: 270px; height: 45px; display: block; background: url(../img/btn_f2.gif) no-repeat; }




/*基本指定［*］///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#wrap { margin: 0; padding: 0; border: 0; width: 100%; background: url(../img/bg01.gif) repeat-x 0px 420px; }

#wrap #head { margin: 0 auto; padding: 0; border: 0; width: 868px; height: 551px; background: url(../img/img01.jpg) no-repeat; }

#wrap #head #nav { margin: 0 auto; padding: 1px 0 0 3px; border: 0; width: 868px; height: 58px; }
#wrap #head #nav ul { margin: 0; padding: 0; border: 0; width: 868px; height: 58px; list-style: none; }
#wrap #head #nav li { margin: 0 4px 0 0; padding: 0; border: 0; height: 58px; float: left; }


#wrap #head #nav li.nav01 a { width: 162px; height: 58px; display: block; background: url(../img/mn01.gif) no-repeat; }
#wrap #head #nav li.nav01 a:hover { width: 162px; height: 58px; display: block; background: url(../img/mn01_f2.gif) no-repeat; }
#wrap #head #nav li.nav02 a { width: 172px; height: 58px; display: block; background: url(../img/mn02.gif) no-repeat; }
#wrap #head #nav li.nav02 a:hover { width: 172px; height: 58px; display: block; background: url(../img/mn02_f2.gif) no-repeat; }
#wrap #head #nav li.nav03 a { width: 167px; height: 58px; display: block; background: url(../img/mn03.gif) no-repeat; }
#wrap #head #nav li.nav03 a:hover { width: 167px; height: 58px; display: block; background: url(../img/mn03_f2.gif) no-repeat; }
#wrap #head #nav li.nav04 a { width: 162px; height: 58px; display: block; background: url(../img/mn04.gif) no-repeat; }
#wrap #head #nav li.nav04 a:hover { width: 162px; height: 58px; display: block; background: url(../img/mn04_f2.gif) no-repeat; }
#wrap #head #nav li.nav05 a { width: 162px; height: 58px; display: block; background: url(../img/mn05.gif) no-repeat; }
#wrap #head #nav li.nav05 a:hover { width: 162px; height: 58px; display: block; background: url(../img/mn05_f2.gif) no-repeat; }



/*基本指定［メイン］///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#wrap #main { margin: 0 auto; padding: 0; border: 0; width: 868px; height: auto; clear: both; }

.md01 { background: url(../img/md01.jpg) no-repeat; }
.md02 { background: url(../img/md02.jpg) no-repeat; }
.md03 { background: url(../img/md03.jpg) no-repeat; }
.md03-1 { background: url(../img/md03-1.jpg) no-repeat; }
.md03-2 { background: url(../img/md03-2.jpg) no-repeat; }
.md04 { background: url(../img/md03.jpg) no-repeat; }
.md05 { background: url(../img/md05.jpg) no-repeat; }
.md06 { background: url(../img/md06.jpg) no-repeat; }
.md07 { background: url(../img/md07.jpg) no-repeat; }

.step01 { background: url(../img/step01.jpg) no-repeat 0px 75px; }
.step02 { background: url(../img/step02.jpg) no-repeat 0px 75px; }
.step03-1 { background: url(../img/step03-1.jpg) no-repeat 0px 75px; }
.step03-2 { background: url(../img/step03-2.jpg) no-repeat 0px 75px; }
.step04 { background: url(../img/step04.jpg) no-repeat 0px 75px; }
.ex { background: url(../img/ex.gif) no-repeat 0px 40px; }




/*基本指定［お問い合わせ］///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#wrap #main div.con01 { display: block; padding: 0; height: auto; width: 868px; margin: 0 auto 0 auto; position: relative; }
#wrap #main div.con01 ul { font-size: 90%; margin: 0; padding: 0; border: 0; height: auto; width: 868px; position: relative; list-style-type: none; display: block; clear: both; }
#wrap #main div.con01 li.item { display: block; margin: 0 0 7px 0; padding: 0 0 5px 20px; height: auto; width: 159px; background: url(../img/ico01.gif) no-repeat 0px 5px; float: left; clear: both; border-bottom: dotted 1px #999999; }
#wrap #main div.con01 li.ans { display: block; margin: 0 0 7px 0; padding: 0 0 5px 0; float: left; height: auto; width: 689px; border-bottom: dotted 1px #999999; background: none; }
#wrap #main div.con01 p { clear: both; margin: 0 0 30px 0; }

#wrap #main div.con01 dl { font-size: 90%; margin: 0; padding: 0; border: 0; height: auto; width: 868px; position: relative; list-style-type: none; display: block; clear: both; }
#wrap #main div.con01 dt.item { display: block; margin: 0 0 7px 0; padding: 7px 0 5px 20px; height: 17px; width: 159px; background: url(../img/ico01.gif) no-repeat left center; float: left; border-bottom: dotted 1px #999999; }
#wrap #main div.con01 dd.ans { display: block; margin: 0 0 7px 0; padding: 0 0 5px 0; float: left; height: 24px; width: 689px; border-bottom: dotted 1px #999999; background: none; }
#wrap #main div.con01 dt.item2 { display: block; margin: 0 0 7px 0; padding: 7px 0 5px 20px; height: 167px; width: 159px; background: url(../img/ico01.gif) no-repeat 0px 5px; float: left; border-bottom: dotted 1px #999999; }
#wrap #main div.con01 dd.ans2 { display: block; margin: 0 0 7px 0; padding: 0 0 5px 0; float: left; height: 174px; width: 689px; border-bottom: dotted 1px #999999; background: none; }
#wrap #main div.con01 p.centered01 { text-align: center; }

.captions { margin: 6px 0 0 0; padding: 5px; border: 1px #999999 solid; width: 565px; background: #FFFFF0; display: block; font-size: 0.85em; }




/*基本指定［フッタ］///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#wrap #foot { margin: 50px 0 0 0; padding: 20px 0 0 0; border: 0; width: 100%; height: 110px; clear: both; background: #E52520; color: #FFFFFF; }
#wrap #foot a { color: #FFFFFF; }
#wrap #foot div { margin: 0 auto; width: 868px; }
#wrap #foot p.nav { margin: 0; padding: 0; border: 0; width: 468px; text-align: right; float: left; }
#wrap #foot p.copyright { margin: 0; padding: 0; border: 0; width: 400px; height: 20px; float: left; }