@charset "UTF-8";

/* Micro clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* 必要要素の初期設定 */

body {
	width: 100%;
	margin:0;
	padding: 0;
	color:#222;
	font-family: sans-serif;/**/
	background-color: #EEEFED;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}
a:link,
a:visited{
	text-decoration:none;
	color:#09C;
}
a:hover,
a:active{
	color:#C33;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em;
  line-height: 1.2;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing:0;
}
p {
  margin: 0 0 1em;
  color: #333;
  line-height: 1.4;
}
ul {
  margin: 0 0 2em;
  padding: 0;
  list-style-position: inside;
}

table{
	border-top:1px dotted #999;
	border-left:1px dotted #999;
	}
table th,
table td{
	border-bottom:1px dotted #999;
	border-right:1px dotted #999;
	padding:8px 6px 4px;
	line-height:140%;
}
table th{background-color:#eee;}
table td{background-color:#fff;}

small {
  text-transform: uppercase;
	font-size:100%;/**/
}


/* ベースレイアウト */

#wrapper {
  margin: 0;
	height:100%;/**/
	padding:0;/**/
	
}
header {
	margin:0 0 2%;/**/
	background:url(../images/header_bg.png) no-repeat center bottom;
	overflow:hidden;
	min-height:90px;
}
nav {
  margin:0;
	padding:10px;/**/
	background-color:#FFF;
}

nav a{text-decoration:none;}

#common-contents {
  width: 92%;
  margin: 1.6em auto 0.6em;
	background-color: #FFC;/**/

}

article.main {
  width: 100%;
}

section {
  margin: 1em;
}

section p{
	text-align:left;
}


footer {
  width:100%;
	margin:1% auto 0;
  text-align: center;
	background-color:#fff;
	font-size: 0.78em;
	padding:2% 0;/**/
	}



/*
----------
各要素のデザイン、レイアウト
共通の。→携帯版
----------
*/

header h1 {
  font-size:2em;
  margin: 2% 0 1% 4%;
}

p.tagline {
  font-size: 0.75em;
  text-transform: uppercase;
  color:#555;
	padding:0 0 6% 4%;/**/
	letter-spacing:-0.8px;
}nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li {
	display: block;
	width: 100%;
	margin:1px;
	text-align: center;
	line-height:2.5em;
	color:#222;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	font-size:1em;
	font-weight:bold;
	background-color: #f4f4f4;/**/
}

nav ul li a{
	display:block;
	}
	
	nav ul li a:hover{
	background-color:#ccc;
	}/**/

.main h1 {
  font-size: 1.6em;
}

#topMain li{
	margin-left:36px;
	list-style-position: outside;
	list-style-image: url(../en/images/icon_list.png);
	font-weight:bold;

}/*TOPのリストアイコン*/

article.main h2 {
  font-size: 1.4em;
  margin-top: 1.3em;
}



/*汎用CSS*/
.floatR{ float:right}
.txtRight{ text-align:right}
.attentionTxt  {
	margin-left: 1em;
	text-indent: -1em;
}
.note{ font-size:0.8em; color:#666}


/*サイト専用のCSS*/

#topMain{ text-align:center;}
#topMain li{ font-size:1.2em}
#topMain img{margin:15px auto 0}


#topCenter{padding:2% 2% 1%; background-color:#fff}

#path{ font-size:0.8em; padding:6px 6px 6px 0;margin-top:10px}

.langLink{ float:right; padding:0.6em; background-color:#FFF; margin:10px}

.hedding{background:url(../images/headding_bg.png) no-repeat 0 top; padding:50px 0 30px 60px;}

#syusai{ font-size:140%; font-weight:bold}/*使ってないかも*/

.meyasu { border:1px solid #C33; padding:2% 2% 0; background-color:#fff; margin-bottom:1em}
.meyasu h4{ color:#C33; padding-bottom:0.6em}

.meyasuList{  padding:0 0 0 1.6em;}
.meyasuList li{ list-style-image:url(../images/icon.png);
list-style-type:none;
list-style-position:outside;
margin-bottom:0.2em
}

.linkBox{
	border:1px solid #09C;
	padding:2% 2% 1%;
	background-color:#fff;
	margin-bottom:2%;
	
}
.linkBox p a{word-wrap: break-word;}/*英語を改行されるようにする*/

article.main h2 {
	background-color:#C60;
	padding:0.3em 0.6em;
	color:#fff
}
article.main h3 { border-bottom:2px solid #C90; padding-bottom:0.2em;color:#C90}

article.main h4 { border-bottom:4px solid #C33; padding-bottom:0.2em; font-size:1.2em}

a.here{
		background-color:#09C;
		color:#FFF;
	}/**/

.hospitalTable{ width:100%; margin-bottom:0.2em}
.hospitalTable td{ text-align:center}
.hospitalTable span{ font-weight:normal; font-size:0.88em}


/*
----------
Media Queries による切り替え
481px以上のとき
----------
*/

@media only screen and (min-width: 481px) {

p.tagline {
	padding:0 0 3% 4%;/**/
}nav {
   margin: 0;
   padding: 0 0 0 0;
 }
 nav ul {
   padding: 1px 0;
 }
 nav ul li {
  float:left;
  width: 19.75%;
	padding:2% 0;
  margin: 0 0 0;
  text-align: center;
  line-height:1.1em;
  border-left: 1px solid #fff;
  border-right: 1px solid #ccc;
	font-size:0.8em;
	letter-spacing:-1px; }
section {
  margin: 1em 2em;	
}

}

/*
----------
Media Queries による切り替え
769px以上のとき
----------
*/

@media only screen and (min-width: 769px) {

header {
	padding-left: 0%;
}


	
	#common-header{ width:768px; margin:0 auto}
	
	header h1{ float:left;
	width:50%;
	height:80px;/**/}
	
	p.tagline {
	padding:1% 0 2% 0;/**/
	}
	
	nav{
	padding:0;
}/**/

nav ul{
	width:770px;
	margin:10px auto ;
   background-color:transparent;
	 padding:10px;/**/
 }/**/
 
nav ul li {
  float:left;
  width: 152px;
  margin:0 0 ;
	line-height: 1em;
  border-left: 1px solid #f4f4f4;
  border-right: 1px solid #ddd;
	letter-spacing:-1px;
	font-size:0.88em;
	padding:0 0;
 }
 
nav ul li a{
	width:100%;
	padding:10px 0;
	}
	



#common-contents{width:768px; margin:0 auto;}/**/

 article.main {
   float: left;	
 }

 #langLink{ display:none}
 
}