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

/*ポジション */
.Pa {	position: absolute; }
.Pr {	position: relative; }

/*フォント明朝 */
.Mincyo { font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif; }

/* paddingパック */
.IN5 {	padding: 5px; }
.IN10 {	padding: 10px; }
.IN15 {	padding: 15px; }
.IN20 {	padding: 20px; }
.IN25 {	padding: 25px; }
.IN30 {	padding: 30px; }

.PB0 { padding-bottom: 0; }
.PB5 { padding-bottom: 5px; }
.PB10 { padding-bottom: 10px; }
.PB15 { padding-bottom: 15px; }
.PB20 { padding-bottom: 20px; }
.PB25 { padding-bottom: 25px; }
.PB30 { padding-bottom: 30px; }
.PB40 { padding-bottom: 40px; }
.PB50 { padding-bottom: 50px; }
.PB60 { padding-bottom: 60px; }
.PB70 { padding-bottom: 70px; }
.PB80 { padding-bottom: 80px; }
.PB90 { padding-bottom: 90px; }
.PB100 { padding-bottom: 100px; }

.PT0 { padding-top: 0; }
.PT5 { padding-top: 5px; }
.PT10 { padding-top: 10px; }
.PT20 { padding-top: 20px; }
.PT30 { padding-top: 30px; }
.PT40 { padding-top: 40px; }
.PT50 { padding-top: 50px; }
.PT60 { padding-top: 60px; }
.PT70 { padding-top: 70px; }
.PT80 { padding-top: 80px; }
.PT90 { padding-top: 90px; }
.PT100 { padding-top: 100px; }

.PL0 { padding-left: 0; }
.PL5 { padding-left: 5px; }
.PL10 { padding-left: 10px; }
.PL15 { padding-left: 15px; }
.PL20 { padding-left: 20px; }
.PL30 { padding-left: 30px; }
.PL35 { padding-left: 35px; }
.PL40 { padding-left: 40px; }
.PL50 { padding-left: 50px; }
.PL60 { padding-left: 60px; }
.PL70 { padding-left: 70px; }
.PL80 { padding-left: 80px; }
.PL90 { padding-left: 90px; }
.PL100 { padding-left: 100px; }

.PR0 { padding-right: 0; }
.PR5 { padding-right: 5px; }
.PR9 { padding-right: 9px; }
.PR10 { padding-right: 10px; }
.PR20 { padding-right: 20px; }
.PR30 { padding-right: 30px; }
.PR40 { padding-right: 40px; }
.PR50 { padding-right: 50px; }
.PR60 { padding-right: 60px; }
.PR70 { padding-right: 70px; }
.PR80 { padding-right: 80px; }
.PR90 { padding-right: 90px; }
.PR100 { padding-right: 100px; }


.PLR5 { padding-left:5px;padding-right:5px; }
.PLR10 { padding-left:10px;padding-right:10px; }
.PLR15 { padding-left:15px;padding-right:15px; }
.PLR20 { padding-left:20px;padding-right:20px; }




/* marginパック */
.MC {	margin: 0 auto; }
.MM {	margin: auto 0; }
.M0 {	margin: 0; }

.MB0 { margin-bottom: 0; }
.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; }
.MB60 { margin-bottom: 60px; }
.MB70 { margin-bottom: 70px; }
.MB80 { margin-bottom: 80px; }
.MB90 { margin-bottom: 90px; }
.MB100 { margin-bottom: 100px; }
.MB110 { margin-bottom: 110px; }

.MT0 { margin-top: 0; }
.MT5 { margin-top: 5px; }
.MT10 { margin-top: 10px; }
.MT15 { margin-top: 15px; }
.MT20 { margin-top: 20px; }
.MT30 { margin-top: 30px; }
.MT35 { margin-top: 35px; }
.MT40 { margin-top: 40px; }
.MT50 { margin-top: 50px; }
.MT60 { margin-top: 60px; }
.MT70 { margin-top: 70px; }
.MT80 { margin-top: 80px; }
.MT90 { margin-top: 90px; }
.MT100 { margin-top: 100px; }

.ML0 { margin-left: 0; }
.ML5 { margin-left: 5px; }
.ML10 { margin-left: 10px; }
.ML15 { margin-left: 15px; }
.ML20 { margin-left: 20px; }
.ML30 { margin-left: 30px; }
.ML35 { margin-left: 35px; }
.ML40 { margin-left: 40px; }
.ML50 { margin-left: 50px; }
.ML60 { margin-left: 60px; }
.ML70 { margin-left: 70px; }
.ML80 { margin-left: 80px; }
.ML90 { margin-left: 90px; }
.ML100 { margin-left: 100px; }

.MR0 { margin-right: 0; }
.MR5 { margin-right: 5px; }
.MR10 { margin-right: 10px; }
.MR15 { margin-right: 15px; }
.MR20 { margin-right: 20px; }
.MR30 { margin-right: 30px; }
.MR35 { margin-right: 35px; }
.MR40 { margin-right: 40px; }
.MR50 { margin-right: 50px; }
.MR60 { margin-right: 60px; }
.MR70 { margin-right: 70px; }
.MR80 { margin-right: 80px; }
.MR90 { margin-right: 90px; }
.MR100 { margin-right: 100px; }

.MLR5 { margin-left: 5px;margin-right: 5px; }
.MLR10 { margin-left: 10px;margin-right: 10px; }
.MLR15 { margin-left: 15px;margin-right: 15px; }
.MLR20 { margin-left: 20px;margin-right: 20px; }



/* フォントパック */
.F10 { font-size: 10px; }
.F11 { font-size: 11px; }
.F12 { font-size: 12px; }
.F13 { font-size: 13px; }
.F14 { font-size: 14px; }
.F15 { font-size: 15px; }
.F16 { font-size: 16px; }
.F17 { font-size: 17px; }
.F18 { font-size: 18px; }
.F19 { font-size: 19px; }
.F20 { font-size: 20px; }
.F21 { font-size: 21px; }
.F22 { font-size: 22px; }
.F23 { font-size: 23px; }
.F24 { font-size: 24px; }

.Fr { color: #f00; }
.Fg { color: #0f0; }
.Fb { color: #00f; }
.Fy { color: #ff0; }
.Fw { color: #fff; }
.Fn { color: #000; }
.Fp { color: #531E7F; }
.Fc { color: #0ff; }
.Fc2 { color: #09e; }
.Forange { color: #D40; }
.Fb2 { color: #288FC0; }
.Fgr { color: #666; }
.Fgray{ color:#7F7F7F; }
.Fgray2{ color:#62676a; }
.Fred{ color:#9F0018; }

.FSb { font-weight: bold; }
.FSi { font-style: italic; }
.FSo { font-style: oblique; }




/* テキストデコレーションパック */
.Tu { text-decoration: underline; }
.To { text-decoration: overline; }
.Tn { text-decoration: none; }
.TuA a { text-decoration: underline; }
.TuA a:hover { text-decoration: none; }

/* テキストアラインパック */
.Tl { text-align: left; }
.Tc { text-align: center; }
.Tr { text-align: right; }





/* ディスプレイパック */
.Db { display: block; }
.Dn { display: none; }
.Di { display: inline; }
.Dt { display: table; }
.Dc { display: table-cell; }
.Dib {
	display: inline-block;  
	*display: inline;  
	*zoom: 1;
}



/* バックグラウンドパック */
.BGr { background-color: #f00; }
.BGg { background-color: #0f0; }
.BGb { background-color: #00f; }
.BGy { background-color: #ff0; }
.BGw { background-color: #fff; }
.BGn { background-color: #000; }
.BGc { background-color: #0ff; }
.BGgr { background-color: #F5F5F5; }

/* フロートパック */
.FLr,
.R{ float: right; }
.FLl,
.L{ float: left; }
.FLc{ clear: both; }

/* リストパック */
.Ldec { list-style-type: decimal; margin-left: 25px; }/* 数字 */
.Lsqu { list-style-type: square; margin-left: 25px; }/* 資格 */
.Ldis{ list-style-type: disc; margin-left: 25px; }/* 黒丸 */




/* クリアフィックス */
.C {width:100%;}
.C:after {
	content: "";
	display: block;
	clear: both;
	height: 0.01px;
}

/*オンマウスリンク(画像)*/
.op:hover,
.op:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	text-decoration:none;
}

/* 自由移動用 */
.Pset{
	position: relative;
}

.Pck{
	position: absolute;
	z-index: 100;
	cursor: pointer;
}

.Pck:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/*input,buttonタグのボタン画像削除*/
.NBB {
	background:none;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
}

.btn_red_dg {
	background-color:#e60012;
	color:#fff;
	padding:2px 5px;
	margin:0;
	border:none;
	cursor:pointer;
	border-bottom:#000 solid 1px;
	border-right:#000 solid 1px;
}

.valign_box {
	display:block;
	display: table-cell;
	vertical-align:middle;
	zoom:1;
	text-align:center;
}
.valign_box img{
	vertical-align:middle;
}
.valign_box span{
	display:inline-block;
	visibility: hidden;
	vertical-align: middle;
	zoom: 1;
}





.resize_img{
	width:100%;
	height:auto;
}


/*CSS3用*/
.shadow {
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-pie-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}


/*------------------------------------------------------------
	button
----------------------------------------------------------*/
.round{
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */ 
	-moz-border-radius: 5px; /* Firefox用 */ 
    border-radius: 5px;
	zoom: 1;
	position:relative;
}
/* 上のみ角丸 */
.round_top{
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px; 
	zoom: 1;
	position:relative;
}



/*------------------------------------------------------------
	input
----------------------------------------------------------*/
.input50 input[type="text"]{ width:50px; }
.input100 input[type="text"]{ width:100px; }
.input150 input[type="text"]{ width:150px; }
.input200 input[type="text"]{ width:200px; }
.input250 input[type="text"]{ width:250px; }
.input300 input[type="text"]{ width:300px; }

/*------------------------------------------------------------
	JS
----------------------------------------------------------*/
.JS_drag {
	cursor: move;
	color: black;
}

.JS_input_mode .JS_view,
.JS_view_mode .JS_input{
	display:none;
}

.JS_input_mode div.JS_input
.JS_view_mode div.JS_view{
	display:block;
}

.JS_input_mode span.JS_input
.JS_view_mode span.JS_view{
	display:inline;
}

.JS_thumnail{
	margin-right:5px;
	cursor:pointer;
}