??/* --HTML-- */  
html {  
background:#fff;  
color:#333;

}






/* ---------------- base ------------------------------ */

body {
text-align: center; /* center on ie */
width:100%;
margin-top : 0px;
font:12px/1.5 'Lucida Grande',Arial,Helvetica,Verdana,sans-serif;  
margin:0;  
overflow:scroll;  
padding:0;    
}

/* for IE7 */  
*+html body {  
font-family:'メイリオ';  
font-size:75%;  
}
  
/* for IE6 */  
* html body {  
font-size:75%;  
} 

img{border:0px;
}

a{
text-decoration : none;
color : #f16db3;
}
a:visited{
text-decoration : none;
color : #f16db3;
}
a:hover{
text-decoration : none;
color : red;
}
a:active{
text-decoration : none;
  color : #f16db3;
}



strong{
  font-weight : normal;
}
em{
  font-style : normal;
}

ul{
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}

li{
font-size : 14px;
line-height : 18px;
list-style-type : none;
}



h1{
font-size : 15px;
color : #f16db3;
font-weight : normal;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  
}
h1 a{color : #f16db3;
}













/* ---------------- wrap ------------------------------ */


#wrapper{

  overflow: hidden; /* 表示 */
  position: relative;
/* IE6でエリアを選択できるようにする  */
/* DreamWeaverのデザインビューで正しく表示させる */
text-align : left;
margin-right : auto;margin-bottom : 0px;margin-left : auto; /* center on everything else */ 
bottom : auto;
  width : 815px;
  
}





/* ---------------- head ------------------------------ */

.head_p{
  font-size : 12px;
  color : #f16db3;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

#head_wrap{
background-image : url(img/bk_head.gif);
background-repeat : no-repeat;
height : 90px;
background-position : 1px -20px;}


.head_info{
margin-top : 5px;
}




#logo {
float: left;
width : 110px;
height : 65px;
padding-top : 0px;
margin-top : 0px;
padding-bottom : 0px;
margin-bottom : 0px;
margin-left : 10px;
}



#head {
width : 600px;
padding-bottom : 0px;
margin-bottom : 0px;
padding-top : 6px;
float : left;
}


#head_mid{
width : 400px;
height : 65px;
float : right;
margin-top : 20px;
text-align : left;
}


#head_right{
width : 190px;
height : 55px;
float : right;
margin-top : 35px;
}









/* ---------------- navi ------------------------------ */


#headmenu {
width : 800px;
height : 28px;
padding-top : 0px;
margin-top : 0px;
padding-bottom : 0px;
margin-bottom : 0px;
clear: both;
margin-left : 8px;
}


#menu_back{
  background-image : url(image/body_up.gif);
  background-repeat : no-repeat;
  width : 814px;
  height : 29px;
padding-top : 5px;
}



#d ul {list-style:none;margin:0px;padding:0px;}
#d li {font-size:12px;float:left;width:114px;height:28px;margin:0px;padding:0px;text-align:center;}
#d li a {display:block;padding:5px 5px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #FFF;}
li a { background-position:0% 0%;}
#d li a:hover, li a:focus li a:active {background-position:-150px 0px;}
#d a {background : url(img/bg4.gif) repeat 0% 0%;}



#navi {
   clear: both;
}






/* ---------------- pan ------------------------------ */

#pan{
font-size : 12px;
color : gray;
height : 40px;
  
}

#pan a:link { color: #f16db3; }
#pan a:visited { color: #f16db3; }
#pan a:hover { color: red; }
#pan a:active { color: #f16db3; }







/* ---------------- banner ------------------------------ */

#banner{
  
  background-repeat : repeat-x;
  background-image : url(img/bk_banner.gif);
}









/* ---------------- side menu ------------------------------ */

#menu {
   float : right;
   width : 139px;
   padding-bottom:32768px;
   margin-bottom:-32768px;
   text-align : left;
   background-image : url(img/bk_side.gif);
   background-repeat : repeat-y;
}





/* ---------------- footer ------------------------------ */

#footer_wrap {
text-align: center; /* center on ie */
width:100%;
margin-top : 0px;
font:12px/1.5 'Lucida Grande',Arial,Helvetica,Verdana,sans-serif;  
margin:0;  
  
padding:0;
background-image : url(img/bk_side.gif);
background-repeat : repeat;    
}



#footer_text{
  overflow: hidden; /* 表示 */
  position: relative;
/* IE6でエリアを選択できるようにする  */
/* DreamWeaverのデザインビューで正しく表示させる */

margin-right : auto;margin-bottom : 0px;margin-left : auto; /* center on everything else */ 
bottom : auto;
width : 800px;
  height : 50px;
  text-align : center;
}




#footer{
  overflow: hidden; /* 表示 */
  position: relative;
/* IE6でエリアを選択できるようにする  */
/* DreamWeaverのデザインビューで正しく表示させる */

margin-right : auto;margin-bottom : 0px;margin-left : auto; /* center on everything else */ 
bottom : auto;
width : 800px;
  text-align : left;
}




#foot_a{
  font-size : 12px;
  margin-left : 120px;
  padding-top : 5px;
}


#foot_b li{
  font-size : 11px;
  float : left;
  padding-top : 3px;
  margin-right : 28px;
  
}

#foot_b{
  
  
  
  

  width : 800px;
  height : 60px;
}

#foot_c{
  width : 800px;
  text-align : right;
  color : #ef5ca9;
  height : 20px;
  
}

.foot_p{
  font-size : 12px;
  
  font-weight : normal;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  color : #e94396;
}

#foot_b li a:link { color : #353535; }
#foot_b li a:visited { color: white; }
#foot_b li a:hover { color: red; }
#foot_b li a:active { color: white; }









/* ---------------- contents ------------------------------ */


#contents{
  overflow: hidden; /* 表示 */
  position: relative;
/* IE6でエリアを選択できるようにする  */
/* DreamWeaverのデザインビューで正しく表示させる */
text-align : left;
margin-right : auto;margin-bottom : 0px;margin-left : auto; /* center on everything else */ 
bottom : auto;
  width : 800px;
  
}





#main{
  width : 650px;
  

  float : left;
}
.main_box{
  background-image : url(img/bk_box.gif);
  background-repeat : repeat-y;
  margin-bottom : 50px;
}
.main_white{
  background-image : url(img/bk_white.gif);
  background-repeat : repeat-y;
  width : 639px;
  margin-left : 5px;
  margin-top : 5px;
  
  
}
.main_photo{
  width : 626px;
  
  padding-top : 8px;
  padding-left : 5px;
}
.main_photo_a{
  width : 366px;
  float : left;
}
.main_photo_b{
  background-image : url(img/bk_in.gif);
  background-repeat : no-repeat;
  width : 253px;
  height : 81px;
  float : right;
  padding-top : 24px;
}
.main_mid{
  padding-left : 5px;
  width : 622px;
  
  clear : both;
  margin-bottom : 20px;
}
h3{
  font-weight : normal;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  font-size : 12px;
  color : #ff4aa5;
}
p{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  
  color : #353535;
}
.main_detail{
  padding-left : 2px;
  width : 634px;
}
.main_up{
  background-image : url(img/up.gif);
  background-repeat : no-repeat;
  width : 624px;
  
  padding-top : 10px;
  padding-left : 10px;
}
.detail_box{
  width : 620px;
  
  height : 20px;
}
.detail_a{
  float : left;
  width : 90px;
}
.detail_b{
  
  
  
  padding-left : 10px;
  
  
}
.main_middle{
  background-image : url(img/mid.gif);
  background-repeat : repeat-y;
  
background-position : 0px 1px;
  

  

  
}
h2{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  font-size : 13px;
  font-weight : normal;
  color : #eb5514;
}
.main_end{
  
  
  height : 23px;

  text-align : right;
  padding-top : 5px;
  padding-right : 15px;
  background-color : white;
}
.main_level1{
  width : 240px;
  height : 20px;
}
.level_text{
  float : left;
  
  
  
  width : 41px;
  height : 20px;
  text-align : center;
  
  bottom : auto;
}
.level_text_over{
  color : white;
  background-image : url(img/level.gif);
  background-repeat : no-repeat;
  float : left;
  width : 41px;
  height : 20px;
  text-align : center;
  
  bottom : auto;
background-position : 2px 1px;}
#form_up{
  background-image : url(img/form_up.gif);
  background-repeat : no-repeat;
  width : 770px;
  height : 60px;
  
  
  
  padding-top : 50px;
  padding-left : 30px;
}

#form_wrap{
  overflow: hidden; /* 表示 */
  position: relative;
/* IE6でエリアを選択できるようにする  */
/* DreamWeaverのデザインビューで正しく表示させる */
text-align : left;
margin-right : auto;margin-bottom : 0px;margin-left : auto; /* center on everything else */ 
bottom : auto;
  width : 800px;
  
}



#form_mid{
  background-image : url(img/form_mid.gif);
  background-repeat : repeat-y;
  width : 770px;
  padding-left : 30px;
}
.form_check1{
  
  
  
  width : 700px;
  height : 23px;
  margin-bottom : 20px;
}

.form_check2{
  
  
  
  width : 700px;
  height : 55px;
  margin-bottom : 20px;
  
  
  
}

.form_check3{
  
  
  
  width : 700px;
  height : 100px;
  
  margin-bottom : 15px;
}



.form_box1{
  width : 120px;
  float : left;
}

.form_box2{
  width : 700px;
  bottom : auto;
  
}

.form_box3{
  width : 600px;
  bottom : auto;
}

.form_box4{
  width : 600px;
  bottom : auto;
}

.form_box5{
  width : 600px;
  bottom : auto;
}
.form_box6{
  width : 600px;
  bottom : auto;
}

.button{
  float : left;
  margin-right : 30px;
}


#form_bot{
  background-image : url(img/form_bot.gif);
  background-repeat : no-repeat;
  width : 770px;
  height : 78px;
background-position : 1px 0px;
  clear : both;
  text-align : left;
  
  padding-left : 30px;
  padding-top : 10px;
}
.check{
  width : 450px;
  height : 30px;
  float : left;
  color : #ff208f;
}
.f_box2{
  width : 500px;
  height : 50px;
}
.sub{
  height : 30px;
}
#up{
  text-align : right;
  padding-right : 40px;
}



/* ---------------- check ------------------------------ */
#oritatami_01{
  padding-left : 99px;
  background-image : url(img/5.gif);
background-position : 10px 0px;
  height : 30px;
  background-repeat : no-repeat;
}

#kisai_01{
  padding-left : 99px;
  background-image : url(img/5.gif);
background-position : 10px 0px;
  height : 30px;
  background-repeat : no-repeat;
}

#oritatami_01 a{
  color : red;
}



#oritatami_02{
  padding-left : 99px;
  background-image : url(img/5.gif);
background-position : 10px 0px;
  height : 30px;
  background-repeat : no-repeat;
}

#kisai_02{
  padding-left : 99px;
  background-image : url(img/5.gif);
background-position : 10px 0px;
  height : 30px;
  background-repeat : no-repeat;
}

#oritatami_02 a{
  color : red;
}



#oritatami_03{
  padding-left : 99px;
  background-image : url(img/5.gif);
background-position : 10px 0px;
  height : 30px;
  background-repeat : no-repeat;
}

#kisai_03{
  padding-left : 99px;
  background-image : url(img/5.gif);
background-position : 10px 0px;
  height : 30px;
  background-repeat : no-repeat;
}

#oritatami_03 a{
  color : red;
}















.answer{
  text-align : left;
  margin-left : 10px;
  width : 600px;
}
.ans_a{
  color : #800000;
}
.ans_b{
  margin-bottom : 10px;
}


#intro{
  width : 800px;
  
}


.detail_b a{
  color : red;
}
#seminer_read{
  height : 280px;
  background-image : url(img/explain_back.jpg);
  background-repeat : no-repeat;
}
#explain_photobox{
  
  margin-top : 30px;
  height : 75px;
  
  margin-left : 40px;
}
.semi_photo{
  width : 155px;
  float : left;
}