@charset "UTF-8";

/* **************************************************************************************

 初期設定のスタイル

*************************************************************************************** */

/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */

/* テキスト
------------------------------------------------------------ */


body {
   color: #303030;
   font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
   font-size: 12px;
   line-height: 200%;
   letter-spacing: 0.4px;
   background: url(img/back.jpg) top center no-repeat #f5f5f5;
} 

input,textarea,select {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}




/* タグ
------------------------------------------------------------ */

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
}

img,table {
	border: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
   vertical-align: top;
   font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}

ul {
	list-style: none;
}

img {
	vertical-align: bottom;
}

address,em,cite {
	font-style: normal;
}

hr {
	display: none;
}


/* リンク
------------------------------------------------------------ */

a:link,
a:visited {
	color: #FA58A9;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #FA58A9;
	text-decoration: none;
}
.mo a:hover
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

.img10 {
   margin-bottom: 10px;}
.img15 {
   margin-bottom: 15px;}
.img20 {
   margin-bottom: 20px;}
.img25 {
   margin-bottom: 25px;}
.img30 {
   margin-bottom: 30px;}
.img35 {
   margin-bottom: 35px;}
.img40 {
   margin-bottom: 40px;}
.img05 {
   margin-bottom: 5px;}
.img50 {
   margin-bottom: 50px;}
.img60 {
   margin-bottom: 60px;}
.img70 {
   margin-bottom: 70px;}
.img80 {
   margin-bottom: 80px;}

/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block;}
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/



/* --------------------------------------------------------------------------------------
 コンテンツ
--------------------------------------------------------------------------------------- */
div#wrapper {
   width: 1000px;
   margin: 0 auto;
   text-align: left;}
   
div#header {
   width: 960px;
   margin: 0 auto;
   position: relative;
   height: 922px;}

div#header .logo {
   position: absolute;
   top: 0;
   left: 0;
   text-indent: -999em;
   background: url(img/lp_02.png) top left no-repeat;
   width: 263px;
   height: 85px;}

div#header .tel {
   position: absolute;
   top: 0;
   right: 7px;}

div#header .catch01 {
   position: absolute;
   left: 0;
   top: 107px;
   background: url(img/lp_09.png) top left no-repeat;
   height: 61px;
   text-indent: -9999em;
   width: 773px;}

div#header .catch02 {
   position: absolute;
   left: 0;
   top: 168px;
   background: url(img/lp_11.png) top left no-repeat;
   height: 30px;
   text-indent: -9999em;
   width: 586px;}

div#header .catch03 {
   position: absolute;
   left: 0;
   top: 107px;
   background: url(img/lp2_03.png) top left no-repeat;
   height: 61px;
   text-indent: -9999em;
   width: 680px;}

div#header .catch04 {
   position: absolute;
   left: 0;
   top: 168px;
   background: url(img/lp2_05.png) top left no-repeat;
   height: 30px;
   text-indent: -9999em;
   width: 530px;}

div#header .catch05 {
   position: absolute;
   left: 0;
   top: 107px;
   background: url(img/lp3_03.png) top left no-repeat;
   height: 61px;
   text-indent: -9999em;
   width: 768px;}

div#header .catch06 {
   position: absolute;
   left: 0;
   top: 168px;
   background: url(img/lp3_05.png) top left no-repeat;
   height: 38px;
   text-indent: -9999em;
   width: 575px;}

div#header .koyo_icon {
   position: absolute;
   top: 168px;
   right: 0;
   background: url(img/lp_12.png) top left no-repeat;
   width: 374px;
   height: 370px;
   text-indent: -9999em;}

div#header .mainimg01 {
   position: absolute;
   left: 0;
   top: 198px;
   width: 586px;
   height: 537px;
   text-indent: -999em;
   background: url(img/lp_13.png) top left no-repeat;}

div#header .mainimg02 {
   position: absolute;
   left: 0;
   top: 224px;
   width: 524px;
   height: 481px;
   text-indent: -999em;
   background: url(img/lp2.jpg) top left no-repeat;}

div#header .mainimg03 {
   position: absolute;
   left: 0;
   top: 224px;
   width: 524px;
   height: 495px;
   text-indent: -999em;
   background: url(img/lp3.jpg) top left no-repeat;}

div#header .main_contact {
   position: absolute;
   top: 535px;
   right: 16px;}

div#header ul {
   position: absolute;
   left: 0;
   top: 755px;
   width: 990px;
   margin: 0 -30px 0 0;}

div#header ul li {
   margin: 0 30px 0 0;
   float: left;}
   
.midashi01 {
   background: url(img/lp_28.gif) top left no-repeat;
   width: 1000px;
   height: 136px;
   text-indent: -999em;}

.midashi02 {
   background: url(img/lp_71.gif) top left no-repeat;
   width: 1000px;
   height: 146px;
   text-indent: -999em;}

.midashi03 {
   background: url(img/lp_95.gif) top left no-repeat;
   width: 1000px;
   height: 140px;
   text-indent: -999em;}

.midashi04 {
   background: url(img/lp_146.gif) top left no-repeat;
   width: 1000px;
   height: 138px;
   text-indent: -999em;}

.contents_base {
   background: url(img/lp_30.gif) top left repeat-y;
   width: 900px;
   padding: 10px 50px 0 50px;}

.contents_under {
   background: url(img/lp_61.gif) bottom left no-repeat;
   width: 1000px;
   padding-bottom: 50px;
   margin-bottom: 50px;}

.midashi_hisan {
   background: url(img/lp_32.gif) top left no-repeat;
   height: 50px;
   width: 900px;
   margin-bottom: 35px;
   text-indent: -9999em;}

.midashi_shanetsu {
   background: url(img/lp_42.gif) top left no-repeat;
   width: 900px;
   height: 54px;
   margin-bottom: 35px;
   text-indent: -9999em;}

.midashi_bouhan {
   background: url(img/lp_51.gif) top left no-repeat;
   width: 900px;
   height: 54px;
   margin-bottom: 35px;
   text-indent: -9999em;}

dl.kouka01 {
   width: 900px;}

dl.kouka01 dt {
   float: left;
   width: 460px;}

dl.kouka01 dd {
   float: right;
   width: 400px;}

.kouka01_catch {
   background: url(img/lp_39.gif) top left no-repeat;
   width: 460px;
   height: 181px;
   text-indent: -9999em;}

.shanetsu_catch {
   background: url(img/lp_48.gif) top left no-repeat;
   width: 460px;
   height: 181px;
   text-indent: -9999em;}

.bouhan_catch {
   background: url(img/lp_58.gif) top left no-repeat;
   width: 460px;
   height: 181px;
   text-indent: -9999em;}

.mazuha {
   background: url(img/lp_64.jpg) top left no-repeat;
   height: 245px;
   width: 960px;
   margin: 0 auto 15px auto;
   text-indent: -9999em;}

.contact_bt01 a {
   background: url(img/lp_68.gif) top left no-repeat;
   width: 764px;
   height: 128px;
   text-indent: -9999em;
   margin: 0 auto 30px auto;
   display: block;}

.contact_bt01 a:hover {
   background: url(img/lp_68_o.gif) top left no-repeat;
   width: 764px;
   height: 118px;
   text-indent: -9999em;}

.contact_bt02 a {
   background: url(img/lp_158.gif) top left no-repeat;
   width: 764px;
   height: 118px;
   text-indent: -9999em;
   margin: 0 auto 30px auto;
   display: block;}

.contact_bt02 a:hover {
   background: url(img/lp_158_o.gif) top left no-repeat;
   width: 764px;
   height: 128px;
   text-indent: -9999em;}


dl.pro01 {
   width: 900px;
   margin-bottom: 15px;
   line-height: 165%;}

dl.pro01 dt {
   float: left;
   width: 430px;}

dl.pro01 dd {
   float: right;
   width: 430px;}

dl.pro01 div {
   width: 388px;
   background-color: #efefef;
   border-left: 1px solid #cfcfcf;
   border-bottom: 1px solid #cfcfcf;
   border-right: 1px solid #cfcfcf;
   padding: 10px 20px;}

dl.pro01 p.protx {
   color: #e50866;
   margin-bottom: 10px;}

.pro02 {
   background: url(img/lp_88.jpg) top left no-repeat;
   width: 900px;
   height: 158px;
   text-indent: -9999em;}

.pro03 {
   background: url(img/lp_89.jpg) top left no-repeat;
   width: 900px;
   height: 157px;
   position: relative;}

.pro03 p {
   position: absolute;
   top: 62px;
   left: 117px;
   width: 580px;}

.pro04 {
   background: url(img/lp_90.jpg) top left no-repeat;
   width: 900px;
   height: 188px;
   position: relative;}

.pro04 p {
   position: absolute;
   top: 95px;
   left: 117px;
   width: 580px;}

.pro05 {
   background: url(img/lp_91.jpg) top left no-repeat;
   width: 900px;
   height: 195px;
   position: relative;}

.pro05 p {
   position: absolute;
   top: 95px;
   left: 117px;
   width: 580px;}

.pro06 {
   background: url(img/lp_92.jpg) top left no-repeat;
   width: 900px;
   height: 200px;
   position: relative;}

.pro06 p {
   position: absolute;
   top: 95px;
   left: 117px;
   width: 580px;}

.pro07 {
   background: url(img/lp_93.jpg) top left no-repeat;
   width: 900px;
   height: 172px;
   position: relative;
   padding-bottom: 20px;}

.pro07 p {
   position: absolute;
   top: 85px;
   left: 117px;
   width: 580px;}

.result01 {
   background: url(img/lp_97.gif) 0 -15px no-repeat;
   height: 82px;
   width: 900px;
   margin: 0 auto 30px auto;
   text-indent: -9999em;}

div#result02 {
   width: 900px;
   margin: 0 auto;
   margin-bottom: 45px;}

div#result02 ul {
   width: 920px;
   margin: 0 -20px 0 0;}

div#result02 ul li {
   float: left;
   margin-right: 20px;
   text-align: center;}

.result03 {
   margin: 0 0 25px 0;
   width: 900px;
   height: 41px;
   background: url(img/lp_111.gif) top left no-repeat;
   text-indent: -9999em;}

ul#result04 {
   width: 900px;
   margin-bottom: 55px;}

ul#result04 li.r04_left {
   float: left;
   background: url(img/lp_113.gif) top left no-repeat;
   width: 210px;
   height: 185px;
   position: relative;}

ul#result04 li.r04_left p {
   position: absolute;
   top: 60px;
   left: 10px;}

ul#result04 li.r04_left_left {
   float: left;
   margin-left: 25px;
   background: url(img/lp_115.gif) top left no-repeat;
   width: 210px;
   height: 185px;
   position: relative;}

ul#result04 li.r04_left_left p {
   position: absolute;
   top: 60px;
   left: 10px;}

ul#result04 li.r04_right {
   float: right;
   background: url(img/lp_117.gif) top left no-repeat;
   width: 430px;
   height: 185px;
   position: relative;}

ul#result04 li.r04_right p {
   position: absolute;
   top: 60px;
   left: 10px;
   width: 410px;
   line-height: 150%;}

.result05 {
   margin: 0 0 25px 0;
   width: 900px;
   height: 38px;
   background: url(img/lp_121.gif) top left no-repeat;
   text-indent: -9999em;}

ul#result06 {
   width: 900px;
   margin-bottom: 50px;}

ul#result06 li.r06_left {
   float: left;
   background: url(img/lp_123.gif) top left no-repeat;
   width: 280px;
   height: 421px;
   position: relative;}

ul#result06 li.r06_left_left {
   float: left;
   background: url(img/lp_125.gif) top left no-repeat;
   width: 280px;
   height: 421px;
   position: relative;
   margin-left: 30px;}

ul#result06 li.r06_right {
   float: right;
   background: url(img/lp_127.gif) top left no-repeat;
   width: 280px;
   height: 421px;
   position: relative;}

ul#result06 li p.r0601 {
   position: absolute;
   top: 115px;
   left: 18px;
   width: 245px;}

ul#result06 li p.r0602 {
   position: absolute;
   top: 225px;
   left: 10px;
   width: 250px;
   line-height: 165%;}

dl#result07 {
   width: 900px;
   padding-bottom: 30px;}

dl#result07 dt {
   float: left;
   width: 230px;}

dl#result07 dd {
   float: right;
   width: 650px;}

dl#result07 dd ul {
   width: 673px;
   margin: 0 -23px 0 0;}

dl#result07 dd ul li {
   float: left;
   margin: 0 23px 0 0;
   text-align: center;}

div#anshin01 {
   background: url(img/lp_148.jpg) top left no-repeat;
   position: relative;
   width: 900px;
   height: 440px;
   line-height: 170%;}

div#anshin01 p.antx01 {
   position: absolute;
   top: 300px;
   left: 0;
   width: 230px;}

div#anshin01 p.antx02 {
   position: absolute;
   top: 300px;
   left: 335px;
   width: 230px;}

div#anshin01 p.antx03 {
   position: absolute;
   top: 300px;
   right: 10px;
   width: 230px;}

div#anshin02 {
   background: url(img/lp_151.jpg) top left no-repeat;
   height: 270px;
   text-indent: -9999em;
   width: 900px;}

.pagetop {
   width: 960px;
   padding: 20px 50px;
   text-align: right;}