@charset "shift_jis";

/*-------------------------------------------
	Shared
-------------------------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	background:#FFFFFF;
	text-align: center;
	margin:0;
	padding:0;
	
	color: #333333;	
}

html {
	overflow-y:scroll;
	100%;
}




body {
  font-size: 80%; /* IE */
}
html>/**/body {
  font-size: 12px; /* Except IE */
}



a:link {
	color: #0066CC;
}

a:visited {
	color: #006666;
}
a:hover {
	color: #FF6600;
}
a:active {
	color: #FF6600;
}


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



img {
	border: none;
}


/*-------------------------------------------
	font color
-------------------------------------------*/
.red {
	color: #CC0000;
}
.blue {
	color: #0099CC;
}
.green {
	color: #669900;
}
.purple {
	color: #666699;
}

/*-------------------------------------------

-------------------------------------------*/
#wrapper {
	margin:0 auto;
	padding:0;
	text-align: left;
	width: 565px;
	background:#ffffff;
}


/*-------------------------------------------

-------------------------------------------*/
#ancher_area {
	display: none;
}


/*-------------------------------------------

-------------------------------------------*/
#header {
	width: 565px;
}

#logo {
	width: 415px;
	float:left;
}

/*  */
#subnavi_area {
	width: 150px;
	float:left;
}

/**/
#lang {
	/*width: 340px;*/
	margin: 6px 0px 0px 0px;
	text-align: right;
	
	/*background: #0093D3;*/
}
#lang ul {
	margin:0px;
	padding:0px;
	font-size: 1px;
	line-height: 100%;
}

#lang li {
	display: inline;
	margin:0px;
	padding:0px;
}


/*  */
#subnavi {
	/*width: 340px;*/
	margin: 10px 0px 0px 0px;
	text-align: right;
	
	/*background: #0093D3;*/
}
#subnavi ul {
	margin:0px;
	padding:0px;
	font-size: 1px;
	line-height: 100%;
}
#subnavi li {
	display: inline;
	margin:0px 0px 0px 0px;
	padding:0px;
}

/*-------------------------------------------
	
-------------------------------------------*/
#contents_area {
	width: 565px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	
	background: #6AD5F8;
}

/*  */
#leftbox {
	width: 190px;
	margin: 0px;
	padding: 0px;
	float:left;
}

#rightbox {
	width: 555px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

/*  */
#rightbox_body {
	width:555px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #FFFFFF;
	/*background: #FFFFFF url(../img/bg_contents_body.gif) repeat-y left top;*/
}

.section {
	width: 535px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	
	/*
	background:#FF0000;
	*/
}


/**/
#rightbox_body #topicpath {
	margin: 5px 10px;
}
#rightbox_body #topicpath li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}
#rightbox_body #topicpath li a {
	padding-right:10px;
	background:url(../img/arrow_path.gif) no-repeat right center;
}


/**/
h1 {
	margin: 0px;
	padding: 0px;
}

h2 {
	margin: 10px 0px 15px 0px;
	padding: 0px;
}


h3 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

p {
	margin: 0px 10px 25px 10px;
	padding: 0px 0px;
	line-height: 2;
}


/**/
#rightbox_body .b_pagetop {
	text-align: right;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}
/**/
.dotline {
	margin: 15px 0px 5px 0px;
}

/**/
#menu_area {
	width: 190px;
}
#menu_area ul {
	margin:0;
	padding:0;
	font-size: 1px;
	line-height: 100%;	
}
#menu_area li {
	margin:0px 0px 3px 0px;
	padding:0;
	list-style:none;
}
#menu_area li div {
	margin-top: 3px;
}


/*-------------------------------------------
	
-------------------------------------------*/

#footerarea	{
	width: 555px;
	margin: 5px 0px 0px 0px;
	padding: 0px 10px;
	
	/*background:#FF0000;*/
}

/**/
.banner {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: right;

}
.banner_text {
	width: 333px;
	color: #666666;
	font-size: 85%;
	line-height: 1.4;
	float: right;
}


/**/
#copyright {
	width: 555px;
	margin: 5px 0px 0px 0px;
	padding: 0px 10px;
	
	color: #666666;
	font-size: 85%;
	
	text-align: center;	
}