@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; }
a img { border: none; }

/* 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; }

#top-category a:link { color:#333333; text-decoration:none; }
#top-category a:visited { color:#333333; text-decoration:none; }
#top-category a:hover { color:#333333; text-decoration:underline; }
#top-category a:active { color:#333333; 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; }
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.fs24 { font-size:24px; }
.fs30 { font-size:30px; }
.fs36 { font-size:36px; }

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

/* 横幅設定 */
.wid980 { width:980px; margin:0 auto; }
.wid960 { width:960px; margin:0 auto; }
.wid940 { width:940px; margin:0 auto; }
.wid920 { width:920px; margin:0 auto; }
.wid900 { width:900px; margin:0 auto; }
.wid100per { width:100%; margin:0 auto; }
.wid97per { width:97%; margin:0 auto; }
.wid95per { width:95%; margin:0 auto; }
.wid90per { width:90%; margin:0 auto; }

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

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

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

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

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

.pd-ud5 { padding-top:5px; padding-bottom:5px; }
.pd-ud10 { padding-top:10px; padding-bottom:10px; }
.pd-ud15 { padding-top:15px; padding-bottom:15px; }
.pd-ud20 { padding-top:20px; padding-bottom:20px; }
.pd-ud30 { padding-top:30px; padding-bottom:30px; }
.pd-ud40 { padding-top:40px; padding-bottom:40px; }

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

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

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

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

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

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