/* CSS Document */

body {
	background-image:url(img/bg-mainall.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	background-color:#EAFEFF;
	margin:0px;
	padding:0px;
	}
	
a:link{ color:#3366CC;}
a:visited {color:#3366CC;}
a:hover {color:#0099FF; text-decoration:none;}


#wrapper {
	width:801px;
	margin:0px auto;
	}
	
	
/* header
--------------------------------------------------------------------------------*/
#header {
	background-image:url(img/head01.gif);
	background-position:center top;
	background-repeat:no-repeat;

	}
#sub-menu {
	text-align:right;
	margin-right:5px;
	height:21px;
	padding-top:5px;}

h1{ 
	margin:0px auto 0px 10px;
	width:255px;
	float:left;
	}
	
*h1{ /* for IE6 */
	margin:0px auto 0px 0px;
	width:255px;
	text-indent:11px;
	float:left;
	}
	
#header ul {
	margin:0px;
	margin-top:31px;
	padding:0px;
	list-style-type:none;
	width:278px;
	float:right;
	}

#header li {
	margin:0px;
	padding:0px;
	float:left;
	}
	
#header-border {
	background-image:url(img/head05.gif);
	background-position:center top;
	width:800px;
	height:21px;
	clear:both;
	}

*#header-border {
	background-image:url(img/head05.gif);
	background-position:center;
	width:799px;
	height:21px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	}
	
	
#main-menu {}

#main-menu ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
#main-menu li {
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	}



#main-img {
	clear:left;
	margin:10px auto 10px auto;
	width:782px;
	}
*#main-img {
	clear:left;
	margin:0px auto 0px auto;
	width:782px;
	}


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


#content {
	margin:10px auto;
	width:781px;
	}

#content h3 {
	margin:0px;	}
	
#content p{
	font-size:80%;
	line-height:140%;
	margin:10px;	
	}

#content-left {
	width:573px;
	float:left;
	}

h2#top01 {
	background-image:url(img/top_bar01.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:568px;
	height:22px;
	margin:0px 0px 5px 0px;}
	
ul#li-01 {
	list-style-image:url(img/ico-ya01.jpg);
	list-style-position:outside;
	margin:5px 0px 15px -15px;
	}
ul#li-01 li {
	margin:5px 0px 8px 0px;
	font-size:80%;
	}
*ul#li-01 {
	list-style-image:url(img/ico-ya01.jpg);
	list-style-position:outside;
	margin:5px 0px 15px 10px;
	}
*ul#li-01 li {
	margin:5px 0px 8px 10px;
	font-size:80%;
	}


h2#top02 {
	background-image:url(img/top_bar02.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:568px;
	height:22px;
	margin:5px 0px;}

#top02-1 {
	width:183px;
	float:left;
	margin-right:5px;
	}

#top02-2 {
	width:183px;
	float:left;
	}

#top02-3 {
	width:183px;
	float:right;
	}

ul.li-02 {
	list-style-image:url(img/ico-ya02.jpg);
	list-style-position:outside;
	margin:0px 0px 10px -20px;
	}
ul.li-02 li {
	margin:5px 0px 0px 0px;
	font-size:86%;
	}

*ul.li-02 {
	list-style-image:url(img/ico-ya02.jpg);
	list-style-position:outside;
	margin:0px 0px 10px 20px;
	}
*ul.li-02 li {
	margin:5px 0px 0px 0px;
	font-size:small;
	}

#wrapper-top02 {
	width:560px;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:10px;
	}


h2#top03 {
	background-image:url(img/top_bar03.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:568px;
	height:22px;
	margin:5px 0px;
	clear:both;}

ul#li-03 {
	clear:right;
	list-style:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
	}
	
ul#li-03 li {
	float:left;
	margin:5px 0px 5px 3px;
	}



#content-right {
	width:200px;
	float:right;
	}

#content-right h2 {
	margin:0px 0px 10px 0px;
	}

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

#footer{}

#footer a:link{ color:#FFFFFF;}
#footer a:visited{ color:#FFFFFF;}
#footer a:hover{ color:#00FFFF;}
#sitemap{
	background-image:url(img/footer01.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	font-size:small;
	line-height:33px;
	padding-top:5px;
	background-color:#39a2d8;
	text-align:center;}

#copy {
	font-size:small;
	margin:3px 0px;
	text-align:center;}
#add {
	font-size:small;
	line-height:120%;
	margin-left:10px;
	margin-top:20px;
	margin-bottom:20px;
	}
address {
	font-style:normal;
		}
		
.clear {
	clear:both;
	}	
/* content-page
--------------------------------------------------------------------------------*/

#content-page {
	margin:0px auto;
	width:781px;
	clear:left;
	min-height:500px;}
	
#navi-pan {
	background-color:#efefef;
	padding:3px 10px;
	font-size:80%;
	margin:5px 0px;
	}
	

#content-menu {
	width:200px;
	float:left;}

#content-menu h2 {
	margin:0px 0px 5px 0px;
	}
#content-menu ul {
	margin:0px;
	padding:0px;
	list-style-position:inside;
	list-style-type:none;
	}

#content-menu li {
	background-image:url(img/page-menu.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	font-size:83%;
	line-height:250%;
	text-indent:15px;
	margin:0px;
	padding:0px;
	font-weight:bold;
		}

#content-menu li.gr {
	background-image:url(licence/img/page-menu-green.gif);
		}
#content-menu li.yw {
	background-image:url(licence/img/page-menu-yellow.gif);
		}

#content-menu li.red {
	background-image:url(members/img/page-menu-red.gif);
		}

#content-menu li a{
	text-decoration:none;
	color:#000000;
	display:block;
	width:100%;
	height:100%;
			}
#content-menu *li a{
	display:block;
	width:90%;
	height:90%;
			}
#content-menu li a:hover{
	text-decoration:none;
	color:#666666;
			}

#content-menu *li {
	text-indent:0px;
		}


	
#content-honbun {
	width:573px;
	float:right;}

#content-honbun  h2.page-title{
	margin:0px 0px 10px 0px;
	}

#content-honbun  h2.page-title-tp{
	margin:0px 0px 10px 0px;
	background-image:url(img/toplevel-title.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:571px;
	height:64px;
	}
#content-honbun #page-txt {
	font-size:18px;
	color:#000099;
	font-weight:bold;
	padding-top:10px;
	padding-left:10px;	}
#content-honbun  h3{
	margin:20px 0px 10px 0px;
	background-image:url(img/h3-bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:571px;
	text-indent:10px;
	font-size:120%;
	font-weight:bold;
	padding-bottom:10px;
	color:#000000;
}

#content-honbun p {
	/*width:530px;*/
	margin:10px 20px;
	font-size:9.5pt;
	line-height:150%;
	}

#content-honbun dl {
	width:530px;
	margin:10px auto;
}

#content-honbun dt {
	color:#336699;
	font-weight:bold;
	font-size:85%;}


#content-honbun dd {
	margin-top:5px;
	margin-bottom:20px;
		font-size:83%;
	line-height:150%;}
	
h4.sokuhou{
	margin:0px;
	background-color:#0668B9;
	border-top:1px solid #E6F7FF;
	border-left:1px solid #E6F7FF;
	border-bottom:1px solid #00458A;
	color:#FFFFFF;
	font-size:95%;
	line-height:180%;
	text-indent:5px;
	}
.sokuhou-data {
	font-size:80%;
	line-height:140%;
	margin:5px auto;
	}
table.sokuhou-data th {
	background-color:#E8F4F3;
	font-weight:bold;}



/* guidance-teikan-page
--------------------------------------------------------------------------------*/
#teikan {
	font-size:85%;
	}
#teikan li {
	margin-top:3px;
	
	}
	
	
	
/* compe-page
--------------------------------------------------------------------------------*/
table.border-tbl {
	border-top:1px solid #488BC1;
	border-left:1px solid #488BC1;
	background-color:#FFFFFF;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	font-size:83%;
	}

html>body table.border-tbl {
	border-collapse: separate;
	}

table.border-tbl th {
	border-right:1px solid #488BC1;
	border-bottom:1px solid #488BC1;
	background-color:#EBF6FD;
	color:#308CCB;
	}

table.border-tbl td {
	border-right:1px solid #488BC1;
	border-bottom:1px solid #488BC1;
	}

/* licence-page
--------------------------------------------------------------------------------*/


#licence-page{
	width:540px;
	margin:0px auto;
	}
#licence-page h2{
	margin:0px;
	}
#licence-page ul{
	margin:0px;
	padding-left:20px;}

#licence-page li{
	margin-top:5px;
	font-size:85%;
	list-style-position:outside;
	list-style-image:url(img/ico-ya02.jpg);
		}

#licence-page #licence-leader {
	width:265px;
	float:left;
	}


#licence-page #licence-pro {
	width:265px;
	float:right;
	}

h4.licence {
	margin-top:20px;
	margin-bottom:0px;
	margin-left:10px;
	font-size:100%;
	color:#006633;
	text-indent:10px;
	border-left:5px solid #006633; 
	}

#licence-p ol {
	margin:0px 0px 0px 0px;
	padding:0px;
	}
#licence-p ol li{
	margin:0px 0px;
	padding:0px;
	}

*#licence-p ol {
	margin:5px 5px 10px 30px;
	}
/* darts-page
--------------------------------------------------------------------------------*/

#darts-content{}
#darts-content h2{
	margin:0px;}
#darts-content h3{
	width:556px;
	margin:5px auto;
	}
#darts-content h4{
	width:540px;
	margin:10px auto;
	font-size:87%;
	line-height:150%;
	}
#darts-content p{
	width:540px;
	margin:10px auto;
	font-size:87%;
	line-height:150%;
	}
#darts-content ul{
	width:500px;
	margin:0px auto;
	padding:0px;
	list-style-type:disc;}
	
#darts-content li{
	margin:10px 15px;
	list-style-type:disc;
	list-style-position:outside;
	padding:0px;}

.darts-ray {
	background-image:url(darts/img/darts-bg-01.gif);
	background-repeat:repeat-y;
	}



/* goods-page
--------------------------------------------------------------------------------*/
.itemname {
	text-indent:10px;
	font-size:90%;
	line-height:120%;
	font-weight:bold;
	margin:0px;
	background-color:#E7E7CD;
	}

.item-explain {
	font-size:80%;
	line-height:140%;
	margin:5px;
	}
.ver-border {
		border-left:2px solid #E1E0D9;
		}

.item-price {
	color:#006633;
	font-weight:bold;
	}

/* news-page
--------------------------------------------------------------------------------*/
.news-date {
	font-weight:bold;
	color:#0066CC;

	}

#member-page {}
#member-page h4 {
	margin:5px 10px;
	color:#FF6633 !important;
	}
#member-page li{
	width:500px !important;
	font-size:83%;
	list-style-position:outside;
	list-style-type:circle; 
		}

/* sitemap-page
--------------------------------------------------------------------------------*/
#sitemap-page {}


#sitemap-page .alpha {
	font-size:100%;
	font-weight:bold;
	color:#006699;
	margin-bottom:15px;}

#sitemap-page .beta {
	font-size:83%;
	font-weight:normal;
	color:#333333;
	margin-top:5px;
	}


/* inline---etc---
--------------------------------------------------------------------------------*/
.form-koumoku {
	font-size:83%;
	}

.f-st {
	color:#FF3300;
	}
.f-green {
	color:#006633;
	font-weight:bold;
		}
.f-bold {
	font-weight:bold;
	}
.f-ex {
	color:#009999;
	}
.totop {
	margin:10px 0px;
	text-align:right;
	font-size:12px !important;
	line-height:120%;
	}
	

/* kiyaku
--------------------------------------------------------------------------------*/
#kiyaku {
	font-size:85%;
	}
#kiyaku li {
	margin-top:3px;
	}
#kiyaku table {
	font-size:90%;
	}

.list-none {
	list-style:none;
	}
	
#player-info {}
#player-info h4{
	background-color:#D7E2EA;
	padding:5px;
	font-size:90%;}
	
#player-info .pref{
	color:#000066;
	font-weight:bold;
	}
	
#player-info table{
	font-size:90%;}


form {
	margin:0px 10px;
	font-size:90%;
	}


/*news page 
--------------------------------------------------------------------------------*/
div#top_news {
	width:570px;
	height:150px;
	overflow:auto;
	font-size:10pt;
	}
div#top_news table{
	width:550px;
	margin:5px auto;
	}
div#top_news td.mark{ 
	text-align:left;
	width:18px;
	padding:5px 2px;
	border-top:1px dotted #D5D5D5;
	vertical-align:top;
	}
div#top_news td.mark img {
	margin-top:3px;
	}
div#top_news td.date{ 
	text-align:left;
	color:#993333;
	font-weight:bold;
	width:70px;
	padding:5px 2px;
	border-top:1px dotted #D5D5D5;
	vertical-align:top;
	}
div#top_news td.con {
	text-align:left;
	padding:5px 2px;
	border-top:1px dotted #D5D5D5;
	}

div#newspage table{
	width:560px;
	margin:5px auto;
	font-size:10pt;
	}

div#newspage td.mark{
	text-align:left;
	width:18px;
	padding:5px 2px;
	border-top:1px dotted #D5D5D5;
	vertical-align:top;
	}
div#newspage td.mark img {
	margin-top:3px;
	}
div#newspage td.date{
		text-align:left;
	color:#993333;
	font-weight:bold;
	width:70px;
	padding:5px 2px;
	border-top:1px dotted #D5D5D5;
	vertical-align:top;
	}

div#newspage td.con {
	text-align:left;
	padding:5px 2px;
	border-top:1px dotted #D5D5D5;
	}