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

body{
background: #f9e5da;
height: auto!important;
}

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

br {
letter-spacing: normal; /*  IE6・7 */
}

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

header{
background: url('../index_img/head_bg.png') repeat-x;
width:100%;
min-width:1200px;
z-index: 10;
}

header h1 img{
display:block;
margin: 0 auto;
min-width:960px;
vertical-align: bottom;
border: none;
z-index: 10;
}
#main_visual{
background: url('../index_img/main_bg.png') repeat-x;
width:100%;
min-width:1200px;
z-index: 10;
}
#main_visual h1{
background: url('../index_img/main_txt.png') no-repeat;
background-position: center top;
min-height: 628px;
min-width:960px;
width:100%;
margin-top:-15px;
margin-bottom:0;
z-index: 10;
}

#table_top {
background: url('../index_img/table_top.png') no-repeat;
background-position: center top;
min-width:960px;
width:100%;
height:77px;
margin: 0 auto;
z-index: 0;
}

#table_center{
background: url('../index_img/table_center.png') repeat-y;
background-position: center top;
min-width:960px;
width:100%;
margin: 0 auto;
z-index: 0;
}


/*---------------------------------------------------------------------
  G-Navi
---------------------------------------------------------------------*/
#followupWrap{
width: 221px;
height: 100%;
margin: 0 0 0 0;
position: fixed;
z-index: 10000;
top: 33px;
left: auto;
right: 0;
}

#followupbt{
  width:221px;
  height:472px;
  background: url("../index_img/followup_bk.png") no-repeat top left;
  position: relative;
}

#followupr{
  display: block;
  width:82px;
  height:82px;
  top:38px;
  left:72px;
  position: absolute;
}
#followupk{
  display: block;
  width:94px;
  height:94px;
  top:143px;
  left:67px;
  position: absolute;
}
#followupp{
  display: block;
  width:174px;
  height:90px;
  top:259px;
  left:28px;
  position: absolute;
}
#followuptop{
  display: block;
  width:82px;
  height:82px;
  top:370px;
  left:72px;
  position: absolute;
}


/*---------------------------------------------------------------------
  main_culumn
---------------------------------------------------------------------*/
#wrap{
min-width:960px;
width: 960px;
text-align: center;
margin: 0 auto;
}

#wrap ul, #wrap ol{
margin-bottom: 1.5em;
list-style: none outside none;
}
#wrap h1{

}


.clearfix:after{
display: block;
visibility: hidden;
clear: both;
height: 0px;
content: " ";
font-size: 0px;
}

.clearfix{
display: inline-block;
}

/*====== box01 ======*/
#box01 {
}

#m_Area {
width:100%;
margin: 0 auto;
position:relative;
text-align: left; /* ie7*/
}

.col-max {
position:absolute;
top:180px;
width:900px;
height: 254px;
margin: 0 auto;
clear:both;
}

#s_menu .card {
  width: 310px;
  height: 254px;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
}

#s_menu ul {
}

#s_menu li {
width:30%;
list-style-type:none;
}

#s_menu li {
float: left;
margin-right: 5%;
width: 30%; /* ie8*/
position: relative;
}

#s_menu li:hover .card { -webkit-transform: rotateY(180deg); }

#s_menu li .face {
position: absolute;
-webkit-backface-visibility: hidden;
left:0;
top:0;
}

#s_menu li .back {
width: 310px;
height: 254px;
-webkit-transform: rotateY(180deg);
}

#s_menu li.last {
margin-left: 0px;
margin-right: 0px;
right:15px;
left:0;
top:0;
}



/*====== box02 ======*/
#box02 {
background: url("../index_img/p06_title.png") no-repeat;
background-position: center top;
max-width: 960px;
width:100%;
height: 475px;
margin: 0 auto;
}

/*====== box05--> profile_form(1) <--- ======*/
#box05 {
}

#box05 #pro_top h1{
max-width: 960px;
width:100%;
height: 252px;
margin: 0 auto;
}
#box05 #pro_top h2{
max-width: 960px;
width:100%;
height: 121px;
margin: 0 auto;
}
#box05 table{
  margin-right: auto;
  margin-left: 15%;
  margin-bottom: 30px;
}

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

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

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

#box05 p img{
vertical-align:middle;
}

#box05 p.domain_txt{
margin-top:10px;
font-size: 14px;
line-height:1.4em;
color: #3a342f;
}
.d_link {
margin-top: 14px;
padding-bottom:30px;
}

.d_link a:link{
font-size: 14px;
color: #268ca6;
text-decoration: none;
}

.d_link a:hover, a:active, a:visited {
font-size: 14px;
color: #9045af;
text-decoration: none;
}

/*====== footer ======*/
#f_area {
background: url(../index_img/footer.png) no-repeat;
background-position: center top;
max-width: 960px;
width:100%;
margin: 0 auto;
text-align:center;
height:100px;
padding:10px 0;
}
p.f_link {
font-size: 13px;
}
p.f_link a:link {
padding-top:30px;
font-size: 13px;
color: #3a342f;
text-decoration: none;
}
p.f_link a:hover, a:active, a:visited {
color: #268ca6;
text-decoration: underline;
}

#footer{
padding-top: 15px;
font-size: 11px;
color:#3a342f;
}

/*---------------------------------------------------------------------
  other
----------------------------------------------------------------
/*====== muryo_Btn ======*/
#muryo_Btn{
margin:0 auto;
padding:0;
text-align: center; /* ie7*/
}

/*====== form_center ======*/

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

/*====== box06--  2F  -- ======*/
#box06 {
}

#box06 #second_top h1{
height: 79px;
max-width: 960px;
width:100%;
margin: 0 auto;
text-align:center;
}

#box06 section{
margin-bottom: 20px;
}

#box06 ul{
list-style-type: none;
}

#s_txt {
width: 680px;
font-size: 14px;
text-align: left;
padding:30px 0 0 0;
line-height: 1.4em;
margin: 0 auto;
color:#3d3a36;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
letter-spacing: 1px;
}

#s_txt p{
padding-left:20px;
}


#s_txt h3 {
padding:20px 0 0 20px;
font-size: 15px;
margin:0;
color:#3d3a36;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
}

#s_txt h3 .mark{
/*vertical-align: bottom;
*/line-height: 1.6em;
padding-right: 5px;
}

.style-one {
    height: 25px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
    margin: 0;
    padding: 0;
    margin-bottom: -10px;
}
.style-one:before {
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}
hr {
  display:none;
} /* ie7*/