@charset "UTF-8";

/*
----------
print.css
2014-1-7
----------
*/

.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:SimHei, arial,sans-serif;/**/
	background-color: #f4f4f4;
}

a:link,
a:visited{
	text-decoration:none;
	color: #690;
}
a:hover,
a:active{
	color: #9C0;
}
a.here{
		background-color: #9C0;
		color:#FFF;
	}
	
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.6em;
  line-height: 1.2;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing:0;
}
p {
  margin:0.4em 0 1em;
  color: #333;
  line-height: 1.4;
}
ul {
  margin: 0 0 2em 1em;
  padding: 0;
  list-style-position:outside;
}
li{
	margin-bottom:0.4em;
	line-height: 1.25;
}


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%;/**/
}

img{
max-width: 100%;
height: auto;
width /***/:auto;}
/*画像がちょどよく表示される*/


/*
==========
layout
==========
*/


#wrapper {
  margin: 0;
	height:100%;/**/
	padding:0;/**/
	
}



/*
-----
header
-----
*/

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

header h1 {
  font-size:1.68em;
  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;
}

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

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


	
	



/*
-----
nav
-----
*/

nav {
  margin:0;
	padding:0px;
	background-color:#ddd;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff
}

nav a{text-decoration:none;}

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: #eee;/**/
}

nav ul li a{
	display:block;
	padding:10px 0
	}
	
	nav ul li a:hover{
	background-color: #EBFAC2;
	}/**/
	
	nav{
	padding:0;
}/**/

nav ul{
	width:770px;
	margin:10px auto ;
   background-color:transparent;
	 padding:0px;/**/
 }/**/
 
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%;
	}

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

}

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




/*
-----
article
-----
*/

article.main {
  width: 100%;
}

.main h1 {
  font-size: 1.2em;
	color:#690;
	background-color:#D7EBAF;
	padding:0.2em 0.36em;
	
	
}



article.main h2 {
	font-size: 1.6em;
	/*margin-top: 1.3em;*/
	padding:1.2em 0 1em 2.8em;
	background: url(../images/297_k.png)  no-repeat left top;
}
article.main h3 { border-bottom:4px solid #D7EBAF; padding-bottom:0.2em;color:#9C0}

article.main h4 {
	background-color:#D7EBAF;
	padding:0.2em;
	display:inline-block;
	margin-bottom:0.2em;
	color:#690;
}


 article.main {
   float: left;	
 }





section {
  margin: 1em;
}

section p{
	text-align:left;
}

section li{
	clear:both
	
}
section li img{ padding-right:0.6em}

dl{ overflow:hidden}
dt{ float:left;}
dd{ margin-left:2em; margin-bottom:0.6em}

#mokuji h3{ margin-top:1.6em} 

#mokuji ul{
	width:100%;
	margin:10px auto ;
   background-color:transparent;
	 padding:0px;/**/
 }/**/
 
#mokuji ul li {
  float:left;
  width:100%;
  margin:0 0 ;
	line-height: 1em;
  border-left: 1px solid #f4f4f4;
  border-right: 1px solid #ddd;
	 border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #ddd;
	letter-spacing:0px;
	font-size:0.9em;
	padding:0 0;
	 list-style:none;
	 text-align:center;
 }
#mokuji ul li a{
	width:100%;padding:1em 0; background-color:#eee; display:block; font-weight:bold; text-shadow:1px 1px 1px #fff
	}
 
 
  #langLink{ display:none}
 
 
#mokuji h3{ margin-top:1.6em} 

#mokuji ul{
	width:100%;
	margin:10px auto ;
   background-color:transparent;
	 padding:0px;/**/
 }/**/
 
#mokuji ul li {
  float:left;
  width:24.2%;
  margin:0 0 ;
	line-height: 1em;
  border-left: 1px solid #f4f4f4;
  border-right: 1px solid #ddd;
	 border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #ddd;
	letter-spacing:0px;
	font-size:0.9em;
	padding:0 0;
	 list-style:none;
	 text-align:center;
	 clear:none;
 }
#mokuji ul li a{
	width:100%;padding:0.6em 0; background-color:#eee; display:block; font-weight:bold; text-shadow:1px 1px 1px #fff
	}
 
 
 #mokuji ul li a:hover{background-color:#fff;
	}

/*汎用CSS*/
.floatL{ float:left}
.floatR{ float:right}
.verticalMiddle{ vertical-align: middle}
.txtRight{ text-align:right}
.txtCenter{ text-align:center}
.attentionTxt  {
	margin-left: 1em;
	text-indent: -1em;
}
.note{ font-size:0.90em; color:#555}

.styleNone li{ list-style-image:none}

.lineTop{ border-top: 1px dotted #9C0; padding-top:0.6em;
clear:both}
.redMarker{ color:#C00; border-bottom:2px dotted #C00}

.borderNone { border:none}
.borderNone td{ border:none}

p.em2{ text-indent:2em}/*中国語特有。インデント２文字下げる*/


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

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




/*
-----
ページ固有のスタイル
-----
*/
/*#topMain li{
	margin-left:36px;
	list-style-position: outside;
	list-style-image: url(../images/icon_list.png);
	font-weight:bold;
}*/


#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
}


ul.ex{ overflow:hidden;
width:100%
}
ul.ex li{
list-style-image:none;

display: inline-block;
padding:0.2em 1em 0.2em 0;
text-align:center}

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

#minasan dl{ overflow:hidden}
#minasan dt{ float:left; display:block}
#minasan dd{ margin-left:0; margin-bottom:0.6em}


#minasan th{ width:2.6em; text-align:center}
#minasan td{ padding-left:1em}
#minasan td ul{ margin-bottom:0}