@charset "utf-8";
/* ===============================================
	▼共通（基本情報）
=============================================== */
body{
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #222;
	font-size: 100%;
	line-height: 1.7;
	background: #fff;
	text-align: center;
}
html >/**/body{
	font-size: 100%;
}
* + html body{
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
html{
	width: 100%;
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
}

/* リンクスタイル */
a{
	color: #b21c1c;
	text-decoration: underline;
}
a:hover{
	color: #999;
	text-decoration: underline;
}

/* ===============================================
	▼共通（余白）
=============================================== */
/* 全体余白 */
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad16 { padding: 16px; }
.pad20 { padding: 20px; }
.pad25 { padding: 25px; }
.pad30 { padding: 30px; }

/* 上余白 */
.tsp5 { padding-top: 5px; }
.tsp10 { padding-top: 10px; }
.tsp15 { padding-top: 15px; }
.tsp20 { padding-top: 20px; }
.tsp25 { padding-top: 25px; }
.tsp30 { padding-top: 30px; }
.tsp35 { padding-top: 35px; }
.tsp40 { padding-top: 40px; }
.tsp45 { padding-top: 45px; }
.tsp50 { padding-top: 50px; }

/* 右余白 */
.rsp5 { padding-right: 5px; }
.rsp10 { padding-right: 10px; }
.rsp15 { padding-right: 15px; }
.rsp20 { padding-right: 20px; }
.rsp25 { padding-right: 25px; }
.rsp30 { padding-right: 30px; }
.rsp35 { padding-right: 35px; }
.rsp40 { padding-right: 40px; }
.rsp45 { padding-right: 45px; }
.rsp50 { padding-right: 50px; }

/* 下余白 */
.bsp5 { padding-bottom: 5px; }
.bsp10 { padding-bottom: 10px; }
.bsp15 { padding-bottom: 15px; }
.bsp20 { padding-bottom: 20px; }
.bsp25 { padding-bottom: 25px; }
.bsp30 { padding-bottom: 30px; }
.bsp35 { padding-bottom: 35px; }
.bsp40 { padding-bottom: 40px; }
.bsp45 { padding-bottom: 45px; }
.bsp50 { padding-bottom: 50px; }
.bsp70 { padding-bottom: 70px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }

/* 左余白 */
.lsp5 { padding-left: 5px; }
.lsp10 { padding-left: 10px; }
.lsp15 { padding-left: 15px; }
.lsp20 { padding-left: 20px; }
.lsp25 { padding-left: 25px; }
.lsp30 { padding-left: 30px; }
.lsp35 { padding-left: 35px; }
.lsp40 { padding-left: 40px; }
.lsp45 { padding-left: 45px; }
.lsp50 { padding-left: 50px; }

/* 余白なし */
.noPad { padding: 0; }

/* ===============================================
	▼共通（横幅）
=============================================== */
.w10{ width: 10%; margin: 0 auto; }
.w20{ width: 20%; margin: 0 auto; }
.w30{ width: 30%; margin: 0 auto; }
.w40{ width: 40%; margin: 0 auto; }
.w50{ width: 50%; margin: 0 auto; }
.w53{ width: 53%; margin: 0 auto; }
.w60{ width: 60%; margin: 0 auto; }
.w70{ width: 70%; margin: 0 auto; }
.w80{ width: 80%; margin: 0 auto; }
.w90 { width: 90%; margin: 0 auto; }
.w100 { width: 100%; }
.w481 { width: 481px; margin: 0 auto; }

/* ===============================================
	▼共通（文字スタイル）
=============================================== */
/* 文字サイズ */
.font60 { font-size: 60%; }
.font70 { font-size: 70%; }
.font80 { font-size: 80%; }
.font90 { font-size: 90%; }
.font100 { font-size: 100%; }
.font110 { font-size: 110%; }
.font120 { font-size: 120%; }
.font130 { font-size: 130%; }
.font140 { font-size: 140%; }
.font150 { font-size: 150%; }
.font160 { font-size: 160%; }
.font170 { font-size: 170%; }
.font180 { font-size: 180%; }

/* 太さ・色 */
.small { font-size: 11px; font-weight: normal; }
.bold { font-weight: bold; }
.blue { color: #0068b8; }
.red { color: #da0101; }
.org { color: #ff6600; }
.error { font-size: 10px; color: #dd0000; font-weight: bold; }
.aster { color: #dd0000; font-weight: normal; }

/* 文字高さ */
.line14 { line-height: 1.4; }
.line2 { line-height: 2; }

/* 位置 */
.alignC { text-align: center; }
.alignL { text-align: left; }
.alignR { text-align: right; }

/* インデント */
.indent { text-indent: 1em; }
.indent01 { text-indent: -1em; padding-left: 1em; }
.indent15 { text-indent: -1.5em; padding-left: 1.5em; }
.indent02 { text-indent: -2em; padding-left: 2em; }

/* 線 */
hr.line {
	display: block;
	width: 100%;
	height: 22px;
	background: url("../img/line.png") repeat-x left top;
	border: none;
	margin: 0;
	overflow: hidden;
}

/* ===============================================
	▼共通（リンク）
=============================================== */
/* マウスオーバー（モダンブラウザ用ハック済み） */
body:nth-of-type(1) a img.over{
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
    transition-property:opacity;
    transition-duration:0.3s;
	transition-timing-function:ease-out;
}
body:nth-of-type(1) a:hover img.over{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
nav#gnavi ul li ul li a{
transition-property:color;
    transition-duration:0.3s;
	transition-timing-function:ease-out;
}
nav#gnavi ul li ul li a:hover{
color:#b21c1c;
}
/* ===============================================
	▼共通（背景色）
=============================================== */
.bgcG {background-color: #b2ffb2; }
.bgcO { background-color: #ffd8b2; }
.bgcY { background-color: #ffffb2; }

/* ===============================================
	▼共通（画像スタイル）
=============================================== */
img.frill{
	border: 1px solid #ddd; padding: 2px;
}

/* ===============================================
	▼共通（フロート）
=============================================== */
/* フロート解除 */
.clearfix:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	visibility: hidden;
}
.clearfix{
	zoom:1;
}
* html .clearfix{
	height: 0px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.clear { clear: both; line-height: 0; font-size: 0; }

/* ===============================================
	▼共通（フォーム）
=============================================== */
/* テキストフォームスタイル */
input.text10 { width: 10px; vertical-align: middle; padding: 2px; }
input.text20 { width: 20px; vertical-align: middle; padding: 2px; }
input.text30 { width: 30px; vertical-align: middle; padding: 2px; }
input.text40 { width: 40px; vertical-align: middle; padding: 2px; }
input.text50 { width: 50px; vertical-align: middle; padding: 2px; }
input.text60 { width: 60px; vertical-align: middle; padding: 2px; }
input.text70 { width: 70px; vertical-align: middle; padding: 2px; }
input.text80 { width: 80px; vertical-align: middle; padding: 2px; }
input.text90 { width: 90px; vertical-align: middle; padding: 2px; }
input.text100 { width: 100px; vertical-align: middle; padding: 2px; }
input.text150 { width: 150px; vertical-align: middle; padding: 2px; }
input.text200 { width: 200px; vertical-align: middle; padding: 2px; }
input.text250 { width: 250px; vertical-align: middle; padding: 2px; }
input.text300 { width: 300px; vertical-align: middle; padding: 2px; }
input.text350 { width: 350px; vertical-align: middle; padding: 2px; }
input.text400 { width: 400px; vertical-align: middle; padding: 2px; }

/* ファイルフォームスタイル */
input.file{
	*width: 250px;
	padding: 2px;
}

/* サブミットスタイル */
input.submit{
	padding: 5px;
}

/* テキストエリアスタイル */
textarea.textarea60{
	width: 95%;
	height: 60px;
	border: 1px solid #ccc;
	padding: 2px;
}
textarea.textarea100{
	width: 96%;
	height: 100px;
	border: 1px solid #ccc;
	padding: 2px;
}

/* ===============================================
	▼リスト
=============================================== */
ul.style_circle{
	list-style:circle;
	padding-left:20px;
}