@charset "utf-8";

/* ----------------------------------------
CSS Information

 Summary:		all styles
 Created:		2009-3-30
 Lust update:	2009-3-30 by imamura
 Author:		Kousuke Imamura(admin)
 Style Info:	CSS
------------------------------------------ */

/*-----------------------
__Deafault style clear
------------------------*/

*{
	margin:0;
	padding:0;
}

body{
	font-size:74.5%;
	font-family:Meiryo,Osaka,verdana,arial,sans-serif;
	background:#F7F5E8;
	text-align:center;
	color:#333;
	line-height:1.5;
}


/* other ----------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

ul{list-style-type:none;}
legend {text-indent:-9999px;}
address{color:#fff; font-size:10px;}
caption {display:none;}
img {border:0;}
a img {border:0;}
em, strong {font-weight:bold;}
em {color:#333;}
b {font-weight:bold;}
i {font-style:italic;}
s {text-decoration:line-through;}
u {text-decoration: underline;}

p {font-size:14px; padding:5px 5px; line-height:1.4;}


/* LinkColor ------------------------------*/
a {color:#03F; text-decoration:underline;}
a:visited {color:#03F;}
a:hover {color:#F00;}
a:active {color:#F00;}


/* Clear -----------------------------------*/
.clear {
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

*html .clear{border-bottom:none;}


/*-----------------------------
__wrap
-------------------------------*/
#wrapper {
	width:810px;
	margin:0 auto;
	background:#FFF url(../img/mainbg.gif) repeat-y;
	text-align:left;
	position:relative;
	border:1px solid #ccc;
	border-top:none;
	border-bottom:none;
}

#wrapper span {font-weight:bold;}

.Box700 {
	width:700px;
	margin:0 auto 10px auto;
}

.Box700_h h2{
	font-size:16px;
	background:#CF9;
	width:700px;
	font-weight:bold;
}

.Box700_line {
	width:700px;
	margin:0 auto 20px auto;
	border-top:1px solid #090;
}

.Box700_line p{
	font-size:14px;
	font-weight:bold;
	color:#00F;
}


.Box700_h {
	width:700px;
	margin:20px auto 10px auto;
	text-align:center;
	border:1px solid #060;
}

.Box700_h h2{
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	margin-bottom:20px;
	padding:10px 0;
	background-color: #6DAFDC;
}

.Box650 {
	width:650px;
	margin:10px auto;
	text-align:left;
}

.Box650 img{float:left; margin-right:15px;}
.Box650 p{font-size:16px;}
.Box650 h3{font-size:24px; color:#000; font-weight:bold;}



/*
__header
------------------------*/

#header {
	position:relative;
	width:800px;
	height:260px;
	background:url(../img/header_bg.jpg) top left no-repeat;
	margin:0 auto;
	overflow:hidden;
}

#header h1 {
	width:100%;
	font-size:12px;
	padding-left:10px;
	line-height:2.0;
	text-align:left;
	color:#fff;
	background-color: #6DAFDC;
}

#header img {
	position:absolute;
	top:30px;
	left:0px;
}

/*
__Global Navigation
------------------------*/

#global{
	position:absolute;
	top:190px;
	right:0px;
	width:800px;
	height:60px;
}

#global ul li{
	list-style-type:none;
	width:160px;
	height:60px;
	float:left;
}
#global a{
	display:block;
	height:100%;
	text-indent:-9999px;
}

#global a:focus{
/**/
	overflow: hidden;
/**/
}

li.home {background:url(../img/navi/top.jpg);}
li.home a {background:url(../img/navi/top.jpg);}
li.home a:hover {background:url(../img/navi/top_on.jpg);}

li.merit1 {background:url(../img/navi/merit1.jpg);}
li.merit1 a {background:url(../img/navi/merit1.jpg);}
li.merit1 a:hover {background:url(../img/navi/merit1_on.jpg);}

li.merit2 {background:url(../img/navi/merit2.jpg);}
li.merit2 a {background:url(../img/navi/merit2.jpg);}
li.merit2 a:hover {background:url(../img/navi/merit2_on.jpg);}

li.merit3 {background:url(../img/navi/merit3.jpg);}
li.merit3 a {background:url(../img/navi/merit3.jpg);}
li.merit3 a:hover {background:url(../img/navi/merit3_on.jpg);}

li.merit4 {background:url(../img/navi/merit4.jpg);}
li.merit4 a {background:url(../img/navi/merit4.jpg);}
li.merit4 a:hover {background:url(../img/navi/merit4_on.jpg);}


table.con {
	width:504px;
	border:2px solid #EC8513;
	text-align:left;
	margin-bottom:20px;
}

table.con td {
	padding:3px;
	width:250px;
	font-weight:bold;
}


#copy {
	width:720px;
	margin:0 auto;
	border:1px solid #999;
	background:#FFC;
	text-align:center;
}

#copy p{font-size:16px; font-weight:bold; color:#900;}


#merit_h {
	width:720px;
	margin:10px auto;
	border:1px solid #999;
	background:#FFC;
	text-align:left;
}

#merit_h p{font-size:18px; font-weight:bold; color:#900;}

#merit_h02 {
	width:720px;
	margin:10px auto;
	border:1px solid #999;
	text-align:left;
	background-color: #C8F4FF;
}

#merit_h02 p{font-size:16px; font-weight:bold; color:#900;}

#footer {
	width:800px;
	margin:50px auto 0 auto;
	padding:5px 0;
	text-align:center;
	background-color: #6DAFDC;
}