/*--------------- 全体部分 ---------------*/
*{
  padding: 0;
  margin: 0;
}
body{
	background-color:#666;
	font-size:90%;
	line-height:160%;
	width:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 	
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #C1C3D4 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #C1C3D4 100%);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #C1C3D4 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #C1C3D4));
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #C1C3D4 100%);
background-image: linear-gradient(to top, #FFFFFF 0%, #C1C3D4 100%);
}
p{
	margin-bottom:15px;	
}
td{
	font-size:90%;
}
hr{
	border:none;
	border-top:dashed 1px #CCC;
	height:1px;
	color:#FFFFFF;
	margin-top:20px;
	margin-bottom:10px;
}
h2 {
	position: relative;
	color: #FFF;
	background: #1e244f;
	font-size: 130%;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 20px;
	box-shadow: 0px 4px 0px rgba(204,221,231,1);
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	margin-bottom:15px;
	background: -moz-linear-gradient(top center, #2c356f 0%, #060c31 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#2c356f), to(#060c31));
	background: linear-gradient(top center, #2c356f 0%, #060c31 100%);

	
}
/*---style---*/
#content{	
	max-width:800px;
	padding-bottom: 10px;
	background-color:#f7f7f7;
	box-shadow: 3px 4px 4px #aaa,-3px 4px 4px #aaa;	
}
#header{
	background-image: url(http://www.shogidojo.com/images/24_logo.gif);
	background-repeat: no-repeat;
	background-position: 20px 10px;	
	
}

#logo24{
	background-image: url(images/24_logo.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;	
	padding-left:80px;
}
.contentBox01{
	padding-left: 7px;	
	margin-top:15px;
	margin-bottom:40px;
	
}

.coder {
    border-spacing: 0;
	
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;	
}
.coder th,
.coder td {
    padding:10px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
}
.coder th {
    background:#e3dcd5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#69655c;
}

.coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
.coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
.coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
.coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
.valignM{
	vertical-align:middle;
}
#searchBox{
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left:5px;
	margin-right:5px;
	background-color: #FFF;
	border: 1px solid #C9C9C9;
	-webkit-box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset;
	-moz-box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset;
	box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset;
	line-height: 200%;
}
.snsb {
	overflow: hidden;
}
.snsb li {
	float: right;
	margin-right: 7px;
	list-style:none;
}
.snsb iframe {
	margin: 0 !important;
}
.button01{
	background-color:#335b71;
	background: -moz-linear-gradient(top,#508fb2 0%,#335b71);
	background: -webkit-gradient(linear, left top, left bottom, from(#508fb2), to(#335b71));
	border: 1px solid #DDD;
	color:#111;
	padding: 10px;
	text-decoration:none;
	border-radius: 7px;
	color:#fff;
	display: block;
	float:left;
	width:30%
	max-width:250px;
	margin-left:10px;
	margin-bottom:7px;
	
}
#yaneuraEvent_title{
	max-width:100%;
}
@media screen and (min-width: 769px){
	#yaneuraEvent_title{
		max-width:100%;
	}
}
ul.checkIcon li{
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 20px;
	background-image: url(images/checkIcon.png);
	margin-bottom:7px;
	list-style-type: none;
}
ul.winIcon li{
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 25px;
	background-image: url(images/winIcon.gif);
	margin-bottom:7px;
	list-style-type: none;

}

.linkList ul{
 border-bottom: 1px solid #ccc;
  margin-left:-7px;
 }
 .linkList ul li{
 background: url(images/list_mark1.png) no-repeat 95% 100px,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
 background: url(images/list_mark1.png) no-repeat 98% 95%,linear-gradient(#fff, #ccc);
 border-bottom: 1px solid white;
 border-top: 1px solid #ccc;
 }
 .linkList ul li a{
	color: #44558E;
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
	
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	line-height: 54px;
 }
.box01 {
    margin: 10px ;
    padding: 10px ;
    box-shadow: 0 0 0 3px #ff6666 inset, 0 0 0 5px rgba(255,104,104,0.5) inset ;
    background: #f08e94 ;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;   
	text-align:left;
	text-align:center;
}

 #boxDLtxt{
	 text-align:center;
}
#boxDLtxt #title{
	text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.4),1px 1px 1px rgba(255, 255, 255, 0.5);
	text-shadow:2px 2px 0px #666;
font-weight: bold;
font-size:120%;
	color: #FFF;
	margin-top:10px;
	text-align:center;
}
#appDLicon{
	background-color:#eee;
	background: -moz-linear-gradient(top,#FFF 0%,#ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ccc));
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #283176;
	box-shadow: 2px 2px 1px rgba(000,000,000,0.3);
	-moz-box-shadow: 2px 2px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 2px 2px 1px rgba(000,000,000,0.3);
	min-width: 200px;
	max-width: 40%;
	padding: 5px 5px;
	text-align:center;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;	
 }
#boxDLtxt a{
	text-decoration: none;	 
}
#shareBtn{
	margin-top:10px;
	margin-bottom:10px;
	text-align:right;
	width:100%;
}

 @media screen and (min-width: 769px){
	 body{
		 text-align:center;
	 }
	 #content{
		 text-align:left;
		 margin:auto;
	 }
	 .contentBox01{
		 margin-left:20px;
	 }
	 .linkList ul{
		 margin-left:-27px;
		 list-style:none;
	 }
	#appIcon24{
		width:120px;
		float:left;
	}
	#boxDLtxt{
		width:610px;
		float:right;
		margin-right:10px;
		line-height:110%;
		font-size:90%;
		text-align:left;
	}
	#boxDLtxt #title{
		text-align:left;
		margin-bottom:7px;
	}
	.btnDL{
		float:left;
		width:190px;
		text-align:center;
		margin-top:10px;
		margin-right:10px;
		color:#FFF;
	}
	.btnDL #appDLicon{
		min-width:170px;
		padding-top:10px;
		padding-bottom:10px;
		margin-top:3px;
		display:block;
	}
	.box02{
		background-color:#FFF;
		color:#333;
		text-align:left;
		padding:7px;
		font-size:90%;
		margin-top:5px;
		word-break:break-all;
	}
}
/*---font---*/
.fontGray{
	color:#bbb;
}
.fontRed{
	color:#C00;
}
.fontBold{
	font-weight:bold;
}