@charset "utf-8";
/* CSS Document */

/* 基本設定 各ブラウザでのCSSを初期化 */
body, img, ul, li, h1, h2, h3, h4, h5, h6, div, form, p {
	margin:0;
	padding:0;
}
img { vertical-align:bottom; }
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
a img { border: none; }
ol, ul { list-style: none; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* a 疑似クラス */
a:link { color:#0066CC; text-decoration:none; }
a:visited { color:#0066CC; text-decoration:none; }
a:hover { color:#0066CC; text-decoration:underline; }
a:active { color:#0066CC; text-decoration:none; }

/* 汎用class用 */
.clear { clear:both; }

/* フロート */
.fl-l { float:left; }
.fl-r { float:right; }

/* 横位置設定 */
.al-c{ text-align: center; }
.al-r{ text-align: right; }
.al-l{ text-align: left; }

/* 縦位置設定[インライン要素とテーブルセルのみ対象] */
.vl-t{ vertical-align: top; }
.vl-m{ vertical-align: middle; }
.vl-b{ vertical-align: bottom; }

/* フォント関連 */
.bold { font-weight:bold !important; }
.fs10 { font-size:10px !important; }
.fs11 { font-size:11px !important; }
.fs12 { font-size:12px !important; }
.fs13 { font-size:13px !important; }
.fs14 { font-size:14px !important; }
.fs15 { font-size:15px !important; }
.fs16 { font-size:16px !important; }
.fs17 { font-size:17px !important; }
.fs18 { font-size:18px !important; }
.fs19 { font-size:19px !important; }
.fs20 { font-size:20px !important; }
.fs24 { font-size:24px !important; }
.fs30 { font-size:30px !important; }
.fs36 { font-size:36px !important; }

.lh-1.5 { line-height:1.5 !important; }
.lh-1.75 { line-height:1.75 !important; }
.lh-2 { line-height:2 !important; }

/* margin設定 */
.mg-t5 { margin-top:5px !important; }
.mg-t10 { margin-top:10px !important; }
.mg-t15 { margin-top:15px !important; }
.mg-t20 { margin-top:20px !important; }
.mg-t30 { margin-top:30px !important; }
.mg-t40 { margin-top:40px !important; }
.mg-t50 { margin-top:50px !important; }
.mg-t60 { margin-top:60px !important; }
.mg-t70 { margin-top:70px !important; }
.mg-t80 { margin-top:80px !important; }
.mg-t1em { margin-top:1em !important; }

.mg-b5 { margin-bottom:5px !important; }
.mg-b10 { margin-bottom:10px !important; }
.mg-b15 { margin-bottom:15px !important; }
.mg-b20 { margin-bottom:20px !important; }
.mg-b30 { margin-bottom:30px !important; }
.mg-b40 { margin-bottom:40px !important; }
.mg-b50 { margin-bottom:50px !important; }
.mg-b60 { margin-bottom:60px !important; }
.mg-b70 { margin-bottom:70px !important; }
.mg-b80 { margin-bottom:80px !important; }
.mg-b1em { margin-bottom:1em !important; }

.mg-r5 { margin-right:5px !important; }
.mg-r10 { margin-right:10px !important; }
.mg-r15 { margin-right:15px !important; }
.mg-r20 { margin-right:20px !important; }
.mg-r30 { margin-right:30px !important; }
.mg-r40 { margin-right:40px !important; }
.mg-r50 { margin-right:50px !important; }
.mg-r60 { margin-right:60px !important; }
.mg-r70 { margin-right:70px !important; }
.mg-r80 { margin-right:80px !important; }
.mg-r1em { margin-right:1em !important; }

.mg-l5 { margin-left:5px !important; }
.mg-l10 { margin-left:10px !important; }
.mg-l15 { margin-left:15px !important; }
.mg-l20 { margin-left:20px !important; }
.mg-l30 { margin-left:30px !important; }
.mg-l40 { margin-left:40px !important; }
.mg-l50 { margin-left:50px !important; }
.mg-l60 { margin-left:60px !important; }
.mg-l70 { margin-left:70px !important; }
.mg-l80 { margin-left:80px !important; }
.mg-l1em { margin-left:1em !important; }

/* padding設定 */
.pd-5 { padding:5px !important; }
.pd-10 { padding:10px !important; }
.pd-15 { padding:15px !important; }
.pd-20 { padding:20px !important; }

.pd-ud5 { padding-top:5px; padding-bottom:5px !important; }
.pd-ud10 { padding-top:10px; padding-bottom:10px !important; }
.pd-ud15 { padding-top:15px; padding-bottom:15px !important; }
.pd-ud20 { padding-top:20px; padding-bottom:20px !important; }

.pd-lr5 { padding-left:5px; padding-right:5px !important; }
.pd-lr10 { padding-left:10px; padding-right:10px !important; }
.pd-lr15 { padding-left:15px; padding-right:15px !important; }
.pd-lr20 { padding-left:20px; padding-right:20px !important; }

.pd-t5 { padding-top:5px !important; }
.pd-t10 { padding-top:10px !important; }
.pd-t20 { padding-top:20px !important; }
.pd-t30 { padding-top:30px !important; }
.pd-t40 { padding-top:40px !important; }
.pd-t50 { padding-top:50px !important; }
.pd-t60 { padding-top:60px !important; }
.pd-t70 { padding-top:70px !important; }
.pd-t80 { padding-top:80px !important; }
.pd-t1em { padding-top:1em !important; }

.pd-b5 { padding-bottom:5px !important; }
.pd-b10 { padding-bottom:10px !important; }
.pd-b20 { padding-bottom:20px !important; }
.pd-b30 { padding-bottom:30px !important; }
.pd-b40 { padding-bottom:40px !important; }
.pd-b50 { padding-bottom:50px !important; }
.pd-b60 { padding-bottom:60px !important; }
.pd-b70 { padding-bottom:70px !important; }
.pd-b80 { padding-bottom:80px !important; }
.pd-b1em { padding-bottom:1em !important; }

.pd-r5 { padding-right:5px !important; }
.pd-r10 { padding-right:10px !important; }
.pd-r20 { padding-right:20px !important; }
.pd-r30 { padding-right:30px !important; }
.pd-r40 { padding-right:40px !important; }
.pd-r50 { padding-right:50px !important; }
.pd-r60 { padding-right:50px !important; }
.pd-r70 { padding-right:70px !important; }
.pd-r80 { padding-right:80px !important; }
.pd-r1em { padding-right:1em !important; }

.pd-l5 { padding-left:5px !important; }
.pd-l10 { padding-left:10px !important; }
.pd-l20 { padding-left:20px !important; }
.pd-l30 { padding-left:30px !important; }
.pd-l40 { padding-left:40px !important; }
.pd-l50 { padding-left:50px !important; }
.pd-l60 { padding-left:60px !important; }
.pd-l70 { padding-left:70px !important; }
.pd-l80 { padding-left:80px !important; }
.pd-l1em { padding-left:1em !important; }

/* 角丸設定 */
.round{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	behavior: url(border-radius.htc); /*旧IE用角丸追加ファイルtop用*/
}

/* clear fix */
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* clear fix For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; position:relative;/*for preview*/ }