@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{
	width:637px;
	color:#000099;
	font-size:200%;
	line-height:1.0em;
	background:url(../common_images/h2_bg_csr.jpg) no-repeat;
	border-top:3px solid #B9B9B9;
	border-bottom:1px solid #B9B9B9;
	padding:13px 15px 12px 12px;
	margin:0 0 20px 0;
	text-align: left;}
h3{
	width:632px;
	font-size:120%;
	line-height:1.0em;
	color:#000099;
	background:url(../common_images/h3_bg_csr.gif) bottom repeat-x;
	padding:6px 0 13px 2px;
	margin:0 auto 15px auto;
	text-align:left;
	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;
	color:#787878;
	font-size:20px;
	margin: 25px 0 0 0;
	}

#headmenu {
	margin: 0 auto 10px;
	padding:3px 0 0 0;
	height: 39px;
	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: 118px;
	background: url(../common_images/foot.gif) left bottom no-repeat;}

.foot_pagetop {
	font-size:10px;
	position: absolute;
	left: 6px;}
#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;}