@charset "UTF-8";
/* CSS Document */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
	margin:0;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h5 span{
	visibility:hidden;
	text-decoration: none;
}
.header a {
	text-decoration: none;
}

a {
	color: #666;
}
a:hover {
	text-decoration: underline;
	color: #03F;
}
a:visited {
	color: #666;
}
a:active {
	color: #09F;
}
/*float調整は▼これ▼*/
/*以下の要素で「images/space1.gif」を囲んでおけば、WINDOWS IE でも空白が出る事はなくなります。
  ■■ 例：<div class="clearfloat"><img src="img/space1.gif" /></div> ■■ */
.clearfloat {
	clear: both;
	visibility: hidden; 
	height: 0;
	overflow : hidden;
	font-size: 0;
	content : "";
}
.leftmargin-50 {
	margin-left: 50px;
}

#main {
	padding-bottom: 50px;
}  /* must be same height as the footer */

.header {
	padding: 0px;
	height: 60px;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}

.contents {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	text-align: left;
}
.bg {
	background-image: url(images/table_bg.gif);
}
.left_th {
	text-align: right;
	padding-right: 20px;
	font-weight: normal;
	font-size: 13px;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-top: 9px;
}
.right_white {
	font-size: 13px;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom: 7px;
	padding-top: 9px;
	padding-right: 15px;
}
.listarea {
	font-size: 13px;
	color: #666;
	padding-bottom: 5px;
	padding-top: 7px;
	padding-right: 15px;
}
.list {
	list-style-position: inside;
	list-style-image: url(images/listmark.gif);
}
.english_prof {
	margin-left: 50px;
	padding-left: 10px;
	font-size: 13px;
	color: #333;
	line-height: 18px;
}

#footer {
	position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 0px;
	clear:both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	padding-top: 28px;
} 
.fotter_deco {
	background-image: url(images/foot.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.jp {
	height: 60px;
	width: 101px;
	background-image: url(images/lang_jp.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.jp a {
	background-image: url(images/lang_jp.gif);
	height: 60px;
	width: 101px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom;
}
.jp a:hover {
	background-image: url(images/lang_jp.gif);
	text-decoration: none;
	height: 60px;
	width: 101px;
	display: block;
	background-repeat: no-repeat;
	background-position: top;
}
.jp_active {
	height: 60px;
	width: 101px;
	background-image: url(images/lang_jp.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.en {
	height: 60px;
	width: 101px;
	background-image: url(images/lang_en.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.en a {
	background-image: url(images/lang_en.gif);
	height: 60px;
	width: 101px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom;
}
.en a:hover {
	background-image: url(images/lang_en.gif);
	text-decoration: none;
	height: 60px;
	width: 101px;
	display: block;
	background-repeat: no-repeat;
	background-position: top;
}
.en_active {
	height: 60px;
	width: 101px;
	background-image: url(images/lang_en.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}