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

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

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

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

.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; }
.PT15 { padding-top: 15px; }
.PT20 { padding-top: 20px; }
.PT25 { padding-top: 25px; }
.PT30 { padding-top: 30px; }
.PT35 { padding-top: 35px; }
.PT40 { padding-top: 40px; }
.PT40 { padding-top: 40px; }
.PT50 { padding-top: 50px; }
.PT50 { padding-top: 55px; }
.PT60 { padding-top: 60px; }
.PT65 { padding-top: 65px; }
.PT70 { padding-top: 70px; }
.PT75 { padding-top: 75px; }
.PT80 { padding-top: 80px; }
.PT85 { padding-top: 85px; }
.PT90 { padding-top: 90px; }
.PT95 { padding-top: 95px; }
.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; }
.PLR25 { padding-left:25px;padding-right:25px; }
.PLR30 { padding-left:30px;padding-right:30px; }
.PLR35 { padding-left:35px;padding-right:35px; }
.PLR40 { padding-left:40px;padding-right:40px; }
.PLR45 { padding-left:45px;padding-right:45px; }
.PLR50 { padding-left:50px;padding-right:50px; }
.PLR60 { padding-left:60px;padding-right:60px; }
.PLR70 { padding-left:70px;padding-right:70px; }
.PLR80 { padding-left:80px;padding-right:80px; }
.PLR90 { padding-left:90px;padding-right:90px; }
.PLR100 { padding-left:100px;padding-right:100px; }


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

.MB0 { margin-bottom: 0; }
.MB2 { margin-bottom: 2px; }
.MB3 { margin-bottom: 3px; }
.MB4 { margin-bottom: 4px; }
.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; }
.ML2 { margin-left: 2px; }
.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; }
.MR2 { margin-right: 2px; }
.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; }
.MLR30 { margin-left: 30px;margin-right: 30px; }
.MLR40 { margin-left: 40px;margin-right: 40px; }


/* フォントパック */
.F10 { font-size: 1.0rem; }
.F11 { font-size: 1.1rem; }
.F12 { font-size: 1.2rem; }
.F13 { font-size: 1.3rem; }
.F14 { font-size: 1.4rem; }
.F15 { font-size: 1.5rem; }
.F16 { font-size: 1.6rem; }
.F17 { font-size: 1.7rem; }
.F18 { font-size: 1.8rem; }
.F19 { font-size: 1.9rem; }
.F20 { font-size: 2.0rem; }
.F21 { font-size: 2.1rem; }
.F22 { font-size: 2.2rem; }
.F23 { font-size: 2.3rem; }
.F24 { font-size: 2.4rem; }
.F25 { font-size: 2.5rem; }
.F26 { font-size: 2.6rem; }
.F27 { font-size: 2.7rem; }
.F28 { font-size: 2.8rem; }
.F29 { font-size: 2.9rem; }
.F30 { font-size: 3.0rem; }
.F30 { font-size: 3.0rem; }
.F31 { font-size: 3.1rem; }
.F32 { font-size: 3.2rem; }
.F33 { font-size: 3.3rem; }
.F34 { font-size: 3.4rem; }
.F35 { font-size: 3.5rem; }


.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; }

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


/* テキストデコレーションパック */
.Tlt { text-decoration: line-through;}
.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; }

.VAt { vertical-align: top!important; }
.VAm { vertical-align: middle!important; }
.VAb { vertical-align: bottom!important; }



/* ディスプレイパック */
.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,
.op img {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.op:hover,
.op:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	text-decoration:none;
}


.opr,
.opr 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;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.opr:hover,
.opr:hover img {
	opacity:1.0;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* 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;
}