@charset "utf-8";

/*---------------------------------------------------
　　　　　　　　共通CSS ＆ index用CSS
----------------------------------------------------*/


/*------　基本設定　------*/

a:link {
	color: #11839C;
	text-decoration: none;
}



a:visited {
	color: #11839C;
	text-decoration: none;
}



a:hover {
	color: #11839C;
	text-decoration: underline;
}



a:active {
	color: #11839C;
	text-decoration: none;
}



body {
	color: #62322A;
	font-size: 12px;
	font-family:Osaka,"ＭＳ Ｐゴシック",sans-serif;
	background-color: #FCFFD1;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
}


img {
	border: 0;
}


p {
	padding: 0;
	margin: 0;
}


dl,dd,dt {
	padding: 0;
	margin: 0;
}


/*---------------------------------------------------
　　　　　　　　ページ構造に関するCSS
----------------------------------------------------*/

#wrapper {
	text-align: left;
	margin: 0 auto; 
	width: 800px;
	background-color: #FFFFFF;
	background-image: url(../images/bg_main.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}


/*------　ヘッダー　------*/

#header {
	width: 800px;
	height: 263px;
	background-image: url(../images/header_img.jpg);
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
}


#header #site-logo {
	position: absolute;
	top: 50px;
	left: 25px;
}


/*------　ヘッダー＞ナビゲーション　------*/

#header #navi-area {
	width: 800px;
	height: 36px;
	position: absolute;
	top: 227px;
	left: 0px;
	background-image: url(../images/top_navi_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}


#header ul#navi {
	margin: 0;
	padding: 0px;
	width: 462px;
	height: 36px;
	position: absolute;
	top: 0;
	left: 338px;
}


#header ul#navi li {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	text-indent: -9999px;
	height: 36px;
}


#header ul#navi li a {
	display: block;
	text-decoration: none;
	padding: 0px;
	height: 36px;
	background-image: url(../images/top_navi.gif);
	background-repeat: no-repeat;
}


#header ul#navi li#nav-home    { width: 86px; }
#header ul#navi li#nav-about   { width: 108px; }
#header ul#navi li#nav-game    { width: 99px; }
#header ul#navi li#nav-link    { width: 72px; }
#header ul#navi li#nav-company { width: 97px; }


#header ul#navi li#nav-home a    { background-position: 0 0; }
#header ul#navi li#nav-about a   { background-position: -86px 0; }
#header ul#navi li#nav-game a    { background-position: -194px 0; }
#header ul#navi li#nav-link a    { background-position: -293px 0; }
#header ul#navi li#nav-company a { background-position: -365px 0; }


#header ul#navi li#nav-home a:hover    { background-position: 0 -36px; }
#header ul#navi li#nav-about a:hover   { background-position: -86px -36px; }
#header ul#navi li#nav-game a:hover    { background-position: -194px -36px; }
#header ul#navi li#nav-link a:hover    { background-position: -293px -36px; }
#header ul#navi li#nav-company a:hover { background-position: -365px -36px; }


#header ul#navi li#nav-home.current-page    { background: url(../images/top_navi.gif) 0 -36px; }
#header ul#navi li#nav-about.current-page   { background: url(../images/top_navi.gif) -86px -36px; }
#header ul#navi li#nav-game.current-page    { background: url(../images/top_navi.gif) -194px -36px; }
#header ul#navi li#nav-link.current-page    { background: url(../images/top_navi.gif) -293px -36px; }
#header ul#navi li#nav-company.current-page { background: url(../images/top_navi.gif) -365px -36px; }


/*------　メインコンテンツ　------*/

#main {
	width: 800px;
}

/*------　メインコンテンツ＞左側　------*/

.clear-box {
	width: 10px;
	float: left;
}

#sub-box {
	width: 250px;
	float: left;
	margin: 10px 0px 10px;
}


#sub-box h1 {
	margin: 0;
	padding: 0;
}


#mob-site {
	width: 250px;
	background-color:#BCF468;
}


#mob-site h2 {
	margin: 0;
	padding: 15px 10px 10px;
	font-size: 12px;
	color: #02451F;
}


#mob-site ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 230px;
}


#mob-site li {
	list-style: none;
	padding: 5px 10px 0px;
	width: 230px;
}


/*------　メインコンテンツ＞右側　------*/

#main-box {
	width: 520px;
	float: left;
	margin: 10px 0px 10px;
}


#main-box h1 {
	width: 520px;
	height: 32px;
	padding: 0;
	margin: 0;
}


/*------コラム1------*/


#col-pickup {
	width: 520px;
	height: 180px;
	background: url(../images/top_topics_fate_bg.gif) #425A7F bottom no-repeat;
	position: relative;
	margin-bottom: 15px;
}


#col-pickup h1 {
	width: 520px;
	height: 60px;
	background: url(../images/top_topics_fate_midashi.gif) no-repeat;
	text-indent: -9999px;
}


#col-pickup p.link {
	width: 306px;
	height: 172px;
	position: absolute;
	top: 4px;
	left: 4px;
}


#col-pickup p.text {
	width: 196px;
	color: #FFFFFF;
	line-height: 140%;
	position: absolute;
	top: 60px;
	left: 320px;
}


#col-pickup p.button {
	width: 101px;
	position: absolute;
	top: 149px;
	left: 410px;
}

/*------コラム2------*/

#col-pickup2 {
	width: 520px;
	height: 158px;
	background: url(../images/top_topics_homu_bg.gif) #FFFFBD bottom no-repeat;
	margin-bottom: 15px;
	position: relative;
}


#col-pickup2 h1 {
	width: 284px;
	height: 26px;
	background: url(../images/top_topics_homu_midashi.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 4px;
	left: 232px;
}


#col-pickup2 p.link {
	width: 229px;
	height: 150px;
	position: absolute;
	top: 4px;
	left: 4px;
}


#col-pickup2 p.text {
	width: 264px;
	line-height: 140%;
	position: absolute;
	top: 38px;
	left: 242px;
}


#col-pickup2 p.button {
	width: 101px;
	position: absolute;
	top: 128px;
	left: 410px;
}

/*------コラム3------*/


#col-pickup3 {
	width: 520px;
	height: 158px;
	background: url(../images/top_topics_osanana_bg.jpg) #F887B2 bottom no-repeat;
	margin-bottom: 15px;
	position: relative;
}


#col-pickup3 h1 {
	width: 284px;
	height: 26px;
	background: url(../images/top_topics_osanana_midashi.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 4px;
	left: 232px;
}


#col-pickup3 p.link {
	width: 229px;
	height: 150px;
	position: absolute;
	top: 4px;
	left: 4px;
}


#col-pickup3 p.text {
	width: 264px;
	line-height: 140%;
	color: #FFFFFF;
	position: absolute;
	top: 38px;
	left: 242px;
}


#col-pickup3 p.button {
	width: 101px;
	position: absolute;
	top: 128px;
	left: 410px;
}


/*------コラム4------*/


#col-pickup4 {
	width: 520px;
	height: 158px;
	background: url(../images/top_topics_onenai_bg.jpg) bottom no-repeat;
	margin-bottom: 15px;
	position: relative;
}


#col-pickup4 h1 {
	width: 284px;
	height: 26px;
	background: url(../images/top_topics_onenai_midashi.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 4px;
	left: 232px;
}


#col-pickup4 p.link {
	width: 229px;
	height: 150px;
	position: absolute;
	top: 4px;
	left: 4px;
}


#col-pickup4 p.text {
	width: 264px;
	line-height: 140%;
	color: #982845;
	position: absolute;
	top: 38px;
	left: 242px;
}


#col-pickup4 p.button {
	width: 101px;
	position: absolute;
	top: 128px;
	left: 410px;
}




/*------コラム5------*/


#col-pickup5 {
	width: 520px;
	height: 180px;
	background: url(../images/top_topics_koihime_bg.gif) #AA57B2 bottom no-repeat;
	position: relative;
	margin-bottom: 15px;
}


#col-pickup5 h1 {
	width: 520px;
	height: 60px;
	background: url(../images/top_topics_koihime_midashi.gif) no-repeat;
	text-indent: -9999px;
}


#col-pickup5 p.link {
	width: 306px;
	height: 172px;
	position: absolute;
	top: 4px;
	left: 4px;
}


#col-pickup5 p.text {
	width: 196px;
	color: #FFFFFF;
	line-height: 140%;
	position: absolute;
	top: 60px;
	left: 320px;
}


#col-pickup5 p.button {
	width: 101px;
	position: absolute;
	top: 149px;
	left: 410px;
}







#col-news {
	width: 520px;
	background-image: url(../images/top_col_bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 15px;
}


#col-news ul {
	margin: 0;
	padding: 0;
}


#col-news li {
	font-size: 12px;
	line-height: 150%;
	padding: 5px 10px 0px;
	list-style: none;
}


#col-news li.line {
	padding: 0px;
	margin: 0px;
	list-style: none;
}



/*------　フッター　------*/

#footer {
	width: 800px;
	height: 49px;
	clear: left;
	margin-top: 10px;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	position: relative;
}


#footer p.text {
	padding: 17px 10px 0px;
	font-size: 11px;
	line-height: 130%;
	color: #555555;

}

#footer span.buttom_link{
	background:url(../images/link_mark.gif) left center no-repeat;
	padding-left:12px;
	font-size:10px;
	line-height: 180%;
}

#footer p.link {
	padding: 17px 10px 0px;
	font-size: 11px;
	line-height: 130%;
	color: #555555;
}

#footer #wl-logo {
	width: 136px;
	height: 20px;
	position: absolute;
	top: 19px;
	left: 649px;
}