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

@import url(http://fonts.googleapis.com/css?family=Montserrat:700);

/* reset */
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, figure, figcaption {
padding:0;margin:0;border:0;font-size: 100%;font-style:normal;letter-spacing:0;vertical-align: baseline;background: transparent;}
.clr:after {content:".";display:block;clear:both;height:0; visibility:hidden;}
.clr {zoom: 1;}
table {border-collapse:collapse;border-spacing:0;}
li{list-style:none;}

html{
	width:100%;
	height:100%;
}

body {
	font-family:"メイリオ",Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',"ＭＳ Ｐゴシック","MS PGothic";
	color: #5f5f5f;
	background-color:#fff;
	width:100%;
	height:100%;
	font-size:14px;
}

a {
	color:#00bf11;
}

a:hover{
	text-decoration:none;
}

#wrapper{
    width: 100%;
	min-width:1150px;
    overflow-x: hidden;
    overflow-y: auto;
}


/*---------------------------------- Header */
#headerWrap{
	width:100%;
}

#headTopWrap{
	width:100%;
	height:68px;
	background-color:#0fae1c;
	overflow:hidden;
}

#headLeft{
	float:left;
}

#headLeft h1{
	float:left;
}

#headLeft p#spLink{
	float:left;
}

#headLeft p#spLink a {
	width:90px;
	height:68px;
	overflow:hidden;
	display:block;
}

#headLeft p#spLink a:hover img {
	margin-top:-68px;
}

ul#headRight{
	float:right;
	height:68px;
}

ul#headRight li{
	float:left;
	margin-right:4px;
	margin-top:4px;
}

ul#headRight li a:hover{
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	 opacity:0.85;
}

#sNaviWrap {
	width:100%;
}

ul#sNavi {
	width:100%;
	background-color:#0c9217;
	text-align:left;
	/*border-bottom:1px solid #0c9217;*/
}

ul#sNavi li {
	float:left;
	border-right:1px solid #0fae1c;
	position: relative;
}

ul#sNavi li.sNaviCampaign {
	background: #dc137e;
}

ul#sNavi li a {
	display:block;
	padding:15px 19px 12px;
	line-height:1em;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}

ul#sNavi li a:hover {
	background-color: #0cce1f;
}

ul#sNavi li.sNaviCampaign a:hover {
	background: #f23097;
}

ul#sNavi li ul {
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
}

ul#sNavi li ul li {
	white-space: nowrap;
	width: 100%;
}

ul#sNavi li ul li a {
	padding: 13px 15px;
	border-top: 1px solid #0fae1c;
	background: #0c9217;
	text-align: left;
}

ul#sNavi li ul li {
	overflow: hidden;
	height: 0;
	transition: .2s;
}

ul#sNavi li:hover ul li {
	overflow: visible;
	height: 38px;
}



/*---------------------------------- GlobalMenu */

#gNaviWrap{
	border-bottom:1px solid #c1c1c1;
	width:100%;
	height:75px;
}

#gNaviWrap ul#gNavi{
	padding-top:30px;
	margin:0 auto 0;
	width:1030px;
	position: relative;
}

#gNaviWrap ul#gNavi li{
	float:left;
}

#gNaviWrap ul#gNavi li a{
	background:url(../img/globalnavi/menu_bg_off.png) no-repeat left top;
	width:171px;
	height:28px;
	line-height:1em;
	color:#fff;
	text-decoration:none;
	padding:18px 0 0 33px;
	display:block;
	font-size:13px;
	margin-right:-1px;
	position: relative;
}

#gNaviWrap ul#gNavi li a:hover{
	background:url(../img/globalnavi/menu_bg_on.png) no-repeat left top;
}

#gNaviWrap ul#gNavi li.gNaviSelected{
}

#gNaviWrap ul#gNavi li.gNaviSelected a{
	background:url(../img/globalnavi/menu_bg_select.png) no-repeat left top;
	color:#5f5f5f;
	z-index:25 !important
}

#gTop a{
	z-index:24;
}



#gTopics a{
	z-index:23;
}

#gUpdate a{
	z-index:22;
}

#gGuest a{
	z-index:21;
}

#gInfo a{
	z-index:20;
}

body#bodyTop #gNaviWrap ul#gNavi li#gTop a,
body#bodyTopics.bodyTopics #gNaviWrap ul#gNavi li#gTopics a,
body#bodyTopics.bodyUpdate #gNaviWrap ul#gNavi li#gUpdate a,
body#bodyGuest #gNaviWrap ul#gNavi li#gGuest a,
body#bodyInfo #gNaviWrap ul#gNavi li#gInfo a {
	background:url(../img/globalnavi/menu_bg_select.png) no-repeat left top;
	color:#5f5f5f;
	z-index:25 !important
}

#gNaviWrap ul#gNavi li.cover{
	width:203px;
	height:46px;
	position: absolute;
	top: 30px;
	z-index: 999;
}

#gNaviWrap ul#gNavi li.pjaxCover{
	position: absolute;
	width: 100%;
	height: 76px;
	left: 0;
	top: 0;
	z-index: 9999;
	display: none;
}

body#bodyTop #gNaviWrap ul#gNavi li.cover {
	left: 0;
}
body#bodyTopics.bodyTopics #gNaviWrap ul#gNavi li.cover {
	left: 203px;
}
body#bodyTopics.bodyUpdate #gNaviWrap ul#gNavi li.cover {
	left: 406px;
}
body#bodyGuest #gNaviWrap ul#gNavi li.cover {
	left: 609px;
}
body#bodyInfo #gNaviWrap ul#gNavi li.cover {
	left: 812px;
}
/*---------------------------------- Footer */

#footerWrap{
	width:100%;
	padding:50px 30px 86px;
	color:#848484;
	clear:both;
}

ul#fNavi{
	margin-bottom:15px;
}

ul#fNavi li{
	float:left;
	margin-right:25px;
}

ul#fNavi li a{
	color:#5d5d5d;
}

#fText1{
	font-size:12px;
	margin-bottom:2px;
}

#fText2{
	font-size:9px;
	margin-bottom:1px;
}

#copy{
	font-size:8px;
}


#fixFooter{
	width:100%;
	height:40px;
	position:fixed;
	background-color:#0cc61d;
	left:0;
	bottom:0;
	z-index:100;
}

div#fixTopics{
	/*padding-top:10px;*/
	margin-right:200px;
	width:100%;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:15px;
}

#fixTopicsCont{
}

div#fixTopics a{
	color:#fff;
	font-size:12px;
	font-size: 12px;
	text-decoration:none;
	line-height:1em;
	margin-right:55px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	display:none;
}

div#fixTopics a:hover{
	text-decoration:underline;
}

div#fixTopics a span.ftDate{
	font-family: 'Montserrat', sans-serif;
	padding-right:22px;
	font-size:13px;
}

/*
ul#fixNavi{
	background:url(../img/foot/title_share.png) no-repeat left center;
	padding-left:55px;
	margin-left:20px;
	float:left;
}

ul#fixNavi li{
	float:left;
	margin-right:4px;
}

ul#fixNavi li a {
	width:26px;
	height:40px;
	overflow:hidden;
	display:block;
}

ul#fixNavi li a:hover img {
	margin-top:-40px;
}
*/
p#toTop{
	float:right;
}

p#toTop a{
	color:#fff;
	padding-right:30px;
	margin-right:12px;
	background:url(../img/foot/btn_pagetop.png) no-repeat right top;
	display:block;
	height:24px;
	overflow:hidden;
	text-decoration:none;
	font-size:12px;
	padding-top:16px;
	line-height:1em;
}

p#toTop a:hover{
	color:#15ed29;
	background-position:right bottom;
}