@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	letter-spacing: 1px;
	line-height: 22px;
	font-size: 12px;
	font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

html {
    overflow: hidden;
    overflow-y:scroll;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:visited {
	font-size:14px;
	color:#0089C7;
	text-decoration: none;
}

a:link {
	font-size:14px;
	color:#0089C7;
	text-decoration: none;
}

a:hover {
	font-size:14px;
	color:#3C9;
	text-decoration: none;
}

a:active {
	font-size:14px;
	color:#3C9;
	text-decoration: none;
}

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

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

#wrapper {

	width: 100%;
	margin: 0 auto;
}

#container {
	width: 800px;
	margin: 0 auto;
}
#header {
	width: 820px;
}
/*img {
	padding: 0;
	margin: 0;
}*/

#globalNavi {
	margin: 0;
	width:540px;
	height: 172px;
	float: right;
}

#globalNavi li {
	float: left;
	padding: 0 5px 0 0;
}


#globalNavi li a {
	display: block;
	height: 173px;
	_float: left;
	text-indent: -9999px;
}

#globalNavi li.navi01 a {
	width: 174px;
	background: url(../images/menu_01.jpg) no-repeat left top;
}

#globalNavi li.navi01 a:hover {
	background: url(../images/menu_01.jpg) no-repeat left -178px;
}

#globalNavi li.navi02 a {
	width: 173px;
	background: url(../images/menu_02.jpg) no-repeat left top;
}

#globalNavi li.navi02 a:hover {
	background:url(../images/menu_02.jpg) no-repeat left -178px;
}


#globalNavi li.navi03 a {
	width: 174px;
	background: url(../images/menu_03.jpg)  no-repeat left top;
}

#globalNavi li.navi03 a:hover {
	background: url(../images/menu_03.jpg) no-repeat left -178px;
}


.item {
	margin: 10px 10px 10px 0;
	width: 240px;
	padding: 5px;
	float: left;   /*Lazy Load */
	position: relative;
}


.item.e1 {
	width: 240px;
	min-height: 260px;
	float: left;
	border: 1px solid #29AAE1;
	display: table-cell;
	vertical-align: middle;
}

.item.e1 .e_title1 {
	color: #29AAE1;
	font-size: 11px;
	font-weight: bold;
}

.item.e2 {
	width: 240px;
	min-height: 265px;
	float: left;
	border: 1px solid #E85377;
}

.item.e2_end {
	width: 240px;
	min-height: 260px;
	float: left;
	border: 1px solid #FFFFFF;
}

.item.e2 .e_title2 {
	color: #E85377;
	font-size: 11px;
	font-weight: bold;
}

.item.e3 {
	width: 240px;
	min-height: 260px;
	float: left;
	border: 1px solid #F6921E;
}

.item.e3 .e_title3 {
	color: #F6921E;
	font-size: 11px;
	font-weight: bold;
}
	
	
.item.x3 {
    width: 800px;
}

.title {
	width: 450px;
	float: left;
}

.topimage {
	width: 300px;
	margin: 0 0 0 20px;
	float: left;
}

.appimage {
	width: 300px;
	float: left;
}

.table_area {
	width: 490px;
	margin: 0 0 0 10px;
	float: left;
}

.table_area table{
	width: 480px;
	margin: 0 0 20px 0;
	clear: both;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}

.table_area th{
	width: 100px;
	background-color: #E0E0E0;
	padding: 5px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.table_area td{
	padding: 5px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.item img {
	text-align: center;
}

p {
	text-align: left;
	font-size: 12px;
	color: #333333;
}

.item.text p {
	text-align: left;
}

.web_image_left {
	width: 360px;
	padding: 10px;
	float: left;
	border: 1px solid #999999;
}

.web_image_left p{
	margin: 10px;
	text-align: left;
	color: #003BAE;
	font-size: 13px;
}
.web_image_right {
	width: 370px;
	margin: 0 0 0 20px;
	padding: 10px;
	float: right;
	border: 1px solid #999999;
}

.web_image_right p{
	margin: 10px;
	text-align: left;
	color: #003BAE;
	font-size: 14px;
}

.text1 {
	color: #003BAE;
	font-size: 14px;
}

.text2 {
	padding: 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	color: #333333;
	font-size: 30px;
	border-bottom: 1px solid #999999;
}

.text3 {
	font-size: 10px;
}

.text4 {
	color: #FF0000;
	font-size: 10px;
}

.item.footer {
	width: 100%;
	height: 60px;
	margin: 40px 0 -10px 0;
	background-color: #F8FF00;
}

.item.footer p{
	color: #666666;
	text-align: center;
	padding: 25px 0 0 0;
	font-size: 11px;
}

h1 {
	padding: 0 0 10px 0;
	float: left;
}
p#ww {
	text-align: center;
	color: #999;
	font-size: 13px;
}

.item.j1 {
	width: 240px;
	min-height: 255px;
	border: 1px solid #29AAE1;
}

.outer_jm{
  width: 240px;
  min-height: 290px;
  margin: 10px;
  text-align: center;
  float: left;
  border: 1px solid #29AAE1;
  position: relative;  
}

.inner_jm{
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

.title_jm {
	color: #FFFFFF;
	font-size: 14px;
	padding: 5px;
	background: #007FFF;
}

.title_jm a{
	color: #FFFFFF;
	font-size: 14px;
	padding: 5px;
	background: #007FFF;
}

.title_jm a:hover{
	color: #AED6FF;
	font-size: 14px;
	padding: 5px;
	background: #007FFF;
}

.outer_js{
  width: 240px;
  min-height: 290px;
  margin: 10px;
  text-align: center;
  float: left;
  border: 1px solid #39B44A;
  position: relative;  
}

.inner_js{
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

.title_js {
	color: #FFFFFF;
	font-size: 14px;
	padding: 5px;
	background:  #39B44A;
}

.title_js a{
	color: #FFFFFF;
	font-size: 14px;
	padding: 5px;
	background:  #39B44A;
}

.title_js a:hover{
	color: #8CDA97;
	font-size: 14px;
	padding: 5px;
	background:  #39B44A;
}


.outer_em{
  width: 240px;
  min-height: 260px;
  margin: 10px;
  text-align: center;
  float: left;
  border: 1px solid #29AAE1;
  position: relative;  
}

.outer_em{
	color: #FFFFFF;
	
}

.outer_em a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

.outer_em a:link {
	font-size: 16px;
	color:#FFFFFF;
	text-decoration: none;
}

.outer_em a:hover {
	color: #B1D8F9;
	text-decoration: none;
}

.outer_em a:active {
	color:#FFFFFF;
	text-decoration: none;
}


.inner_em{
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

.title_em {
	color: #FFFFFF;
	font-size:15px;
	padding: 5px;
	background: #007FFF;
}

.title_em a {
	color: #FFFFFF;
	font-size:20px;
	padding: 5px;
	background: #007FFF;
}

.outer_es{
  width: 240px;
  min-height: 260px;
  margin: 10px;
  text-align: center;
  float: left;
  border: 1px solid #E85377;
  position: relative;  
}

.outer_es a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

.outer_es a:link {
	font-size: 12px;
	color:#FFFFFF;
	text-decoration: none;
}

.outer_es a:hover {
	color: #B1D8F9;
	text-decoration: none;
}

.outer_es a:active {
	color:#FFFFFF;
	text-decoration: none;
}


.inner_es{
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

.title_es {
	color: #FFFFFF;
	font-size:15px;
	padding: 5px;
	background: #E85377;
}

.outer_el{
  width: 240px;
  min-height: 260px;
  margin: 10px;
  text-align: center;
  float: left;
  border: 1px solid #F6921E;
  position: relative;  
}

.outer_el a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

.outer_el a:link {
	font-size: 12px;
	color:#FFFFFF;
	text-decoration: none;
}

.outer_el a:hover {
	color: #B1D8F9;
	text-decoration: none;
}

.outer_el a:active {
	color:#FFFFFF;
	text-decoration: none;
}

.inner_el{
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

.title_el {
	color: #FFFFFF;
	padding: 5px;
	background: #F6921E;
}

.outer_hp{
  width: 240px;
  min-height: 260px;
  margin: 10px;
  text-align: center;
  float: left;
  border: 1px solid #A60047;
  position: relative;  
}

.outer_hp a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

.outer_hp a:link {
	font-size: 12px;
	color:#FFFFFF;
	text-decoration: none;
}

.outer_hp a:hover {
	color: #A60047;
	text-decoration: none;
}

.outer_hp a:active {
	color:#FFFFFF;
	text-decoration: none;
}

.inner_hp{
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

.title_hp {
	color: #FFFFFF;
	font-size: 15px;
	padding: 5px;
	background: #A60047;
}

.outer_hc{
  width: 240px;
  min-height: 260px;
  margin: 10px;
  text-align: center;
  float: left;
  border: 1px solid #00375F;
  position: relative;  
}

.outer_hc a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

.outer_hc a:link {
	font-size: 12px;
	color:#FFFFFF;
	text-decoration: none;
}

.outer_hc a:hover {
	color: #00375F;
	text-decoration: none;
}

.outer_hc a:active {
	color:#FFFFFF;
	text-decoration: none;
}

.inner_hc {
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

.title_hc {
	color: #FFFFFF;
	font-size: 15px;
	padding: 5px;
	background: #00375F;
}

.outer_hb{
  width: 240px;
  min-height: 260px;
  margin: 10px;
  text-align: center;
  float: left;
  border: 1px solid #8BC356;
  position: relative;  
}

.outer_hb a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

.outer_hb a:link {
	font-size: 12px;
	color:#FFFFFF;
	text-decoration: none;
}

.outer_hb a:hover {
	color: #8BC356;
	text-decoration: none;
}

.outer_hb a:active {
	color:#FFFFFF;
	text-decoration: none;
}

.inner_hb {
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

.title_hb {
	color: #FFFFFF;
	font-size: 15px;
	padding: 5px;
	background: #8BC356;
}

.outer_he{
  width: 240px;
  min-height: 260px;
  margin: 10px;
  text-align: center;
  float: left;
  border: 1px solid #B990BF;
  position: relative;  
}

.outer_he a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

.outer_he a:link {
	font-size: 12px;
	color:#FFFFFF;
	text-decoration: none;
}

.outer_he a:hover {
	color: #B990BF;
	text-decoration: none;
}

.outer_he a:active {
	color:#FFFFFF;
	text-decoration: none;
}

.inner_he {
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

.title_he {
	color: #FFFFFF;
	font-size: 15px;
	padding: 5px;
	background: #B990BF;
}


.outer_hkb{
  width: 240px;
  min-height: 260px;
  margin: 10px;
  text-align: center;
  float: left;
  border: 1px solid #0071bb;
  position: relative;  
}

.outer_hkb a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

.outer_hkb a:link {
	font-size: 12px;
	color:#FFFFFF;
	text-decoration: none;
}

.outer_hkb a:hover {
	color: #0071bb;
	text-decoration: none;
}

.outer_hkb a:active {
	color:#FFFFFF;
	text-decoration: none;
}

.inner_hkb {
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

.title_hkb {
	color: #FFFFFF;
	font-size: 15px;
	padding: 5px;
	background: #0071bb;
}


.item.h1 {
	width: 240px;
	min-height: 240px;
	border: 1px solid #8BC356;
}

.item.h1 .h_title1 {
	color: #A60047;
	font-size: 13px;
	font-weight: bold;
}

.item.h2 {
	width: 240px;
	min-height: 240px;
	border: 1px solid #00375F;
}

.item.h2 .h_title2 {
	color: #00375F;
	font-size: 13px;
	font-weight: bold;
}

.item.h3 {
	width: 240px;
	min-height: 240px;
	border: 1px solid #8BC356;
}

.item.h3 .h_title3 {
	color: #8BC356;
	font-size: 13px;
	font-weight: bold;
}

.item.h4 {
	width: 240px;
	min-height: 240px;
	border: 1px solid #B990BF;
}

.item.h4 .h_title4 {
	color: #B990BF;
	font-size: 13px;
	font-weight: bold;
}

#wrapper_2 {
	position: relative;
	width: 500px;
	margin: 0 auto;
}
#container_2 {
	width: 500px;
	margin: 0 auto;
	position: relative;
}

.table_area_2 {
	width: 500px;
	margin: 0 auto;
	float: left;
}

.table_area_2 table{
	width: 480px;
	margin: 0 0 20px 0;
	clear: both;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}

.table_area_2 th{
	background-color: #E0E0E0;
	padding: 5px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.table_area_2 td{
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#subNavi {
	margin: 0 0 0 30px;
	width:800px;
	height: 100px;
	float: left;
}

#subNavi li {
	float: left;
	padding: 0 15px 15px 0;
}

#subNavi li a {
	display: block;
	height: 100px;
	_float: left;
	text-indent: -9999px;
}

#subNavi li.navi01 a {
	width: 230px;
	background: url(../images/sub_menu01.jpg) no-repeat left top;
}

#subNavi li.navi01 a:hover {
	background: url(../images/sub_menu01.jpg) no-repeat left -103px;
}

#subNavi li.navi02 a {
	width: 230px;
	background: url(../images/sub_menu02.jpg) no-repeat left top;
}

#subNavi li.navi02 a:hover {
	background: url(../images/sub_menu02.jpg) no-repeat left -103px;
}

#subNavi li.navi03 a {
	width: 230px;
	background: url(../images/sub_menu03.jpg) no-repeat left top;
}

#subNavi li.navi03 a:hover {
	background: url(../images/sub_menu03.jpg) no-repeat left -103px;
}

#subNavi li.navi04 a {
	width: 230px;
	background: url(../images/sub_menu04.jpg) no-repeat left top;
}

#subNavi li.navi04 a:hover {
	background: url(../images/sub_menu04.jpg) no-repeat left -103px;
}

#subNavi li.navi05 a {
	width: 170px;
	background: url(../images/sub_menu05.jpg) no-repeat left top;
}

#subNavi li.navi05 a:hover {
	background: url(../images/sub_menu05.jpg) no-repeat left -74px;
}

#subNavi2 {
	margin: 0 0 0 15px;
	width:800px;
	height: 74px;
	float: left;
}

#subNavi2 li {
	float: left;
	padding: 0 10px 15px 0;
}

#subNavi2 li a {
	display: block;
	height: 75px;
	_float: left;
	text-indent: -9999px;
}
#subNavi2 li.navi06 a {
	width: 148px;
	background: url("../images/sub_menu10.png") no-repeat left top;
}

#subNavi2 li.navi06 a:hover {
	background: url("../images/sub_menu10.png") no-repeat left -75px;
}

#subNavi2 li.navi07 a {
	width: 149px;
	background: url("../images/sub_menu11.png") no-repeat left top;
}

#subNavi2 li.navi07 a:hover {
	background: url("../images/sub_menu11.png") no-repeat left -76px;
}

#subNavi2 li.navi08 a {
	width: 148px;
	background: url("../images/sub_menu12.png") no-repeat left top;
}

#subNavi2 li.navi08 a:hover {
	background: url("../images/sub_menu12.png") no-repeat left -75px;
}

#subNavi2 li.navi09 a {
	width: 148px;
	background: url("../images/sub_menu13.png") no-repeat left top;
}

#subNavi2 li.navi09 a:hover {
	background: url("../images/sub_menu13.png") no-repeat left -75px;
}

#subNavi2 li.navi10 a {
	width: 148px;
	background: url("../images/sub_menu14.png") no-repeat left top;
}

#subNavi2 li.navi10 a:hover {
	background: url("../images/sub_menu14.png") no-repeat left -75px;
}

#subNavi3 {
	margin: 10px 0 0 15px;
	width:800px;
	height: 74px;
	float: left;
}

#subNavi3 li {
	float: left;
	padding: 0 7px 15px 0;
}

#subNavi3 li a {
	display: block;
	height: 74px;
	_float: left;
	text-indent: -9999px;
}
#subNavi3 li.navi11 a {
	width: 124px;
	background: url("../images/sub_menu15.png") no-repeat left top;
}

#subNavi3 li.navi11 a:hover {
	background: url("../images/sub_menu15.png") no-repeat left -75px;
}

#subNavi3 li.navi12 a {
	width: 124px;
	background: url("../images/sub_menu16.png") no-repeat left top;
}

#subNavi3 li.navi12 a:hover {
	background: url("../images/sub_menu16.png") no-repeat left -75px;
}

#subNavi3 li.navi13 a {
	width: 124px;
	background: url("../images/sub_menu17.png") no-repeat left top;
}

#subNavi3 li.navi13 a:hover {
	background: url("../images/sub_menu17.png") no-repeat left -75px;
}

#subNavi3 li.navi14 a {
	width: 124px;
	background: url("../images/sub_menu18.png") no-repeat left top;
}

#subNavi3 li.navi14 a:hover {
	background: url("../images/sub_menu18.png") no-repeat left -75px;
}

#subNavi3 li.navi15 a {
	width: 124px;
	background: url("../images/sub_menu19.png") no-repeat left top;
}

#subNavi3 li.navi15 a:hover {
	background: url("../images/sub_menu19.png") no-repeat left -75px;
}

#subNavi3 li.navi16 a {
	width: 124px;
	background: url("../images/sub_menu20.png") no-repeat left top;
}

#subNavi3 li.navi16 a:hover {
	background: url("../images/sub_menu20.png") no-repeat left -75px;
}

.pagetop {
	float: right;
}

#globalBanner {
	margin: 0 0 10px 0;
	width:486px;
	height: 160px;
	float: right;
}

#globalBanner li {
	padding: 0 5px 0 0;
}


#globalBanner li a {
	display: block;
	height: 161px;
	_float: left;
	text-indent: -9999px;
}

#globalBanner li.navi01 a {
	width: 480x;
	background: url(../images/banner_01.jpg) no-repeat left top;
}

#globalBanner li.navi01 a:hover {
	background: url(../images/banner_01.jpg) no-repeat left -161px;
}

#globalBanner li.navi02 a {
	width: 480x;
	background: url(../images/banner_03.jpg) no-repeat left top;
}

#globalBanner li.navi02 a:hover {
	background: url(../images/banner_03.jpg) no-repeat left -160px;
}