﻿@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

html {
	overflow-y:scroll;
}


body{
	text-align: center;
	/* center on ie */
	width: 100%;
	background-color:#DDDDDD;
}

#top_waku {
	width:950px;
	height:58px;
	margin:0px auto;
	border:#999999 solid 1px;	
	background-image:url(../img/search_back.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#title {
	width:650px;
	height:58px;
	float:left;
}

#search {
	width:298px;
	height:58px;
	float:left;
	background-image:url(../img/top_back_s.gif);
	background-repeat:repeat-x;
}

h1{
	font-size:10px;
	text-align:right;
	font-family:sans-serif,HGS平成丸ｺﾞｼｯｸ体W8;
	color:#FFFFFF;
	width:100%;
	height:58px;
	background-image:url(../img/top_back.gif);
	background-repeat:no-repeat;
	background-position:top;
	line-height:58px;
	margin:0px auto;
}

.mr10 {
	margin-right:10px;
}

.mb10 {
	margin-bottom:10px;
}

/*--------------サイト全体--------------*/

div#site-box {
	clear:both;
	width:950px;
	margin:0px auto;
	background-position:left;
	background-repeat:repeat-y;
}

/*--------------ログイン部分----------------*/

div#login {
	clear:both;
	width:948px;
	height:30px;
	font-size:15px;
	line-height:30px;
	text-align:left;
	margin:0px auto;
	background-color:#FFFFFF;
	border:1px #999999 solid;
	color:#666666;
}

div#login_left {
	float:left;
	width:40%;
	height:30px;
	font-size:15px;
	line-height:30px;
	text-align:left;
	background-color:#FFFFFF;
	color:#666666;
}

div#login_right {
	float:right;
	width:60%;
	height:30px;
	font-size:15px;
	line-height:30px;
	text-align:left;
	background-color:#FFFFFF;
	color:#666666;
}

/*--------------クイックメニュー部分----------------*/

div#quick {
	width:950px;
	height:40px;
	color:#666666;
	background-image:url(../img/quickmenu_back.gif);
	background-color:#dddddd;
	background-position:left top;
	background-repeat:no-repeat;
}

.quick {
	color:#666666;
	float:right;
	background-image:url(../img/quickmenu_w.gif);
	background-position:left top;
	background-repeat:no-repeat;
	list-style-type:none;
	font-size:12px;
	line-height:40px;
	width:120px;
	height:38px;
	border:1px #999999 solid;
}

div#quick a:hover {
	height:38px;
	background-image:url(../img/quickmenu_w.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:100%;
}

div#quick a:link {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:100%;
}

div#quick a:visited {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:100%;
}




/*------------カラム設定--------------*/

div#column {
	margin:0px 0px;
	width:100%;
}

/*-----------------------3カラム設定-------------------------*/
/*-----------------div#siteにクラスを設定する----------------*/
.column3 {
		background-image:url(../img/column3_middle.gif);
}

div#c3_menu_contents {
	width:730px;
	float:left;
}

div#c3_contents {
	width:510px;
	float:right;
}

div#contents3-top {
	clear:both;
	width:100%;
	height:20px;
	background-image:url(../img/column3_top.gif);
	background-repeat:no-repeat;
	background-position:top left;
	border-top:#999999 solid 1px;
	border-bottom:#999999 solid 1px;
}

div#contents3-bottom {
	clear:both;
	width:100%;
	height:20px;
	background-image:url(../img/column3_bottom.gif);
	background-repeat:no-repeat;
	background-position:left;
}

/*-----------------------3カラム設定終了----------------------*/

/*-----------------------2カラム設定-------------------------*/
/*-----------------div#siteにクラスを設定する----------------*/
.column2 {
		background-image:url(/img/column2_middle.gif);
}

div#c2_menu_contents {
	width:100%;
	clear:both;	
}

div#c2_contents {
	width:730px;
	float:right;
}

div#contents2-top {
	clear:both;
	width:100%;
	height:20px;
	background-image:url(/img/column2_top.gif);
	background-repeat:no-repeat;
	background-position:top left;
	border-top:#999999 solid 1px;
	border-bottom:#999999 solid 1px;
}

div#contents2-bottom {
	clear:both;
	width:100%;
	height:20px;
	background-image:url(/img/column2_bottom.gif);
	background-repeat:no-repeat;
	background-position:left;
}

/*----------インフォメーション----------*/
dd,dt {
	margin-bottom:10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}


/*-----------メニューの設定---------------*/

div#menu {
	width:220px;
	float:right;
}

/*-----メニュー内ボックス設定-----*/
#menubanner-box {
	width:100%;
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:15px;
}

#menubanner-box p {
	color:#666666;
	font-size:15px;
	line-height:30px;
	background-image:url(../img/menu_w.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	width:200px;
	margin:2px auto;
	height:30px;
	border:#999999 solid 1px;
}

.home {
	background-image:url(../img/home.gif);
}

.hirogura {
	background-image:url(../img/hirogura.gif);
}

.league_event {
	background-image:url(../img/league_event.gif);
}

.planning {
	background-image:url(../img/planning.gif);
}

.exchange {
	background-image:url(../img/exchange.gif);
}

.league_only {
	background-image:url(../img/league_only.gif);
}

div#menubanner-box a:hover {
	height:30px;
	background-image:url(../img/menu_w.gif);
	background-position:left top;
	background-repeat:repeat-x;
	text-decoration:none;
	display:block;
	width:100%;
}

div#menubanner-box a:link {
	color:#666666;
	text-decoration:none;
	display:block;
	width:100%;
}

div#menubanner-box a:visited {
	color:#666666;
	text-decoration:none;
	display:block;
	width:100%;
}

.fb-like-box {
	background-color:#FFFFFF;
	background-image:url(../img/faceback.gif);
	background-position:center top;
	background-repeat:repeat-y;
}

/*---------------順位速報設定----------------------------*/

.rank_menu {
	font-size:8px;
	border:0.5px solid #555555;
	margin-left:auto;
	margin-right:auto;
	margin-top:3px;	
}

table.rank td,th {
	font-size:9px;
	border:1px solid #555555;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
}
/*---------------順位速報設定終了----------------------------*/

/*---------------右コンテンツ設定----------------------------*/
div#c3_rightcontents {
	width:220px;
	float:left;
}


/*-----天気予報ボックス-----*/
#weather-box{
	background-image:url(../img/weather.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	padding:25px 10px 10px 10px;
}


/*-----アフィリエイト用-----*/
#link-box{
	margin:10px 0px;
	text-align:center;
	font-size:12px;
	color:#666666;
}

#link-box-top{
	padding-top:25px;
	background-image:url(../img/advertise.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px 0px;
	text-align:center;
	font-size:12px;
	color:#666666;
}

.afi {
	font-size:12px;
	color:#555555;
	font-weight:bold;
}

/*-------リンク用---------------*/
#link-box-top2 {
	padding-top:25px;
	background-image:url(../img/link.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px 0px;
	text-align:center;
}

.tenki {
	padding:0px 20px;
}

.border_bottom {
	padding-bottom:5px;
	border-bottom:#999999 solid 1px;
}

.border_bottom_g {
	padding-bottom:5px;
	border-bottom:#dddddd solid 1px;
}

/*-----フッターの設定-----*/

div#footer a:hover {
	font-size:12px;
	color:#FF6600;
	text-decoration:none;
}

div#footer a:link {
	font-size:12px;
	color:#666666;
	text-decoration:none;
}

div#footer a:visited {
	font-size:12px;
	color:#666666;
	text-decoration:none;
}
	
div#footer {
	clear:both;
	width:100%;
	height:25px;
	line-height:25px;
	background-image:url(../img/search_back.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}

p.footer {
	color:#666666;
	font-size:12px;
	text-align:center;
	line-height:25px;
	height:25px;
}


/*--------下部のshinobi---------*/

#ad-box{
	clear:both;
	width:100%;
	height:20px;
	background-color:#DDDDDD;
}


