@charset "utf-8";

/* all ▼ */
body{
font-size:0.8em;
line-height:1.3em;
position: relative;
height:100%;
/*
color:#666666;
*/
background:#ffffff url(../img/common/background_img.gif) top center repeat-y;
}
#wrapper{
position:relative;
width:900px;
margin:0px auto;
}
/* header ▼ */
#header{
position: fixed;  /*位置を固定*/
top: 0px;   /*縦の位置を指・*/
left: 0;  /*横の位置を指定*/
z-index: 999; /*オブジェクトが重なった場合の表示順*/
width:100%;
min-width:900px; 
margin:0px auto;
*padding-left:1px;
_padding-left:4px;
}
#header .inner{
width:900px;
height:150px;
margin:0 auto;
background-color:#ffffff;
}

#header h1{
height:18px;
font-size:93%;
font-weight:normal;
background:#c8fce3;
text-align:center;
padding-top:2px;
}
#header .logo,#header .title{
float:left;
margin:5px 10px;
}
#header .title dd{
font-size:108%;
margin-top:10px;
}
#header .title dt{
font-size:215%;/*28px*/
line-height:1.5em;
}
#header .contact{
float:right;
}
#header .sns{
float:left;
text-align:right;
}
#header .sns img{
margin-top:3px;
}
#header .address{
float:left;
border-left:solid 1px #d1d1d1;
border-right:solid 1px #d1d1d1;
margin:5px 10px;
}
/* global ▼ */
#header .global{
clear:both;
}
#header .global li{
float:left;
}
#header .global li a{
display:block;
height:50px;
_display:inline;
}
/* global ▲ */
/* header ▲ */

/* main ▼ */
#main{
padding-top:150px;
_padding-top:0;
margin:0 10px;
}
#main h2{
margin-top:15px;
}
#main h3{
height:21px;
padding-top:5px;
padding-left:15px;
padding-right:15px;
background:#339999;
color:#ffffff;
}
#main h4{
padding-left:20px;
background:url(../img/common/h4_icon.gif) center left no-repeat;
margin:10px 5px 0;
}
/* main ▲ */
/* footer ▼ */
#footer{
clear:both;
background:#c8fce3;
margin-top:20px;
}
#footer ul{
width:600px;
}
#footer ul li{
display:block;
float:left;
}
#footer ul li a{
display:block;
color:#009966;
font-size:93%;
padding:0 5px;
border-right:solid 1px #009966; 
margin-top:5px;
text-decoration:none;
}
#footer ul li a:hover{
text-decoration:underline;
}
#footer .copyright{
clear:both;
text-align:right;
font-size:85%;
margin-right:15px;
}
/* footer ▲ */
/* all ▲ */

/* index ▼ */
/*index image ▼ */
#feature_list{
display:block;
width:880px;
height:400px;
background:#000000 url(../img/index/photoimg_bg.jpg) no-repeat;
margin-top:10px;
vertical-align:middle;
overflow:hidden;
}
#feature_list p{
position: absolute;
width:880px;
height:400px;
text-align:center;
overflow:hidden;
}
#feature_list p img{ 
margin:-155px auto;
}
#feature_list p.turn{
display:block;
_display:none;
>display:none;
display:none\9;
}
#feature_list p.no_turn{
display:none;
_display:block;
_display:block;
>display:block;
display:block\9;
}
ul#output{
width:880px;
float:right;
}
ul#output li {
position: absolute;
z-index: 996; /*オブジェクトが重なった場合の表示順*/
}
/* index image ▲ */
/* profile ▼ */
.prof{
float:left;
width:475px;
font-size:93%;
}
.prof p.prof_img{
float:left;
margin:15px 5px 10px;
}
.prof p.prof_name{
margin:25px 0 5px;
}
.prof p.etc{
clear:left;
margin:15px;
}
.prof table{
float:left;
text-align:left;
margin-top:5px;
}
.prof table th{
height:20px;
}
.prof table td{
vertical-align:middle;
line-height:1.5em;
}
/* profile ▲ */
.comment p{
margin:10px 5px;
}
.book{
width:380px;
float:left;
margin:10px;
border:solid 1px #339999;
font-size:93%;
}
.book h3{
text-align:center;
}
.book li{
width:178px;
float:left;
padding:0 3px;
margin:10px 0;
text-align:center;
}
.book li img{
height:120px;
float:left;
margin-left:3px;
}
.book li p{
margin-top:5px;
}
.book li.line{
border-left:solid 1px #339999;
}
.comment{
clear:both;
}
.movie{
margin-top:10px;
}
.movie p{
float:left;
margin-left:10px;
margin-top:20px;
}
.movie p img{
width:280px;
}
.I_Soyeon h3{
margin:15px 0 5px;
}
.I_Soyeon p{
float:left;
margin-left:20px;
margin-bottom:10px;
}
.I_Soyeon p.soyeon_prof{
margin-top:10px;
}
.I_Soyeon p.pale{
font-size:93%;
color:#666666;
}
#topics h2{
margin-top:1px;
margin-left:1px;
}
#topics h2 img{
}
#topics {
width:288px;
float:left;
height: 475px;
border:solid 1px #339999;
margin-top:15px;
margin-right:10px;
}

ul#newsList{
	display: block;
	height: 428px;
	overflow: auto;
  margin-left: 1em;
  margin-top: 1em;
}

#newsList .date {
color:#018670;
font-weight:bold;
font-size:1.2em;
}
#newsList dd {
	line-height: 1.4em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom:1em;
	margin-bottom:1em;
  width: 248px;
}

#newsList dd a:link {
	color: #000;
}

/* index ▲ */
/* koasa ▼ */
#main .koasa dd{
padding:10px 0;
}
#main .koasa dd p{
padding:5px 5px 0;
}
#main .koasa dd p.suigyu{
float:right;
width:300px;
text-align:center;
}
#main .koasa dd p.suigyu span{
height:18px;
line-height:2em;
font-weight:bold;
}
#main .koasa dd p img{
float:right;
width:300px;
}
#main .koasa h3{
margin:10px 0 0;
clear:both;
}
#main .koasa ul.hansya{
border-right:solid 1px #339999;
border-bottom:solid 1px #339999;
border-left:solid 1px #339999;
}
#main .koasa ul.hansya li{
float:left;
magin-right:10px;
margin-top:15px;
}
#main .koasa ul.hansya li img{
width:175px;
*margin-bottom:2px;
}
/* koasa ▲ */
/* operation ▼ */
#main .koasa table.price_list{
/*width:700px;*/
margin:10px 15px 15px;
border:solid 1px #2fb490;
}
#main .koasa table.price_list caption{
font-size:116%;
font-weight:bold;
color:#006666;
background:#c8fce3;
padding:5px 8px;
border-top:solid 1px #2fb490;
border-right:solid 1px #2fb490;
border-left:solid 1px #2fb490;
}
#main .koasa table.price_list th,
#main .koasa table.price_list td{
border-bottom:dotted 1px #2fb490;
padding:5px 10px 3px;
text-align:left;
}
#main .koasa table.price_list td.price{
text-align:right;
font-weight:bold;
}
#main .koasa dd.contents p{
margin:5px 10px 15px;
padding:0;
}
#main .koasa dd.contents p.minus{
margin:5px 10px 5px;
}
#main .koasa dd.contents ol{
margin:5px 10px 5px;
padding:0 15px;
list-style-type:decimal;
}
#main .koasa dd.contents li{
margin-left:5px;
list-style-type:decimal;
}
#main .koasa dd.contact{
width:350px;
text-align:center;
border:solid 2px #2fb490;
margin:10px auto;
}
#main .koasa dd.contact p{
margin:15px 10px;
font-weight:bold;
padding:0;
}
#main .koasa dd.contact p span.call{
color: #FF0000;
font-weight:bolder;
font-size:182%;
line-height: 1.3em;
}
/* operation ▲ */
/* bloodFlow ▼ */
#main .koasa dd ul.blood_img{
display:block;
width:880px;
margin-bottom:15px;
}
#main .koasa dd ul.blood_img li{
width:130px;
list-style:none;
text-align:center;
float:left;
clear:none;
}
#main .koasa dd ul.blood_img li img{
width:125px;
}
#main .koasa dd p.sc_4{
float:right;
height:200px;
overflow:hidden;
margin-right:10px;
margin-bottom:10px;
}
#main .koasa dd p.sc_4 img{
width:140px;
}
/* bloodFlow ▲ */
/* userComment ▼ */
#main .koasa dd p.img_min img{
width:150px;
}
#main .koasa dd p.point{
border-top:dotted 1px :#666666;
}
/* userComment ▲ */
/* academy ▼ */
#main .academy ul{
clear:both;
margin-top:10px;
padding-left:15px;
border:none;
}
#main .academy ul li{
clear:both;
margin-top:5px;
margin-left:10px;
list-style:disc;
}
#main .koasa table.plus th{
padding-left:20px;
}
#main .koasa table.plus td{
padding-right:20px;
}
#main .koasa dd p.contact{
margin:15px 10px;
font-weight:bold;
padding:0;
}
div.koasa_map{
width:300px;
float:left;
text-align:center;
}
div.koasa_map p{
margin-bottom:10px;
}
#main .koasa dd ol.koasa_world{
width:550px;
float:left;
margin-top:10px;
margin-left:15px;
}
#main .koasa dd ol.koasa_world li{
/**width:150px;
*float:left;*/
margin-left:20px;
list-style:decimal-leading-zero;
}
#main .koasa dd ol.koasa_world .left{
padding-left:5px;
width:160px;
float:left;
}
/* academy ▲ */
/* tourism_dietaryCure ▼ */
#main .koasa dd ul.tourism_img{
margin:15px 10px 20px;
}
#main .koasa dd ul.tourism_img li{
float:left;
margin-bottom:5px;
margin-right:5px;
text-align:center;
}
#main .koasa dd ul.tourism_img li img{
height:160px;
}

/* tourism_dietaryCure ▲ */
/* spaceMedicine ▼ */
#main .koasa h4.koushi{
width:580px;
margin:15px auto 5px;
}
#main .koasa div.koushi{
width:600px;
height:600px;
overflow:hidden;
background:#000000 url(../img/spaceMedicine/64k_full.jpg) top center no-repeat;
padding:5px;
margin:5px auto;
}
#main .koasa div.koushi p{
display:block;
padding:0;
width:600px;
height:600px;
}
#main .koasa div.koushi p img{
width:600px;
height:600px;
}
/* spaceMedicine ▲ */
/* contact ▼ */
#main #Contact {
margin-top: 37px;
margin-bottom: 32px;
font-size:93%;
line-height:1.3em;
color:#302f2f;	
}
#main #Contact h2 {
margin-top: 11px;
}

#main #Contact p a {
color: #555555;
}
#main #Contact p a {
color: #555555;
}
#main #Contact .comp {
text-align:center;
margin:100px auto;
}
.description{
margin-top: -15px;
margin-right: 5px;
margin-bottom: 20px;
margin-left: 0;
padding-left: 5px;
}
.necessity{
color:#ff0000;
}
.error{
color:#ff0000;
}
.dataTable{
width:650px;
margin:0 auto 20px;
border:#cccccc 1px solid;
padding:0 25px;
background:#ddffee;
}
.dataTable table{
width:100%;
margin-top:-1px;
}
.dataTable table th,
.dataTable table td{
padding:25px 0;
border-top:#cccccc 1px dotted;
}
.dataTable table th{
width:180px;
color:#89714d;
font-size:14px;
font-weight:normal;
}
.dataTable table td input,
.dataTable table td textarea{
width:400px;
padding:5px;
}
.dataTable table td textarea{
height:150px;
}
.submitBtn{
margin-bottom:20px;
text-align:center;
}
.submitBtn input{
margin:0 10px;
}
#button{
clear:both;
width:400px;
margin:0 auto;
}
#button input{
cursor: pointer;
display: block;
width:200px;
height:45px;
border:none;
float:left;
text-indent: -9999px;
background: url(../img/contact/back_btn_off.gif) no-repeat 0 0;
}
#button input:hover{
 background: url(../img/contact/back_btn_on.gif) no-repeat 0 0;
}
.ruleList{
width:640px;
margin:20px auto;
border:#cccccc 1px solid;
padding:0 30px;
background:#f5f5f5;
}
.ruleList dl{
padding:25px 0;
}
.ruleList dl dt{
margin-bottom:5px;
color:#89714d;
font-size:15px;
}
.ruleList dl dd{
line-height:1.5;
margin-bottom:30px;
border-bottom:#cccccc 1px dotted;
padding-bottom:25px;
}
.ruleList dl dd:nth-last-child(1){
border-bottom:0;
padding-bottom:0;
}

/* company ▼ */
#main table.company{
width:600px;
margin:20px auto;
border:solid 1px #2fb490;
}
#main .koasa table.company th{
vertical-align:middle;
background:#c8fce3;
padding:3px 10px;
border:solid 1px #2fb490;
color:#339999;
}

#main .koasa table.company td{
padding:3px 10px;
border:solid 1px #2fb490;
}
#main .koasa table.company td.brand_name{
text-align:center;
}
#main .koasa table.company td img{
height:200px;
}
/* company ▲ */
/* contact ▲ */