* {margin:0;padding:0;}
html { height:100%; }

body {
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	height:100%;
	color:#000000;
	margin: 0;
	padding: 0;
	text-align: center;
	background:#ffffff;
}
h1 , h2, h3, h4, li, p {
	font-size: 12px;
	line-height: 140%;
	margin: 0;
	padding: 0;
}
img {
	border:none;
}

hr {
	margin:0;
	padding:0;
}
ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}


a{
	color:#dddddd;
	text-decoration:none;
	overflow:hidden;
	outline:none;
}
a:visited,a:active {
	color:#dddddd;
}

#container {
	position:relative;
    height: 100%;
    min-height: 100%;
	color:#666666;
	text-align:left;
	min-width: 960px;
	width:100% !important;
	width:100%;
	padding: 0;
}
body > #container {
	height: auto;
}
/* header */

#header {
	overflow:hidden;
	width:100%;
	height:98px;
	background: url("../../images/haeder_bg.gif") center top repeat-x;
}

#header_navi {
	position:relative;
	margin:0 auto;
	width:970px;
	height:98px;
}

#header_navi h1 {
	cursor:pointer;
	position:absolute;
	left:0px;
	top:0px;
	width:276px;
	height:66px;
	text-indent:-9999px;
	background: url("../../images/h1_title.jpg") center top no-repeat;
}

#header_navi h2 {
	position:absolute;
	right:10px;
	top:13px;
	width:168px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background: url("../../images/header_logo.jpg") center top no-repeat;
}


#header ul {
	overflow:hidden;
	list-style-type: none;
	position: absolute;
	padding: 0; margin: 0;
	bottom:0px;
	left:1px;
	width: 968px;
}

#header ul li {
	float:left;
	display: block;
}

#header ul li a {
	float:left;
	display: block;text-decoration: none;text-indent: -99999px;
	background-image:url("../../images/header_navi.jpg");
}
#header #naviTop a {
	width:324px;height:32px;
	background-position:0px 0px;
}
#header #naviTop a:hover {
	background-position:0px -32px;
}
#header #naviProducts a {
	width:323px;height:32px;
	background-position:-324px 0px;
}
#header #naviProducts a:hover {
	background-position:-324px -32px;
}
#header #naviNews a {
	width:321px;height:32px;
	background-position:-647px 0px;
}
#header #naviNews a:hover {
	background-position:-647px -32px;
}

/* footer */
#footer {
	position :absolute;
	bottom:0;
	/* margin-top: 75px; */
	overflow:hidden;
	width:100%;
	height:52px;
	background: url("../../images/footer_bg.gif") center bottom repeat-x;
}
#footer_area {
	margin:0 auto;
	width:870px;
	height:25px;
	color:#eeeeee;
}

#footer_copy {
	float:left;
	margin-top:8px;
	margin-left:5px;
	font-size:12px;
	color:#eeeeee;
}

/* bottom_navi */

#bottom_navi {
	margin:0 auto;
	overflow: hidden;
	height: 27px;
	font-size: 12px;
	position:relative;
	width:870px;
}

#bottom_navi a {
	float:left;
	font-size:12px;
	line-height: 15px;
	color:#888888;
	text-decoration: none;
}
#bottom_navi .bn_split {
	float:left;
	font-size:14px;
	color:#888888;
}
#bottom_navi #bottomToTop {
	margin-top: -10px;
	margin-left: 10px;
	display: inline-block;
	float: left;
	text-indent:-9999px;
	width:48px;
	height:27px;
	background: url("../../images/toTop.jpg") 0 0 no-repeat;
}
.bn_split {
	margin-left:5px;
	margin-right:5px;
	font-size: 12px;
}

#bottom_navi_inner {
	overflow:hidden;
	padding-top: 10px;
	float: right;
}


/* content */

#content {
	padding-bottom: 130px;
	margin:0 auto;
	overflow:hidden;
	width:870px;
}

/* image slider  */
#sl_main {
	float:left;
	position:relative;
	margin:32px auto 0;
	width:862px;
	height:341px;
	background-image:url("../../images/sl_main_frame.png");
}

#sl_main .sl_slideArea {
	display: inline;
	position:relative;
	overflow:hidden;
	width:833px;
	height:313px;
	margin-top:14px;
	margin-left:14px;
	float:left;
	background:#eeeeee;
}
#newsBox .sl_articles a:hover{
	color:#777777;
	text-decoration: underline;
}

#sl_main .slideNext {
	color:#ffffff;
	margin-top:4px;
	margin-left:10px;
	float:left;
}
#sl_main .slidePrev {
	color:#ffffff;
	margin-top:4px;
	margin-left:10px;
	float:left;
}

#sl_main .sl_articles {
	width:400px;
	position:absolute;
	top:0;
	left:-400px;
	margin:0;
	float:left;
}
#sl_main .sl_0 {
	left:0;
}

/* w1 */
#w1 {
	float:left;
	margin-top:21px;
	width:650px;
	height:365px;
	color: #000000;
}


/* TOPイメージ */
#index_sl1 {
	float:left;
	text-indent:-9999px;
	width:833px;
	height:313px;
	background-image:url("../../images/index_sl1.jpg");
}


/* eventBox */
#eventBox {
	position:relative;
	float:left;
	width:646px;
	height:322px;
	overflow:hidden;
	background-image:url("../../images/index_release_bg.jpg");
}

#eventBox .scrollUp {
	position:absolute;
	right:0px;
	top:0px;
	width:21px;
	height:20px;
	text-indent:-9999px;
	background-image:url("../../images/scroll_up.jpg");
}
#eventBox .scrollDown {
	z-index:101;
	position:absolute;
	right:0px;
	bottom:0px;
	width:21px;
	height:20px;
	text-indent:-9999px;
	background-image:url("../../images/scroll_down.jpg");
}
#eventBox .scrollArea {
	position:relative;
	width:628px;
	height:275px;
	margin-top: 40px;
	margin-left: 13px;
	overflow:hidden;
}

#eventBox a {
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#038bba;
}

.scrollContent .eventDate {
	float:right;
	color:#038bba;
	font-size:12px;
}

.scrollContent .eventTitle {
	float:left;
	width:492px;
}
#eventBox .scrollContent .eventTitle a:hover{
	color:#52b8cc;
	text-decoration:underline;
}

.scrollContent a {
	font-size:14px;
}

#eventBox .event_text1 {
	margin-top: 3px;
	font-size: 11px;
	line-height:1.3em;
	float:left;
	width:100%;
	color:#555555;
}
#eventBox .scrollWindow {
	float:left;
	position:relative;
	width:580px;
	height:275px;
	overflow:hidden;
}

#eventBox .scrollContent {
	position:absolute;
	text-align: left;
	left:0;
	margin:0;
	padding:0;
	overflow:hidden;
	width:100%;
	color:#ffffff;
}

#eventBox .eventSplit {
	height:1px;
	width:100%;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#eeeeee;
	text-indent:-9999px;
}
	
#eventBox .scrollBarArea {
	z-index:18;
	position:absolute;
	top:20px;
	right:3px;
	width:15px;
	height:235px;
	background:#d4d4d4;
}
#eventBox .scrollBarClear {
	z-index:19;
	position:absolute;
	left:1px;
	width:14px;
}
#eventBox .scrollBar {
	z-index:20;
	position:relative;
	width:13px;
	height:99px;
	overflow:hidden;
	background:url("../../images/scroll_bar.jpg") 0 0 no-repeat;
}
#eventBox .scrollBarTop {
	float:left;
	width:14px;
	overflow:hidden;
	height:7px;
	background:url("../../images/scrollBar.png") 0 0 no-repeat;
}
#eventBox .scrollBarMiddle {
	float:left;
	width:14px;
	height:26px;
	background:url("../../images/scrollBar.png") 0 -7px no-repeat;
}

#eventBox .scrollBarBottom {
	float:left;
	width:14px;
	height:7px;
	background:url("../../images/scrollBar.png") 0 -93px no-repeat;
}

#news_more {
	position:absolute;
	top:10px;
	left:263px;
	text-indent:-9999px;
	width:145px;
	height:15px;
	background:url("../../images/news_more.gif") 0 0 no-repeat;
}
#rss_logo {
	position:absolute;
	top:10px;
	right:11px;
	text-indent:-9999px;
	width:14px;
	height:13px;
	background:url("../../images/rss_logo.jpg") 0 0 no-repeat;
}

/* スライダー */

#newsBox {
	position:relative;
	overflow:hidden;
	margin-top:12px;
	float:left;
	width:648px;
	height:31px;
	background:#000000;
	background-image:url("../../images/news_bg.jpg");
}

#newsBox .sl_slideArea {
	display:inline;
	position:relative;
	overflow:hidden;
	width:483px;
	height:23px;
	margin-top:5px;
	margin-left:144px;
	float:left;
	background:#eeeeee;
}
#newsBox .sl_slideArea a {
	color:#000000;
}

#newsBox .sl_articles {
	width:483px;
	position:absolute;
	top:0;
	left:-483px;
	margin-top:3px;
	margin-left:9px;
	text-align:left;
}
	

#newsBox .slideNext {
	position:absolute;
	right:6px;
	top:6px;
	width:10px;
	height:20px;
	text-indent:-9999px;
	background-image:url("../../images/slider_next.png");
}
#newsBox .slidePrev {
	color:#ffffff;
	margin-top:4px;
	margin-left:10px;
	float:left;
}

#newsBox .sl_0 {
	left:0;
}

/** w2(index) **/

#w2 {
	margin-top:21px;
	padding-left:7px;
	float:left;
	width:206px;
	height:365px;
	color: #000000;
	background-image:url("../../images/index_w2_bg.jpg");
}

#w2 #index_banner1 {
	margin-top:7px;
	text-indent:-9999px;
	float:left;
	width:199px;
	height:56px;
	background-image:url("../../images/index_banner1.jpg");
}
#w2 #index_banner2 {
	margin-top:6px;
	text-indent:-9999px;
	float:left;
	width:199px;
	height:56px;
	background-image:url("../../images/index_banner2.jpg");
}
#w2 #index_banner3 {
	margin-top:6px;
	text-indent:-9999px;
	float:left;
	width:199px;
	height:56px;
	background-image:url("../../images/index_banner3.jpg");
}
#w2 #index_banner4 {
	margin-top:6px;
	text-indent:-9999px;
	float:left;
	width:199px;
	height:56px;
	background-image:url("../../images/index_banner4.jpg");
}

/** w2(index)ここまで **/


/* single */

.single #w1 {
	
	float:left;
	width:643px;
	overflow:hidden;
	height:auto;
}

.single #w2 {
	
	width:214px;
	height:auto;
	overflow:hidden;
	background-image:none;
}

.single .mainContent {
	overflow: hidden;
	padding:6px;
	margin-top:5px;
	margin-bottom:5px;
	background:#ffffff url("../../images/content_bg.jpg") 0 0;
}

.single .page_prev {
	float:left;
	display:block;
	text-indent:-9999px;
	width:75px;
	height:19px;
	background:#ffffff url("../../images/page_prev.gif") 0 0 no-repeat;
}
.single .page_next {
	float:right;
	display:block;
	text-indent:-9999px;
	width:75px;
	height:19px;
	background:#ffffff url("../../images/page_next.gif") 0 0 no-repeat;
}

.single .mainContent .mainText a {
	color:#555555;
}
.single .mainContent .mainText a:hover {
	color:#777777;
	text-decoration:underline;
}

.single .titleArea {
	padding-top:9px;
	padding-left:30px;
	padding-bottom: 7px;
	position:relative;
	width:600px;
	background:#222222 url("../../images/single_title_bg.jpg") 0 0 no-repeat;
}

.single .titleArea.titleCat1 {
	background:#222222 url("../../images/single_title_camp_bg.jpg") 0 0 no-repeat;
}

.single .classNo1 {
	text-indent:-9999px;
	position:absolute;
	top:18px;
	right:5px;
	text-indent:-9999px;
	width:57px;
	height:11px;
	background: url("../../images/tag_side_cat_camp.gif") 0 0 no-repeat;
}
.single .classNo2 {
	text-indent:-9999px;
	position:absolute;
	top:18px;
	right:5px;
	text-indent:-9999px;
	width:57px;
	height:11px;
	background: url("../../images/tag_side_cat_event.gif") 0 0 no-repeat;
}
.single .classNo3 {
	position:absolute;
	top:18px;
	right:5px;
	text-indent:-9999px;
	width:57px;
	height:11px;
	background: url("../../images/tag_side_cat_news.gif") 0 0 no-repeat;
}


.single .titleArea .data{
	position:absolute;
	top:5px;
	right:5px;
	color:#038bba;
	font-size:10px;
}

.single .titleArea .data.dateCat1 {
	color:#c68502;
}
.single .titleArea .title{
	font-size:13px;
	font-weight:bold;
	color:#eeeeee;
	width:416px;
}

.single .titleArea .new{
	position:absolute;
	top:7px;
	right:50px;
}

.single .mainText {
	padding:12px 15px;
	margin-top:5px;
	font-size:11px;
	line-height:1.3em;
	width:600px;
	overflow:hidden;
	color:#555555;
	background-color:#ffffff;
}
.single .mainText a{
	color:#555555;
}
.pageBox {
	float:left;
	margin:0 auto;
	padding-top:3px;
	height:23px;
	overflow:hidden;
	text-align:center;
	width: 100%;
}
.pageBox.bottom {
	margin-top:16px;
}

.pagingInnnerPage {
	margin:0 auto;
	width:170px;
}


.pageBoxCenter {
	overflow: hidden;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

.pageBox a {
	color:#777777;
}

.pagingNum {
	float:left;
	margin-left:2px;
	font-size: 13px;
	border:#828282 2px solid;
	line-height: 15px;
	padding-left:3px;
	padding-right:3px;
}

.paging_prev {
	float:left;
	text-indent:-9999px;
	width:75px;
	height:19px;
	background:#222222 url("../../images/arrow_prev.jpg") 0 0 no-repeat;
}
.paging_next {
	float:left;
	margin-left:2px;
	text-indent:-9999px;
	width:75px;
	height:19px;
	background: url("../../images/arrow_next.jpg") 0 0 no-repeat;
}

/* singleここまで */


/* archiveArea */
#monthlyArea {
	float:right;
	width:213px;
	padding-top:36px;
	background:#222222 url("../../images/w2_monthly_bg.jpg") 0 0 no-repeat;
}

#monthlyArea .monthlyContent {
	position:relative;
	overflow: hidden;
	width:200px;
	margin:2px 0 3px 5px;
	border-top:#444444 2px solid;
}
#monthlyArea .monthlyContent a{
	font-size: 11px;
	clear:both;
	float:left
}

#monthlyArea .monthlyContent a:hover{
	color:#777777;
	text-decoration:underline;
}

#monthlyArea .monthlyContent.cnt0 {
	border:none;
}

#monthlyArea .sideCat1 {
	display:block;
	position:absolute;
	right:3px;
	top:4px;
	text-indent:-9999px;
	width:57px;
	height:11px;
	background: url("../../images/tag_side_cat_camp.gif") 0 0 no-repeat;
}
#monthlyArea .sideCat2 {
	display:block;
	position:absolute;
	right:3px;
	top:4px;
	text-indent:-9999px;
	width:57px;
	height:11px;
	background: url("../../images/tag_side_cat_event.gif") 0 0 no-repeat;
}
#monthlyArea .sideCat3 {
	display:block;
	position:absolute;
	right:3px;
	top:4px;
	text-indent:-9999px;
	width:57px;
	height:11px;
	background: url("../../images/tag_side_cat_news.gif") 0 0 no-repeat;
}
#monthlyArea .dateType1 {
	font-size:10px;
	color:#038bba;
}
#monthlyArea .dateType2 {
	font-size:10px;
	color:#c58500;
}
#monthlyArea .dateType3 {
	font-size:10px;
	color:#038bba;
}
#monthlyArea .dateType4 {
	font-size:10px;
	color:#038bba;
}
#categoryArea {
	float:right;
	width:213px;
	padding-top:36px;
	background:#222222 url("../../images/w2_category_bg.jpg") 0 0 no-repeat;
}
#categoryArea .categoryContent {
	width:200px;
	margin:2px 0 3px 5px;
}

#archiveArea {

	float:right;
	width:213px;
	padding-top:36px;
	background:#222222 url("../../images/w2_archive_bg.jpg") 0 0 no-repeat;
}
#archiveArea .archiveContent {
	width:200px;
	margin:2px 0 3px 5px;
}
#archiveArea .archiveContent a {
	font-size:10px;
}
#archiveArea .archiveContent a:hover {
	color:#777777;
	text-decoration:underline;
}

/* games */
#content.games {
 width:891px;
}

.gamesHeader {
	font-weight:bold;
	color:#eeeeee;
	margin-left:13px;
	margin-bottom:2px;
}

.games_container .copy {
	color:#dddddd;
	float:left;
	font-size:10px;
	padding-top:3px;
	padding-left:10px;
	letter-spacing: -0.3px;
}
.imgArea {
	
	display: inline;
	float: left;
	height: 163px;
	margin: 9px 0 0 11px;
	overflow: hidden;
	width: 406px;
}

#gamesArea {
	position:relative;
	overflow:hidden;
	margin-top:32px;
	padding-top:9px;
	width:891px;
	background:#222222 url("../../images/games_top.jpg") 0 0 no-repeat;
}
#gamesAreaBottom {
	float:left;
	width:891px;
	height:16px;
	background:#222222 url("../../images/games_bottom.jpg") center bottom no-repeat;
}

.games_container {
	display:inline;
	float:left;
	margin-top:5px;
	margin-left:12px;
	width:431px;
	height:289px;
	background:#222222 url("../../images/games_box_bg.jpg") 0 0 no-repeat;
}
.games_container.odd {
	float:right;
	margin-left:0;
	margin-right:12px;
}
.naviArea {
	display:inline;
	overflow:hidden;
	float:left;
	margin: 9px 0 0 11px;
	width:406px;
	height:86px;
}

.naviArea a {
	font-size:12px;
}
.games_navi1 {
	text-indent:-9999px;
	float:left;
	width:198px;
	height:42px;
	background:#222222 url("../../images/games_1_navi1.jpg") 0 0 no-repeat;
}
.games_navi2 {
	text-indent:-9999px;
	float:right;
	width:198px;
	height:42px;
	background:#222222 url("../../images/games_1_navi2.jpg") 0 0 no-repeat;
}
.games_navi3 {
	margin-top:2px;
	text-indent:-9999px;
	float:left;
	width:198px;
	height:42px;
	background:#222222 url("../../images/games_1_navi3.jpg") 0 0 no-repeat;
}

.games_container img {
	float:left;
}

.games_container .date {
	font-weight:bold;
	font-size:13px;
	color:#038bba;
	float:left;
	margin-left:11px;
	width:280px;
}
.games_container h3 {
	color:#88b439;
	font-size:15px;
	float:left;
	margin-left:11px;
	margin-top:10px;
	width:280px;
}

.games_container .sub_title {
	color:#88b439;
	float:left;
	font-size:12px;
	margin-left:11px;
	margin-top:3px;
	width:280px;
}
.games_container .detail {
	color:#eeeeee;
	float:left;
	font-size:11px;
	margin-left:11px;
	margin-top:20px;
	width:280px;
}

.popupNavi {
	padding-top: 2px;
	position:absolute;
	display:none;
	width:167px;
	overflow:hidden;
	background: url("../../images/games_float_box.png") 0 0 no-repeat;
}

.popupNavi a {
	color:#555555;
	font-size:10px;
	float:left;
	margin-top:6px;
	margin-left:21px;
	padding-top: 1px;
	padding-left: 10px;
	height:18px;
	width:130px;
	background: url("../../images/popupNavi_link_bg.gif") 0 0 no-repeat;
}
.popupNavi a:hover {
	color:#777777;
	text-decoration:underline;
}

.popupNavi a.bottom {
	
	height:12px;
}


.popupBottom {
	float:left;
	height:5px;
	width:167px;
	background: url("../../images/games_float_bottom.png") right bottom no-repeat;
}
.pageBoxCenter.product .paging_prev {
	float:left;
	text-indent:-9999px;
	width:75px;
	height:18px;
	background:#222222 url("../../images/arrow_prod_prev.jpg") 0 0 no-repeat;
}
.pageBoxCenter.product .paging_next {
	float:left;
	margin-left:2px;
	text-indent:-9999px;
	width:75px;
	height:18px;
	background: url("../../images/arrow_prod_next.jpg") 0 0 no-repeat;
}
.pageBoxCenter.product .pagingNum {
	border: 1px solid #a8a8a8;
	color:#8e8e8e;
	float: left;
	font-size: 13px;
	line-height: 16px;
	margin-left: 2px;
	padding-left: 3px;
	padding-right: 3px;
}

/* sitemap */
#headBox {
	
	width:100%;
	float:left;
	overflow:hidden;
}

#leftBox {
	
	float:left;
	width:425px;
}
#headBox ul,#leftBox ul,#rightBox ul{
	list-style: disc inside none;
}
#rightBox {
	margin-left:10px;
	float:left;
	width:425px;
}

#headBox a,#leftBox a,#rightBox a{
	color:#000000;
}
#headBox a:hover,#leftBox a:hover,#rightBox a:hover{
	text-decoration:underline;
}

#headBox  h2 {
	width:417px;
	border-bottom: 2px solid #888888;
	font-size:16px;
	font-weight:bold;
	margin-top:25px;
	margin-bottom:15px;
	padding-bottom: 6px;
	padding-left: 9px;
}


#leftBox  h2 ,#rightBox  h2 {
	border-bottom: 2px solid #888888;
	font-size:16px;
	font-weight:bold;
	margin-top:25px;
	padding-bottom: 6px;
	padding-left: 9px;
}
#headBox  h3 ,#leftBox  h3 ,#rightBox  h3 {
	padding-top: 30px;
	padding-left: 10px;
}
#headBox  h3.top,#leftBox  h3.top, #rightBox  h3.top{
	padding-top: 10px;
}
#headBox li,#leftBox li,#rightBox li{
	padding-bottom: 5px;
	padding-left:20px;
}
#rightBox .date {
	
	padding-left:30px;
}


/**/

#aboutBox {
	padding-top:100px;
	padding-bottom:100px;
	width:867px;
	overflow:hidden;
}
#aboutBox h2 {
	
	font-size:16px;
	font-weight:bold;
    padding-bottom: 10px;
    padding-left: 30px;
}

#aboutBox .textContainer {
	padding:10px;
	background: url("../../images/content_bg.jpg") repeat scroll 0 0 #FFFFFF;
	width:847px;
}

#aboutBox .textContent {
	background-color:#ffffff;
}
#aboutBox p {
	padding:10px 20px;
}
/* fader */

#fader {
	z-index:100;
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	display:none;
	background:url("../../images/fader.png");
	text-align:left;
}

#fader.pc {
	background:none;
}
#fader_mask {
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	background:#000000;
}
#fader_image{
	opacity: 1;
	display:block;
	position:absolute;
	background-color: #000000;
	padding: 10px;
}