/*
css style 1.0
OOCSSスタイル

template project name
*/

/* ################################## normal style */
a:link { color:#ff0000; }
a:hover { color:#ffff00; }
a:active { color:#ff0000; }
a:visited { color:#0000ff; }
body {
	color:#000000;
	margin:auto;
	padding:8px 0px;
	width:100%;
	background:url(img/ko31.png) center center;
	font-size:small;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
	border:0;
	height:auto;
	max-width:100%;
}
ul {
	margin:0;
	padding:0;
}
li { list-style-type:none; }
button{ z-index:9999;}
/* ################################## html5 style */
header { }
footer { }
section { }
article { }
nav { }
/* ################################## OOCSS */
/*
クラスに1つのみプロパティ適応する
なるべく1つ
*/
/* bgcolor */
.bgcolor750 { background:#000000; }
.bgcolor200 { background:#ffffff; }
.bgcolor050 { background:#ff0000; }
/* color */
.color750 { color:#000000; }
.color200 { color:#ffffff; }
.color050 { color:#ff0000; }
/* align */
.align-c { text-align:center; }
.align-r { text-align:right; }
.align-l { text-align:left; }
/* borderR */
.borderR8 { border-radius:8px; }
.borderR16 { border-radius:16px; }
.borderR32 { border-radius:32px; }
.borderR64 { border-radius:64px; }
/* box */
.borderR8 { border-radius:8px; }
/* normal box*/
.normalbox100p {
	width:100%;
	height:auto;
}
.normalbox50p {
	width:50%;
	height:auto;
}
.normalbox640 {
	width:640px;
	height:auto;
}
.normalbox320 {
	width:320px;
	height:auto;
}
/* ################################## Non OOCSS */
/*
ループ系コンテンツに適応
複数のプロパティを記述可能
*/



/*
アニメーション関連
ここで適当なアニメーションを決める？
*/
@-wekit-keyframes 

/* ################################## Media Query insert */
/*
@media screen and (min-width:1921px) {
body { background:#333333; }
}
@media screen and (min-width:1281px) and (max-width:1920px) {
body { background:#666666; }
}
@media screen and (min-width:769px) and (max-width:1280px) {
body { background:#999999; }
}
@media screen and (min-width:641px) and (max-width:768px) {
body { background:#cccccc; }
}
@media screen and (min-width:0px) and (max-width:640px) {
body { background:#ffffff; }
}
*/