@charset "UTF-8";

/* *********************************************************
 *
 *	basics
 *
 * *********************************************************
 */
 
* {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	word-break: break-all;
}

body {
	text-align: center;
	background-color: #F4F2F0;
	padding: 0;
	margin: 0;
	font-family:;
}

a,
a:link,
a:visited {
	color: #AE0000;
	text-decoration: underline;
}

a:focus,
a:hover,
a:active {
	color: #ffffff;
	background-color: #CC0000;
	text-decoration: none;
}

p,
ul li,
ol li,
dl dt,
dl dd,
address {
  padding: 0;
  line-height: 1.8;
  font-size: 90%;
}


#container {
	width: 810px;
	height: auto;
    margin: 0 auto; /* center on everything else */
    text-align: center;
	padding: 10px 0 0 0;
	background:url(/img/bg.gif) center top repeat-y;
}


/* *********************************************************
 *
 *	- head
 *
 * *********************************************************
 */



div#head {
	width: 750px;
	margin: 0 30px 10px 30px;
	padding: 0;
	background-color:#fff;
	text-align: left;
}

div#head h1 {
	float: left;
	width: 400px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 70%;
	color: #333333;
	line-height: 1.2;
}

div#head p#keyVisual{
	margin: 0;
	padding:0;
}

div#head p#keyVisual a:focus,
div#head p#keyVisual a:hover,
div#head p#keyVisual a:active {
	text-decoration: none;
	background-color: #fff;
}


div#head ul#uNavi {
	float: right;
	width: 300px;
	margin: 0 0 10px 0;
	text-align: right;
}

div#head ul#uNavi li {
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size: 70%;
	line-height: 1.2;
}

div#head ul#uNavi li#naviSitemap {
	border-right: none;
}


/* *********************************************************
 *
 *	 - navi
 *
 * *********************************************************
 */

/* グローバルナビ */
div#globalNavi {
	width: 750px;
	height: 40px;
	margin: 0 30px 25px 30px;
}

/* LI要素 */
div#globalNavi ul li {
	list-style-type: none;
	float: left;
}

/* ボタンの基本設定 */
div#globalNavi ul li a {
	display: block;
	width: 125px;
	height: 40px;
	background-position: left top;
	background-image: url(/img/gnavi.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

div#globalNavi ul li#home a {
	background-position: left top;
}

div#globalNavi ul li#info a {
	background-position: -125px top;
}

div#globalNavi ul li#shogi a {
	background-position: -250px top;
}

div#globalNavi ul li#sado a {
	background-position: -375px top;
}

div#globalNavi ul li#bbs a {
	background-position: -500px top;
}

div#globalNavi ul li#link a {
	background-position: -625px top;
}


/* *********************************************************
 *
 *	 - contents
 *
 * *********************************************************
 */
 
/* *********************************************************
 *
 *	 - contents
 *
 * *********************************************************
 */
 
*html body div#maincontents {
	width: 530px;
	height: auto;
	float: left;
	background-color: #fff;
	letter-spacing: 0.1em;
	margin: 0 20px 50px 15px;
	text-align: left;
	padding: 0;
}

#maincontents{
	width: 530px;
	height: auto;
	float: left;
	background-color: #fff;
	letter-spacing: 0.1em;
	margin: 0 20px 50px 30px;
	text-align: left;
	padding: 0;
}

#maincontents h3#dotted {
	padding: 5px 5px;
	line-height: 100%;
	font-size: 100%;
	font-weight: bold;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
}

#maincontents h3#info {
	background-color: #E1E0CE;
	width: 505px;
	padding: 10px 0 10px 10px;
	margin: 0 0 15px 0;
	line-height: 100%;
	font-size: 110%;
	font-weight: bold;
	vertical-align: middle;
	border-left:solid 5px #333;
}

#maincontents h3{
	background-color: #F3F3F3;
	width: 505px;
	padding: 10px 0 10px 10px;
	margin: 0 0 15px 0;
	line-height: 100%;
	font-size: 110%;
	font-weight: bold;
	vertical-align: middle;
	border-left:solid 5px #333;
}

#maincontents h4{
	width: 495px;
	padding: 5px 0 5px 5px;
	margin: 0 0 10px 10px;
	line-height: 100%;
	font-size: 85%;
	font-weight: bold;
	vertical-align: middle;
	border-left: solid 5px #E1E0CE;
}


#maincontents p{
	font-size: 85%;
	color: #473318;
	margin: 0 0 20px 15px;
	line-height: 1.8;
	width: 500px;
}

#maincontents p.linkText{
	margin: 0 0 40px 15px;
	line-height: 1.8;
	width: 500px;
	text-align: right;
}

#maincontents p.linkText a{
	margin: 0 0 0 3px;
}

#maincontents p.linkText2{
	margin: 0 0 0 15px;
	line-height: 1.8;
	width: 220px;
	text-align: right;
}

#maincontents p.linkText2 a{
	margin: 0 0 0 3px;
}


#maincontents ul{
	margin: 0 0 30px 15px;
	list-style-type: none;
}

#maincontents li a{
	margin: 0 0 0 5px;
}

#maincontents li.news{
	border-bottom: 1px dotted #9B9B9B;
	width: 470px;
}

#maincontents strong{
	font-weight: bold;
}

#maincontents .leftPhoto{
	float: left;
	width: 150px;
	margin-top: 5px;
	margin-right: 1em;
	text-align: center;
	color: #333333;
	background-color: #fffaf0;
}

#maincontents .RightTxt{
	text-align: right;
	margin: 0 20px 20px 0;
}

#maincontents ul.txtArea{
	padding: 5px 5px;
	width: 495px;
	background-color:#F0F0F0;
	list-style-type: none;
}

#maincontents ul.txtArea2{
	padding: 5px 5px;
	width: 495px;
	background-color:#F0F0F0;
	list-style-type: circle;
}

#maincontents dl.txtArea{
	padding: 5px 5px;
	width: 495px;
	background-color: #fff;
	list-style-type: circle;
	margin: 0 0 30px 15px;
}

#maincontents dt.ttl{
	width: 400px;
	border-bottom: 1px dotted #9B9B9B;
	margin: 0 0 10px 0;
}

#maincontents dt.txt{
	width: 400px;
	margin: 0 0 15px 0;
}

#maincontents dd.red{
	color:#CC3333;
	font-size:80%;
	margin: 0 0 10px 0;
}




#maincontents p.topicPath{
	margin: 0 0 15px 5px;
	font-size: 80%;
}


#maincontents div.column1-2{
	float: left;
	width: 235px;
	margin: 0 15px 0 0;
}

*html body #maincontents div.column1-2{
	float: left;
	width: 235px;
	margin: 0 7px 0 0;
}


#maincontents h4.columnTtl{
	width: 230px;
	padding: 7px 0 7px 7px;
	margin: 0 0 10px 10px;
	line-height: 100%;
	font-size: 85%;
	font-weight: bold;
	vertical-align: middle;
	border-left: solid 0px #E1E0CE;
	background-color:#F3F3F3;
}

#maincontents p.column1-2{
	font-size: 85%;
	color: #473318;
	margin: 0 0 20px 15px;
	line-height: 1.8;
	width: 230px;
}

#maincontents p.columnlinkText{
	margin: 0 0 40px 15px;
	line-height: 1;
	width: 230px;
	text-align: right;
	padding: 0 0 0 3px;
	font-size: 85%;
}

#maincontents p.columnlinkText a{
	font-size: 85%;
}

#maincontents table{
	font-size: 75%;
	border: solid 1px #CDCDCD;
	width: 510px;
	margin: 0 0 20px 10px;
}

#maincontents th{
	background-color: #568092;
	padding:5px 3px;
	text-align: center;
	color: #fff;
	border: solid 1px #CDCDCD;
}

#maincontents td{
	background-color: #fff;
	padding:7px 0 7px 5px;
	text-align: left;
	color: #333;
	border: solid 1px #CDCDCD;
}


#maincontents th.winner{
	background-color: #568092;
	padding:7px 2px;
	color: #fff;
	border: solid 1px #CDCDCD;
	width: 50px;
	text-align: center;
}

#maincontents td.winner{
	background-color: #fff;
	padding:7px 2px;
	color: #333;
	border: solid 1px #CDCDCD;
	width: 65px;
	text-align: center;
}

#maincontents td.blue{
	background-color: #0122BC;
	padding:7px 2px;
	color: #fff;
	text-align: center;
}

#maincontents td.yellow{
	background-color: #FFFF00;
	padding:7px 2px;
	color: #333;
	text-align: center;
}

#maincontents td.red{
	background-color: #E00309;
	padding:7px 2px;
	color: #fff;
	text-align: center;
}



/* *********************************************************
 *
 *	 - sidenavi
 *
 * *********************************************************
 */
 
*html body #sidenavi{
	width: 200px;
	height: auto;
	float: right;
	background-color: #F3F3F3;
	vertical-align: top;
	margin: 0 15px 30px 0;
	text-align: left;
}


#sidenavi{
	width: 200px;
	height: auto;
	float: right;
	background-color: #F3F3F3;
	vertical-align: top;
	margin: 0 30px 30px 0;
	text-align: left;
}

#sidenavi dl{
	color: #9B9B9B;
	padding: 0 13px 10px 13px;
	margin: 0 0 10px 0;
	list-style-type: none;
}

#sidenavi dt{
	color: #9B9B9B;
	margin: 15px 0 7px 0;
	border-bottom: 1px dotted #9B9B9B;
}

#sidenavi dt a {
	color: #333333;
	font-weight: bold;
}

#sidenavi dd{
	color: #9B9B9B;
	margin: 0 0 10px 0;
	font-size: 80%;
}

#sidenavi dd a {
	color: #333333;
}

#sidenavi dt a:focus,
#sidenavi dt a:hover,
#sidenavi dt a:active {
	color: #ffffff;
	background-color: #CC0000;
	text-decoration: none;
}


#sidenavi dd a:focus,
#sidenavi dd a:hover,
#sidenavi dd a:active {
	color: #ffffff;
	background-color: #CC0000;
	text-decoration: none;
}


/* *********************************************************
 *
 *	 - footer link
 *
 * *********************************************************
 */
 
#footerlink{
	width: 730px;
	height: auto;
	clear: both;
	margin: 0 30px 30px 30px;
	padding: 10px 10px;
	border: dotted 1px #CCCCCC;
	background-color:#F9F9F9;
}

#footerlink dl{
	width: 650px;
	color: #9B9B9B;
	margin: 0 0 30px 0;
	display:inline;
}

#footerlink dt{
	color: #9B9B9B;
	margin: 15px 10px 5px 0;
	display:inline;
	font-size: 80%;
}

#footerlink dd{
	color: #9B9B9B;
	margin: 15px 10px 5px 0;
	padding: 5px 5px;
	font-size: 80%;
	display:inline;
}



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

#footer{
	width: 810px;
	height: 50px;
	background-color: #F4F2F0;
	background-image: url(/img/bg_footer.gif);
	background-repeat: no-repeat;
	padding: 15px 0 0 0 ;
}

#footer address{
	font-size: 70%;
	color: #473318;
	line-height: 1.8;
	text-align: center;
}



/* *********************************************************
 *
 *	 - special
 *
 * *********************************************************
 */



/* clearfix */
div#head:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#head{
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html div#head { 
	height: 1%; 
}

div#head{ 
	display: block; 
}
/* End hide from IE-mac */