@charset "utf-8";

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
address{font-style:normal;};






/* 全体(デスクトップPCとスマホ)に適用するCSS */

.wrap
{
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
}



/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	width: 508px ;
	padding: 20px ;					/* 上下左右に20pxの余白 */
	border: 1px solid rgba(0,0,0,.0) ;		/* 枠線 */
}

.side
{
	width: 180px ;
}

.snav
{
	width: 180px ;
}


/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	float: left ;		/* 左に寄せる */
}

.side
{
	float: right ;		/* 右に寄せる */
}

.snav
{
	float: left ;		/* 右に寄せる */
}



.wrap
{
	overflow: hidden ;
}

    

    
    
.clearfix:after {
  content: ".";
  display: block;
  clear: clearboth;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.pie{
	position:relative;
}
a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
a::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #0000FF;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
a:hover::after {
  transform: scale(1, 1);
}
strong{
	font-weight:bold;
}
.mt0{
	margin-top:0 !important;
}
#comments-form textarea {
	width: 400px;
	height: 8em;
	line-height: 1.6;
	margin-bottom:10px;
}
#comment .inner{
	margin:10px 0;
}
#comments-form input{
	margin-bottom:10px;
}
#comments-form label{
	display:block;
}
html{
	width:100%;
	height:100%;
	display:block;
	text-align:center;
	color:#333;
	font-size:small;
	line-height:1.6;
	font-family:'\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33','Hiragino Kaku Gothic Pro','\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF',sans-serif;
	margin:0;
	padding:0;
}
body{
	display:block;
	font-size:100%;
	width:950px;
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	background-position:835px -150px;
	text-align:left;
	position:relative;
	margin:0 auto;
	padding-top:90px;
}
div.inbody{
	width:950px;
	position:relative;
	margin:0 auto;
}

.tops{
	position: absolute;
	top: 0px;
	padding: 3px 0px 0px 5px;
	font-size: 10px;
	color: black;
}

h1.home,
p.logo {
	position:absolute;
	top: 0px;
	padding-top: 45px;
}
p.disc {
	position:absolute;
	top: 0px;
	padding-top: 5px;
	font-size:10px;
	color:#808080;
}


.main h2,
.gokaisyolist h2 {
	font-size:125%;
}
.main h3 {
	font-size:108%;
	overflow:hidden;
	font-weight:bold;
}

.main h2,
.gokaisyolist h2,

.main h1{
	font-size:200%;
	font-weight:bold;
position: relative;
color: #158b2b;
font-size: 20px;
padding: 10px 0;
text-align: center;
margin: 1.5em 0;
}
h1:before {
content: "";
position: absolute;
top: -8px;
left: 50%;
width: 150px;
height: 58px;
border-radius: 50%;
border: 5px solid #a6ddb0;
border-left-color: transparent;
border-right-color: transparent;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.main h2{
	border-top:solid 2px #7EAEFF;
	margin:20px 0 10px 0;
	padding-top:10px;
}
.main h2.h3 {
	border-top:none;
	margin:0;
	padding-top:0;
	font-size:108%
}
.main h1 span,
h2 span,
h3 span{
	display:inline-block;
	margin:5px;
	float:left;
}
.main h1 span.goishi_b,
.main h1 span.goishi_w{
	font-size: 13px;
}
.main h2 span.goishi_b,
.main h2 span.goishi_w{
	font-size: 11px;
}
h3 span.goishi_b,
h3 span.goishi_w{
	font-size: 10px;
}


#description{
	position:absolute;
	top:8px;
	font-size:x-small;
}
#gmenu{
	/padding-bottom:13px;
	/top:13px;
	margin-bottom:20px;
	height:60px;
	position:relative;
	z-index:5;
}

  
#gmenu dt{
	overflow:hidden;
	display:block;
	position:absolute;
	height:60px;
	background-image:url(../img/sprites.png);
}
* html #gmenu dt{
	border-left:1px solid #ccc;
}
#gmenu dt a{
	display:table-cell;
	height:60px;
	overflow:hidden;
	color: white;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-size:15px;
}
#g1,#g1 a{width:160px;}
#g4,#g4 a{width:159px;}
#g2,#g3,#g5,#g2 a,#g3 a,#g5 a{width:154px;}
#g6,#g6 a{width:170px;}
#g7,#g7 a{width:170px;}
#g1{left:0;}
#g2{left:150px;}
#g3{left:294px;}
#g4{left:438px;}
#g5{left:587px;}
#g6{left:731px;}
#g7{left:871px;}

#g1{background-position:0px 0px;}
#g1:hover,#g1.on{background-position:0px -60px;}
#g2,#g3,#g5{background-position:-165px 0px;}
#g2:hover,#g2.on,
#g3:hover,#g3.on,
#g5:hover,#g5.on{background-position:-165px -60px;}
#g4{background-position:-160px 0px;}
#g4:hover,#g4.on{background-position:-160px -60px;}
#g6{background-position:-319px 0px;}
#g6:hover,#g6.on{background-position:-319px -60px;}
#g7:hover,#g7.on{background-position:-319px -60px;}

#breadcrumb{
	font-size:x-small;
	position:relative;
	top:-10px;
	margin-bottom:1px;
}
#wrap:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#wrap{
	width:730px;
	float:right;
	min-height:1px;	
}
* html #wrap{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#footer{
	clear:both;
	padding:10px 1em 5px 1em;
	background: #7EAEFF;
	border-radius: 5px;
	color: white;
	line-height: 1.3;
	overflow:hidden;
}
address{
	float:left;
	width: 470px;
	white-space: nowrap;
}
address span,
address a{
	font-weight: bold;
	color: white;
	text-decoration:none;
}
address a:hover{
	text-decoration:underline;
	
}
#footer p{
	float:right;
	text-align: right;
	padding-top:1.3em;
	width: 440px;
	white-space: nowrap;
}
e_status
#side h2,
#snav h2{
	overflow:hidden;
	background-position:top left;
	background-repeat:no-repeat;
}
#side h2{
	margin-bottom:10px;	
}
#snav h2{
	margin-bottom:10px;
	margin-top:30px;
}
#snav .block2{
	margin:20px 0;
}

.more,
.totop{
	text-align:right;
	font-size:x-small;
	line-height:3;
}
.more a,
.totop a{
	display:inline-block;
	padding-left:13px;
	background-repeat:no-repeat;
	background-position:center left;
}
.totop a{
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	background-position:-420px -204px;
}

#selectors{
	background:#7EAEFF;
	border-radius:5px;
	color:#000;
	padding:5px;
}
#selectors h2{
	margin:0;
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	background-position:-429px -189px;
	-pie-png-fix: true;
	position: relative;
	color: white;
	font-size: 14px;
	padding-left: 20px;
}
#selectors div{
	background:#ffffff;
	border-radius:5px;
	padding:5px;
}
#selectors fieldset{
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	background-position:-444px -168px;
	padding-top:23px;
	padding-bottom:12px;
	border-bottom:1px solid #cccccc;
	position:relative;
	-pie-png-fix: true;
}
#selectors #step3{
	z-index: 3;
}
#selectors #step4{
	padding-bottom:7px;
	border-bottom:0;
}
#selectors legend{
	position:absolute;
	top:5px;
	left:15px;
	display:block;
	line-height:14px;
	overflow:hidden;
	height: 14px;
	color: #7EAEFF;
	font-weight: bold;
}
*+html #selectors legend{
	top:5px;
}
#selectors legend, x:-moz-any-link{

}
#selectors .required{
	color:#c00;
	font-size:x-small;
	margin-left:10px;
	margin-top:-7px;
	margin-bottom:7px;
}
#selectors select{
	width:100%;
}
#selectors label select{
	width:auto;
	margin-left:3px;
}
#selectors label{
	margin-left:10px;
	line-height:1.8;
	display:block;
}
#step7 label{
	display: inline-block;
	width: 30px;
}
#step3 input{
	margin:3px 3px 3px 5px;
	padding-left:2px;
}
#selectors label input{
	margin-right:3px;
	display:inline;
	vertical-align:middle;
}
#sel_s3s{
	display:none;
}
#selectors .submit{
	text-align:center;
	margin:13px 0 5px 0;
	position:relative;
	z-index:1;
}
#selectors .submit input{
	width:176px;
	height:36px;
	position:relative;
	z-index:2;
}

#snav .search{
	border-radius:5px;
	margin-top:15px;
	padding:5px;
	vertical-align:middle;
}
#snav .search h2{
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	background-position:-444px -173px;
	margin: 0 0 5px 0;
	line-height: 14px;
	overflow: hidden;
	height: 14px;
	color: #7EAEFF;
	font-weight: bold;
	padding-left: 15px;
}
#snav .search .text{
	width:126px;
	height:14px;
	padding:3px 2px;
	border:1px solid #999;
	line-height:14px;
	margin-right:3px;
	-webkit-appearance:none;
	box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,0.3);
}
#snav .search .submit{
	width:54px;
	height:22px;
	line-height:22px;
	display:inline-block;
	-webkit-appearance:none;
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	background-position:-255px -120px;
	color:#fff;
	position:relative;
	top:1px;
	text-indent:-9999px;
	border:none;
}

.accordion_head {
	cursor:pointer;
	border-bottom: 1px solid #7EAEFF;
	padding: 10px 5px 10px 5px;
	color: #7EAEFF;
}
.accordion_head:hover {cursor:pointer; text-decoration:underline;}

ul.pager{
	float:right;
}
ul.pager li{
	float:left;
	margin-left:10px;
}

ul.pager2{
	float:right;
	border-bottom: 1px dotted #CCC;
}
ul.pager2 li{
	float:left;
	margin-left:10px;
}

.clear{
	clear: both;
}


#gMap{
	width:400px;
	height:300px;
	margin:5px auto 20px auto;
}

.base_table{
	margin:20px auto;
}
.base_table td,.base_table th{
	border:1px solid #7EAEFF;
	padding:5px 10px;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
	word-break: break-all;
}
.base_table td{
	
}
.base_table th{
	white-space:nowrap;
	background:#7EAEFF;
}

#comments{
	margin:20px 0;
}
#comments .inner{
	margin:10px 0;
	padding:5px;
	border:solid 1px #7EAEFF;
	border-radius: 10px;
}

.gokaisyolist{
	margin:20px 10;
}
.gokaisyolist li{
	margin:10px 0;
	padding:5px;
	border:solid 1px #7EAEFF;
	border-radius: 10px;
}
.gokaisyolist li h3 > a{
	line-height:32px;
}
.gokaisyolist li p{
	padding: 2px 10px;
	margin-top: 2px;
	border-top: 1px dotted #dcb;
}

#side .block{
	margin-bottom:15px;
	padding:5px;
	border:solid 1px #ccc;
	border-radius: 10px;
}
#side .block2{
	margin-bottom:20px;
}
#side .block3{
	margin-bottom:20px;
	text-align:center;
}
#side h2{
	font-weight:bold;
	font-size:110%;
}

#main p{
	padding:0 10px;
}
.main dl{
	padding:0 10px;
}
.main dt{
	font-weight:bold;
	margin:10px 0 5px 0;
	font-size:108%;
}
.manner_list{
	margin:15px 10px 10px 10px;
}
/*.manner_list li{
	margin:10px 0 15px 0;
	padding: 0 0 5px 20px;
	border-bottom:dotted 1px #7EAEFF;
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	background-position:-456px -148px;
}
.manner_list li:nth-child(2n){
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	background-position:-472px -125px;
}

.newslist dt{
	border-top:dotted 1px #7EAEFF;
	padding: 4px 0 0 20px;
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	background-position:-456px -144px;
}
.newslist dd{
	padding-left:20px;
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	background-position:-472px -125px;
}*/

.block_big{
	margin: 10px 0;
	text-align: center;
	clear: both;
	padding-top: 10px;
}

#thumbs:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#thumbs{
	min-height:1px;
	padding:0 0 15px 15px;
	background:url(../img/bg_thumbs.gif);
}
* html #thumbs{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
#thumbs li{
	display:block;
	float:left;
	width:152px;
	padding-right:12px;
	margin-top:15px;
	overflow:hidden;
	color:#333;
	font-size:small;
}
#thumbs li a{
	display:block;
	text-decoration:none;
	color:#333;
}
#thumbs li img{
	display:block;
	width:148px;
	margin-bottom:5px;
	padding:1px;
	background:#fff;
	border:1px solid #ccc;
}
#thumbs li a img:hover{
	opacity:0.5;
}

.near_st{
	margin: 15px 0;
	padding: 5px;
	border: solid 1px #ccc;
	border-radius: 10px;
}
#snav .near_st h2{
	font-weight: bold;
	font-size: 110%;
	margin:0;
}
.near_st li{
	border-top: dotted 1px #7EAEFF;
	padding: 5px 0 0 20px;
	margin:5px 0;
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	background-position:-456px -144px;
}
.near_st li.even{
	background-position:-472px -125px;
}

.ranking th{
	font-weight:bold;
	text-align:center;
}
.ranking .even td {
	background: #fdf6e0;
}

/* ---------- icon ---------- */
[class^="icon-"], [class*=" icon-"]{
	display: inline-block;
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
span[class^="icon-"], span[class*=" icon-"]{
	text-indent:-9999px;
}


/*********
	碁盤用css
*********/

/*.goishi_b,
.goishi_w{
	display:inline-block;
	width: 2em;
	height: 1em;
	margin: 5px;
	text-align: center;
	border-radius: 2em;
	border: solid 1px black;
	padding: 0.5em 0;
	line-height: 1;
}
.goishi_b{
	background: black;
	color: white;
	font-family: monospace;
	box-shadow: -0.3em -0.3em 0.9em 0.5em #000 inset , 0em 0em 0em 1.1em #aaa inset;
}
.goishi_w{
	background: white;
	color: black;
	font-family: monospace;
	box-shadow:
		-0.2em -0.2em 0.1em 0.01em rgba(168, 168, 168, 0.1) inset ,
		-0.2em -0.2em 0.2em 0.01em rgba(168, 168, 168, 0.1) inset ,
		-0.2em -0.2em 0.3em 0.01em rgba(168, 168, 168, 0.1) inset ,
		-0.2em -0.2em 0.4em 0.01em rgba(168, 168, 168, 0.1) inset ,
		-0.2em -0.2em 0.5em 0.01em rgba(168, 168, 168, 0.1) inset ,
		-0.2em -0.2em 0.6em 0.01em rgba(168, 168, 168, 0.1) inset ,
		-0.2em -0.2em 0.7em 0.01em rgba(168, 168, 168, 0.1) inset ,
		-0.2em -0.2em 0.8em 0.01em rgba(168, 168, 168, 0.1) inset ,
		-0.2em -0.2em 0.9em 0.01em rgba(168, 168, 168, 0.1) inset ,
		-0.2em -0.2em 1.0em 0.01em rgba(168, 168, 168, 0.1) inset ;
}*/

.title  {
	display: block;
    font-size: 16px;
    font-weight: bold;
    
    padding: 0.25em 0.5em;/*上下 左右の余白*/
  
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}





/* スマホだけに適用するCSS */
@media screen and (max-width:768px)
{
	body{
	  width:auto;
	}
	div.inbody{
	width:auto;

}
		.wrap
	{
		width: auto ;
		padding: 0 10px ;
	}
	.main
	{
		width: auto ;
		padding: 0 ;		/* 余白 */
		border: none ;		/* 枠線 */
	}

	.side,.snav
	{
		width: auto ;
	}
		.main , .side,.snav
	{
		float: none ;
	}
}