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

body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, p, blockquote, table, th, td, object, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
body {
	line-height: 1.5em;
	color: #333;
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background: url(../img/common/body_bg.png) repeat-x;
}
img {
	border: 0;
	vertical-align: bottom;
}
a {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #777;
	text-decoration: underline;
}
h1 {
	font-weight: normal;
	display: block;
	padding-top: 21px;
	padding-left: 17px;
	width: 153px;
}
h2 {
	display: block;
}
ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/ * html .clearfix {} 
.clearfix {display: block;} /* End hide from IE-mac */
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { overflow: hidden;}

.clear {
	clear: both;
	padding: 0px;
}



table.aaa, tr.aaa, th.aaa, td.aaa {
    border-collapse: collapse;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

table.bbb, tr.bbb, th.bbb, td.bbb {
    border-collapse: collapse;
	text-align:center;
	valign:center;
	font-weight:normal;
    bordercolor:#cccccc;
	font-size: 1.2em;
}


sup {
	vertical-align: baseline;
	position: relative;
	top: -4px;
}


/***************** ヘッダー *****************/

#header {
	width: 960px;
	height: 75px;
	background: url(../img/h_bg.jpg) repeat-x left top;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}

#gn {
	width: 960px;
	height: 50px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#gn li {
	float: left;
}


/***************** フッター *****************/

#footer {
	background: #1B7428;
	width: 100%;
	clear: both;
}
#f_box {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	position: relative;
}
#f_box #f_navi {
	height: 36px;
}
#f_box #f_navi ul {
	padding-top: 11px;
	text-align: center;
}
#f_box #f_navi ul li {
	display: inline;
}
#f_box #f_navi ul li a {
	color: #333;
	text-decoration: none;
}
#f_box #f_navi ul li a:hover {
	color: #777;
	text-decoration: underline;
}
#f_box #f_bnr {
	padding-top: 10px;
	padding-bottom: 16px;
}
#f_box #f_bnr ul {
	font-size: 0px;
	padding: 0px;
	line-height: normal;
}
#f_box #f_bnr ul li {
	display: inline;
	padding-right: 30px;
}
#f_box #f_bnr ul li.info {
	padding-right: 0px;
}

#f_box #f_copy {
	padding-top: 8px;
	text-align: center;
	clear: both;
	color: #FFF;
	font: 11px "Courier New", Courier, monospace;
	padding-bottom: 8px;
}


/***************** コンテンツ *****************/

.main_bg {
	background: url(../img/common/main_bg.jpg) repeat-x center bottom;
	padding-top: 30px;
	padding-bottom: 130px;
}
.main {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#contents {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 10px 0px;
}
.contents {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 10px 0px;
}

#pankuzu {
	padding-bottom: 15px;
	font-size: 12px;
}


#concept_bt{
	position: fixed;
	right: 0;
	top: 350px;
	z-index: 999;
}


.atten_box {
	border: 1px dotted #CCC;
	font-size: 11px;
	padding: 10px;
	line-height: 1.5em;
}



#pagetop {
    position: fixed;
    bottom: 30px;
    right:0px;
}
#pagetop a {
    width: 40px;
    display: block;
}
#pagetop span {
    width: 40px;
    height: 124px;
    display: block;
    margin-bottom: 7px;
    background: url(../img/pagetop.png) no-repeat left top;
}

/***/
#header .h_right {
	position: absolute;
	top: 22px;
	right: 0px;
}
#header .h_right li {
	float: left;
}

.gnavi1 a,.gnavi2 a,.gnavi3 a,.gnavi4 a,.gnavi5 a,.gnavi6 a,.gnavi7 a,.gnavi8 a {
	text-indent:-9999px;
	display: block;
}
.gnavi1 a:hover,.gnavi2 a:hover,.gnavi3 a:hover,.gnavi4 a:hover,.gnavi5 a:hover,.gnavi6 a:hover,.gnavi7 a:hover,.gnavi8 a:hover {
	background-position: 0 -35px;
}
.gnavi1 a {
	background: url(../img/common/gnavi01.jpg) no-repeat;
	width: 161px;
	height: 35px;
}
.gnavi2 a {
	background: url(../img/common/gnavi02.jpg) no-repeat;
	width: 159px;
	height: 35px;
}
.gnavi2 ul a {
	background: none;
	width: 160px;
	text-indent:0px !important;
	height: 22px;
	padding-left:27px;
	padding-top:3px;
	font-size:12px !important;
	font-weight:bold;
	cursor:pointer;
	color:#1E5825;
	text-decoration: none;
}
.gnavi2 ul a:hover {
	text-decoration: underline;
	color: #369E43;
}
.gnavi3 a {
	background: url(../img/common/gnavi03.jpg) no-repeat;
	width: 160px;
	height: 35px;
}
.gnavi4 a {
	background: url(../img/common/gnavi04.jpg) no-repeat;
	width: 160px;
	height: 35px;
}
.gnavi5 a {
	background: url(../img/common/gnavi05.jpg) no-repeat;
	width: 159px;
	height: 35px;
}
.gnavi6 a {
	background: url(../img/common/gnavi06.jpg) no-repeat;
	width: 120px;
	height: 35px;
}
.gnavi7 a {
	background: url(../img/common/gnavi07.jpg) no-repeat;
	width: 120px;
	height: 35px;
}
.gnavi8 a {
	background: url(../img/common/gnavi08.jpg) no-repeat;
	width: 161px;
	height: 35px;
}
.gnavi1 .active,.gnavi2 .active,.gnavi3 .active,.gnavi4 .active,.gnavi5 .active,.gnavi6 .active,.gnavi7 .active,.gnavi8 .active {
	background-position: 0 -35px !important;
}
.main_imgae {
	border-bottom: 1px dotted #7CCBEC;
	width: 100%;
}
.main_imgae .img_box {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.main_imgae2 {
	padding-bottom: 30px;
	border-bottom: 1px dotted #7CCBEC;
	width: 100%;
	padding-top: 20px;
}
.main_imgae2 .img_box {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#f_box .f_logo {
	float: left;
	width: 154px;
	margin-right: 12px;
}
#footer #f_box .add {
	float: left;
	width: 230px;
	color: #FFF;
}
#footer #f_box ul {
	float: left;
	margin-top:5px;
	margin-left: 7px;
	width: 243px;
	font-size: 11px;
}
#footer #f_box ul li {
	background: url(../img/common/f_navi_arrow.gif) no-repeat left center;
	padding-left: 10px;
}
#footer #f_box ul li a {
	color: #FFF;
}
#footer #f_box ul li a:hover {
	color: #FFF;
	text-decoration:none;
}
#footer #f_box .tel {
	float: right;
	width: 305px;
}
.jMenu{
	display:table;margin:0;padding:0;list-style:none;
}

.jMenu li ul{
	display:none;position:absolute;z-index:9999;padding:0;margin:0;list-style:none
}
.jMenu li ul li{
	display: block;
	padding: 0;
	list-style: none;
	position: relative;
	background: url(../img/common/gsub.png) no-repeat left top;
}
.jMenu li ul li{
	display: block;
	padding: 0;
	list-style: none;
	position: relative;
	background: url(../img/common/gsub.png) no-repeat left top;
}
.jMenu li ul li:last-child{
	display: block;
	padding: 0;
	list-style: none;
	position: relative;
	background: url(../img/common/gsub.png) no-repeat left top;
	height:23px;
}


.jMenu li ul li a{
	font-size:11px;text-transform:none;display:block;
}

.jMenu li ul li a.isParent{
	background-color:#3a3a3a
}

/*.jMenu li ul li a:hover{
	background-color:#514c52;border-top:1px solid #322f32;border-bottom:1px solid #322f32
}*/

#gn .gnavi2 ul {
	margin-top: 2px;
}
.main #follow {
	position: absolute;
	left: 1000px;
	width: 300px;
}

#floatbox {
	position: absolute;
	width: 200px;
	height: 215px;
	top: -60px;
	left: 760px;
	z-index: 9999;
}
#floatbox.co1 {
	position: absolute;
	width: 200px;
	height: 275px;
	top: -80px;
	left: 760px;
	z-index: 9999;
}
#floatbox .st .company_bg {
	background: url(../img/common/menu_bg1.png) no-repeat left top;
	height: 170px;
	width: 200px;
}
#floatbox .st .market_bg {
	background: url(../img/common/menu_bg2.png) no-repeat left top;
	height: 170px;
}
#floatbox .st {
	margin-top: 20px;
	position: relative;
}
#floatbox .st ul {
	text-align: center;
}
#floatbox .st ul li {
	line-height: 32px;
}
#floatbox .st ul li a {
	font-weight: bold;
	color: #FFF;
	text-decoration:none;
}
#floatbox .st ul li a:hover {
	font-weight: bold;
	color: #B0F67C;
	text-decoration: underline;
}
#floatbox #close:hover {
	cursor:pointer;
}


.main h2 {
	margin-bottom: 30px;
}
.main p {
	font-size:14px;
}
#floatbox .st #close {
	position: absolute;
	top: 7px;
	right: 8px;
}
.pagetop {
}
#f_box .pagetop {
	position: absolute;
	left: 840px;
	top: -20px;
}