/*
なこ　「おねーちゃんだーいすき♪」
とけい「ふーん」

ver3.21
name daidokoro
*/

/* -----------------------------------------------normal style */
* {
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
}
a:link {
	color:#2470ff;
	text-decoration:none;
	font-weight:bold;
}
a:visited { color:#2470ff; }
a:active { color:#ff2020; }
a:hover { color:#ff2020; }
html { }
body {
	font-size:small;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#000000;
	margin:0px;
	padding:0px;
}
.body2 {
	margin:auto;
	max-width:960px;
	min-width:960px;
	background:#000000;
	color:#2470ff;
}
li {
	display:inline-table;
	list-style-type:none;
	margin:2px;
}
img {
	border:0;
	height:auto;
	max-width:100%;
	vertical-align:bottom;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
p {
	padding:0;
	margin:0;
}
/* -----------------------------------------------HTML5 style */
header {
	background: #2470ff;
	/*
	height:155px;
	*/
	text-align:center;
	font-size:0;
}
header img {
	width:auto;
	max-height:100%;
}
footer {
	background: #b4ceff;
	color:#ffffff;
	text-align:center;
	font-size:x-small;
}
article { }
article > h1 {
	background: #b4ceff;
	color:#ffffff;
}
section,
section > * { padding:8px; }
nav {
	text-align:center;
	word-spacing:0.4em;
}
/* border-radius style */
.body2,
header,
footer,
article > h1 {
	border-radius:8px;
	padding:0px 0px;
	width:auto;
}
/* -----------------------------------------------全体スタイル */

/* align */
.align_l { text-align:left; }
.align_c { text-align:center; }
.align_r { text-align:right; }
/* float */
.float_l { float:left; }
.float_r { float:right; }
.float_clr { clear:both; }
/* attention */
.attention {
	color:red;
	font-weight:bold;
}
/* リンク用 */
.box_link200 {
	height:40px;
	width:200px;
	display:inline-block;
	background:#e4eeff;
}
/* -----------------------------------------------個別スタイル */
#contents { min-height:100%; }
#contents h3 {
	border-radius:8px;
	padding:4px 8px;
	background:#ecf6ff;
}
#contents li {
	border-radius:8px;
	padding:6px 6px;
	width:320px;
	vertical-align:top;
	background:#ecf6ff;
}
#iroiro { }
#nakanohito li { width:320px; }
#nanika { }
#cg img,
#cgx img,
#cgu img { margin:0px 4px 8px 0px; }

/* -----------------------------------------------Media Query */
@media screen and (max-width: 640px) {
body { margin:0px; }
.body2 {
	margin:0px;
	padding:0px;
	min-width:400px;
	color:#2470ff;
	width:auto;
}
header { padding:0 80px; }
header,
footer,
article > h1 {
	border-radius:0px;
	padding:auto;
	width:auto;
}
section,
section > * { padding:0px; }
#contents h3 {
	border-radius:0px;
}
#contents li {
	border-radius:0px;
	padding:6px 0px;
	width:99%;
}
#nanika img { min-width:100%;}
}