@charset "utf-8";
/* ===================================================================
CSS information
 style info :共通（ヘッダー、ラップ、フッター）
=================================================================== */
 .center {
 	margin: 0 auto;
}

#btn_pageTop {
	width: 40px;
	height: 60px;
	position: fixed;
	bottom: 499px;
	right: 0;
}
*html #btn_pageTop {
	display: none !important;
}
#btn_pageTop a:hover img {
	-moz-opacity:1;
	opacity:1;
	filter: alpha(opacity=100);
}



/* -----------------------------------------------------------
	background設定
----------------------------------------------------------- */
body {
/*
	overflow-y: hidden;
	background-color: #000000 !important;
*/
	overflow-y: hidden;
	background-color: #514d1c !important;
}	

.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: absolute;
	top: 0;
	left: 0;
}



/* -----------------------------------------------------------
    #wrap
----------------------------------------------------------- */
#bg_wrap {
    position: relative;
    overflow: hidden !important;
}

#wrap {
    width: 100%;
    height: 100%;
    position: relative;
}



/* -----------------------------------------------------------
    #wrap
----------------------------------------------------------- */
#bg_wrap {
    position: relative;
    overflow: hidden !important;
}

#wrap {
    width: 100%;
    height: 100%;
    position: relative;
}


/* -----------------------------------------------------------
    #headerWrap
----------------------------------------------------------- */
#header {
    height: 561px;
    width: 100%;
    margin-bottom: 20px;
}

#headerTop {
    width: 100%;
    background-color: #FFFFFF;
    height: 20px;
}


#h-topCenter {
    width: 980px;
    margin: 0 auto;
}

#headerTop ul {
    width: 820px;
    float: right;
    font-size: 12px;
    font-weight: bold;
    color: #0099cc;
    margin-top: 2px;
}

#headerTop ul li {
    padding: 0 1px 0 30px;
    float: left;
}

#headerWrap {
    width: 980px;
    height: 400px;
    margin: 20px auto 20px auto;
}
#headerWrap h1 {
    width: 980px;
    height: 400px;
    text-indent: -9999px;
}


/* -----------------------------------------------------------
	#main
----------------------------------------------------------- */
#main {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#contents {
	width: 640px;
	float: left;
}
.subPage #contents {
	background-color: #ffffff;
	padding-top: 40px;
	padding-bottom: 30px;
}
.subPage #contents #pageTitleArea {
	width: 580px;
	height: 40px;
	margin: 0 auto 30px auto;
}
.subPage #contents #pageTitleArea_L {
	width: 580px;
	height: 41px;
	margin: 0 auto 30px auto;
}
.subPage #contents .txtArea {
	width: 580px;
	margin: 0 auto 30px auto;
}
.subPage #contents .txtArea p {
	width: 580px;
	line-height: 20px;
}

#subContentWrap {
	width: 580px;
	margin: 0 auto;
}


/* -----------------------------------------------------------
	#side
----------------------------------------------------------- */
#side {
	width: 320px;
	float: right;
}

#side div,
#side li
{
}

#side #sideBan_L {
	margin-bottom: 10px;
	padding: 0;
}
#side #sideBan_L ul {
	width: 320px;
	margin: 0;
	padding: 0;
}
#side #sideBan_L ul li {
	width: 320px;
	margin-bottom: 10px;
	padding: 0;
	display: block;
	font-size:0px;
	line-height:0px;
}
#side #sideBan_M {
	margin-bottom: 10px;
}
#side #sideBan_M ul {
	width: 320px;
	margin: 0;
	padding: 0;
}
#side #sideBan_M ul li {
	width: 320px;
	margin-bottom: 10px;
	padding: 0;
	display: block;
	font-size:0px;
	line-height:0px;
}
#side #sideBan_S {
	width: 320px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size:0px;
	line-height:0px;
}
#side #sideBan_S ul {
	width: 330px;
	margin: 0;
	padding: 0;
}
#side #sideBan_S ul li {
	float: left;
	width: 155px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size:0px;
	line-height:0px;
}



/* -----------------------------------------------------------
	#sideNaviArea
----------------------------------------------------------- */
#sideNaviArea {
	width: 320px;
	margin-bottom: 20px;
}
#sideNaviArea ul {
	width: 320px;
}
#sideNaviArea ul li {
	width: 308px;
	height: 40px;
	line-height: 40px;
	padding-left: 12px;
	background: url(../img/common/Bg_sideNavi.gif) no-repeat left top;
}
#sideNaviArea ul li+li {
	border-top: 1px solid #333333;
}
#sideNaviArea ul li img.snIcon {
	float: left;
	margin-right: 12px;
}
#sideNaviArea ul li a {
	display: block;
	width: 245px;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	font-weight: bold;
}



/* -----------------------------------------------------------
	#side_Event
----------------------------------------------------------- */
#side_Event {
	width: 320px;
	margin-bottom: 20px;
}
#side_Event #sideTitle_event {
	width: 320px;
	height: 65px;
	background: url(../img/common/sideTitle_event.gif) no-repeat left bottom;
}
#side_Event #sideBody_Event {
	width: 290px;
	padding: 3px 15px 10px 15px;
	background-color: #ffffff;
}
#side_Event #sideBody_Event ul {
	margin: 0;
	padding: 0;
}
#side_Event #sideBody_Event ul li {
	display: block;
	float: left;
	margin-right: 6px;
	margin-bottom: 8px;
	padding-right: 6px;
	line-height: 15px;
	border-right: 2px solid #333333;
	/white-space: nowrap;
}
#side_Event #sideBody_Event ul li a {
	font-weight: bold;
	line-height: 15px;
}



/* -----------------------------------------------------------
	#photoGalleryArea
----------------------------------------------------------- */
#photoGalleryArea {
	width: 320px;
	overflow: hidden;
}
#photoGalleryArea ul {
	width: 325px;
	margin: 0;
	padding: 0;
}
#photoGalleryArea ul li {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#photoGalleryArea ul li a {
	display: block;
	width: 60px;
	height: 60px;
}
#photoGalleryArea ul li a img {
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center center;
}


/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */

#footer {
	margin-top: 20px;
/* 	padding-top: 20px; */
	width: 100%;
/* 	background: #FFFFFF url(../img/index/footer_bg.gif) repeat-x left 20px; */
	background-color: #fff;
}



#footerWrap {
	width: 100%;
	height: 100%;
}



/* -----------------------------------------------------------
	#footerNavi
----------------------------------------------------------- */
#footerNavi {
	clear: both;
	padding: 0;
	width: 100%;
	height: 20px;
	background-color: #000000;
	font-size: 13px;
}

#footerNavi ul {
	width: 980px;
	margin: 0 auto;
	padding-left: 40px;
}

*+html #footerNavi ul {
	width: 980px !important;
}

#footerNavi li {
	float: left;
	margin-top: 1px;
	margin-left: 25px;
	margin-right: 25px;
}

#footerNavi li a {
	color: #FFFFFF;
	text-decoration: none;
}
#footerNavi li p {
	color: #FFFFFF;
	text-decoration: none;
}

/* -----------------------------------------------------------
	#footerInfo
----------------------------------------------------------- */

#footerInfo {
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	width: 100%;
}

#infoWrap {
	width: 980px;
	padding-top: 15px;
	margin: 0 auto;
	border-bottom: 1px solid #cccccc;
}
#participator {
	width: 980px;
	padding-top: 10px;
	margin: 0 auto;	
}
#participator #ppTxtArea {
	float: left;
	width: 640px;
}
#participator #ppBanArea {
	width: 320px;
	float: right;
	margin-top: 10px;
}
#ppBanArea .kaga_ban {
	width: 320px;
	margin-bottom: 20px;
	overflow: hidden;
}
#ppBanArea .kaga_ban ul {
	width: 330px;
	margin: 0;
	padding: 0;
}
#ppBanArea .kaga_ban ul li {
	float: left;
	width: 155px;
	height: 70px;
	margin-right: 10px;
	margin-bottom: 10px;
}



#footerInfo .info01 {
	width: 980px;
}

#footerInfo .info01 dl {
	width: 980px;
	float: left:
}

#footerInfo .info01 dl dt {
	width: 80px;
	float: left;
}

#footerInfo .info01 dl dd {
	float: left;
}

#footerInfo .info02 {
	width: 980px;
	padding-top: 5px;
}

#footerInfo .info02 dl {
	width: 980px;
	float: left:
}

#footerInfo .info02 dl dt {
	float: left;
	width: 80px;
}

#footerInfo .info02 dl dd {
	float: left;
}

#footerInfo .info03 {
	width: 980px;
	height: 40px;
	margin: 20px 0;
	position: relative;
}

#footerInfo .info03_img {
	width: 88px;
	height: 40px;
}

#footerInfo .info03_txt {
	padding-top: 5px;
	width: 700px;
	position: absolute;
	top: 0;
	left: 100px;
	font-size: 11px;
	line-height: 15px;
}

#footerInfo .info04 {
	width: 640px;
	font-size: 18px;
	line-height: 20px;
	height: 26px;
	font-weight: bold;
	margin-top: 10px;
	position: relative;
}



#footerInfo .info05 {
	width: 640px;
	padding-top: 5px;
}

#footerInfo .info05 dl {
	width: 640px;
	float: left;
}

#footerInfo .info05 dl dt {
	width: 40px;
	float: left;
}

#footerInfo .info05 dl dd {
	width: 600px;
	float: left;
}

#footerInfo .info06 {
	width: 640px;
	padding-top: 5px;
}

#footerInfo .info06 dl {
	width: 640px;
	float: left;
}

#footerInfo .info06 dl dt {
	width: 55px;
	float: left;
}

#footerInfo .info06 dl dd {
	width: 585px;
	float: left;
}

#footerInfo .info07 {
	width: 800px;
	padding-top: 5px;
}

#footerInfo .info07 dl {
	width: 800px;
	float: left;
}

#footerInfo .info07 dl dt {
	width: 40px;
	float: left;
}

#footerInfo .info07 dl dd {
	width: 760px;
	float: left;
}

#footerInfo .c_ban {
	width: 190px;
	height: 30px;
	margin: 16px 0px;
}



#footerInfo .archive {
	width: 980px;
	margin: 0 auto 15px auto;
}
.archive p {
	width: 115px;
	float: left;
}

.archive ul {
	width: 690px;
	float: left;
}

.archive li {
	width: 60px;
	padding-left: 20px;
	text-align: left;
	float: left;
	font-size: 18px;
	font-weight: bold;
}

.archive li a {
	line-height: 22px;
}








#copyWrap {
	width: 100%;
	height: 25px;
	background-color: #000000;
	font-size: 10px;
}

#copy {
	width: 980px;
	height: 19px;
	margin: 0 auto;
	position: relative;
}

.copyright {
	width: 300px;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFFFFF;
}

.cmsf {
	width: 170px;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #FFFFFF;
}