body {
	margin: 0;
	font-size: 13px;
	font-family: Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Verdana, Arial, Helvetica, sans-serif;
	/* background: url(../images/common/h_bg.gif) repeat-x 0 0; */
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* ------------------------------------------------------------------------
	header
------------------------------------------------------------------------ */
header {
	background: url(../images/common/h_bg.gif) repeat-x 0 0 #fff;
}

header .inner {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	z-index: 1;
}

header h1 {
	position: absolute;
	padding: 30px 0;
	text-align: center;
	width: 200px;
	top: 0;
	left: 0;
	background: #fff;
	border-radius:0px 0px 10px 10px ;
	-moz-border-radius:0px 0px 10px 10px ;
	-webkit-border-radius:0px 0px 10px 10px ;
}

header .spMenu { display: none; }

header nav {
	padding-top: 26px;
	width: 100%;
}

header nav ul {
	float: right;
	width: 722px;
}

header nav ul li {
	float: left;
	margin-bottom: 18px;
	padding-left: 15px;
	font-weight: bold;
	background: url(../images/common/icon01.gif) no-repeat 0 4px;
}

header nav ul li:nth-child(1),
header nav ul li:nth-child(2),
header nav ul li:nth-child(3) { margin-right: 42px; }

header nav ul li:nth-child(5),
header nav ul li:nth-child(6),
header nav ul li:nth-child(7),
header nav ul li:nth-child(8),
header nav ul li:nth-child(9) { margin-right: 28px; }

header nav ul li a { color: #000; }
header nav ul li a:hover { color: #999; }


/* ------------------------------------------------------------------------
	footer
------------------------------------------------------------------------ */
footer {
	padding: 15px 0;
	color: #fff;
	text-align: center;
	background: #1a1a1a;
}

#pageTop {
	position: fixed;
	margin: 0 !important;
	right: 20px;
	bottom: 70px;
	width: 82px !important;
}



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

	COMMON
  
======================================================================== */
/** margin **/
.mbno { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }

.nomr { margin-right: 0 !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }

.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }

/** color **/
.c01 { color: #F00; }
.c02 { color: #3da8cc; }
.c03 { color: #84ab6b; }
.c04 { color: #58a730; }
.c05 { color: #3fabb9; }
.c06 { color: #e29500; }

/** float **/
.left { float: left; }
.right { float: right; }

/** text **/
.txtCenter { text-align: center !important; }
.txtLeft{ text-align: left !important; }
.txtRight { text-align: right !important; }

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

	MOUSEOVER
  
=============================================== */
a:hover .over {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}

.over a:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}

.link a {
	color: #4D9672 !important;
	text-decoration: underline;
}

.link a:hover {
	text-decoration: none;
}


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

	CLEAR FIX
  
=============================================== */
/** clear **/
.clear {
	clear: both;
}

.clearfix {
	display: inline-block;
}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear:both;
}


/*----------------------------------------------------------------------------------------------------------------- SP ----*/
@media screen and (max-width: 768px) {
	
.inner { width: 100% !important; }

/* ------------------------------------------------------------------------
	header
------------------------------------------------------------------------ */
header .inner { height: 60px; }

header h1 {
	padding: 18px 0;
	width: 150px;
	z-index: 0;
}

header h1 img { width: 80%; }

header .spMenu {
	position: absolute;
	display: inherit;
	top: 15px;
	right: 25px;
	width: 80px;
	z-index: 2;
}

header .spMenu li {
	padding: 8px;
	color: #fff;
	width: 100%;
	background: #5bbde6;
	cursor: pointer;
}

header .spMenu li:hover { background: #85dafd; }

header .spMenu li p { text-align: right; }

header .spMenu li div {
	position: relative;
}

header .spMenu li span {
	display: block;
    position: absolute;
    height: 2px;
    width: 36%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

header .spMenu li span:nth-child(1) { top: 0; }
header .spMenu li span:nth-child(2) { top: 8px; }
header .spMenu li span:nth-child(3) { top: 16px; }

/* #nav-toggle 切り替えアニメーション */
header .open li span:nth-child(1) {
	top: 8px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
header .open li span:nth-child(2) {
	width: 0;
	left: 20%;
}
header .open li span:nth-child(3) {
	top: 8px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}

#menuList { display: none; }

header nav {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	top: 0;
	z-index: 1;
	border-top: 5px solid #5bbde6;
	border-bottom: 5px solid #5bbde6;
}

header nav ul {
	float: none;
	width: 100%;
	background: url(../images/common/bg.png) repeat 0 0;
}

header nav ul li {
	float: none;
	margin-bottom: 0;
	padding-left: 30px;
	background: url(../images/common/icon01.gif) no-repeat 15px 15px;
	border-bottom: 1px dotted #999;
}

header nav ul li a {
	display: block;
	margin: 0;
	padding: 10px 0;
	text-decoration: none;
	width: 100%;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

header nav li:last-child { border-bottom: none; }

header nav ul li:nth-child(1),
header nav ul li:nth-child(2),
header nav ul li:nth-child(3) { margin-right: 0; }

header nav ul li:nth-child(5),
header nav ul li:nth-child(6),
header nav ul li:nth-child(7),
header nav ul li:nth-child(8),
header nav ul li:nth-child(9) { margin-right: 0; }

/* ------------------------------------------------------------------------
	footer
------------------------------------------------------------------------ */
footer { font-size: 85%; }

#pageTop {
	position: fixed;
	margin: 0 !important;
	right: 1%;
	bottom: 70px;
	width: 60px !important;
}

}