@charset "Shift_JIS";

/*============================================================
//  拡張設定 スタイルシート
//==========================================================*/
/*------------------------------------------------------------
画像にフレームをつける
-------------------------------------------------------------*/

/* 白余白あり */
img.frame{
	background:#FFFFFF;
	padding:4px;
	border:solid 1px #CCCCCC;
}

/* 余白なし */
img.frame2{
	background:#FFFFFF;
	padding:0px;
	border:solid 1px #CCCCCC;
}



/*------------------------------------------------------------------------
BR Clear Module
--------------------------------------------------------------------------*/

.cl {
	min-height: 1px;
}

.cl:after {
	content: "."!important;
	display: block!important;
	clear: both!important;
	height: 0!important;
	visibility: hidden!important;
}

.clearfix {
	min-height: 1px!important;
}
.clearfix:after {
	content: "."!important;
	display: block!important;
	clear: both!important;
	height: 0!important;
	visibility: hidden!important;
}
* html .clearfix {
	height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/
}

/*------------------------------------------------------------------------
Font
--------------------------------------------------------------------------*/

.f-s10 { font-size: 10px; }
.f-s11 { font-size: 11px; }
.f-s12 { font-size: 12px; }
.f-s14 { font-size: 14px; }
.f-s16 { font-size: 16px; }
.f-s18 { font-size: 18px; }
.f-s20 { font-size: 20px; }
.f-s22 { font-size: 22px; }
.f-s24 { font-size: 24px; }
.f-s26 { font-size: 26px; }
.f-s28 { font-size: 28px; }
.f-s30 { font-size: 30px; }
.f-s32 { font-size: 32px; }
.f-s34 { font-size: 34px; }
.f-s36 { font-size: 36px; }
.f-s38 { font-size: 38px; }
.f-s40 { font-size: 40px; }


.f-s06em { font-size: 0.6em; }
.f-s07em { font-size: 0.7em; }
.f-s08em { font-size: 0.8em; }
.f-s09em { font-size: 0.9em; }
.f-s11em { font-size: 1.1em; }
.f-s12em { font-size: 1.2em; }
.f-s13em { font-size: 1.3em; }


/*-----------------------------------------------------
行間（line-height）
-----------------------------------------------------*/

.l-h10{ line-height:1.0em; }
.l-h11{ line-height:1.1em; }
.l-h12{ line-height:1.2em; }
.l-h13{ line-height:1.3em; }
.l-h14{ line-height:1.4em; }
.l-h15{ line-height:1.5em; }
.l-h16{ line-height:1.6em; }
.l-h17{ line-height:1.7em; }
.l-h18{ line-height:1.8em; }
.l-h19{ line-height:1.9em; }
.l-h20{ line-height:2.0em; }
.l-h22{ line-height:2.2em; }
.l-h24{ line-height:2.4em; }
.l-h26{ line-height:2.6em; }
.l-h28{ line-height:2.8em; }
.l-h30{ line-height:3.0em; }


/*-----------------------------------------------------
float関係
-----------------------------------------------------*/
.fl{ float: left; }
.fr{ float: right; }

/*-----------------------------------------------------
テキスト位置
-----------------------------------------------------*/
.cen{ text-align: center; }
.rit{ text-align: right; }
.lef{ text-align: left; }

.m-auto{ margin:0px auto 0px auto; }


/*-----------------------------------------------------
width関係(%)
-----------------------------------------------------*/

/* ●モバイル時に広がる */
.w1per{ width: 1%; }
.w2per{ width: 2%; }
.w3per{ width: 3%; }
.w4per{ width: 4%; }
.w5per{ width: 5%; }
.w6per{ width: 6%; }
.w7per{ width: 7%; }
.w8per{ width: 8%; }
.w9per{ width: 9%; }
.w10per{ width: 10%; }
.w11per{ width: 11%; }
.w12per{ width: 12%; }
.w13per{ width: 13%; }
.w14per{ width: 14%; }
.w15per{ width: 15%; }
.w16per{ width: 16%; }
.w17per{ width: 17%; }
.w18per{ width: 18%; }
.w19per{ width: 19%; }
.w20per{ width: 20%; }
.w21per{ width: 21%; }
.w22per{ width: 22%; }
.w23per{ width: 23%; }
.w24per{ width: 24%; }
.w25per{ width: 25%; }
.w26per{ width: 26%; }
.w27per{ width: 27%; }
.w28per{ width: 28%; }
.w29per{ width: 29%; }
.w30per{ width: 30%; }
.w31per{ width: 31%; }
.w32per{ width: 32%; }
.w33per{ width: 33%; }
.w34per{ width: 34%; }
.w35per{ width: 35%; }
.w36per{ width: 36%; }
.w37per{ width: 37%; }
.w38per{ width: 38%; }
.w39per{ width: 39%; }
.w40per{ width: 40%; }
.w41per{ width: 41%; }
.w42per{ width: 42%; }
.w43per{ width: 43%; }
.w44per{ width: 44%; }
.w45per{ width: 45%; }
.w46per{ width: 46%; }
.w47per{ width: 47%; }
.w48per{ width: 48%; }
.w49per{ width: 49%; }
.w50per{ width: 50%; }
.w51per{ width: 51%; }
.w52per{ width: 52%; }
.w53per{ width: 53%; }
.w54per{ width: 54%; }
.w55per{ width: 55%; }
.w56per{ width: 56%; }
.w57per{ width: 57%; }
.w58per{ width: 58%; }
.w59per{ width: 59%; }
.w60per{ width: 60%; }
.w61per{ width: 61%; }
.w62per{ width: 62%; }
.w63per{ width: 63%; }
.w64per{ width: 64%; }
.w65per{ width: 65%; }
.w66per{ width: 66%; }
.w67per{ width: 67%; }
.w68per{ width: 68%; }
.w69per{ width: 69%; }
.w70per{ width: 70%; }
.w71per{ width: 71%; }
.w72per{ width: 72%; }
.w73per{ width: 73%; }
.w74per{ width: 74%; }
.w75per{ width: 75%; }
.w76per{ width: 76%; }
.w77per{ width: 77%; }
.w78per{ width: 78%; }
.w79per{ width: 79%; }
.w80per{ width: 80%; }
.w81per{ width: 81%; }
.w82per{ width: 82%; }
.w83per{ width: 83%; }
.w84per{ width: 84%; }
.w85per{ width: 85%; }
.w86per{ width: 86%; }
.w88per{ width: 88%; }
.w89per{ width: 89%; }
.w90per{ width: 90%; }
.w91per{ width: 91%; }
.w92per{ width: 92%; }
.w93per{ width: 93%; }
.w94per{ width: 94%; }
.w95per{ width: 95%; }
.w96per{ width: 96%; }
.w97per{ width: 97%; }
.w98per{ width: 98%; }
.w99per{ width: 99%; }
.w100per{ width: 100%; }



/*-----------------------------------------------------
margin関係
-----------------------------------------------------*/

.m-t1 { margin-top: 1px!important; }
.m-t2 { margin-top: 2px!important; }
.m-t3 { margin-top: 3px!important; }
.m-t4 { margin-top: 4px!important; }
.m-t5 { margin-top: 5px!important; }
.m-t6 { margin-top: 6px!important; }
.m-t7 { margin-top: 7px!important; }
.m-t8 { margin-top: 8px!important; }
.m-t9 { margin-top: 9px!important; }
.m-t10 { margin-top: 10px!important; }
.m-t11 { margin-top: 11px!important; }
.m-t12 { margin-top: 12px!important; }
.m-t13 { margin-top: 13px!important; }
.m-t14 { margin-top: 14px!important; }
.m-t15 { margin-top: 15px!important; }
.m-t16 { margin-top: 16px!important; }
.m-t17 { margin-top: 17px!important; }
.m-t18 { margin-top: 18px!important; }
.m-t19 { margin-top: 19px!important; }
.m-t20 { margin-top: 20px!important; }
.m-t21 { margin-top: 21px!important; }
.m-t22 { margin-top: 22px!important; }
.m-t23 { margin-top: 23px!important; }
.m-t24 { margin-top: 24px!important; }
.m-t25 { margin-top: 25px!important; }
.m-t26 { margin-top: 26px!important; }
.m-t27 { margin-top: 27px!important; }
.m-t28 { margin-top: 28px!important; }
.m-t29 { margin-top: 29px!important; }
.m-t30 { margin-top: 30px!important; }
.m-t35 { margin-top: 35px!important; }
.m-t40 { margin-top: 40px!important; }
.m-t45 { margin-top: 45px!important; }
.m-t50 { margin-top: 50px!important; }
.m-t60 { margin-top: 60px!important; }
.m-t70 { margin-top: 70px!important; }
.m-t80 { margin-top: 80px!important; }
.m-t90 { margin-top: 90px!important; }
.m-t100 { margin-top: 100px!important; }
.m-t200 { margin-top: 200px!important; }
.m-t300 { margin-top: 300px!important; }
.m-t400 { margin-top: 400px!important; }
.m-t500 { margin-top: 500px!important; }
.m-b1 { margin-bottom: 1px!important; }
.m-b2 { margin-bottom: 2px!important; }
.m-b3 { margin-bottom: 3px!important; }
.m-b4 { margin-bottom: 4px!important; }
.m-b5 { margin-bottom: 5px!important; }
.m-b10 { margin-bottom: 10px!important; }
.m-b15 { margin-bottom: 15px!important; }
.m-b20 { margin-bottom: 20px!important; }
.m-b25 { margin-bottom: 25px!important; }
.m-b30 { margin-bottom: 30px!important; }
.m-l1{ margin-left: 1px!important; }
.m-l2{ margin-left: 2px!important; }
.m-l3{ margin-left: 3px!important; }
.m-l4{ margin-left: 4px!important; }
.m-l5{ margin-left: 5px!important; }
.m-l6{ margin-left: 6px!important; }
.m-l7{ margin-left: 7px!important; }
.m-l8{ margin-left: 8px!important; }
.m-l9{ margin-left: 9px!important; }
.m-l10{ margin-left: 10px!important; }
.m-l11{ margin-left: 11px!important; }
.m-l12{ margin-left: 12px!important; }
.m-l15{ margin-left: 15px!important; }
.m-l20{ margin-left: 20px!important; }
.m-l25{ margin-left: 25px!important; }
.m-l30{ margin-left: 30px!important; }
.m-l35{ margin-left: 35px!important; }
.m-l40{ margin-left: 40px!important; }
.m-l45{ margin-left: 45px!important; }
.m-l50{ margin-left: 50px!important; }
.m-r1{ margin-right: 1px!important; }
.m-r2{ margin-right: 2px!important; }
.m-r3{ margin-right: 3px!important; }
.m-r4{ margin-right: 4px!important; }
.m-r5{ margin-right: 5px!important; }
.m-r6{ margin-right: 6px!important; }
.m-r7{ margin-right: 7px!important; }
.m-r8{ margin-right: 8px!important; }
.m-r9{ margin-right: 9px!important; }
.m-r10{ margin-right: 10px!important; }
.m-r15{ margin-right: 15px!important; }
.m-r20{ margin-right: 20px!important; }
.m-r25{ margin-right: 25px!important; }
.m-r30{ margin-right: 30px!important; }

/*-----------------------------------------------------
padding関係
-----------------------------------------------------*/
.p-5{ padding: 5px; }
.p-10{ padding: 10px 10px 10px 10px; }
.p-15{ padding: 15px; }
.p-20{ padding: 20px; }
.p-25{ padding: 25px; }
.p-30{ padding: 30px; }
.p-35{ padding: 35px; }
.p-40{ padding: 40px; }
.p-45{ padding: 45px; }
.p-50{ padding: 50px; }
.p-55{ padding: 55px; }
.p-60{ padding: 60px; }
.p-65{ padding: 65px; }
.p-70{ padding: 70px; }


/*-----------------------------------------------------
フォントweight
-----------------------------------------------------*/

.fb{ font-weight: bold; }

.fn{ font-weight: normal; }

/*-----------------------------------------------------
フォントカラー
-----------------------------------------------------*/

.fc-333{ color:#333333!important; }

.fc-666{ color:#666666!important; }

.fc-999{ color:#999999!important; }

.fc-ccc{ color:#CCCCCC!important; }

.fc-red{ color:#CC0000!important; }

.fc-red2{ color:#AB0128!important; }

.fc-pink{ color:#E95079!important; }

.fc-pink2{ color:#EB4678!important; }

.fc-ora{ color:#FF6600!important; }

.fc-whi{ color:#FFFFFF!important; }

.red{ color: #CC0000!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/

/*-----------------------------------------------------
マーカー
-----------------------------------------------------*/

.marker_yel{
	background:#FFFF33;
}

/*-----------------------------------------------------
背景色
-----------------------------------------------------*/

/* うすグレー */
.bg_grey1{ background:#F9F9F9; }

/* うす黄色 */
.bg_yellow{ 
	background:#FFFFE0;
	border:solid 1px #E6DB55;
}

/* ベージュ */
.bg_beige{
	/*background:#F4EFE1; 濃いベージュ*/
	background:#FDE8CB;
}

.bg-333{ background:#333333; }

.bg-666{ background:#666666; }

.bg-999{ background:#999999; }

.bg-ccc{ background:#CCCCCC; }

.bg-pin1{ background:#FDE0DA; }

/*-----------------------------------------------------
ボーダー border
-----------------------------------------------------*/

/* 実線グレー */

.bo{ border:solid 1px #CCCCCC; }
.bo-t{ border-top:solid 1px #CCCCCC; }
.bo-l{ border-left:solid 1px #CCCCCC; }
.bo-r{ border-right:solid 1px #CCCCCC; }
.bo-b{ border-bottom:solid 1px #CCCCCC; }

/* 点線グレー */

.bo-dot{ border:dotted 1px #CCCCCC; }
.bo-dot-t{ border-top:dotted 1px #CCCCCC; }
.bo-dot-l{ border-left:dotted 1px #CCCCCC; }
.bo-dot-r{ border-right:dotted 1px #CCCCCC; }
.bo-dot-b{ border-bottom:dotted 1px #CCCCCC; }


/*-----------------------------------------------------
三角形矢印
-----------------------------------------------------*/


/* グレー下向き三角形（中央） */
.tri_gre_under{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 40px 0 40px;
	border-color: #eaeaea transparent transparent transparent;
	margin-left:auto;
	margin-right:auto;
}

/* オレンジ下向き三角形（中央） */
.tri_ora_under{
width: 0px;
height: 0px;
border-style: solid;
border-width: 20px 45px 0 45px;
border-color: #fde368 transparent transparent transparent;
	margin-left:auto;
	margin-right:auto;
}

/*------------------------------------------------------------
角丸
-------------------------------------------------------------*/

.rad-2{
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.rad-3{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.rad-5{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*------------------------------------------------------------
ドロップシャドウ
-------------------------------------------------------------*/

.shadow1{
	box-shadow:0px 0px 6px 3px rgba(113,135,164,0.65);
	-webkit-box-shadow:0px 0px 6px 3px rgba(113,135,164,0.65);
	-moz-box-shadow:0px 0px 6px 3px rgba(113,135,164,0.65);
}