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

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

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

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

#footer{
	position:relative;
	margin-top:-43px; /* negative value of footer height */
	height:43px;
	clear:both;
	background-image:url(img/bg_gray.gif);
	}

/* 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 */

#foot{
	margin:auto;
	padding:0;
	width:795px;
	text-align:left;
	}

#footcontent{
	margin:0;
	padding:13px 0 0 0;
	font-size:10px;
	list-style:none;
	color: #FFFFFF;
	}

.piped a{
	border-left:1px solid #797c80;
	padding:0 0 0 10px;
	margin-left:10px;
	}
	
.piped a.first{
	border-left:0 !important;
	padding-left:0;
	margin-left:20px !important;
	}

#footcontent a:LINK{
	text-decoration:underline;
	color:#b3fcd3;
	}

#footcontent a:VISITED{
	text-decoration:underline;
	color:#b3fcd3;
	}

#footcontent a:HOVER{
	text-decoration:underline;
	color:#02d35f;
	}

#footcontent a:ACTIVE{
	text-decoration:underline;
	color:#b3fcd3;
	}

#footcontent .here{
	text-decoration:underline;
	color:#999;
	}

/*------------------------ COMMON Part ------------------------*/

body{
	background-color:#ebf8f0;
	background-position:center top;
	background-image:url(img/bg_white.gif);
	background-position:left top;
	background-repeat:repeat-x;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}


p{
	font-size: 9pt;
	line-height: 13pt;
	}

img{
	border:none;
	}

p a:LINK{
	text-decoration:none;
	color:#000;
	}

p a:VISITED{
	text-decoration:none;
	color:#000;
	}

p a:HOVER{
	text-decoration:none;
	color:#00a03c;
	}

p a:ACTIVE{
	text-decoration:none;
	color:#000;
	}

p .here{
/*
	margin:0 0 0 18px;
	padding:6px 0;
	list-style:none;
	font-size:10px;
	display:block;
*/
	color:#999;
	}


/*------------------------ HEADER Part ------------------------*/
#header{
	margin:auto;
	padding:0;
	width:795px;
	text-align:left;
	}

#header_intl{
	margin:0;
	padding:0;
	height:24px;
	position:relative;
	top:8px;
	text-align:right;
	font-size:8pt;
	color:#999;
	letter-spacing:0.1em;
	}
	
#header_intl a:LINK{
	text-decoration:none;
	color:#999;
	}

#header_intl a:VISITED{
	text-decoration:none;
	color:#999;
	}

#header_intl a:HOVER{
	text-decoration:none;
	color:#00a03c;
	}

#header_intl a:ACTIVE{
	text-decoration:none;
	color:#999;
	}


/*------------------------ LOGO Part ------------------------*/
#logo{
	margin:0;
	padding:0;
	}

#logo img{
	border:none;
	}


/*------------------------ TOP MENU Part ------------------------*/

#top_menu{
	margin:0;
	padding:0;
	text-align:right;
	}

#top_menu ul{
	margin:0;
	padding:0 18px 0 0;
	float:right;
	}
	
#top_menu li{
	margin:0;
	padding:0;
	float:left;
	font-size:8pt;
	list-style:none;
	text-align:center;
	}

#top_menu a:LINK{
	margin:0 0 0 18px;
	padding:6px 0;
	text-decoration:none;
	display:block;
	color:#000;
	}

#top_menu a:VISITED{
	margin:0 0 0 18px;
	padding:6px 0;
	text-decoration:none;
	display:block;
	color:#000;
	}

#top_menu a:HOVER{
	margin:0 0 0 18px;
	padding:6px 0;
	text-decoration:none;
	display:block;
	color:#00a03c;
	}

#top_menu a:ACTIVE{
	margin:0 0 0 18px;
	padding:6px 0;
	text-decoration:none;
	display:block;
	color:#000;
	}

#top_menu .here{
/*
	margin:0 0 0 18px;
	padding:6px 0;
	list-style:none;
	font-size:10px;
	display:block;
*/
	color:#999;
	}


/*------------------------ Body Part ------------------------*/

#clearance{
	padding:0;
	clear:both;
	margin-top: 65px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}

#bodymain{
	padding:0;
	width:795px;
	text-align:left;
	margin: auto;
	height: auto;
	}

.bodyleft{
	padding:0;
	width:220px;
	text-align:left;
	margin:auto;
	height:auto;
	float:left;
	}

.bodyright{
	padding:0;
	width:575px;
	text-align:left;
	margin:auto;
	height:auto;
	float:right;
	}

.sidemenu{
	margin-top:10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:20px;
	display:block;
	padding:0;
}

.clr40{
	padding:0;
	clear:both;
	margin-top:40px;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	display:block;
	}

.prfl_left{
	padding:0;
	width:100px;
	display:block;
	margin-top:0;
	margin-right:0;
	margin-bottom:16px;
	margin-left:0;
	float:left;
	clear:both;
	}

.prfl_right{
	padding:0;
	width:420px;
	display:block;
	margin-top:0;
	margin-right:0;
	margin-bottom:16px;
	margin-left:0;
	float:left;
	}

.sm_left{
	padding:0;
	width:160px;
	display:block;
	margin-top:0;
	margin-right:0;
	margin-bottom:16px;
	margin-left:0;
	float:left;
	clear:both;
	}

.sm_right{
	padding:0;
	width:360px;
	display:block;
	margin-top:0;
	margin-right:0;
	margin-bottom:16px;
	margin-left:0;
	float:left;
	}

#contentc {
	position:absolute;
	top:50%;
	left:50%;
	width:695px;
	height:309px;
	text-align:center;
	margin-top: -155px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -350px;
}

.err_left{
	padding:0;
	width:400px;
	display:block;
	margin-top:0;
	margin-right:0;
	margin-bottom:8px;
	margin-left:0;
	float:left;
	clear:both;
	color: #C00;
	font-weight: bold;
	}


/*------------------------ TEXT Style Part ------------------------*/

.rdtxt{
	color: #C00;
	}


/*------------------------ FORM Part ------------------------*/

input[type="text"]{
	width:300px;
	border:1px solid #999;
	padding:2px;
	-moz-border-radius:4px;
	}

input[type="text"]:focus{
	border-color:#777;
	}
	
textarea{
	width:300px;
	border:1px solid #999;
	padding:2px;
	-moz-border-radius:4px;
	}

textarea:focus{
	border-color:#777;
	}

input[type="submit"]{
	cursor:pointer;
	border:1px solid #999;
	padding:5px;
	-moz-border-radius:4px;
	background:#eee;
	}

input[type="submit"]:hover,

input[type="submit"]:focus{
	border-color:#333;
	background:#ddd;
	}

input[type="submit"]:active{
	margin-top:1px;
	}

input[type="button"]{
	cursor:pointer;
	border:1px solid #999;
	padding:5px;
	-moz-border-radius:4px;
	background:#eee;
	}

input[type="button"]:hover,

input[type="button"]:focus{
	border-color:#333;
	background:#ddd;
	}

input[type="button"]:active{
	margin-top:1px;
	}