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

* {	margin: 0; padding: 0; border:0; }

/*横幅*/
.w163{ width:163px;}
.w200{ width:200px;}
.w330{ width:330px;}
.w400{ width:400px;}
.w420{ width:420px;}


/*フロート*/
.f_right{ float: right; }
.f_left{ float: left; }
.clear{ clear:both;}


/*マージントップ*/
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mt40{ margin-top:40px; }
.mt50{ margin-top:50px; }
.mt70{ margin-top:70px; }
.mt75{ margin-top:75px; }
.mt80{ margin-top:80px; }
.mt90{ margin-top:90px; }
.mt100{ margin-top:100px; }
.mt120{ margin-top:120px; }
.mt200{ margin-top:200px; }
.mt500{ margin-top:500px; }


/*マージンレフト*/
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml12{ margin-left:12px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:40px;}
.ml45{ margin-left:45px;}
.ml85{ margin-left:85px;}
.ml90{ margin-left:90px;}


/*マージンライト*/
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}


/*マージンボトム*/
.mb0{ margin-bottom:0;}
.mb3{ margin-bottom:3px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}
.mb500{ margin-bottom:500px;}

/*パッディング*/
.pb20{ padding-bottom:20px;}

/*ポジション*/
.p_relative{ position: relative;}
.position01{ position: relative; z-index: 1;}
.position02{ position: absolute; z-index: 2;}
.pl0{ position: absolute; left:0; }
.prb0{ position:absolute; right:0; bottom:0; }


/*フォント*/
.f_serif{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.fs_small{ font-size:small; line-height:1.5em; }
.fs_smaller{ font-size: smaller; }
.fs_medium{ font-size:medium;}
.fs_large{ font-size: large; }
.fs_larger{ font-size: larger; }
.fs_18{ font-size:18px; }
.fs_20{ font-size:20px; }
.fs_12{ font-size:12px;}
.fs_xlarg{ font-size: x-large; }
.fs_xxlarg{ font-size: xx-large; line-height:1.5em; }
.fw_normal{ font-weight:normal; }
.fw_bold{ font-weight:bold; }
.fw_bolder{ font-weight:bolder;}
.fst_normal{ font-style:normal;}

.fs_09em{ font-size:0.9em;}


/*テキストアライン*/
.t_left{text-align: left;}
.t_justify{text-align: justify;}
.t_right {text-align: right;}
.t_center{text-align:center;}
.cent{ margin:0 auto;}
.m_auto{ margin:auto;}

.t_indent{ text-indent:-1em; margin-left:1em;}



/*　リストスタイル　*/
ul.beside { list-style-type: none; }
ul.beside li { float: left; }
ul.check_box { list-style-type:none;}
ul.check_box li { background:url(../images/check_box.gif) left no-repeat; padding:7px 0 2px 28px; }
.ls_no{ list-style-type: none; }


/*ラインハイト*/
.lh1_2em{ line-height: 1.2em;}
.lh05em{ line-height:0.5em;}


/*ボーダー*/
.border{ border:1px #CCCCCC solid;}
.bb_dashed{ border-bottom:#CCC dashed 1px;}
.btb_dashed{ border-top:#663300 dashed 1px; border-bottom:#663300 dashed 1px; padding:8px 0;}

hr{ border: #CCC solid 1px; margin:0 0 10px 0; }

of_{ overflow:auto;}



/*カラー*/
.whitet{ color:#FFF;}
.red{ color:#F00;}
.d_red{ color:#900;}
.yellow{ color:#FFC;}
.blue{ color:#00F;}
.blue2{ color:#06F;}
.brack{ color:#000;}
.yellow2{#FFE;}

/*バックグラウンドカラー*/
.bg_yellow{ background:#FF0;}

/*グロー*/
.glow12_3{ box-shadow:0 0 12px 3px rgba(0,0,0,0.2); }

/*グロー(内側)*/
.inglow4_2{ box-shadow:0 0 4px 2px rgba(0,0,0,0.1) inset; }

/*ドロップシャドー*/
.ds5_5{ box-shadow:5px 5px 6px 0 rgba(0,0,0,0.2); }
.ds3{ box-shadow:3px 3px 5px rgba(0,0,0,0.3);}


/*角丸*/
.br10{ border-radius: 10px; }