@import"../default.css";

/*　コンテンツ部分の背景設定　*/

.contents	{
	clear:both;
	width: 980px;
	background-image:url(../../images/bg_contents.gif);
	background-repeat:repeat-y;
	text-align:center;
	margin:0;
	padding:0;
	}
.contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .contents {
    height: 1em;
    overflow: visible;
}

.contents .left{ width:180px; float:left;}
.contents .cont{ width:780px; float:right;}
.contents .cont .mainBox{ width:740px; margin:0 auto;}

/*　共通　*/
.contents h3 {
	clear:both;
	height:50px;
	width:740px;
	margin:30px 20px 15px 20px;
	padding:8px 0 0 35px;
	background:url(../../images/bg_h3.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-align:left;
	font-size:110%;
}

.contents h3.ss{
	clear:both;
	width:500px;
	height:50px;
	margin:20px 0 10px 0;
	padding:8px 0 0 35px;
	background:url(../../images/bg_h3_s.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-align:left;
	font-size:110%;
}

.contents h3 .eisei { font-size:80%;}

.contents h4{
	clear:both;
	background:url(../../images/bg_h4.gif);
	background-repeat:repeat-y;
	background-position:top left;
	margin:0 40px 15px 40px;
	padding:0 0 0 15px;
	font-weight:bold;
	text-align:left;
	font-size:110%;
}

.contents  h3#joryu {
	clear:both;
	height:50px;
	width:740px;
	margin:30px 20px 10px 20px;
	padding:8px 0 0 35px;
	background:url(../../kisen/images/bg_h3_joryu.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-align:left;
	font-size:110%;
}

h6 {
	clear:both;
	margin:10px 0; padding:5px 20px;
	margin-bottom:10px;
	font-weight:bold;
	text-align:left;
	font-size:120%;
	color:#333;
	background-image:url(../../publish/images/midashi_nomal.gif);
}

.cont p{
margin: 0 40px 20px;
font-size:90%;
line-height:1.5;
text-align:left
}
.cont p.backtoplink02{
text-align:right;
}
.cont table{
margin: 0 40px 20px;
font-size:90%;
line-height:1.5;
text-align:left;
border-left:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}
.cont table th{
border-right:solid 1px #ccc;
border-top:solid 1px #ccc;
padding:5px;
background:#efefef;
}
.cont table td{
border-right:solid 1px #ccc;
border-top:solid 1px #ccc;
padding:5px;
}
.cont dl {
margin: 0 40px 20px 40px;
text-align:left;
}
.cont dt{
line-height:1.5;
font-size:90%;
padding: 5px 5px 10px 10px;
color:#426ea9;
font-weight:bold;
background:url(http://www.shogi.or.jp/images/arrow_b.gif) no-repeat 0 8px;
}
.cont dd{
text-align:left;
line-height:1.5;
font-size:90%;
padding-bottom:20px;
margin-left:15px;
}


.copy { margin:20px; font-size:85%; text-align:left; line-height:1.5;}

p.cl20{
clear:both;
height:20px;
color:ffffff;
text-indent:-10000em;
}

p.cl30{
clear:both;
height:30px;
color:ffffff;
text-indent:-10000em;
}

img.ph_right	{
	float: right;
	margin: 0 0 20px 20px;
	}
img.ph_left	{
	float: left;
	margin: 0 20px 20px 0;
	}
	
/*　サイドnavi共通　*/
.side	{
	width: 170px;
	margin:0 5px;
	padding:0;
	background-color:transparent;
	text-align:center;
}

.side .bg_sidenavi_first { 
	text-align:left; 
	width:170px;
	height:36px;
	background-image:url(../../images/bg_sidenavi_first.jpg);
}
.side .bg_sidenavi_first h2 { padding-top:13px; padding-left:30px; font-size:90%;}

.side .bg_sidenavi {
	text-align:left;
	width:170px;
	height:31px;
	background-image:url(../../images/bg_sidenavi.jpg);
}
.side .bg_sidenavi h2 { padding-top:8px; padding-left:30px; font-size:90%;}

ul#sidemenu	{ width: 170px; margin:0; padding:0;}
ul#sidemenu li{
	width:170px;
	text-align:left;
	color:#003399;
}
ul#sidemenu li a {
	width:170px;
	display:block;
	font-size:80%;
	padding:7px 0;
	padding-left:10px;
	color:#003399;
	background:url(../../images/bg_sidenavi_off.jpg) no-repeat;
}
ul#sidemenu li a:hover{
	width:170px;
	display:block;
	font-size:80%;
	padding:7px 0;
	padding-left:10px;
	background:url(../../images/bg_sidenavi_on.jpg) no-repeat;
	color:#ffffff;
}
ul#sidemenu li#current	{
	background:url(../../images/bg_sidenavi_on.jpg) no-repeat;
	color:#fff;
	font-weight:bold;
	font-size:80%;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:7px;
	}

.shogi_mokuji {
	margin: 30px;
	}

.contents .shogi_mokuji .shogi_mokuji_about {
	width:346px;
	float:left;
	background:url(../../shogi/images/bg_con_about.jpg) no-repeat;
	margin-right:25px;
	min-height:282px;
	_height:282px;
	padding-bottom:40px;
	}
.contents .shogi_mokuji .shogi_mokuji_hasami {
	width:346px;
	float:left;
	background:url(../../shogi/images/bg_con_hasami.jpg) no-repeat;
	min-height:282px;
	_height:282px;
	padding-bottom:40px;
	}
.contents .shogi_mokuji .shogi_mokuji_hon {
	width:346px;
	float:left;
	background:url(../../shogi/images/bg_con_hon.jpg) no-repeat;
	margin-right:25px;
	min-height:448px;
	_height:448px;
	}
.contents .shogi_mokuji .shogi_mokuji_system {
	width:346px;
	float:left;
	background:url(../../shogi/images/bg_con_system.jpg) no-repeat;
	min-height:338px;
	_height:338px;
	}

.contents .shogi_mokuji h3 {
	background:none;
	padding:0;
	margin:0;
	width:100%;
	height:106px;
	}

.contents .shogi_mokuji ul{
	margin:0 0 0 60px;
	}
.contents .shogi_mokuji li{
	font-size:90%;
	line-height:1.5;
	text-align:left;
	padding: 10px 0 24px;
	}

#shogi_footernavi{
margin:20px; margin-top:30px;
font-size:80%;
padding-top:10px;
background:url(../../images/dotline.gif) repeat-x left top;
}
#shogi_footernavi .to_prev{
background:url(../../shogi/images/arrow_prev.gif) no-repeat 0 5px;
padding:5px 5px 5px 20px;
text-align:left;
float:left;
width:50%;
}
#shogi_footernavi .to_next{
background:url(../../shogi/images/arrow_next.gif) no-repeat right 5px;
padding:5px 20px 5px 5px;
text-align:right;
float:right;
width:40%;
}