@charset "utf-8";
/*
///////////////////////////////////////////
CSS FOR Common
Made by Thuyntn
/////////////////////////////////////
*/

html {
	overflow-y: scroll;
}
/*/////BODY/////*/
body {
	color: #fff;
	font-size: 12px;
	line-height: 1.4;
	font-family: "MS PGothic", "MS Gothic", "MS PMincho", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Osaka, Sans-Serif;
	min-width: 960px;
}
#Container {
	width: 100%;
	padding: 0;
	margin: 0;
}
.wrapper {
	width: 920px;
	margin: 0 auto;
	padding: 0 20px;
	position:relative;
}
h1, h2 {
	font-size: 100%;
}
h3 {
	font-weight:bold;
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.font{
	font-size:80%;
	font-weight:bold;

}

img {
	vertical-align: bottom;
}
/*/////HEADER/////*/

#Header h1 {
	font-size: 100%;
	color: #f98d16;
	text-align: right;
	padding: 5px 25px 0 0;
	letter-spacing:1px;
}
#Header .wrapper {
	position: relative;
	height: 130px;
	width: 920px;
	margin: 0 auto;
	background: url(../images/common/bg.gif) repeat 0 0;
}
#Header #Logo {
	position: absolute;
	left: 20px;
	top: 25px;
}
#Header .h-section {
	position: absolute;
	left: 630px;
	top: 25px;
}

.h-section .tel {
	padding: 10px 0 5px;
}
/*/////NAVIGATION/////*/
#Navigation {
	background: url(../images/common/bg_navi.png) repeat-x 0 0;
	height: 62px;
	position: relative;
	z-index: 10;
}
#Nav {
	background: url(../images/common/img_navi_170508.png) no-repeat 0 -62px;
	height: 62px;
	width: 960px;
	margin: 0 auto;
}
#Nav li {
	float: left;
	position: relative;
	width: auto;
}
#Nav li a {
	background: url(../images/common/img_navi_170508.png) no-repeat 0 0;
	height: 0;
	width: 0;
	overflow: hidden;
	padding: 62px 0 0 0;
	display: block;
}
#Nav li.nav1 a {
	width: 192px;
}
#Nav li.nav2 a {
	background-position: -192px 0;
	width: 192px;
}
#Nav li.nav3 a {
	background-position: -384px 0;
	width: 192px;
}
#Nav li.nav4 a {
	background-position: -576px 0;
	width: 192px;
}
#Nav li.nav5 a {
	background-position: -768px 0;
	width: 192px;
}

#Nav > li a.active, #Nav > li a.current {
	opacity: 0!important;
	filter: alpha(opacity=0)!important;
}

/*/////CONTENT/////*/
#Content .wrapper {
	padding: 25px 5px 25px 20px;
	width: 935px;
	background: url(../images/common/bg.gif) repeat 0 0;
}
#Main {
	float: right;
	width: 626px;
}
#Side {
	width: 291px;
	text-align: center;
	float: left;
	padding-top: 5px;
}

.fb-page {
	width:289px;
	height:495px;

}

/*/////FOOTER/////*/
#Footer {
	background: #77ab35;
	height:140px;
	overflow: hidden;
	padding: 25px 0 10px;
	font-size: 100%;
}
#Footer .wrapper {
	background: none;
}

#Footer .f-logo {
	float: left;
	width: 200px;
	margin: 45px 45px 0 0;
}
#Footer .f-info {
	float: left;
	width: 300px;
}
#Footer .f-info dl {
	color: #fff;
}
#Footer .f-info dt {
	float: left;
	width: 75px;
}
#Footer .f-info dd {
	padding: 0 0 5px 80px;
}
.fright {
	float: right;
	width: 350px;
	padding-top: 60px;
	text-align: center;
}


#Footer-nav li {
	padding: 25px 0 0 0;
	display: inline;
}
#Footer-nav a {
	color: #fff;
	text-decoration: none;
}
#Footer-nav a:hover {
	text-decoration: underline;
}
#Copyright {
	color: #fff;
	text-align: center;
	padding: 5px 0;
}
/*/////PAGETOP/////*/

.mr-0 {
	margin-right: 0 !important;
}
.pb-5 {
	padding-bottom: 5px;
}
#Pagetop {
	position: fixed;
	right: 50px;
	bottom: 30px;
}
#Pagetop a {
	width: 60px;
	height: 59px;
	overflow: hidden;
	background: url(../images/common/pagetop.png) top center no-repeat;
	display: block;
}

/*///////////////////////////////////////////////
SUBPAGE
/////////////////////////////////////////////*/
#Subvisual {
	border-bottom:4px solid #77ab35;
}
#Subvisual .wrapper {
	width:960px;
	padding:0;
}
.img-sv {
	height:252px;
}
.ttl-page {
	position:absolute;
	top:97px;
	height:48px;
}