@charset "utf-8";
@import url(reset.css);


/************************************************* IE hack */
/* IE6 */
* html*{
	zoom: 1;
}
/* IE7 */
*:first-child+html*{
	zoom: 1;
}

/************************************************* body */
body{
	/*font-family: sans-serif;*/
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 95%;
	line-height: 1.5em;
	color: #333;
}

/************************************************* header */
#header-wrapper{
	height: 70px;
	background: url(../images/header_bg.jpg) repeat-x;
}
#header{
	position: relative;
	width: 980px;
	margin: 0 auto;
}
#header #logo{
	position: absolute;
	left: 9px;
	top: 15px;
	width: 205px;
	height: 39px;
}
#header #logo a{
	display: block;
	width: 205px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/logo.jpg);
}
#header #login_user{
	position: absolute;
	right: 0px;
	top: 40px;
	line-height: 1.1em;
}
#header #hm{
	position: absolute;
	right: 6px;
	top: 12px;
	width: 700px;	/* temp */
	height: 19px;
}
#header #hm ul{
}
#header #hm li{
	list-style: none;
	float: right;
	display: block;
	width: 84px;
	height: 19px;
	margin: 0 0 0 10px;
	padding: 0;
}

#header #hm li a{
	display: block;
	width: 84px;
	height: 19px;
	text-indent: 9999px;
	overflow: hidden;
}
#header #hm li.hm-logout a{ background: url(../images/hm-logout.jpg); }
#header #hm li.hm-help a{ background: url(../images/hm-help.jpg); }
#header #hm li.hm-pass a{ background: url(../images/hm-pass.jpg); }
#header #hm li a:hover{
	background-position: 0px -19px;
}
#header #hm li.hm-lang {
	width: auto;
	margin-top: 20px;
}

#header #hm li.hm-lang input{
	margin-right: 5px;
}

/************************************************* menu */
#menu-wrapper{
	height: 53px;
	background: url(../images/menu_bg.jpg) repeat-x;
}
#menu{
	position: relative;
	width: 980px;
	margin: 0 auto;
}
#menu ul{
}
#menu ul li{
	list-style: none;
	float: left;
	display: block;
	width: 152px;
	height: 13px;
	margin: 0;
	padding: 0;
}
#menu ul li a{
	display: block;
	width: 152px;
	height: 53px;
	text-indent: -9999px;
	overflow: hidden;
}
#menu ul li.menu-text a{ background: url(../images/menu-text.jpg); }
#menu ul li.menu-site a{ background: url(../images/menu-site.jpg); }
#menu ul li.menu-access a{ background: url(../images/menu-access.jpg); }
/* irregular */
#menu ul li.menu-crosslanguage{
	float: right;
	width: 117px;
}
#menu ul li.menu-crosslanguage a{
	width: 117px;
	background: url(../images/menu-crosslanguage.jpg);
}
/* /irregular */
#menu ul li a:hover{
	background-position: 0px -53px;
}

/************************************************* footer */
#footer{
	height: 100px;
	background-color: #333;
}
#footer #copyright{
	color: #FFF;
	font-size: 10px;
	text-align: center;
	padding-top: 42px;
	line-height: 1.1em;
}

/************************************************* contents */
#contents{
	width: 980px;
	margin: 0 auto;
}
#contents p{
	font-size: 95%;
	margin: 0 0 1.5em 0;
}
#contents h1{
	font-size: 150%;
	font-weight: normal;
	padding: 39px 0 30px 100px;
	line-height: 1.1em;
	color: #000;
}
#contents hr{
	clear: both;
	margin: 18px 0px 18px 0px;
	padding: 0px;
	border: none;
	border-bottom: 1px dotted #666;
	color: #FFF;
	background-color: #FFF;
}

/* breadcrumbs */
#contents #breadcrumbs{
	float: right;
	font-size: 80%;
	text-align: right;
	padding-top: 5px;
}

/* nav common */
#contents .nav{
	width: 730px;
	margin: 0 auto 100px auto;
	padding: 50px 0 0 0;
}
#contents .nav ul{
	width: 730px;
}
#contents .nav ul li{
	list-style: none;
	display: block;
	width: 730px;
	height: 105px;
	padding: 0;
	margin-bottom: 16px;
	font-size: 95%;
}
#contents .nav ul li a{
	display: block;
	width: 553px;	/* 730px */
	height: 49px;	/* 105px */
	padding: 56px 64px 0 113px;
	overflow: hidden;
	color: #333;
	text-decoration: none;
}

/* box common */
#contents .box{
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	background-color: #F4F4F4;
	width: 900px;
	margin: 0 auto 14px auto;
}
#contents .box h2{
	width: 900px;
}
#contents .box h2 a{
	display: block;
	width: 842px;	/* 900px */
	padding: 18px 0 20px 58px;
	font-size: 112%;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	line-height: 1.1em;
	background: url(../images/box_up.jpg) 22px 22px no-repeat;
}
#contents .box h2 a.box-hide{
	background: url(../images/box_down.jpg) 22px 22px no-repeat;
}
#contents .box .box-inner{
	padding: 0 24px 30px 24px;
}

#contents .box-plain{
	width: 900px;
	margin: 0 auto 14px auto;
}

/*
h2{
	font-size: 135%;
	font-weight: bold;
	margin: 0 0 1em 0;
}
h3{
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 1em 0;
}
*/

/* table */
table.tbl-plain{
}
table.tbl-plain tr{
}
table.tbl-plain tr th{
	padding: 3px;
	white-space: nowrap;
}
table.tbl-plain tr td{
	padding: 3px;
}
table.tbl-plain tr td.tdRight{
	text-align: right;
}

table.tbl-list{
	margin: 0px auto 1em auto;
	width: 100%;
	background-color: #FFFFFF;
	text-align: left;
	/*border-collapse: collapse;
	border: 1px solid #999;*/
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
table.tbl-list tr{
}
table.tbl-list tr th{
	background-color: #999;
	text-align: center;
	vertical-align: center;
	font-size: 95%;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFF;
	/*border: 1px solid #FFF;*/
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 3px 5px;
	white-space: nowrap;
}
table.tbl-list tr th:last-child{
	border-right: none;
}
table.tbl-list tr td{
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: center;
	font-size: 95%;
	line-height: 1.5em;
	font-weight: normal;
	color: #333333;
	/*border: 1px solid #999;*/
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 3px 5px;
}
table.tbl-list tr td.tdCenter{
	text-align: center;
}

/* form-type1 */
.form-type1{
	line-height: 2.0em;
}
.form-type1 input[type="text"], input[type="password"], input[type="file"]{
	border: 2px solid #CCCCCC;
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(246, 246, 246)), color-stop(1, rgb(255, 255, 255)));
	background-image: -moz-linear-gradient(-90deg,rgb(246, 246, 246) 0%, rgb(255, 255, 255) 100%);
	background-image: linear-gradient(-90deg,rgb(246, 246, 246) 0%, rgb(255, 255, 255) 100%);
	padding: 4px 18px;
	font-size: 116%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.form-type1 select{
	border: 2px solid #CCCCCC;
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(246, 246, 246)), color-stop(1, rgb(255, 255, 255)));
	background-image: -moz-linear-gradient(-90deg,rgb(246, 246, 246) 0%, rgb(255, 255, 255) 100%);
	background-image: linear-gradient(-90deg,rgb(246, 246, 246) 0%, rgb(255, 255, 255) 100%);
	padding: 4px 4px 4px 18px;
	font-size: 116%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.form-type1 input[type="submit"],
.form-type1 button{
	border: 2px solid #CCCCCC;
	border-radius: 5px;
	background-color: #F0F0F0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(249, 249, 249)), color-stop(1, rgb(230, 230, 230)));
	background-image: -moz-linear-gradient(-90deg,rgb(249, 249, 249) 0%, rgb(230, 230, 230) 100%);
	background-image: linear-gradient(-90deg,rgb(249, 249, 249) 0%, rgb(230, 230, 230) 100%);
	padding: 4px 36px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 116%;
	color: #333333;
	text-shadow: 1px 1px 0px rgb(177, 177, 177);
	cursor: pointer;
}
.form-type1 input[type="submit"]:hover,
.form-type1 button:hover{
	background-color: #E0E0E0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(230, 230, 230)), color-stop(1, rgb(249, 249, 249)));
	background-image: -moz-linear-gradient(-90deg,rgb(230, 230, 230) 0%, rgb(249, 249, 249) 100%);
	background-image: linear-gradient(-90deg,rgb(230, 230, 230) 0%, rgb(249, 249, 249) 100%);
}

/************************************************* notice */
#notice-box-wrapper{
	display: none;
	position: fixed;
	left: 0px;
	top: -1px;
	width: 100%;
	z-index: 39999;
}
#notice-box-wrapper #notice-box{
	color: #FFF;
	background: #333;
	border-bottom: 5px solid #F66;
}
#notice-box-wrapper #notice-box #notice-message{
	padding: 40px 20px 0 20px;
	font-size: 14px;
	text-align: center;
}
#notice-box-wrapper #notice-box #notice-close{
	padding: 20px;
}
#notice-box-wrapper #notice-box #notice-close a{
	display: block;
	width: 100%;
	padding: 8px 0px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background-color: #EEE;
	border: 2px solid #999;
	border-radius: 5px;
	color: #333;
	text-decoration: none;
}
#notice-box-wrapper #notice-box #notice-message a{
	text-decoration: underline;
	color: #FFF;
}
#notice-box-wrapper #notice-box #notice-message table.tbl-notice{
	margin: 0px auto 1em auto;
	width: 97%;
	background-color: #FFFFFF;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #F99;
}
#notice-box-wrapper #notice-box #notice-message table.tbl-notice tr th{
	background-color: #DDDDDD;
	text-align: center;
	vertical-align: top;
	font-size: 95%;
	line-height: 1.5em;
	font-weight: bold;
	color: #333333;
	border: 1px solid #FCC;
	padding: 3px 5px;
	white-space: nowrap;
}
#notice-box-wrapper #notice-box #notice-message table.tbl-notice tr td{
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-size: 95%;
	line-height: 1.5em;
	font-weight: normal;
	color: #333333;
	border: 1px solid #FCC;
	padding: 3px 5px;
}
#notice-box-wrapper #notice-box #notice-message table.tbl-notice tr td.uline{
	border-top-color: #F99;
}
#notice-box-wrapper #notice-box #notice-message table.tbl-notice tr td.nowrap{
	white-space: nowrap;
}
#notice-box-wrapper #notice-box #notice-message table.tbl-notice tr td.tdCenter{
	text-align: center;
}

/************************************************* other */
.tex-center{
	text-align: center;
}
.tex-right{
	text-align: right;
}
.tex-left{
	text-align: left;
}
.floatL{
	float: left;
}
.floatR{
	float: right;
}
.clear{
	clear: both;
}
.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 */

.banner_365{
	float: right;
	padding: 10px;
	background-color: #FFF;
}
.banner_365 a.img365{
	float: left;
	padding: 0 10px;
}
.banner_365 a{
	font-size: 13px;
	line-height: 1.8em;
}