@charset "utf-8";
/*メインページ共通のデザイン*/
body {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	background-image:url("../images/back/1.jpg");
	margin:0px;
	padding:0px;
	text-align:center;
}

.cf:after {
    content: "";
    display: block;
    clear: both;
}
.cf {
    zoom: 1;
}

.alpha {
  -webkit-transition: opacity 0.3s ease;
          transition: opacity 0.3s ease; }

.alpha:hover {
  opacity: .75;
  /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=75);
  /* IE lt 8 */
  -ms-filter: "alpha(opacity=75)";
  /* IE 8 */
  -khtml-opacity: .75;
  /* Safari 1.x */
  -moz-opacity: .75;
  /* FF lt 1.5, Netscape */
  zoom: 1; }

.head {
	margin-left:auto;
	margin-right:auto;
	float:left;
}

#head_menu {
	float:right;
	width:670px;
	margin-top:10px;
	margin-bottom:10px;
}
#head_menu ul {
	list-style-type:none;
	margin:0px;
	padding:0;
}
#head_menu li {
	padding:0;
	margin:0;
	float:left;
}
#head_menu li a {
	display:block;
	width:150px;
	text-decoration:none;
	border-bottom:1px dotted #000000;
	border-right:1px dotted #000000;
	color:#000000;
	padding:5px 0px 5px 10px;
	margin:2px 2px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}
#head_menu li a:hover {
	color:#ff0000;
}

.contents_image h1 {
	color:#ffffff;
	text-shadow:#000000 1px 1px 3px;
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#999999, offx=1, offy=1)";
	background-color:rgba(0, 0, 0, 0.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000001',EndColorStr='#00000001')";
	display:block;
	margin-top:-1px;
	margin-left:-5px;
	margin-right:4px;
	padding:20px;
	behavior: url("../ie_css3/ie-css3.htc");
	position:relative;
}

h2 {
	padding-top:10px;
	padding-left:10px;
	padding-bottom:5px;
	margin-bottom:20px;
	border-left:solid 10px #c6c6c6;
	border-bottom:solid 1px #c6c6c6;
}

img {
	border:none;
}

.text_blue {
	color: blue;
}

.main {
	margin-top:10px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:930px;
}


.main_in {
	width:930px;
	background-color:#ffffff;
	margin-bottom:5px;
	float:left;

	-webkit-box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.2);
    behavior:url("../ie_css3/PIE.htc");
    position:relative;
}

.menu {
	background-color:#ffffff;
	width:198px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	float:left;
	line-height:1.5em;
	padding:5px;
}

.menu ul.nl {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;
}
.menu ul.nl li {
	padding:3px 1px;
	border-bottom:1px #c0c0c0 dotted;

}
.menu ul.nl li.bar {
	border-top:none;
	text-align:center;
	background: -moz-linear-gradient(top, #fff 0%, #fff 3%, #e6e6e6 3%, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.03, #fff), color-stop(0.03, #e6e6e6), to(#fff));
	color:#111;
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border: 1px solid #CCC;
	border-bottom: 3px solid #0099CC;
	behavior:url("../ie_css3/PIE.htc");
	position:relative;
}
.menu ul.nl li a {
	display:block;
	position:relative;
	padding:3px 10px;
	border-left:4px #c0c0c0 solid;
	text-decoration:none;
}
.menu ul.nl li a:visited {
	border-left-color:#c0c0c0;
	color:#0000ff;
}
.menu ul.nl li a:hover {
	border-left-color:#e0e0e0;
	color:#ff9900;
}
.menu .bnr {
	margin: 30px 0 ;
}

.side_menu {
	width:198px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	float:left;
	line-height:1.5em;
	padding:5px;
}
.side_menu img {
	width: 100%;
	border: 1px solid #057093;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.side_menu ul {
	margin: 0;
	padding: 2px;
	list-style: none;
}
.side_menu ul li {
	margin-bottom: 10px;
}
.side_menu h2 {
	border: none;
	border-bottom: 3px solid #057093;
	text-align: center;
	font-size: 16px;
	margin: 0 0 5px;
	padding: 5px;
	font-weight: normal;
	background-color:#585858;
	color: #fff;
}
.side_menu ul li a:hover {
	opacity: 0.8;
}

.btm {
	margin-top:20px;
}

.contents,.content {
	background-color:#ffffff;
	width:690px;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:30px;
	float:right;
	line-height:1.5em;
	border-left:solid #d6d6d6 2px;
}
/*コンテンツ内のクラス*/
.contents_image {
	width:690px;
	height:275px;
	padding-top:1px;
	padding-left:5px;
	background-repeat:no-repeat;
}

.read {
	height:70px;
	text-align:left;
	padding-top:30px;
	padding-bottom:70px;
	line-height:1.5em;
}
.read img {
	float:left;
	margin-right:50px;
	margin-top:15px;
}
.read p {
	margin:0;
	float:left;
	font-weight:bold;
}
.clr {
	clear:both;
	margin:0px;
}


/*コンテンツ内のクラス終了*/

.foot {
	font-size:90%;
	text-align:center;
	background-color:#ffffff;
	width:910px;
	height:100px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	clear:both;

	-webkit-box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.2);
    behavior:url("../ie_css3/PIE.htc");
    position:relative;
}
.foot ul {
	margin-left:120px;
	list-style-image:url("../images/stone/black.png");
}
.foot li {
	font-size:120%;
	float:left;
	margin-right:35px;
}
.foot .clr {
	margin-top:10px;
}
.foot a:link {
	color:#000000;
	text-decoration:none;
}
.foot a:visited {
	color:#000000;
}
.foot a:hover {
	color:#ff0000;
	text-decoration:underline;
}
.foot a:active {
	color:#000000;
}

.ref {
	margin-left:15px;
	padding:8px;
}
.ref td {
	text-align:left;
	border:none;
	padding-right:10px;
}

a:link {
	text-decoration:none;
}
a:visited {
	color:#0000ff;
}
a:hover {
	color:#ff9900;
}
a:active {
	color:#0000ff;
}

.bnr a img{
	-webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}

.bnr a:hover img {
 opacity: 0.6;
 filter: alpha(opacity=60);
}

/* グロナビ特設ページリンク表示切り替え */
#head_menu li:last-child {
  display: none;
}
#head_menu li:last-child a {
	display:block;
	width:315px;
	text-decoration:none;
	border-bottom:1px dotted #000000;
	border-right:1px dotted #000000;
	color:#000000;
	padding:5px 0px 5px 10px;
	margin:2px 2px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}
#head_menu li:last-child a:hover {
	color:#ff0000;
}

.randload{
	text-align:left;
	padding-left:24px;
}

.getsurei{
	text-align:left;
	padding-left:24px;

}

/* ===================================
対局管理
=================================== */
.taikyoku_s_area table{
	margin-bottom: 0.5em;
}
.taikyoku_s_area table tr th{
	width: 15%;
	font-size: 0.9rem;
}
.taikyoku_s_area table tr td{
	text-align: left;
	width: 40%;
	font-size: 0.9rem;
	padding: 5px;
}
.taikyoku_s_area table tr td p{
	margin: 0.3rem 0.5rem;
}
.taikyoku_s_area table tr select{
	width: 90%;
	margin: 0 0.5rem;
}
.attn_txt{
	color: #ff0000;
	width: 100%;
	font-size: 0.9rem;
	line-height: 1.3;
}
.taikyoku_s_area p.attn_txt{
	margin-top: 0;
	margin-bottom: 0;
}
.taikyoku_s_area table tr td .attn_txt a{
	font-size: 0.8rem;
}
.taikyoku_s_area .btn_area{
	margin-top: 0.5rem;
}
.taikyoku_r_area h2{
	margin: 0.5rem 0;
}

.taikyoku_r_area .result_box p{
	display: inline-block;
	margin: .3rem 2rem .3rem 0;
}

.taikyoku_r_area table {
	margin-top: 1rem;
}

.taikyoku_r_area table tr th{
	text-align: left;
	font-size: 0.8rem;
	padding: 5px;
}
.taikyoku_r_area table tr td{
	text-align: left;
	font-size: 0.8rem;
	padding: 5px;
}
.taikyoku_r_area table .btm-none{
	border-bottom: none;
}
.taikyoku_r_area table .top-none{
	border-top: none;
}
.taikyoku_r_area .pc-none{
	display: none;
}
.taikyoku_r_area .sp-none{
	display: block;
}
.taikyoku_lnk {
	margin-top: 1rem;
}
.taikyoku_lnk a{
	display: inline-block;
	background: #f1d488;
	font-family: serif;
	padding: 0.3rem 1rem;
	color: #000;
	border: 2px solid #dca411;
}
.taikyoku_lnk a:hover{
	opacity: 0.7;
}
@media screen and (max-width:750px){
	.taikyoku_s_area table tr th{
		width: 100%;
		display: block;
	}
	.taikyoku_s_area table tr td{
		display: block;
		width: 100%;
	}
	.taikyoku_s_area table tr select{
		width: 80%;
	}
	.taikyoku_r_area table{
		border:none;
	}
	.taikyoku_r_area table tbody{
		display: block;
		margin-bottom: 2rem;
	}
	.taikyoku_r_area table tr{
		display: block;
		width: 100%;
	}
	.taikyoku_r_area table tr th{
		display: block;
		width: 100%;
		font-size: 1rem;
	}
	.taikyoku_r_area table tr td{
		display: block;
		width: 100%;
		font-size: 1rem;
	}
	.taikyoku_r_area .pc-none{
		display: block;
	}
	.taikyoku_r_area .sp-none{
		display: none;
	}
}

/* ===================================
棋士一覧
=================================== */
.mypage-page .kishi_list{
	overflow-y: scroll;
	overflow-x: hidden;
	width:100%;
	height:450px;
}
.kishi_list table{
	width: 350px;
	margin: auto;
}
.kishi_list td {
	text-align: left;
}

/* ===================================
問い合わせ
=================================== */
#acceptance{
	margin-top:1em;
}