@charset "utf-8";

/* ページトップ */
#gotop {
z-index:1000;
_display:none;
position:fixed;
bottom:110px;
left:50%;
margin-left:530px;
}
#gotop a {
width:75px;
display: block;
}



/* header */
#header {
z-index:1;
position:relative;
width:100%;
height:600px;
background-color:#f6f7f6;
background-image:url(../img/header_bg.jpg);
background-repeat:no-repeat;
background-position:center top;
}
#header .inner {
position:relative;
margin:0 auto;
height:600px;
width:1000px;
}
#header .inner h1 {
position:absolute;
top:30px;
left:0px;
}
#header .inner .header_catch {
position:absolute;
top:95px;
left:0px;
}
#header .inner .header_h1 {
position:absolute;
top:160px;
left:-18px;
}
#header .inner .header_lead {
position:absolute;
top:489px;
left:0px;
}

.order {
z-index:100;
position:relative;
margin:0 auto;
padding:10px;
width:980px;
background-color:#162f47;
background-image:url(../img/order_bg.gif);
background-repeat:repeat;
background-position:0 0;
}
.order .inner {
position:relative;
margin:0 auto;
border:solid 1px #8d9ba9;
width:978px;
}

.order1 { margin-top:-30px; }
.order1 .inner { height:290px; }
.order1 .order_img { position:absolute;top:20px;left:40px; }
.order1 .order_text { position:absolute;top:25px;left:300px; }
.order1 .order1_text { position:absolute;top:165px;left:358px; }
.order1 .btn1_off { position:absolute;top:198px;left:303px; }

.order2 { margin-top:60px; }
.order2 .inner { height:390px; }
.order2 .order_img { position:absolute;top:20px;left:40px; }
.order2 .order_text { position:absolute;top:25px;left:300px; }
.order2 .order2_text { position:absolute;top:250px;left:303px; }
.order2 .btn1_off { position:absolute;top:170px;left:303px; }

.order3 { margin-top:120px; }
.order3 .inner { height:510px; }
.order3 .order_img { position:absolute;top:240px;left:40px; }
.order3 .order_text { position:absolute;top:145px;left:300px; }
.order3 .order3_text { position:absolute;top:360px;left:303px; }
.order3 .btn1_off { position:absolute;top:290px;left:303px; }
.order3 .order3_text1 { position:absolute;top:-55px;left:15px; }
.order3 .order3_text2 { position:absolute;top:22px;left:307px; }


#con1 {
z-index:1;
position:relative;
width:100%;
height:480px;
background-color:#000000;
}
#con1 img { margin-top:-10px; }


#con2 {
z-index:1;
position:relative;
margin:70px auto 0;
width:1000px;
background-image:url(../img/con2_img.jpg);
background-repeat:no-repeat;
background-position:0 0;
}
#con2 .inner {
position:relative;
padding-left:210px;
min-height: 180px;
width:790px;
text-align:left;
}

#con3 {
z-index:1;
position:relative;
margin:50px auto 0;
width:1000px;
background-image:url(../img/con3_bg.jpg);
background-repeat:no-repeat;
background-position:800px 430px;
}

#con3 .MagicAccordion { z-index:10; }
.h3_1 {
position:relative;
width:1000px;
height:100px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-image:url(../img/con3_toggle1_close.gif);
background-repeat:no-repeat;
background-position:0 0;
}
.h3_1 img {
position:absolute;
top:10px;
left:731px;
width:65px;
height:25px;
}
.h3_1:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
cursor:pointer;
}
.h3_1.active {
position:relative;
width:1000px;
height:100px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-image:url(../img/con3_toggle1_open.gif);
background-repeat:no-repeat;
background-position:0 0;
}

#con4 {
z-index:1;
position:relative;
margin:60px auto 0;
width:1000px;
}

#con4 .MagicAccordion {
margin-top:30px;
z-index:10;
}

#con4 h3 {
position:relative;
margin-bottom:40px;
padding-top:70px;
width:1000px;
height:100px;
overflow:hidden;
}
#con4 h3 span {
display:block;
position:relative;
width:1000px;
height:100px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

#con4 .h3_7 {
background-image:url(../img/con4_toggle1_bg.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con4 .h3_7 span {
background-image:url(../img/con4_toggle1_close.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con4 .h3_7.active span {
background-image:url(../img/con4_toggle1_open.gif);
background-repeat:no-repeat;
background-position:0 0;
}


#con4 .h3_8 {
background-image:url(../img/con4_toggle2_bg.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con4 .h3_8 span {
background-image:url(../img/con4_toggle2_close.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con4 .h3_8.active span {
background-image:url(../img/con4_toggle2_open.gif);
background-repeat:no-repeat;
background-position:0 0;
}


#con4 .h3_9 {
background-image:url(../img/con4_toggle3_bg.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con4 .h3_9 span {
background-image:url(../img/con4_toggle3_close.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con4 .h3_9.active span {
background-image:url(../img/con4_toggle3_open.gif);
background-repeat:no-repeat;
background-position:0 0;
}

#con4 h3:hover span {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
cursor:pointer;
}




#con5 {
z-index:1;
position:relative;
width:100%;
height:407px;
background-color:#000000;
background-image:url(../img/con5_bg.jpg);
background-repeat:no-repeat;
background-position:center top;
}
#con5 .inner {
position:relative;
margin:0 auto;
width:1000px;
}
#con5 .con5_img1 {
z-index:10;
position:absolute;
top:62px;
left:256px;
}
#con5 .con5_img2 {
z-index:10;
position:absolute;
top:62px;
left:636px;
}
#con5 .heart {
z-index:20;
position:absolute;
top:100px;
left:280px;
}

#con6 {
z-index:1;
position:relative;
margin-bottom:70px;
width:100%;
min-height:670px;
height: auto !important;
height:670px;
background-image:url(../img/con6_bg.jpg);
background-repeat:no-repeat;
background-position:center top;
}
#con6 .inner {
position:relative;
margin:0 auto;
width:1000px;
}
#con6 .inner h2 {
padding:170px 0 50px 0;
}

#con6 h3 {
position:relative;
margin-bottom:1px;
width:1000px;
height:100px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
#con6 .h3_2 {
background-image:url(../img/con6_toggle1_close.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con6 .h3_2.active {
background-image:url(../img/con6_toggle1_open.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con6 .h3_3 {
background-image:url(../img/con6_toggle2_close.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con6 .h3_3.active {
background-image:url(../img/con6_toggle2_open.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con6 .h3_4 {
background-image:url(../img/con6_toggle3_close.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con6 .h3_4.active {
background-image:url(../img/con6_toggle3_open.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con6 .h3_5 {
background-image:url(../img/con6_toggle4_close.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con6 .h3_5.active {
background-image:url(../img/con6_toggle4_open.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con6 .h3_6 {
background-image:url(../img/con6_toggle5_close.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con6 .h3_6.active {
background-image:url(../img/con6_toggle5_open.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#con6 h3:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
cursor:pointer;
}

#footer {
z-index:1;
position:relative;
margin-top:30px;
padding:30px 0 50px 0;
width:100%;
text-align:center;
background-color:#000000;
}
#footer p { margin-bottom:15px;color:#FFF; }
#footer p a { color:#FFF; }