/**
 * 
 * @version 
 * @author 
 */

/** Universal Reset

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

body{
	margin: 0;
	padding: 0;
	font-family: Lucida Grande, "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #4B5D6B;
	background-color:#DDE4EB;
}
* html body {
	font-size: 100%;
}
*+html body {
	font-size: 100%;
}
html, body {
	height: 100%;
}

h1,h2,h3,h4,h5,h6,p,dl,dt,dd{
	margin: 0;
	padding:0;
}
ul,ol,li {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {	
	border: 0;
	vertical-align:bottom;
}
a {
	border: 0;
	color: #4B5D6B;
	text-decoration:none;
}
a:focus {
	-moz-outline-style: none;
}
sub{
	position: relative;
    top:-0.2em;
	font-size:77%;
}

/** Utility
-----------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 1%;
}
* html .clearfix {zoom:1;}
*+html .clearfix {zoom:1;}

/** Common Layout
-----------------------------------------*/
#wrapper{
	width: 900px;
	margin:0 auto;
}
#contents{
	padding:10px 10px 40px 10px;
	min-height:400px;
	_height:400px;
	border-left:#BBC0C4 1px solid;
	border-right:#BBC0C4 1px solid;
	background-color:#FFF;
}
#container{
	padding:0 10px;
}

/** Header
-----------------------------------------*/
#header{
	padding:10px 0 0 0;
	position:relative;
	height:65px;
}
#header #headerlogo{
	position:absolute;
	left:-10px;
	top:10px;
}
#header #headermenu{
	position:absolute;
	right:0;
	top:25px;
	font-size:77%;
}
#header #headermenu a:hover{
	text-decoration:underline;
}
/** Footer
-----------------------------------------*/
#footer{
	background:url(/img/global/bg_footergif.gif) top repeat-x;
	width:100%;
	position:relative;
	padding-top:10px;
	font-size:11px;
	width:900px;
	clear:both;
	margin:0 auto;
}
#footer #footerlink{
	float:left;
	width:500px;
}
#footer #copyright{
	float:right;
	width:280px;
	text-align:right;
}
#footer a:hover{
	text-decoration:underline;
}

/** PageTop
-----------------------------------------*/
#pagetop{
	background:url(/img/global/bg_pagetop.gif) no-repeat;
	width:885px;
	margin:0 auto;
	text-align:right;
	padding:0 15px 2px 0;
}

/** Global Navi
-----------------------------------------*/
ul#globalnavi {
	height:46px;
	width:880px;
	padding:10px;
	background:url(/img/global/bg_gmenu.gif) top no-repeat;
}

ul#globalnavi li{
	float:left;
	display:inline;
	text-indent:-9876px;
}
ul#globalnavi li a{
	display:block;
	width:147px;
	height:46px;
	background-position:0 0;
	background-repeat: no-repeat;
	overflow:hidden;
}
ul#globalnavi li#gnavi01 a{
	background-image:url(/img/global/gnavi_01.gif);
	width:146px;
}
ul#globalnavi li#gnavi02 a{
	background-image:url(/img/global/gnavi_02.gif);
}
ul#globalnavi li#gnavi03 a{
	background-image:url(/img/global/gnavi_03.gif);
}
ul#globalnavi li#gnavi04 a{
	background-image:url(/img/global/gnavi_04.gif);
}
ul#globalnavi li#gnavi05 a{
	background-image:url(/img/global/gnavi_05.gif);
}
ul#globalnavi li#gnavi06 a{
	background-image:url(/img/global/gnavi_06.gif);
	width:146px;
}
ul#globalnavi li a:hover{
	background-position:0 -46x;
}
body#index ul#globalnavi li#gnavi01 a,
body#about ul#globalnavi li#gnavi02 a,
body#merit ul#globalnavi li#gnavi03 a,
body#start ul#globalnavi li#gnavi04 a,
body#registration ul#globalnavi li#gnavi05 a,
body#login ul#globalnavi li#gnavi06 a{
	background-position: bottom;
	height:51px;
}


/** Text Style
-----------------------------------------*/
#contents h1{
	background:url(/img/global/bg_h1.gif) no-repeat;
	margin-bottom:15px;
	padding:21px 15px 17px 122px;
}

*html #contents h1 span.jpn{
	float:left;
}


/**body#faq #contents h1{
	background:url(/img/global/bg_h1_faq.gif) top no-repeat;
}*/
#contents h1 span.eng{
	float:right;
	width:128px;
}
#contents h1.simple{
	background:url(/img/global/bg_h1s_top.gif) top no-repeat;
	padding:5px 0 0 0;
	font-size:100%;
}
#contents h1.simple span{
	background:url(/img/global/bg_h1s_btm.gif) bottom no-repeat;
	padding:1px 0 6px 14px;
	display:block;
}
.graybar{
	margin:15px 0;
	padding-top:5px;
}
.graybar{
	background:url(/img/global/bg_h2_top.gif) top no-repeat;
}
.graybar h2{
	background:url(/img/global/bg_h2_btm.gif) bottom no-repeat;
	padding:0 5px 5px 10px;
}
.graybar h2{
	position:relative;
}
.graybar h2 a{
	position:absolute;
	top:3px;
	right:10px;
}
#container #btnbox{
	margin:30px 0 15px 0;
	background-color:#F2F2F2;
	border:#BBC0C4 1px solid;
}
#container #btnbox p{
	border:#FFF 1px solid;
	text-align:center;
	padding:15px 0;
}
#container #btnbox p img{
	margin:0 5px;
}
#container .layout2{
	margin-bottom:1em;
}
#container .layout2 .layout2_left{
	float:left;
	width:540px;
}
#container .layout2 .layout2_right{
	float:right;
	width:275px;
	margin-left: 25px;
}
#container .layout2 .layout2_right h5{
	background:url(/img/global/arrow_blue.gif) left 50% no-repeat;
	padding:1px 14px 1px 15px;	
}
#container .layout2 .layout2_right dl{
	border:1px #ccc solid;
	padding: 5px;
	font-size: 0.77em;
}
#container .layout2 .layout2_right dt{
	font-weight: bold;
	margin-bottom: 5px;
	
}

#container .layout2 p{
	margin-bottom:1em;
}
#container p a,
#container li a{
	color:#6198CF;
	text-decoration:underline;
}
#container p a:hover,
#container li a:hover{
	color:#5384AD;
}
#container p.nextpage{
	text-align:right;
}
#container p.sitelink{
	margin-bottom:2em;
}
#container p.sitelink a{
	background:url(/img/global/arrow_blue.gif) right 50% no-repeat;
	padding:1px 14px 1px 0;	
}
*html #contents h1 span.jpn img{
	display:none;
}