/* ===================================================================
CSS information
 file name  :  style.css
 style info :  All Page Desining
=================================================================== */
@charset "UTF-8";

body{
background: #ffffff;
height: auto!important;
height: 100%;
min-height: 100%;
}

img{
vertical-align: bottom;
border: none;
}

body, textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 100%;
}

hr{
border:none;
border-top:solid 5px #e5e5e3;
height:5px;
color:#e5e5e3;
margin: 0 6 0 6;
}

a.body:link{
font-size: 14px;
color:#025bbf;
text-decoration:none;
}
a.body:visited{
font-size: 14px;
color:#8700e5;
text-decoration:none;
}
a.body:active{
font-size: 14px;
color:#ff9cc8;
text-decoration:none;
}
a.body:hover{
font-size: 14px;
color:#ff9cc8;
text-decoration:none;
}

/*---------------------------------------------------------------------
  G-Navi
--------------------------------------------------------------------*/
#navi {
width:100%;
min-width:960px;
margin:0 auto;
}

#navi ul.navi_Area {
width: 960px;
margin:0 auto;
overflow: hidden;
}

#navi ul.navi_Area li{
float:left;
list-style-type: none;
}
#navi ul.navi_Area li.link1{
width:470px;
margin-left: 0px;
}
#navi ul.navi_Area li.link2{
width:126px;
margin-left: 0px;
}
#navi ul.navi_Area li.link3{
width:119px;
margin-left: 0px;
}
#navi ul.navi_Area li.link4{
width:120px;
margin-left: 0px;
}
#navi ul.navi_Area li.link5{
width:125px;
margin-left: 0px;
}
#navi ul.navi_Area :after{
  content:"";
  display:block;
  clear:both;
}



/*---------------------------------------------------------------------
  common
---------------------------------------------------------------------*/
#wrap, #box01 img, #box02_ttl img, #box02_txt, #box03 img, #box04, #box05 img, #f_Area, #footer02 #f_Area{
min-width:960px;
width: 960px;
text-align: center;
margin: 0 auto;
background-position:center top;
}
#box01 img, #box02_ttl img, #box03 img, #box05 img{
display:block;
}

/*---------------------------------------------------------------------
  main_culumn
---------------------------------------------------------------------*/

/*====== box01 ======*/
#box01 {
background: url('../index_img/box1_bg.gif');
margin:20px auto 0px;
min-width:960px;
border-top:4px solid #e5e5e3;
}

/*====== box02 ======*/
#box02_ttl {
background: #f7f7ee;
margin:20px auto 0px;
min-width:960px;
border-top:6px solid #ee4f87;
}

/*====== box03 ======*/
#box03 {
background: #ffffca;
margin:0 auto;
min-width:960px;
}

/*====== box04 ======*/
#box04{
margin: 0 auto 30px;
}

#box04 ul{
list-style: none;
}

#box04 ul li h3,#box04 ul li p{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
#box04 ul li.part1{
background: url('../index_img/box4_contents1.png') no-repeat;
width:960px;
height:300px;
}
#box04 ul li.part2{
background: url('../index_img/box4_contents2.png') no-repeat;
width:960px;
height:300px;
}
#box04 ul li.part3{
background: url('../index_img/box4_contents3.png') no-repeat;
width:960px;
height:300px;
}
#box04 ul li.part4{
background: url('../index_img/box4_contents4.png') no-repeat;
width:960px;
height:300px;
}


/*====== box05 ======*/
#box05 {}
#box05 .ura_Area{
background: #ffe9f6;
margin:0 auto;
min-width:960px;
padding-bottom:50px
}

#box05 p{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

#box05 ul{
padding: 0;
margin: 0 auto;
min-width:960px;
width: 960px;
height:390px;
text-align: center;
background-position:center top;
}
#box05 ul li{
width:33%;
height:390px;
padding: 0;
margin: 0;
float: left;
list-style: none;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
#box05 ul li.uranai1{
background: url('../index_img/box5_contents1.png') no-repeat;
width:320px;
}
#box05 ul li.uranai2{
background: url('../index_img/box5_contents2.png') no-repeat;
width:320px;
}
#box05 ul li.uranai3{
background: url('../index_img/box5_contents3.png') no-repeat;
width:320px;
}

/*====== box06 ======*/
#box06{}
#box06 h1{
margin-bottom:60px;
}

#box06 ol{
padding: 0;
margin: 0 auto;
min-width:960px;
width: 960px;
text-align: center;
background-position:center top;
}
#box06 ol li{
width:33%;
height:430px;
padding: 0;
margin: 0;
float: left;
list-style: none;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
#box06 ol li.flow1{
background: url('../index_img/box6_contents1.png') no-repeat;
width:320px;
}
#box06 ol li.flow2{
background: url('../index_img/box6_contents2.png') no-repeat;
width:320px;
}
#box06 ol li.flow3{
background: url('../index_img/box6_contents3.png') no-repeat;
width:320px;
}


/*====== box07--> profile_form(1) <--- ======*/
#box07 {
margin-top:74px;
}

#box07 #p_center{
background: url('../index_img/form_center.png') repeat-y;
background-position: center top;
max-width: 960px;
width:100%;
margin: 0 auto;
}

#box07 table{
  margin-right: auto;
  margin-left: 15%;
  margin-bottom: 30px;
}

#box07 table td b{
padding:10px;
color:#4f4f4f;
font-size: 18px;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
text-align: left;
line-height: 1.4em;
}

#box07 table th{
padding:40px 0 0 30px;
text-align: center;
}

#box07 table td{
padding:40px 0 0 45px;
text-align: left;
}

#box07 p.form_txt{
background:#1d5ea0;
padding:5px 8px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
color:#ffffff;
font-size: 17px;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
text-align: center;
line-height: 1.6em;
letter-spacing: 0.1em;
}

#box07 p.domain_txt{
margin-top:10px;
font-size: 14px;
line-height:1.4em;
color: #4f4f4f;
}

/*====== box08　-->  second  <-- ======*/
#box08 {
min-width:750px;
width: 750px;
text-align: center;
margin: 0 auto 70px;
background-position:center top;
}

#box08 div.contenir{
background:#ffffff;
border: 1px solid #dddddd;
max-width: 960px;
width:100%;
height:auto;
margin:60px auto 0px;
padding:0px 22px;
box-shadow: 0px 0px 5px rgba(213,213,213,1);
-webkit-box-shadow: 0px 0px 5px rgba(213,213,213,1);
-moz-box-shadow: 0px 0px 5px rgba(213,213,213,1);
}

#box08 h1{
background: #ffae00;
background: -moz-linear-gradient(left, #fda00e 0%, #ffae00 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fda00e), color-stop(100%,#ffae00));
background:-webkit-linear-gradient(left, #fda00e 0%,#ffae00 100%);
background:-o-linear-gradient(left, #fda00e 0%,#ffae00 100%);
background:-ms-linear-gradient(left, #fda00e 0%,#ffae00 100%);
background:linear-gradient(left, #fda00e 0%,#ffae00 100%);
margin:50px 0 15px -40px;
padding:12px 10px 12px 30px;
width:772px;
color:#ffffff;
text-shadow:2px 1px 2px #6f4c00;
font-size: 20px;
text-align: left;
box-shadow:inset 0 0 50px rgba(0,0,0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.3);
position:relative;
}
#box08 h1:after{
content:' ';
position:absolute;
left:0px;
bottom:-18px;
border-top:9px solid #b07b28;
border-right:9px solid #b07b28;
border-bottom:9px solid transparent;
border-left:9px solid transparent;
}

#box08 section{
margin-bottom: 20px;
}
#box08 ul{
list-style-type: none;
}
#box08 ol{
padding-left: 30px;
}
#s_txt h3 {
margin-top: 20px;
margin-bottom: 10px;
border-left: 7px solid #fda00e;
border-bottom: 1px solid #d5d5d5;
line-height: 2em;
padding-left: 7px;
vertical-align:bottom;
}
#s_txt {
width: 700px;
font-size: 14px;
text-align: left;
padding:10px 0px 30px;
line-height: 1.4em;
color: #3a3a3a;
margin: 0 auto;
}


/*====== footer ======*/
#f_bg, #footer {
background: #a02f79;
margin:20px auto 0px;
min-width:960px;
}

#f_Area, #footer #f_Area{
padding: 20px 0px;
color: #ffffff;
}

#f_link a:link, #footer #f_link a:link{
font-size: 13px;
line-height: 1.2em;
color: #ffffff;
text-decoration:none;
}
#f_link a:visited, #footer #f_link a:visited{
font-size: 13px;
line-height: 1.2em;
color: #ffffff;
text-decoration:none;
}
#f_link a:hover, #footer #f_link a:hover{
font-size: 13px;
line-height: 1.2em;
color: #ff9cc8;
text-decoration:none;
}
#f_link a:active, #footer #f_link a:active{
font-size: 13px;
line-height: 1.2em;
color: #ffffff;
text-decoration:none;
}
#f_Area p.copyright, #footer #f_Area p.copyright{
padding-top: 15px;
font-size: 11px;
color:#ffffff;
}


/*---------------------------------------------------------------------
  other
----------------------------------------------------------------
/*====== muryo_Btn ======*/
#muryo_Btn{
margin:75px auto;
min-width:960px;
width: 960px;
text-align: center;
background-position:center top;
}

.clearfix:after { content:""; display:block; clear:both; height:0; }
* html .clearfix  { zoom: 1; }  /* IE6 */
*:first-child+html .clearfix { zoom: 1; }  /* IE7 */