@charset "iso-8859-1";

/*----------------------------------------------------------------*/
/*------------------------------Base------------------------------*/
/*----------------------------------------------------------------*/
html,body {	height: 100%; }
body{
	font-family: Arial, Verdana, sans-serif;
	font-size: 75%;
	color: #2F2F2F;
	text-align:center;
	line-height:1.4em;
	margin: 0;
	padding:0;}

h1,h2,h3,h4,h5,h6,
ul,ol,dl,dt,dd,p {
    margin	: 0;
    padding	: 0;}
p {
	text-align: left;
	margin-bottom: 25px;}

ul,ol {
	margin	: 0 0 0 25px;
	padding	: 0;}

.clear{ clear: both; visibility: hidden; height: 0px;}

.border {
	border:1px solid #CCC;}

/*** link ***/
a:link { color: #2F2F2F; text-decoration: underline;}
a:visited { color: #2F2F2F; text-decoration: underline;}
a:hover { color: #6F6F6F; text-decoration: underline;}

/*** font ***/
.red { color:#DB0000; }
.white { color:#FFF; }
.bold { font-weight: bold;}

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

/*** print ***/
@media print{
body{
	zoom: 70%;
	background: none;}
}

/***title***/
h2{
	text-align: left;
	margin:0 0 20px 0;}
h3{
	margin:0 0 15px 0;
	clear: both;}
h4{
	text-align: left;
	color: #0095C6;
	width:634px;
	margin:0 auto 10px;
	font-size: 130%;}


/*----------------------------------------------------------------*/
/*----------------------------layout------------------------------*/
/*----------------------------------------------------------------*/
#head{
	width: 900px;
	height: 65px;
	margin: 0 auto;}

#logo {
	float: left;
	padding: 12px 0 0 1px;}

ul.head_linkbox {
	float: right;
	margin: 38px 0 0 0;
	list-style: none;}
	ul.head_linkbox li {
	float: left;
	margin: 0 0 0 15px;
	background: url(../common_images/arrow01.gif) 0px 5px no-repeat;
	padding-left: 10px;}

#headmenu {
	margin: 0 auto 10px;
	height: 42px;
	background: url(../common_images/gnavi_bg.gif) left top repeat-x;}
#headmenu ul {
	margin:0 auto;
	padding:0;
	width: 900px;}
#headmenu li {
	list-style: none;
	float: left;
	margin:0;
	padding:0;}
	
#contents {
	margin: 0 auto;
	width: 900px;
	min-height: 60%;}	
* html #contents { height: 60%; }

#foot{
	position: relative;
	width: 900px;
	margin: 0 auto;
	height: 145px;
	background: url(../common_images/foot.gif) left bottom no-repeat;}

.foot_pagetop {
	position: absolute;
	right: 21px;}
#foot_logo{
	position: absolute;
	bottom: 21px;
	right: 21px;
	padding: 0;
	margin: 0;}
#foot_copy{
	position: absolute;
	left: 6px;
	bottom: 2px;
	padding: 0;
	margin: 0;}

/*----------------------------------------------------------------*/
/*---------------------common contents----------------------------*/
/*----------------------------------------------------------------*/
#bread {
	font-size: 11px;
	text-align: left;
	margin-bottom: 10px;}

.pagetop {
	text-align:right;
	margin: 0 15px 0 0;}
.copy {
	color: #0095C6;
	font-size: 170%;
	line-height: 1.2em;
	margin:0 15px 25px 15px;}
.copy .small {
	font-size: 65%;}


.text_center{
	clear:both;
	text-align: center;}
.text_center02{
	text-align: center;
	clear:both;
	height:20px;
	margin:165px 0;}

.text { margin:0 15px 25px 15px;}
.text_indent {
	text-indent:0.5em;
	margin:0 15px 25px 15px;}

/***margin***/
.mrg_b0 { margin-bottom: 0px;}
.mrg_b15 { margin-bottom: 15px;}