@charset "shift_jis";
/* ====================================================================



   Style Info: ブラウザスタイルのリセットと基本設定 

 

==================================================================== */



/* ----- Browser Default Initialization ----- */



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



body, div, p,  h1, h2, h3, h4, h5, h6,  dl, dt, dd, ul, ol, li,  pre, form, input, textarea, select, iframe {
	margin: 0;
	padding: 0;
}
hr {
	display: none;
}
img {
	border: 0;
}
li img {
	vertical-align: top;
}
body {
	color: #191919;
}
body, th, td, p {
	font: normal normal 13px/1.5em 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
html, body {
	height: 100%;
}
/* ----- A Style ----- */



a:link {
	color: #0066ff;
	text-decoration: none;
}
a:visited {
	color: #0066ff;
	text-decoration: none;
}
a:hover {
	color: #003399;
	text-decoration: none;
}
/* ----- Form ----- */



form label { /* ラジオボタン */
	cursor: pointer;
}
form textarea {
	width: 99%;
	font-size: 13px;
}
.ip_s {
	width: 200px;
}
.ip_m {
	width: 300px;
}
.ip_l {
	width: 99%;
}
/* ====================================================================



   Style Info: ベース

 

==================================================================== */



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

   wp

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



#wp {
	min-width: 840px;
	width: 100%;
	height: 100%;
	min-height: 668px;
	text-align: center;
}
#wp_b:after, #wp:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
/* --------------------------------------------

   header

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



#header {
	width: 840px;
	margin: 0 auto;
	padding-top: 15px;
}
#header object {
	width: 840px;
	height: 130px;
}
#header h1 {
	width: 814px;
	height: 20px;
	margin: 0 auto;
	color: #ffffff;
	font-size: 13px;
	text-align: left;
	font-weight: normal;
}

.logo {
	background-image:url(../image/navi/logo.png);
	width:318px;
	height:60px;
	display:block;
	position:relative;
	float:left;
	margin-left:4px;
}

.logo a {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	z-index:99;
}

nav {
	position:relative;
	height:143px;
}

nav ul.sub-navi {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:30px;
	right:1px;
}

nav ul.sub-navi li {
	height:24px;
	display:block;
	float:left;
	margin-right:10px;
	position:relative;
	z-index:99;
	transition:0.3s;
}

nav ul.sub-navi li a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

nav ul.sub-navi li.navi01 { background-image:url(../image/navi/submenu01_off.png); width:82px; }
nav ul.sub-navi li.navi06 { background-image:url(../image/navi/submenu06_off.png); width:82px; }
nav ul.sub-navi li.navi02 { background-image:url(../image/navi/submenu04_off.png); width:102px; }
nav ul.sub-navi li.navi03 { background-image:url(../image/navi/submenu05_off.png); width:82px; }
nav ul.sub-navi li.navi04 { background-image:url(../image/navi/submenu02_off.png); width:79px; }
nav ul.sub-navi li.navi05 { background-image:url(../image/navi/submenu03_off.png); width:79px; }

nav ul.sub-navi li.navi01:hover { background-image:url(../image/navi/submenu01_on.png); }
nav ul.sub-navi li.navi06:hover { background-image:url(../image/navi/submenu06_on.png); }
nav ul.sub-navi li.navi02:hover { background-image:url(../image/navi/submenu04_on.png); }
nav ul.sub-navi li.navi03:hover { background-image:url(../image/navi/submenu05_on.png); }
nav ul.sub-navi li.navi04:hover { background-image:url(../image/navi/submenu02_on.png); }
nav ul.sub-navi li.navi05:hover { background-image:url(../image/navi/submenu03_on.png); }

nav ul.main-navi {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	clear:both;
	padding-left:11px;
	padding-top:2px;
}

nav ul.main-navi li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	transition:0.3s;
	position:relative;
	height:64px;
}

nav ul.main-navi li a {
	width:100%;
	height:100%;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	top:0;
	left:0;
	position:absolute;
}

nav ul.main-navi li.navi01 { background-image:url(../image/navi/navi01_off.png); width:167px; }
nav ul.main-navi li.navi02 { background-image:url(../image/navi/navi02_off.png?0530); width:162px; }
nav ul.main-navi li.navi03 { background-image:url(../image/navi/navi03_off.png); width:162px; }
nav ul.main-navi li.navi04 { background-image:url(../image/navi/navi04_off.png); width:162px; }
nav ul.main-navi li.navi05 { background-image:url(../image/navi/navi05_off.png); width:165px; }

nav ul.main-navi li.navi01:hover { background-image:url(../image/navi/navi01_on.png); }
nav ul.main-navi li.navi02:hover { background-image:url(../image/navi/navi02_on.png); }
nav ul.main-navi li.navi03:hover { background-image:url(../image/navi/navi03_on.png); }
nav ul.main-navi li.navi04:hover { background-image:url(../image/navi/navi04_on.png); }
nav ul.main-navi li.navi05:hover { background-image:url(../image/navi/navi05_on.png); }


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

   main

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



#main {
	width: 840px;
	margin: 0 auto;
	padding-bottom: 5px;
	background: url(../image/main_back.png) repeat-y left top;
}
#main:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
/*#main_top {

		width:840px;

		height:19px;

		line-height:0;

		font-size:0;

		margin:5px auto 0 auto;

		background:url(../image/main_top.png) no-repeat left top;

		}*/

#main_top {
	width: 840px;
	height: 19px;
	line-height: 0;
	font-size: 0;
	margin: 0 auto;
	background: url(../image/main_top.png) no-repeat left top;
}
#main_bottom {
	width: 840px;
	height: 19px;
	line-height: 0;
	font-size: 0;
	margin: 0 auto;
	background: url(../image/main_bottom.png) no-repeat left top;
}
/* --------------------------------------------

   copy

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



#copy {
	width: 818px;
	margin: 0 auto;
	padding: 15px 0 30px 0;
	padding-bottom:40px;
	text-align: left;
	position:relative;
}
.ssl-seal {
	position:absolute;
	top:15px;
	right:2px;
  width: 70px;
}
#copy p {
	font-size:12px;
	position:absolute;
	right:88px;
	top:13px;
}

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

   footer

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



#footer {
	width: 100%;
	height: 20px;
	color: #1050FF;
	background-color: #B0C4ff;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 4px 0;
}