@charset "Shift_JIS";


/* ##################################################################
 *
 *    ヘッダー部分のレイアウト設定 
 *
 * ##################################################################
 */

#header{
	width     : 960px;
	margin    : 0;
	padding   : 0;
	}

#header_wrap {
	height    : 84px;
	margin    : 0;
	padding   : 0;
	background: #fff url(../../common/images/header/header_bg.gif) repeat-x left bottom;
	}

#logo_area {
	width     : 225px;
	height    : 84px;
	margin    : 0;
	padding   : 0;
	float     : left;
	}

#logo_area img {
	margin    : 0;
	padding   : 0;
	}

/* ++++++++++++++++++++ menu SET ++++++++++++++++++++ */

#navi1{
	height    : 18px;
	margin    : 7px 0 4px 0;
	padding   : 0;
	float     : right;
	text-align: right;
	}

#navi1 ul{
	margin    : 0;
	padding   : 0;
	padding-right : 30px;
	}

#navi1 li{
	float     : left;
	height    : 18px;
	margin    : 0 1em 0 0;
	padding   : 0 0 0 1.5em;
	font-size : 10px;
	list-style: none;
	background: url(/library/img/common/link_icon01.png) top left no-repeat;
	}

#navi1 li a{
	color:#551a8b;
}
/* ++++++++++++++++++++global_menu SET++++++++++++++++++++ */
#global_navi {
	float          : right;
	width          : 735px;
	height         : 54px;
	margin         : 0;
	padding        : 0;
	overflow       : hidden;
	list-style-type: none;
	}


#global_navi ul {
	margin : 0;
	padding: 0;
	}

#global_navi li {
	margin         : 0;
	padding        : 0;
	display        : inline;
	list-style-type: none;
	}

#global_navi a {
	float      : left;
	padding-top: 54px;
	height     : 0px !important;
	height /**/: 54px;
	overflow   : hidden;
	background-position:left top;
	background-repeat:no-repeat;
	}

#global_navi a:hover,
#global_navi a.selected,
#global_navi a:hover.selected { background-position:0 -54px; }

/*++++++++++++++++ nav button set ++++++++++++++++*/
/*.gnav01 a { width: 100px; background-image: url(../../common/images/header/gnavi01g.gif);}
.gnav02 a { width: 100px; background-image: url(../../common/images/header/gnavi02g.gif);}
.gnav03 a { width: 100px; background-image: url(../../common/images/header/gnavi03.gif);}
.gnav04 a { width: 100px; background-image: url(../../common/images/header/gnavi04.gif);}
.gnav05 a { width:  65px; background-image: url(../../common/images/header/gnavi05.gif);}
.gnav06 a { width: 100px; background-image: url(../../common/images/header/gnavi06.gif);}
.gnav07 a { width: 100px; background-image: url(../../common/images/header/gnavi07.gif);}
.gnav08 a { width:  57px; background-image: url(../../common/images/header/gnavi08.gif);}
.gnav09 a { width:  79px; background-image: url(../../common/images/header/gnavi09.gif);}
*/
/*++++++++++++++++ nav button set long++++++++++++++++*/

.gnav03 a { width: 150px; background-image: url(../../common/images/header/gnavi03.gif);}
.gnav05 a { width: 100px; background-image: url(../../common/images/header/gnavi05.gif);}
.gnav06 a { width: 150px; background-image: url(../../common/images/header/gnavi06.gif);}
.gnav07 a { width: 150px; background-image: url(../../common/images/header/gnavi07.gif);}
.gnav08 a { width: 100px; background-image: url(../../common/images/header/gnavi08.gif);}

/*++++++++++++++++++++++ undernavi SET ++++++++++++++++++++++*/
#undernavi {
	height       : 33px;
	text-align   : center;
	margin       : 0;
	padding      : 9px 0 7px;
	} 
html>body #undernavi { height : 17px; }

#undernavi ul {
	margin       : 0;
	padding      : 0;
	display      : inline;
	}

#undernavi li {
	margin       : 0;
	padding      : 0 10px 0 10px;
	background   : url(../../common/images/header/bt_headnavi_3_partition.gif) no-repeat right center;
	height       : 11px;
	color        : #fff;
	list-style   : none;
	display      : inline;
	}

#undernavi li a {
	color        : #fff;
	display      : inline-block;
	}

#undernavi li.nober {
	margin       : 0;
	padding      : 0 0 0 10px;
	background   : none;
	}




#undernavi ul.n3-1 li {
	margin       : 0;
	padding      : 0 0 0 8px;
	background   : none;
	}

#undernavi ul.n3-1 li a.news{
	background   : url(../../common/images/header/bt_headnavi_3_icon1.png) no-repeat left center;
	padding-left : 14px;
	}
#undernavi ul.n3-1 li a.maintenance{
	background   : url(../../common/images/header/bt_headnavi_3_icon2.png) no-repeat left center;
	padding-left : 14px;
	}

#undernavi ul.n3-2 {
	margin       : 0 0 0 28px;
	padding      : 0;
	}

#undernavi ul.n3-2 ul {
	margin       : 0;
	padding      : 0;
	}

#undernavi ul.n3-2 li {
	margin       : 0;
	padding      : 0 10px 0 10px;
	background   : url(../../common/images/header/bt_headnavi_3_partition.gif) no-repeat right center;
	}

#undernavi ul.n3-2 li.nober{
	background: none;
	margin: 0;
	padding: 0 0 0 10px;
}




.navi_home {
	background   : #8e2b9f;
	border-left  : 1px solid #c581d1;
	border-right : 1px solid #c581d1;
	border-bottom: 1px solid #c581d1;
	}

.navi_game {
	background   : #8e2b9f;
	border-left  : 1px solid #c581d1;
	border-right : 1px solid #c581d1;
	border-bottom: 1px solid #c581d1;
	}

.navi_teiban {
	background   : #8e2b9f;
	border-left  : 1px solid #c581d1;
	border-right : 1px solid #c581d1;
	border-bottom: 1px solid #c581d1;
	}

.navi_browser {
	background   : #17c100;
	border-left  : 1px solid #48e533;
	border-right : 1px solid #48e533;
	border-bottom: 1px solid #48e533;
	}


.navi_shop {
	background   : #f9629e;
	border-left  : 1px solid #f283ae;
	border-right : 1px solid #f283ae;
	border-bottom: 1px solid #f283ae;
	}

.navi_park {
	background   : #8e2b9f;
	border-left  : 1px solid #c581d1;
	border-right : 1px solid #c581d1;
	border-bottom: 1px solid #c581d1;
	}

.navi_event {
	background   : #34aae1;
	border-left  : 1px solid #3aade2;
	border-right : 1px solid #3aade2;
	border-bottom: 1px solid #3aade2;
	}

.navi_mobile {
	background   : #c5b718;
	border-left  : 1px solid #edec71;
	border-right : 1px solid #edec71;
	border-bottom: 1px solid #edec71;
	}

.navi_cgame {
	background   : #2b4da2;
	border-left  : 1px solid #1848da;
	border-right : 1px solid #1848da;
	border-bottom: 1px solid #1848da;
	}

.navi_cgame p.cgameSupport a{
	float:right;
	margin-right:1em;
	color: #fff;
}

.navi_gamecafe {
	background   : #663333;
	border-left  : 1px solid #a57445;
	border-right : 1px solid #a57445;
	border-bottom: 1px solid #a57445;
	}

.navi_cafe {
	background   : #905c29;
	border-left  : 1px solid #a57445;
	border-right : 1px solid #a57445;
	border-bottom: 1px solid #a57445;
	}

.navi_community {
	background   : #ff7e00;
	border-left  : 1px solid #ff7e00;
	border-right : 1px solid #ff7e00;
	border-bottom: 1px solid #ff7e00;
	}

.navi_community p {
	text-align   : right;
	margin       : 0;
	padding      : 2px 5px 0 0;
	font-size    : 10px;
	color        : #fff;
	}

.navi_campaign {
	background   : #e02637;
	border-left  : 1px solid #fc496b;
	border-right : 1px solid #fc496b;
	border-bottom: 1px solid #fc496b;
	}


/* ##################################################################
 *
 *     フッター部分のレイアウト設定 
 *
 * ##################################################################
 */

.clear_2{
	font-size: 1px;
	margin: 0;
	padding: 0;
	clear: both;
}

#footnavi{
	margin: 0;
	padding: 0;
	text-align: center;
}

#footnavi a:link{text-decoration: underline; color: #0080d9;}
#footnavi a:visited{text-decoration: underline; color: #0080d9;}
#footnavi a:active{text-decoration: underline; color: #0080d9;}
#footnavi a:hover{text-decoration: none; color: #FF7700;}

#footnavi ul{
	margin: 0;
	padding: 8px 0;
}

#footnavi ul.bg{
	background-color: #f0f0f0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

#footnavi li{
	list-style: none;
	background: url(../../common/images/footer/bt_footnavi_partition.gif) no-repeat right center;
	margin: 0;
	padding: 0 8px 0 4px;
	display: inline;
}

#footnavi li a{
	display: inline-block;
}

#footnavi li.nober{
	background: none;
	margin: 0;
}

#footer{
	background: url(../../common/images/footer/footer_bg.gif) repeat-x left top #ededed;
	margin: 0;
	padding: 14px 10px 12px;
	text-align: center;
}

#footer #corp_info{
	margin: 0;
	padding: 0;
	float: right;
}

#footer #corp_info ul{
	margin: 0;
	padding: 0;
}

#footer #corp_info li{
	font-size: 0px;
	list-style: none;
	height: 11px;
	margin: 0 0 0 16px;
	padding: 0;
	float: left;
}

#footer #afterword{
	font-size: 85%;
	line-height: 110%;
	width: 650px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}

#footer p{
	margin: 0px;
	padding: 0px;
}

#footer .copyright{
	margin: -5px 0 0 0;
	padding: 0;
	float: left;
}

#footer .recommend{
	font-size: 85%;
	width: 500px;
	margin: 12px 0 0 0;
	padding: 0;
	text-align: right;
	float: right;
}