@charset "UTF-8";

/* body
-------------------------------------------------------------------------------*/
body {
   background: #5B7790;
   text-align: center;
   margin: 0;
   padding: 0;	  
}

img {
   margin: 0;
   padding: 0;
   border: none;   
}

table {
   border-collapse: collapse;
}


/* font */

p,li {
   font-size: 12px;
   font-family: Arial, "MS ゴシック", Helvetica, Osaka, sans-serif;
   line-height: 1.3em;
   padding: 0;
   margin: 0;
}

a {

   font-family: Arial, "MS ゴシック", Helvetica, Osaka, sans-serif;
   line-height: 1.3em;
   padding: 0;
   margin: 0;
}

h1,h2 {
   font-size: 14px;
   font-family: Arial, "MS ゴシック", Helvetica, Osaka, sans-serif;
}

h3 {
   font-size: 15px;
   font-family: Arial, "MS ゴシック", Helvetica, Osaka, sans-serif;
   color: #6699CC;
   
}

h4 {
   font-size: 13px;
   font-family: Arial, "MS ゴシック", Helvetica, Osaka, sans-serif;
}

h1 {
   margin: 0;
   padding: 0;
}
h5 {
   font-size: 16px;
   font-family: Arial, "MS ゴシック", Helvetica, Osaka, sans-serif;
   color:#211F20;
   
}
h5 a:link{
   font-size: 16px;
   font-family: Arial, "MS ゴシック", Helvetica, Osaka, sans-serif;
   color:#F072AB;
   
}
h5 a:visited{
   font-size: 16px;
   font-family: Arial, "MS ゴシック", Helvetica, Osaka, sans-serif;
   color:#F072AB;
   
}
h5 a:hover{
   font-size: 16px;
   font-family: Arial, "MS ゴシック", Helvetica, Osaka, sans-serif;
   color:#FCAD65;
   
}
h5 a:active{
   font-size: 16px;
   font-family: Arial, "MS ゴシック", Helvetica, Osaka, sans-serif;
   color:#FCAD65;
   
}

/* special font */

.a_type {
   color: red;
   font-weight: bold;
}

.b_type {
   color: #FFCCFF;	 
}

.c_type {
   font-size: 16px;
   color: #666666;
   margin:	0;
   padding: 0;
   font-style: oblique;
}



/* common anchor */

a:link { 
   color: #8EC31F; 

   background: transparent;
   text-decoration: underline;
}

a:visited { 
  color: #8EC31F;

  background: transparent;
  text-decoration: underline;
}

a:hover {
  color: #33ccff;

  background: transparent;
  text-decoration: underline;
}

a:active {
  color: #33ccff;

  background: transparent;

}

/* special font*/

.pale_blue {
  color: #539936;
}




/* wrapper
-------------------------------------------------------------------------------*/
#wrapper {
   width: 800px;
   text-align: left;
   background: white;
   margin: 0 auto;
   padding: 0;
}
 

/* header
-------------------------------------------------------------------------------*/
#header {
   width: 800px;
   background: transparent;
   text-align: center;
   position: relative;

}

img#logo_gap {
   margin-top: 10px;
}

#header ul	{
   position: absolute;
   top: 168px;
   right: 10px;
   margin: 0;
   padding: 8px 0 0 0;
   width: 665px;
   height: 40px;   
   list-style: none;
   background: url('../img/menubar.png') no-repeat;

}

#header li{

   color: #999999;
   font-size: 12px;
   display: inline;
   margin: 0;
   padding: 0 5px 0 5px;
   border-right: solid 1px #33ccff;
}

li#b_none {
   border-right: none;
}

#header a {
   margin: 0;
   padding: 0;
}

#header a:link { 
   color: #539936; 
   font-size: 12px;
   background: transparent;
   text-decoration: none;
}

#header a:visited { 
  color: #539936;
  font-size: 12px;
  background: transparent;
  text-decoration: none;
}

#header a:hover {
  color: #33ccff;
  font-size: 12px;
  background: transparent;
  text-decoration: underline;
}

#header a:active {
  color: #33ccff;
  font-size: 12px;
  background: transparent;

}

#header h2 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  color: #57a9b7; 
  position: absolute;
  top: 180px;
  left: 20px;  
}

#header h4 {
  font-size: 10px;
  margin: 0;
  padding: 0;
  color: #57a9b7; 
  position: absolute;
  top: 175px;
  left: 20px;  
}
#header h5 {
  font-size: 10px;
  margin: 0;
  padding: 0;
  color: #57a9b7; 
  position: absolute;
  top: 180px;
  left: 20px;  
}
/* content
-------------------------------------------------------------------------------*/
#content { 
   
   background: url(../img/back_line.gif) repeat-y;
   margin-top: 50px;
   padding: 8px 15px;
   position: relative;	
}


/* top page
------------------------ */

/* subnavi */

div#subnavi {
   width: 220px;
   background: transparent;
}

div#boxp {
	width: 208px;
	height:310px;
	background: url('../img/box0.gif') no-repeat;
	margin-top: 5px;
}
div#boxp2 {
	width: 208px;
	height:150px;
	/*background: url('../img/box0.gif') no-repeat;*/
	margin-top: 0px;
}
div#box1 {
	width: 208px;
	height: 150px;
	background: url('../img/box1.gif') no-repeat;
	padding: 12px 10px 0px 25px;
}

div#box2 {
	width: 208px;
	height: 100px;
	background: url('') no-repeat;
	padding: 0px 0px 0px 0px;
}
div#in_box1 {
   width: 165px;
}


img#pic_makiko {
   float: left;
   margin-right: 5px;
   margin-bottom: 5px;
}

#box1 h4 {
   margin: 0 0 15px 0;
   padding: 0;
   color: #ECB1CA;
   font-size: 16px;
}

#in_box1 p {
   font-size: 10px;
   color: #423F40;
   line-height: 1.3em;
}


td#top1 {
   clear: both;
   background: url('../img/top_01.gif') no-repeat;
   width: 95px;
   height: 84px;	
}

td#top2 {
   background: url('../img/top_01.gif') no-repeat;
   width: 70px;
   height: 75px;
}

td#top3 {
   background: url('../img/top_01.gif') no-repeat;
   width: 71px;
   height: 75px;
}

.align_t{
   text-align: center;
   margin-bottom: 5px;
}

.words {
   font-size: 14px;
   font-weight: 900;
   color: #E288AF;
   font-family: "times new roman", Arial, Helvetica, Osaka, sans-serif;
}


img.pic_ma {
   margin: 2px 0 0 0;
}



img#whaz {
   margin: 0px;
}

p#whaz2 {
   background: white;
   font-size: 11px;
   width: 208px;
   height: 55px;
   border: solid 1px #888888;
   overflow-y: scroll;
}


p#whazz {
   background: #ffffff;
   font-size: 11px;
   /*width: 200px;*/
   height: 65px;
 margin-bottom: 2px; padding:2px;} 

p#whazz a { 
  color:#333333; font-weight:bold;
  font-size: 12px;
  background: transparent;
  text-decoration:  none;
}

 




p#whazz a:hover {
   font-color:#333333; font-weight:bold;  font-size: 12px;
  background: transparent;
  text-decoration: underline;
}







/* main */

div#back_img {
  
   text-align: center;
   position: absolute;
   top: 0px;
   left: 250px;
}

img#pic_cen {
   margin-top: 0px;
      text-align: center;  
}


div#for_fx {
   position: absolute;
   top: 8px;
   margin-left: 493px;
  
}

div#for_fx2 {
	position: absolute;
	top: 8px;
	padding-left: 220px;  
}
table.ta_main {
   margin-bottom: 5px;
}


.ta_main h2 {
   margin: 0;
   padding: 0;
}

.ta_main p {
   margin: 0 5px 0 0;
   padding: 0;
}

.ta_main a{
   margin: 0;
   padding: 0;
   text-align: right;
}

td.right_b {
   background: url('../img/right_01_2.gif') no-repeat;
   width:76px;
   height: 90px;
   text-align: center;
}

td.left_b  {
   background: url('../img/right_02_2.gif') no-repeat;
   width: 195px;
   height: 90px;
}

#iso2 {
   margin: 0 0 0 5em;
  
}

#iso3 {
   margin: 0 0 0 10em;
   
}


div#message {
   margin: 0;
   position: absolute;
   top: 200px;
   left: 530px;
   background: url('../img/box5.png') no-repeat;
   width: 251px;
   height: 124px;
   padding: 10px 15px;
   color: #fffffF;
   

}


#message p {
   line-height: 1.45em;
   padding: 0;
   margin: 0;
   width: 220px;
   font-size:9.3px;
}

div#message2 {
   margin: 0;
   position: absolute;
   top: 306px;
   left: 205px;
   background: url() no-repeat;
   width: 537px;
   height: 120px;
   padding: 20px 35px;
   color: #fffffF;

}
div#program {
   margin: 0;
   position: absolute;
   top: 200px;
   left: 235px;
   background: url('../img/program-back.png') no-repeat;
   width: 292px;
   height: 124px;
   padding: 5px 5px;
   color: #000000;
   

}


#program p {

   line-height: 1.4em;
   padding:0;
   margin: 0;
   width: 198px;
   font-size:9.6px;
}
#program a .prog{
  
   margin-left:90px;
color:#F7931E;

}
#program a:link{

color:#F7931E;
background: transparent;
   text-decoration: underline;

}

#program a:visited{ 
  color: #F7931E;
background: transparent;
  text-decoration: underline;
}

#program a:hover {
  color: #33ccff;
background: transparent;
  text-decoration: underline;
}

#program a:active{
  color: #33ccff;
 background: transparent;

}



/* footer
-------------------------------------------------------------------------------*/
div#footer {
  width: 800px;
  height: 107px;
  background: url('../img/footer_wide.gif') no-repeat; 
  position: relative;
}

#footer p {
  margin: 0;
  padding: 0;
}

#f001 {
  position: absolute;
  top: 5px;
  left: 15px;
}

#f002 {
  position: absolute;
  top: 10px;
  right: 55px;
}

#f003 {
  position: absolute;
  top: 5px;
  right: 12px;
}

p#f004 {
  position: absolute;
  top: 30px;
  left:15px;
}

p#f0041 {
  position: absolute;
  top: 13px;
  left:100px;
}


a#img_mail {
  position: absolute;
  top: 65px;
  left: 360px;
}

a#img_ins {
  position: absolute;
  top: 50px;
  left: 8px;
}

a#img_tran {
  position: absolute;
  top: 50px;
  left: 70px;
}

/* med_care.html 
------------------------ */

div#med_back1 {
   background: url('../img/med_back.png') no-repeat;
   width: 767px;
   height: 1260px;
   text-align: center;
}

#med_back h3 {
   margin: 0;
   padding: 0;
}

div#med_inbox {
   text-align: left;
   margin: 0 auto;
   padding: 20px 0;
   width: 600px;
}


div#med_back2 {
   background: url(../img/med_back2.gif) no-repeat;
   width: 587px;
   height: 114px;
   color: white;
   text-align: center;
}

#med_back2 p {
   text-align: left;
   width: 550px;
   margin: 0 auto 0 auto;
   padding: 20px 0 0 0 ;
}


#med_back2 a:link { 
   color: #ffffff; 
   font-size: 12px;
   background: transparent;
   text-decoration: underline;
}

#med_back2 a:visited { 
  color: #ffffff;
  
  background: transparent;
  text-decoration: underline;
}

#med_back2 a:hover {
  color: #33ccff;
  font-size: 12px;
  background: transparent;
  text-decoration: underline;
}

#med_back2 a:active {
  color: #33ccff;
  font-size: 12px;
  background: transparent;

}

/* notice.html
------------------------ */
.day{ 
   text-align: center;
 color: #ffffff; 
   font-size: 12px;}

td.sche {
   font-size: 12px;text-align: center;
   margin: 5px;
   padding: 0px 0;
   width: 100px;
background-color: #BDD7EF;
}

td.scot {
   font-size: 12px;text-align: center;
   margin: 0 auto;
   padding: 0px 0;
   width: 100px;
background-color: #E0EDF8;
}

td.monica {
   font-size: 12px;text-align: center;
   margin: 0 auto;
   padding: 0px 0;
   width: 100px;
background-color: #ADC7F1;
}
td.chris {
   font-size: 12px;text-align: center;
   margin: 0 auto;
   padding: 0px 0;
   width: 100px;
background-color: #BFE1F5;
}
tr.sche {
   font-size: 12px;text-align: center;
   margin: 0 auto;
   padding: 0px 0;
   width: 100px;
background-color: #BCCEF4;
}
div#notice_inbox {
   text-align: left;
   margin: 0 auto;
   padding: 50px 0;
   width: 600px;
}
table.sche{font-family: Arial, "MS ゴシック", Helvetica, Osaka, sans-serif;}/* doc & interpre .html
------------------------ */

div#content3 {
   text-align: center;
   height: 380px;
   background: url(../img/back_line.gif) repeat-y;
   margin-top: 50px;
   padding: 8px 15px;
   position: relative;
}


div#back_interpre {
  background: url(../img/background2.gif) no-repeat;
  margin: 0 auto;
  padding: 0;
  width: 642px;
  height: 378px;
}

#back_interpre table {
  margin: 20px auto 0 auto;
  padding: 0;
}

#flower1 {
  background: url(../img/flower1.gif) no-repeat center center;
}

#flower2 {
  background: url(../img/flower2.gif) no-repeat center center;
}

#flower3 {
  background: url(../img/flower3.gif) no-repeat center center;
}

#flower4 {
  background: url(../img/flower4.gif) no-repeat center center;
}

img#pop_makiko {
   display: none;
	 
}

#makiko a:hover img#pop_makiko {
	display: block;
	position: absolute;
	top: 30px;
	left: 230px;
}

img#pop_shino {
   display: none;
	 
}

#shino a:hover img#pop_shino {
	display: block;
	position: absolute;
	top: 30px;
	left: 120px;
}



/*

#back_interpre table {
  margin: 20px 0 0 0;
  vertical-align: bottom;
}

tr.align_t {
  height: 30px;
}

*/



div#back_small {
   width: 642px;
   height: 378px;
   position: relative;
}

#back_small h4 {
   font-size: 16px;
   color: white;
   margin:	0;
   padding: 0;	
}

.each_box {
   background: #a3a3a3;
   font-size: 10px;
   margin: 0;
   padding: 0 5px;
   color: white;
   width: 160px;
}

/* 
img.pic_left {
   margin-right: 10px;

}

*/

td.ver_btm {
   vertical-align: bottom;
}


.ver_top{
   vertical-align: top;
}


table#top_left {
   position: absolute;
   top: 30px;
   left: 20px;
}

table#top_right {
   position: absolute;
   top: 30px;
   left: 330px;  
}

table#btm_left {
   position: absolute;
   top: 215px;
   left: 20px;	
}

table#btm_right {
   position: absolute;
   top: 215px;
   left: 330px;
}

img#welcome {
   position: absolute;
   top: 30px;
   left: 650px;
}


/* doc.html
------------------------ */

p.boxfor_b {
   width: 200px;
   height: 159px;
   color: #857f7f;
   font-size: 10px;
   padding: 3px;
   line-height: 11pt;
}

p.boxfor_2 {
   background: url('../img/backfor_2.gif') no-repeat;
   width: 149px;
   height: 145px;
   color: white;
   font-size: 10px;
   padding: 3px;
}
p.boxfor_d {
	color: #857f7f;
	font-size: 12px;
	padding: 3px;
	line-height: 11pt;
	position: absolute;
	top: 468px;
	left: 106px;
}
table#dr1 {
   position: absolute;
   top: 10px;
   left: 25px;
}

table#dr2 {
   position: absolute;
   top: 200px;
   left: 25px;
}

table#dr3 {
   position: absolute;
   top: 200px;
   left: 335px;
}
table#dr4 {
   position: absolute;
   top: 10px;
   left: 335px;
}
.dr_name {
font-family: Arial, "MS ゴシック", Helvetica, Osaka, sans-serif;
   color: white;
   font-size: 12px;
   font-weight: bold;
}

.docimg {
   text-align: center;
}
table#link {
   position: absolute;
   top: 180px;
   left: 250px; width:300px;
 color:#ffffff}




/* for faq set
------------------------ */

div#faq {
   background: url(../img/images/med_back1_02.gif) repeat-y;
   width: 763px;
   text-align: center;
}


div#whiteback {
   background: white;
}


.faq_iframe table {
   background: white;
   width: 650px;
   text-align: left;
   margin: 0 auto 15px auto;
   padding: 0;
   color: white;
}

.faq_iframe table p {
   margin: 10px 0;
   padding: 0;
}


p#descript1 {
   color: #666666;
   text-align: left;
   margin: 0 auto;
   padding: 20px 0;
   width: 550px;
}

p#descript2 {
   margin-top: 10px;
   color: #666666;

}


.top_center {
	   background: #336699;
	}

	.top_left {
	   background: url(../img/circle01.gif) no-repeat top right;
	   width: 12px;
	   height: 12px;
	} 
	
	.top_right {
	   background: url(../img/circle02.gif) no-repeat top left;
	   width: 12px;	   
	}
	   
	.common1_bgcl {
	   background: #336699;
	  	  
	}
	
	.common2_bgcl {
	   background: #2B7FC9;
	   height: 12px;	
	}
	
	.bottom_left {
	   background: url(../img/circle11.gif) no-repeat bottom left;
	  
	   height: 12px;
	}
	
	.bottom_right {
	   background: url(../img/circle12.gif) no-repeat bottom right;
	  	 
	}
	
	.bold_gray {
	   width: 50px;
	   color: #666666;
	   font-weight: 900;
	   font-family: verdana, sans-serif;	
	}
	
	.bold_sky {
	   color: #2b7fc9;
	   font-weight: 900;
	   font-family: verdana, sans-serif;
	}
	/* map.html flu
------------------------ */
.top_flu {
	   background: #61AF0E;
	}
	.flu_left {
	   background: url(../img/circle03.gif) no-repeat top right;
	   width: 12px;
	   height: 12px;
	} 
	
	.flu_right {
	   background: url(../img/circle04.gif) no-repeat top left;
	   width: 12px;	   
	}
	   
	.flu_bgcl {
	   background: #61AF0E;
	  	  
	}
	
	.flu2_bgcl {
	   background: #90D621;
	   height: 12px;	
	}
	
	.flubottom_left {
	   background: url(../img/circle13.gif) no-repeat bottom left;
	  
	   height: 12px;
	}
	
	.flubottom_right {
	   background: url(../img/circle14.gif) no-repeat bottom right;
	  	 
	}
/* map.html
------------------------ */

img#map{
   margin-left: 5px;
}

img#map1 {
   position: absolute;
   top: 10px;
   left: 35px;
}

img#map2 {
   position: absolute;
   top: 10px;
   left: 295px;
}

img#map3 {
   position: absolute;
   top: 10px;
   left: 555px;
}

img#map4 {
   position: absolute;
   top: 165px;
   left: 75px;
}

img#map5 {
   position: absolute;
   top: 180px;
   left: 460px;
}

img#map6 {
   position: absolute;
   top: 355px;
   left: 110px;

}

h2#double {
   font-size: 14px;
}



/* php mailform 
------------------------------------------------------------------------------------------------*/
#content2 {
   width: 800px;
   background: url('../img/back_line.gif') repeat-y;
   margin-top: 50px;
   padding: 8px 15px;
   position: relative; 
}

#formmailmagic {
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5;
	background-color: #FFFFCC;
	width: 600px;
	margin: 30px auto 5px;
	padding: 5px;
	height: auto;
	border: 3px solid #FF9900;
}

#formmailmagic h1.title {
	font-size: 150%;
	text-align: center;
	color: #FFFFCC;
	padding: 5px 0px;
	margin: 0px;
	background-color: #FFCC00;
}

#formmailmagic h2.setumei {
	font-size: 100%;
	text-align: center;
	font-weight: normal;
	color: #006633;
}

#formmailmagic table {
	text-align: left;
	font-size: 100%;
	width: 100%;
	border: 2px solid #FF9900;
	margin: 0px;
	padding: 0px;
	color: #333333;
}
#formmailmagic th {
	font-weight: bold;
	width: 200px;
	background-color: #FFFF99;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFCC00;
}

#formmailmagic th.must {
}

#formmailmagic td {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #FFCC00;
	padding: 10px;
}

#formmailmagic th em.must {
	font-style: normal;
	color: #FF0000;
	padding-left: 5px;
}
#formmailmagic th em.check {
	font-style: normal;
	color: #666666;
	padding-left: 5px;
}

#formmailmagic .copyright {
	font-size: 90%;
	text-align: right;
}

.error {
	padding: 2px;
	margin : 0px;
	color: #FF0000;
}
#formmailmagic select {
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
}
#formmailmagic .confirm {
	text-align: center;
	margin-top: 15px;
}

/* notice2------------------------------------------------------------------------------------------------*/
div#noticee_inbox {
   text-align: left;
   margin: 5;
  padding:20px;
   width: 700px; 

}



div#notice_box {
   width: 250px;
   height: 70px;
  	border: 1px solid #CCCCCC;
    padding: 5px; margin:5px 50px 5px 200px;
}
div#notice_cbox {
   width: 650px;
   height: 30px;
  	background-color: #E0EDF8; border: 1px solid #79A3E7;   padding: 5px; margin:5px 5px 5px 0px;
}

/* new------------------------------------------------------------------------------------------------*/
#backm{background-image:url("../img/images/bback_02.gif");
       margin-top:-5px;
       width:763px;
       background-repeat:repeat-y;}
div #bgcolor{background-color:#57a9b7;
padding:5px;}


#pback{background-image:url("../img/images/pback_02.gif");
       margin-top:-5px;
       width:763px;
       background-repeat:repeat-y;}
div #pgcolor{background-color:#f9a2ca;
padding:5px;}


p.boxfor_p {

   color: #857f7f;
   font-size: 12px;
   padding: 3px;
   line-height: 11pt;
}

.style17 {font-size:10px;}
.style18 {
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
   font-family: Arial, "MS ゴシック", Helvetica, Osaka, sans-serif;
}
/* program------------------------------------------------------------------------------------------------*/
#backprogram{background-image:url("../img/images/program-back_02.gif");
       margin-top:-5px;
       width:763px;
       background-repeat:repeat-y;}