@charset "utf-8";

/* Table Of Contents
----------------------------------------

# General Elements
# body
# layout
# header
# gNav
# underLink
# footer
# clearfix

----------------------------------------*/


/* # General Elements
---------------------------------------------------------------------------- */

a    { text-decoration: underline;  }
a:hover   { text-decoration: none; }


/* # body
---------------------------------------------------------------------------- */

body {
	background: #005121 url(../images/bg_base.png) center 222px no-repeat;
	color: #000;
	font-size: 75%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.5;
	text-align:center;
}


/* # layout
---------------------------------------------------------------------------- */

div#layout {
}

/* # pagebody
---------------------------------------------------------------------------- */

div#pageBody {
	background: #FFF url(../../common/images/pagebody_side_bg02.gif) left top repeat-y;
	margin: 0 auto 5px;
	width: 960px;
}

/* # header
---------------------------------------------------------------------------- */

div#header {
	background: url(../images/bg_header.png) center 38px no-repeat;
}

div#header div.hNav {
	background: url(../images/hnav_bg.gif) repeat-x;
	height: 38px;
}

div#header div.hNav div.hNavInner ul.txtLink, div#header div.hNav div.hNavInner ul.language {
	float: left;
	width: auto;
}

div#header div.hNav div.hNavInner ul li {
	float: left;
	width: auto;
}

div#header div.hNav div.hNavInner ul.txtLink {
	float: left;
	margin: 0 20px 0 0;
	width: auto;
}

div#header div.hNav div.hNavInner ul.txtLink li {
	height: 38px;
	line-height: 38px;
	vertical-align: central;
}

div#header div.hNav div.hNavInner ul.txtLink li a {
	border-right: #555 solid 1px;
	color: #fff;
	padding: 0 8px;
}

div#header div.hNav div.hNavInner ul.txtLink li span {
	border-right: #555 solid 1px;
	color: #666;
	padding: 0 8px;
}

div#header div.hNav div.hNavInner ul.language {
	margin: 6px 0 0;
}

div#header div.hNav div.hNavInner ul.language li {
	height: 38px;
	margin: 0 10px 0 0;
}

div#header div.hNav div.hNavInner ul.language li img {
	
	line-height: 38px;
	vertical-align: middle;
}

div#header div.hNav div.hNavInner p.server {
	float: left;
	margin: 8px 0 0 95px;
	width: 215px;
}

div#header div.hNav div.hNavInner ul.snsBtn {
	float: right;
	margin: 7px 0 0;
	width: auto;
}

div#header div.hNav div.hNavInner ul.snsBtn li {
	float: left;
	margin: 0 5px 0 0;
	width: auto;
}

div#header div.hNav div.hNavInner ul.snsBtn li a {
	display: block;
	height: 25px;
	overflow: hidden;
	text-indent: 999px;
	width: 26px;
}

div#header div.hNav div.hNavInner ul.snsBtn li.twitter a {
	background: url(../images/hnav_twitter.png) no-repeat;
}

div#header div.hNav div.hNavInner ul.snsBtn li.fb a {
	background: url(../images/hnav_fb.png) no-repeat;
}

div#header div.hNav div.hNavInner ul.snsBtn li.flickr a {
	background: url(../images/hnav_flickr.png) no-repeat;
}

div#header div.hNav div.hNavInner ul.snsBtn li.twitter a:hover {
	background: url(../images/hnav_twitter_o.png) no-repeat;
}

div#header div.hNav div.hNavInner ul.snsBtn li.fb a:hover {
	background: url(../images/hnav_fb_o.png) no-repeat;
}

div#header div.hNav div.hNavInner ul.snsBtn li.flickr a:hover {
	background: url(../images/hnav_flickr_o.png) no-repeat;
}

div#header div.hNav div.hNavInner {
	margin: 0 auto;
	width: 960px;
}

div#header div.headerInner {
	margin: 28px auto;
	text-align: left;
	width: 960px;
}

div#header div.headerInner div.logo {
	margin: 0;
	width: 222px;
}

div#header div.headerInner div.logo h1 {
	margin: 0 0 10px;
}

/* # gNav
---------------------------------------------------------------------------- */
div#gNav { 
	background:url(../images/gnav_bg.gif) repeat-x;
	
}

div.menu {
	margin: 0 auto;
	width: 960px;
	position: relative;
	z-index: 9 !important;
}
	
div.menu ul li {
	float: left;
	position: relative;
	background: url(../images/gnav_btn.gif);
	width: 106px;
}

div.menu ul li.btnNone {
	color: #999;
	height: 44px;
	line-height: 44px;
	vertical-align: central;
}

div.menu ul li.btnNone2lines {
	color: #999;
	height: 38px;
	line-height: 15px;
	padding: 6px 0 0;
}
	
div.menu ul li table {
	border-collapse: collapse;
	border: none;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}
	
div.menu ul li ul {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 36px;
	left: 3px;
	text-align:left;
}
	
div.menu ul li ul li {
	background: url(../images/gnav_pulldown.gif);
	width: 175px !important;
	height:auto !important;
	padding: 5px 8px;
}
	
div.menu ul li a {
	color:#333 !important;
	font-family: verdana, sans-serif;
	display: block;
	text-decoration: none;
}

div.menu ul li a.central {
	height: 44px;
	line-height:44px;
	vertical-align: central;
}

	
div.menu ul li a:hover {
	background:url(../images/gnav_btn_o.gif) no-repeat;
	color:#fff !important;
}
	
div.menu ul li:hover ul , .menu ul li a:hover ul {
	visibility: visible;
	overflow: visible;
	z-index: 10 !important;
}
	
div.menu ul li ul li a.sub {
	color: #FFF !important;
	display:block;
	line-height: none !important;
	height: auto;
	padding: 3px 0 3px 3px;
}
	
div.menu ul li ul li a:hover {
	background: #79AA47;
}

div.menu ul li.act {
    background: url(../../common/images/gnav_btn_o.gif) !important;
}

div.menu ul li.act a {
    color: #FFF !important;
}


/* # lnav
---------------------------------------------------------------------------- */

div#lNav ul {
	background: #2c2c2c;
	margin: 0 auto 10px;
	padding: 15px;
	width: 930px;
}

div#lNav ul li {
	float: left;
	margin: 0 30px 0 0;
	width: auto;
}

div#lNav ul li a {
	color: #FFF;
  	background: url(../../common/images/ico_arrow01.png) left center no-repeat;
	padding: 0 0 0 14px;
}

div#lNav ul li img {
	margin: 0 0 0 5px;
	vertical-align: text-bottom;
}



/* # content
---------------------------------------------------------------------------- */

div#content {
	float: right;
	padding: 10px;
	text-align: left;
	width: 736px;
}

table {
    width: 100%;
}

ul.topicPath li.here {
    background: none repeat scroll 0 0 transparent !important;
    margin: 0;
    padding: 0;
    width: auto;
}

div.section {
    clear: both;
    margin: 0 0 20px;
}

div#content h2.pageTitle {
	background: url(../../common/images/title_bg.png) right no-repeat;
	color: #FFF;
	font-size: 200%;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	vertical-align: central;
}

div#content h2.title {
	background: url(../../common/images/h2_bg.gif) repeat-x;
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin: 0 0 10px;
	padding: 0 0 0 10px;
	vertical-align: central;
}

div#content h3 {
	border-bottom: solid 1px #000000;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 10px;
}

div#content ol {
	list-style-type: none;
	margin: 0 0 10px 15px;
}

div#content ol.listNumber {
	list-style-type: decimal;
	padding: 0 0 0 10px;
}

div#content p {
	margin: 0 0 10px;
}

div#content p.pageTop {
	background: url(../images/ico_pagetop.gif) right no-repeat;
	padding: 0 14px 0 0;
	text-align: right;
}

div#content  dl {
	margin: 0 0 10px;
}

div#content div.section table tr th {
	background: none repeat scroll 0 0 #aae999;
    border: 1px solid #FFFFFF;
    color: #000000;
    padding: 5px 10px;
}

div#content div.section table tr th.head {
	background: none repeat scroll 0 0 #00883A;
    color: #FFFFFF;
}

div#content div.section table tr td {
	background: none repeat scroll 0 0 #DEE2E5;
    border: 1px solid #FFFFFF;
    padding: 5px 10px;
}

/*-- game --*/

table.outlineTable p {
    width: 120px;
    word-wrap: break-word;
}

div#content div.section table.gameTable tr th {
	background: none !important;
	padding: 0;
	vertical-align: top !important;
}


div#content div.section table.gameTable tr td {
	background: none !important;
	padding: 0;
}	


/* # sidebarLeft
---------------------------------------------------------------------------- */

div#sidebarLeft {
	float: left;
	/*padding: 10px 0 0;*/
	margin: 0;
	width: 196px;
}

div#sidebarLeft p.regiBtn {
	margin:10px 0;
}

div#sidebarLeft ul.contact {
	background: #FFF;
	margin: 0 0 10px 5px;
	text-align:center;
	width: 186px;
}

div#sidebarLeft ul.focusTheme {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    margin: 0 0 10px 9px;
    width: 176px;
}

div#sidebarLeft ul.focusTheme li {
    border-bottom: 1px solid #000000;
    text-align: left;
}

div#sidebarLeft ul.focusTheme li a {
    background: url(../images/ico_arrow03.png) no-repeat scroll 5px 6px transparent;
	display: block;
    padding: 0 0 0 14px;
}

div#sidebarLeft ul.focusTheme li span {
    background: url(../images/ico_arrow03.png) no-repeat scroll 5px 6px transparent;
	display: block;
    padding: 0 0 0 14px;
}

div#sidebarLeft ul.contact li { 
	border-bottom: solid 1px #E9E9E9;
	padding: 7px 0 4px;
}

div#sidebarLeft ul.pickUp {
	margin: 10px 0 0 0;
}

div#sidebarLeft ul.pickUp li {
	margin: 0 0 10px;
}

div#sidebarLeft ul.textLink {
	text-align: left;
}

div#sidebarLeft ul.textLink li a {
	display: block;
	padding: 10px;
	width: 176px;
}

.underLine {
	background: url(../images/l_side_line.gif) repeat-x bottom;
}

/* # sidebarRight
---------------------------------------------------------------------------- */

div.bnrArea {
	float: right;
	width: 196px;
}

div.bnrArea ul {
	padding: 0 10px;
	text-align: center;
}

div.bnrArea h2, div.bnrArea div.themeSponsor ul li {
	background: #FFF;
	font-size: 9px;
	margin: 0 0 10px;
	text-align: center;
}

div.bnrArea h2, div.bnrArea div.themeSponsor02 ul li {
	text-align: center;
	hieght: 65px;
}

div.bnrArea div.snBlog {
	background: #09F;
	margin: 0 0 10px;
	padding: 0 5px 10px;
	width: 186px;
}

div.bnrArea div.snBlog div.snBlogInner {
	background: #FFF;
	border: solid 1px #d9d9d9;
	margin: 0 0 10px;
	padding: 5px;
	text-align: left;
}

div.bnrArea div.snBlog div.snBlogInner p.daily,div.bnrArea div.snBlog div.snBlogInner h4 {
  	border-bottom: #CCC dashed 1px;
	margin: 0 0 5px;
	padding: 0 0 5px;
}

div.bnrArea div.snBlog div.snBlogInner h4 {
	font-weight: bold;
}

div.bnrArea p.backNumber {
    padding: 0 10px;
    text-align: right;
}

div.bnrArea p.backNumber a {
	background: url(../images/ico_arrow02.gif) 0 4px no-repeat;
	color: #FFF;
	padding: 0 0 0 9px;
}

/* blogSideArea */

div#blogSideArea {
	float: right;
	text-align: left;
	width: 196px;
}

div#blogSideArea div.bgBlog {
    background: none repeat scroll 0 0 #0099FF;
    margin: 0 0 10px;
    padding: 0 0 10px;
}

div#blogSideArea .blogBnr{
	text-align: center;
}

div#blogSideArea h2 {
	margin-bottom: 10px;
}

div#blogSideArea div#blogEntries {
    padding: 0 5px 1px;
    width: 185px;
}

div#blogSideArea div#blogEntries table {
	width: 100%;
	margin-bottom: 10px;
	background: #FFF;
}

div#blogSideArea div#blogEntries table th {
	display: none;
}

div#blogSideArea div#blogEntries table td {
	padding: 5px;
}

div#blogSideArea div#blogEntries table td.bottomLine {
	border-bottom: #999  dashed 1px;
}

div#blogSideArea div#blogEntries table td img.cat {
	padding-rigth: 5px;
}

div#blogSideArea div#blogEntries table td a {
	font-weight: bold;
}

div.mediaSponsor ul li {
	margin: 0 0 5px;
}

#sponsorsLogo .caroufredsel_wrapper{
	width: 195px!important;
	height: 115px!important;
}

#sponsorsLogo .caroufredsel_wrapper li {
	height: 105px;
}

#sponsorsLogo02 {
	padding-left:10px;
}

#sponsorsLogo02 .caroufredsel_wrapper{
	width: 195px!important;
	/*height: 62px!important;*/
}

#sponsorsLogo02 .caroufredsel_wrapper li {
	height: 62px;
}


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

div#footer {
	background: #FFF;
	margin: 0 auto;
	padding: 10px 5px;
	width: 950px;
}

div#footer p {
	color: #b4b4b4;
	float: left;
	width: auto;
}

div#footer ul.footerLogo {
	float: right;
	width: auto;
}

div#footer ul.footerLogo li {
	display: block;
	float: left;
	margin: 0 5px;
	width: auto;
}

div#footer ul.footerLogo li.iaJapan {
	margin: 18px 5px 0;
}


/* # clearfix
---------------------------------------------------------------------------- */

div#pageBody {
	zoom: 1;
}

div#pageBody:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/* # topicPath
---------------------------------------------------------------------------- */

ul.topicPath {
	color: #FFF;
	margin: 10px auto;
	width: 960px;
}

ul.topicPath li {
	background: url(../images/ico_arrow02.gif) right no-repeat;
	float: left;
	padding: 0 14px 0 0;
	margin: 0 7px 0 0;
	width: auto;
}

ul.topicPath li a {
	color: #FFF;
}

ul.topicPath li.here {
	background: none;
	padding: 0;
	margin: 0;
	width: auto;
}