@charset "UTF-8";

#topmenu {
	width:530px;
	padding:0;
	margin:0;
	list-style-type: none;
}

#topmenu li {
	width:20%;
	float:left;
	padding:0;
/*	margin:0;*/
	margin:5px;
	text-align:center;
}

#topmenu li a {
	width:auto;
	color:#fff;
	font-size:14px;
	font-weight:bold;
/*	text-shadow:1px 1px #555;*/
	padding:10px 0;
	text-decoration:none;
	display:block;
	transition: .6s;
/*
	background-image:-moz-linear-gradient(
	top,
	#FF6633 0%,
	#FF6600 50%,
	#CC3300);
 
	background-image:-webkit-gradient(
	linear,left top,left bottom,
	from(#49a9d4),
	color-stop(0.49,#2989d8),
	color-stop(0.52,#2285d6),
	to(#2989d8));
*/

	background: #0095D0;
/* background: -moz-linear-gradient(top,  #49a9d4 0%, #2989d8 50%, #2285d6 100%);
	background: -webkit-linear-gradient(top,  #49a9d4 0%,#2989d8 50%,#2285d6 100%);
	background: linear-gradient(to bottom,  #49a9d4 0%,#2989d8 50%,#2285d6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a9d4', endColorstr='#2285d6',GradientType=0 );
*/
	border:1px solid #0095D0;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px; 
	border-radius:5px 5px 5px 5px;
}

#topmenu li a:hover {
	background:#fff;
	color:#0095D0;
}

.boxWrap{
	width:986px;
	margin:0 auto;
	overflow: hidden;
}
.boxCh {
/*	width:455px;
	margin:0 auto;*/
/*	display:table-cell;
	display: inline-block;*/
	border:1px solid #ccc;
	float: left;
}

/* TOP i r ̃{ b N X */
.boxleft {
	float: left;
	width:455px;
/*	border:1px solid #ccc;*/
}

.boxright {
	float: right;
	width:455px;
/*	border:1px solid #ccc;*/
}

.boxContainer {
	width:980px;
	margin:0 auto;
	overflow: hidden;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
	content: "";
	display: table;
}
 
.boxContainer:after {
	clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
	zoom: 1;
}

/*  e  ʂ̃i r { b N X */
.navi_area {
	width:1000px;
	margin:0 auto;
}
/*  p e R   i r iTOP j */
#pc_submenu {
	width:465px;
	padding:0;
	margin:0 auto;
	list-style-type: none;
}

#pc_submenu li {
/*	width:31%;*/
	width:23%;
	float:left;
	padding:0;
	margin:2.5px;
	text-align:center;
}

#pc_submenu li a {
	width:auto;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	/*text-shadow:1px 1px #555;*/
	padding:10px 0;
	text-decoration:none;
	display:block;
	color:#000000;
	background: #76C0EB;
/* background: -moz-linear-gradient(top,  #4c98cd 0%, #006cb8 100%);
	background: -webkit-linear-gradient(top,  #4c98cd 0%,#006cb8 100%);
	background: linear-gradient(to bottom,  #4c98cd 0%,#006cb8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c98cd', endColorstr='#006cb8',GradientType=0 );
*/
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px; 
	border-radius:5px 5px 5px 5px;
	box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.1);
	transition: .5s;
}
#pc_submenu li a:hover {
	background:#ffffff;
	color:#4c98cd;
	border:1px solid #4c98cd;
	text-shadow:1px 1px #EFEFEF;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px; 
	border-radius:5px 5px 5px 5px;
}

/*  f U C   p e R   i r iTOP j */
#dp_submenu {
	width:465px;
	padding:0;
	margin:0 auto;
	list-style-type: none;
}

#dp_submenu li {
/*	width:31%;*/
	width:23%;
	float:left;
	padding:0;
	margin:2.5px;
	text-align:center;
}

#dp_submenu li a {
	width:auto;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	/*text-shadow:1px 1px #555;*/
	padding:10px 0;
	text-decoration:none;
	display:block;
	background:#F6A0AE;
	color:#000;
	background: #F6A0AE;
/* background: -moz-linear-gradient(top,  #32b09d 0%, #009d85 100%);
	background: -webkit-linear-gradient(top,  #32b09d 0%,#009d85 100%);
	background: linear-gradient(to bottom,  #32b09d 0%,#009d85 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32b09d', endColorstr='#009d85',GradientType=0 );
*/
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px; 
	border-radius:5px 5px 5px 5px;
	box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.1);
	transition: .5s;
}
#dp_submenu li a:hover {
	background:#ffffff;
	color:#F6A0AE;
	border:1px solid #F6A0AE;
	text-shadow:1px 1px #EFEFEF;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px; 
	border-radius:5px 5px 5px 5px;
}


/*  p e R   i r iTOP ȊO j */
#pc_menu {
	width:1000px;
	padding:0;
	margin:0 auto;
	list-style-type: none;
}

#pc_menu li {
	width:24%;
	float:left;
	padding:0;
	margin:5px;
	text-align:center;
}

#pc_menu li a {
	width:auto;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding:5px 0;
	text-decoration:none;
	display:block;
/*color:#ffffff;*/
	background: #F6A0AE;
/*background: -moz-linear-gradient(top,  #4c98cd 0%, #006cb8 100%);
	background: -webkit-linear-gradient(top,  #4c98cd 0%,#006cb8 100%);
	background: linear-gradient(to bottom,  #4c98cd 0%,#006cb8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c98cd', endColorstr='#006cb8',GradientType=0 );
*/
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px; 
	border-radius:5px 5px 5px 5px;
	box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.1);
	transition: .7s;
}

#pc_menu li a:hover {
	background:#ffffff;
	color:#000000;
	border:1px solid #006cb8;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px; 
	border-radius:5px 5px 5px 5px;
}


/*  f U C   p e R   i r iTOP ȊO j */
#dp_menu {
	width:1000px;
	padding:0;
	margin:0 auto;
	list-style-type: none;
}

#dp_menu li {
	width:24%;
	float:left;
	padding:0;
	margin:5px;
	text-align:center;
}

#dp_menu li a {
	width:auto;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding:5px 0;
	text-decoration:none;
	display:block;
	background: #F6A0AE;
/* background: -moz-linear-gradient(top,  #32b09d 0%, #009d85 100%);
	background: -webkit-linear-gradient(top,  #32b09d 0%,#009d85 100%);
	background: linear-gradient(to bottom,  #32b09d 0%,#009d85 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32b09d', endColorstr='#009d85',GradientType=0 );
*/
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px; 
	border-radius:5px 5px 5px 5px;
	box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.1);
	transition: .7s;
}
#dp_menu li a:hover {
	background:#ffffff;
	color:#F6A0AE;
	border:1px solid #F6A0AE;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px; 
	border-radius:5px 5px 5px 5px;
}