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

body{background:#dfd8d2 url('../index_img/bg.jpg'); background-repeat:repeat-y; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:100%; min-height:100%}

#index_body{background:#dfd8d2 url('../index_img/bg.jpg'); background-repeat:repeat-y; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; height:100%; min-height:100%}

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

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

br{letter-spacing:normal; /* IE6_7 */}

a.body:link{font-size:14px; color:#158eb6}
a.body:visited{font-size:14px; color:#a939ce; text-decoration:none}
a.body:active{font-size:14px; color:#fd81b3; text-decoration:none}
a.body:hover{font-size:14px; color:#fd81b3; text-decoration:none}

/*---------------------------------------------------------------------
  header
--------------------------------------------------------------------*/
#main_visual{background:url('../index_img/main_visual.png') no-repeat; background-position:center top; min-height:656px; min-width:980px; width:100%; margin:0 auto}

#main_Btn{padding-top:340px; padding-left:650px; text-align:center; margin:0 auto; max-height:210px; max-width:330px}

#page-top{position:fixed; bottom:20px; right:110px; z-index:9999}
#page-top a{background:url('../index_img/scrollup.png') no-repeat; text-decoration:none; width:110px; height:120px; padding:30px 0; display:block}
#page-top a:hover{text-decoration:none; background:url('../index_img/scrollup_on.png') no-repeat}

/*---------------------------------------------------------------------
  G-Navi
---------------------------------------------------------------------*/
#sideNavi{width:95px; position:fixed; top:600px; right:0px; z-index:999}

/*---------------------------------------------------------------------
  common
---------------------------------------------------------------------*/
#wrap{min-width:980px; width:1000px; text-align:center; margin:0px auto}

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

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

#box07 table{margin:0px auto}

#box07 table th{padding-top:40px; text-align:center; vertical-align:middle}

#box07 table td{padding:40px 0 0 45px; vertical-align:middle; color:#59341d; margin:0}

#box07 div.form_flow2 table td{padding:40px 275px 0 45px; vertical-align:middle; color:#59341d}

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

#box07 p img{vertical-align:middle}

/*====== second text ======*/
#second_top{padding-top:20px}

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

#s_txt h3{padding:20px 0 0 1px; font-size:15px; margin:0; color:#59341d; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','Meiryo','sans-serif'; border-bottom:1px dotted #59341d}
#s_txt p, #s_txt ul, #s_txt ol{padding-top:15px}
#s_txt p, #s_txt ul{padding-left:14px}
#s_txt ul{list-style:none}
#s_txt ol{padding-left:44px}
.mark_clr{color:#59341d}

/*====== footer ======*/
#footer{min-width:980px; text-align:center; margin:0 auto; color:#59341d; padding-bottom:40px}

#f_link{padding-top:45px}

#f_link a:link{font-size:13px; line-height:1.2em; color:#59341d; text-decoration:none}
#f_link a:visited{font-size:13px; line-height:1.2em; color:#a061ff; text-decoration:none}
#f_link a:hover{font-size:13px; line-height:1.2em; color:#fd81b3; text-decoration:none}
#f_link a:active{font-size:13px; line-height:1.2em; color:#fd81b3; text-decoration:none}
p.copyright{font-size:13px; color:#59341d; margin-top:30px}

/*---------------------------------------------------------------------
  form input style
----------------------------------------------------------------*/
div.radio-group{margin-top:5px}
div.radio-group input{ /*  opacity:0;      filter:alpha(opacity=0);   */}
div.radio-group div{  position:relative}
div.radio-group input{  position:absolute;   left:0px;   top:0px;   outline:none;   margin:0;   padding:0}

div.radio-group label{cursor:pointer; padding:8px 0px 0px 0px; float:left; background:url('../index_img/index1_off.png') no-repeat; width:212px; height:40px; color:#fff; font-family:"Big Caslon","Book Antiqua","Palatino Linotype",Georgia,serif; font-size:18px; text-shadow:1px 1px 0px #000; line-height:1.4; text-align:center; vertical-align:middle}
div.radio-group label.checked{background:url('../index_img/index1_on.png') no-repeat; width:212px; height:40px}

div#blood div.radio-group label{cursor:pointer; padding:8px 0px 0px 0px; float:left; background:url('../index_img/index2_off.png') no-repeat; width:106px; height:40px; color:#fff; font-family:"Big Caslon","Book Antiqua","Palatino Linotype",Georgia,serif; font-size:18px; text-shadow:1px 1px 0px #000; line-height:1.4; text-align:center; vertical-align:middle; left:0}
div#blood div.radio-group label.checked{background:url('../index_img/index2_on.png') no-repeat; width:106px; height:40px}

input[type="text"]{height:35px; font-size:16px; vertical-align:middle; text-align:left}

input[type="text"]:focus{outline:0; border-color:#ffd800}

select { width: 100%; padding: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #D0D0D0; background: #fff; background: url(../index_img/form_arrow.png) 92% 50% no-repeat; border-radius:0px; height: 41px; font-size:100%;}

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