@charset "utf-8";

*{margin:0;padding:0;font-size:100%;}

img{border:0;}
input{padding:4px;}
input[type="submit"]{font-size:110%;border:solid #ccc 1px;border-radius:7px;background-color:#fff;padding:2px 5px;}
input[type="submit"], button, label{cursor:pointer; }

a:link,a:visited,span#size span{color:#000;}
a:hover,a:active{text-decoration:none;}
a img{text-decoration:none;}

a:link,a:visited{opacity:1.0;filter:alpha(opacity=100);}
a:hover,a:active{opacity:0.7;filter:alpha(opacity=70);}

em{font-style:normal;font-weight:bold;}
strong{color:#ff3333;font-weight:bold;}
mark{padding:2px;font-weight:bold;background-color:#ffff66;color:#ff0033;font-size:120%;}
small{font-size:85%;color:#777;}

hr{clear:both;color:#fff;border:0;}

h2{text-align:center;}

@media screen and (min-width:900px){
	h2{font-size:110%;text-shadow:1px 1px #ccc;background-color:#f7f7f7;color:#000;padding:10px;border-radius:10px;}
}

@media screen and (max-width:899px){
	body h2{font-size:100%;text-shadow:1px 1px #ccc;background-color:#f7f7f7;color:#000;margin:0;padding:10px;}
}

p,dl,h2,h3{margin:15px 10px;}
dl{text-align:center;}
dt{padding-left:5px;font-weight:bold;}
dd{padding-right:5px;}
ul,ol{margin:10px 10px 10px 25px;}
ul li ul{margin-top:5px;margin-bottom:5px;}
ul li ul li{list-style-type:circle;}

table,th,td{border:0;border-collapse:collapse;}
table{margin:10px 0;}
th{background:url("../image/th.png") repeat-x;}
th,td{padding:4px;border:solid #ccc 1px;text-align:center;}

/**********************************************************************************************************************/

body{font-size:90%;line-height:130%;font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "メイリオ";color:#111;background-color:#fff;}

@media screen and (min-width: 900px){
	header h1, header nav ul, div#contents, div#index_main_sect, footer div{width:900px;margin:0 auto;}
}

/**********************************************************************************************************************/

header{background-color:#e0e0e0;}

h1{font-size:130%;text-align:center;}
h1 a{display:block;width:100%;padding:10px 0;text-decoration:none;}
h1 img{vertical-align:middle;}

@media screen and (min-width: 900px){
	h1 img{width:50px;}

	header nav{margin:2px;}
	header nav ul li{width:149px;float:left;border-right:solid #ccc 1px;}
	header nav ul li:last-child{border:none;}
	header nav ul li a{padding:10px 0;}
}

@media screen and (min-width:641px) and (max-width: 899px){
	h1 img{width:40px;}

	header nav ul{margin:0;}
	header nav ul li{width:16%;float:left;}
	header nav ul li a{padding:10px 0;}
}

@media screen and (max-width:640px){
	h1{text-align:center;}	
	h1 img{width:30px;}
	
	header nav ul{margin:0;}
	header nav ul li{width:50%;float:left;}
	header nav ul li a{padding:5px 0;}
}


/**********************************************************************************************************************/


p#pankuzu{margin-left:0;font-size:90%;}

@media screen and (min-width:641px) and (max-width: 899px){
	p#pankuzu{margin-left:10px;}	
}

@media screen and (max-width:640px){
	p#pankuzu{text-align:center;}
}


p#date{font-size:90%;margin-right:20px;}

@media screen and (min-width:641px){
	p#date{text-align:right;}
}
@media screen and (max-width:640px){
	p#date{text-align:center;}
}

dl#tactics dt,dl#tactics dd{display:inline;}
@media screen and (max-width:640px){
	dl#tactics{margin-right:0;margin-left:0;font-size:90%;}
}


/**********************************************************************************************************************/

#amazon_associate{
	text-align:center;
	margin:0 auto;
}

#amazon_associate iframe{
	margin:0 auto;
}

@media screen and (max-width:640px){
	#amazon_associate{
		float:right;
	}
}

/**********************************************************************************************************************/


fieldset#searchform{margin:10px auto;text-align:center;background-color:#eee;border-color:#ccc;border-radius:10px;padding:1px;}

@media screen and (min-width:641px){
	fieldset#searchform{width:600px;}
}

@media screen and (max-width:640px){
	fieldset#searchform{margin:10px;}

	input[type="text"]{width:50%;}
}

legend{padding:4px 10px;background-color:#fff;border:solid #999 1px;}

p#search_detail{font-size:90%;}
p#result_count{text-align:center;}
@media screen and (max-width:640px){
	p#result_count{font-size:90%;}
}

table#search_result{width:880px;margin:20px auto;font-size:90%;}
section.search_result dl{display:inline;}
td.date{font-size:80%;}

@media screen and (min-width:641px) and (max-width:880px){
	table#search_result{width:100%;font-size:80%;}
}

@media screen and (max-width:640px){
	table#search_result{width:100%;}
	table#search_result thead{display:none;}
	table#search_result tbody{text-align:center;}

	table#search_result tr{border-style:solid;border-width:1px 0;border-color:#ccc;}

	table#search_result tbody tr td:first-child{display:block;padding:0;font-weight:bold;}
	table#search_result tbody tr td:first-child a{display:block;padding:5px;background-color:#eee;font-size:110%;}
	table#search_result tbody tr td{display:inline;border:0;}

	table#search_result tbody tr td:nth-child(2), table#search_result tbody tr td:nth-child(3),
	table#search_result tbody tr td:nth-child(5), table#search_result tbody tr td:nth-child(6){border-bottom:solid #ddd 1px;display:inline-block;width:50%;box-sizing:border-box;}

	table#search_result tbody tr td:nth-child(2), table#search_result tbody tr td:nth-child(3){}

	table#search_result tbody tr td:nth-child(4){display:block;}
	table#search_result tbody tr td:nth-child(7){display:block;}


	table#search_result tbody tr{padding-bottom:15px;}
}

table#search_result th a:visited{color:#999;}

ul.pagenav{text-align:center;font-size:90%;word-break:break-all;}
ul.pagenav li{list-style-type:none;display:inline;padding:4px 8px;}
ul.pagenav li.here a{font-weight:bold;text-decoration:none;}

.soft{font-weight:bold;color:#cc3333;}

/**********************************************************************************************************************/

table.kifuforjs{margin:0 auto;}
table.kifuforjs > tbody > tr > td{border:0 !important;}
table.kifuforjs div.mochi.info dl dt,table.kifuforjs div.mochi.info dl dd{padding:0;font-size:80%;}
table.kifuforjs div.mochi.info dl dt{display:block;float:none;}
table.kifuforjs div.mochi.info dl dd{margin-left:0;}

table.kifuforjs div.mochimain img{display:inline-block;float:left;}

table.kifuforjs textarea{display:none;}

@media screen and (max-width:640px){
	table.kifuforjs{width:100%;box-sizing:border-box;}

	table.kifuforjs > tbody > tr > td
	{display:block !important;}

	table.kifuforjs div.inlineblock.players{width:100%;}
	table.kifuforjs div.mochi, table.kifuforjs div.mochi1, table.kifuforjs select.kifulist,
	table.kifuforjs div.mochi.info, table.kifuforjs div.mochi0
	{margin:0;width:50%;height:75px !important;float:left;display:inline-block;box-sizing:border-box;}
	table.kifuforjs div.mochimain{height:60px !important;box-sizing:border-box;}
	table.kifuforjs div.mochimain{background-color:#fff !important;}

	table.kifuforjs table{margin:0 !important;font-size:80%;}
	table.kifuforjs div.tebanname{font-size:80%;color:#333;}

	table.kifuforjs table.ban{margin:0 auto !important;}

	table.kifuforjs table.ban > tbody > tr:first-child{display:none;}
	table.kifuforjs table.ban > tbody > tr > th:last-child{display:none;}

	table.kifuforjs ul.inline{margin:2px;display:block;text-align:center;}
	table.kifuforjs ul.inline button{font-size:90% !important;width:40px;height:25px;background-color:#f7f7f7;border:solid #ccc 1px;margin-right:4px;}
	table.kifuforjs ul.tools button{font-size:80% !important;display:inline-block;width:100px;text-align:center;}

	table.kifuforjs ul.lines{display:none;}

}

p#kifunav{margin:0;text-align:center;font-size:90%;}
p#kifunav img{width:25px;height:auto;}
p#kifunav *{vertical-align:middle;}


/**********************************************************************************************************************/

ul#tactics_type_list li{display:inline;list-style-type:none;}
ul#tactics_type_list li a{display:block;float:left;margin:5px;padding:4px;border:solid #ccc 1px;border-radius:7px;background-color:#f7f7f7;text-decoration:none;}

#footerad{width:320px;height:50px;margin:10px auto;}

ul#history{width:80%;height:120px;overflow:auto;margin:10px 10%;font-size:90%;}

footer{background-color:#e0e0e0;background-size:100% 100%;padding:15px 0;text-align:center;color:#000;}
footer ul{list-style-type:none;text-align:center;}
footer ul li{display:inline;padding:0 5px;}
footer ul li a:hover{border-bottom:solid #000 4px;}

@media screen and (min-width:641px){
	footer{margin-top:20px;}
	footer a img{height:20px;}	
}

@media screen and (max-width:640px){
	footer{margin-top:0;}
	footer a img{height:15px;}
}

/**********************************************************************************************************************/