@charset "utf-8";

/*
Theme Name: extra.css
Description: created by UNLIMITED DESIGN WORKS*.
Version: 1.5
Author: UNLIMITED DESIGN WORKS*
*/

/* POSITION */
.fl		{ float: left; }
.fr		{ float: right; }
.mg0a	{ margin: 0 auto; }

/* IMG */
.imgfl {
	width: 100%!important;
}

/* MARGIN */
.mgtn5	{ margin-top: -5px!important; }
.mgtn10	{ margin-top: -10px!important; }
.mgtn15	{ margin-top: -15px!important; }
.mgtn20	{ margin-top: -20px!important; }

.mgt5	{ margin-top: 5px!important; }
.mgt10	{ margin-top: 10px!important; }
.mgt15	{ margin-top: 15px!important; }
.mgt20	{ margin-top: 20px!important; }
.mgt25	{ margin-top: 25px!important; }
.mgt30	{ margin-top: 30px!important; }
.mgt35	{ margin-top: 35px!important; }
.mgt40	{ margin-top: 40px!important; }
.mgt45	{ margin-top: 45px!important; }
.mgt50	{ margin-top: 50px!important; }
.mgt60	{ margin-top: 60px!important; }
.mgt70	{ margin-top: 70px!important; }
.mgt80	{ margin-top: 80px!important; }
.mgt90	{ margin-top: 90px!important; }
.mgt100	{ margin-top: 100px!important; }

.mgr5	{ margin-right: 5px!important; }
.mgr10	{ margin-right: 10px!important; }
.mgr15	{ margin-right: 15px!important; }
.mgr20	{ margin-right: 20px!important; }
.mgr25	{ margin-right: 25px!important; }
.mgr30	{ margin-right: 30px!important; }
.mgr35	{ margin-right: 35px!important; }
.mgr40	{ margin-right: 40px!important; }
.mgr45	{ margin-right: 45px!important; }
.mgr50	{ margin-right: 50px!important; }

.mgl5	{ margin-left: 5px!important; }
.mgl10	{ margin-left: 10px!important; }
.mgl15	{ margin-left: 15px!important; }
.mgl20	{ margin-left: 20px!important; }
.mgl25	{ margin-left: 25px!important; }
.mgl30	{ margin-left: 30px!important; }
.mgl35	{ margin-left: 35px!important; }
.mgl40	{ margin-left: 40px!important; }
.mgl45	{ margin-left: 45px!important; }
.mgl50	{ margin-left: 50px!important; }

.mgb0	{ margin-bottom: 0!important; }
.mgb5	{ margin-bottom: 5px!important; }
.mgb10	{ margin-bottom: 10px!important; }
.mgb15	{ margin-bottom: 15px!important; }
.mgb20	{ margin-bottom: 20px!important; }
.mgb25	{ margin-bottom: 25px!important; }
.mgb30	{ margin-bottom: 30px!important; }
.mgb35	{ margin-bottom: 35px!important; }
.mgb40	{ margin-bottom: 40px!important; }
.mgb45	{ margin-bottom: 45px!important; }
.mgb50	{ margin-bottom: 50px!important; }
.mgb60	{ margin-bottom: 60px!important; }
.mgb70	{ margin-bottom: 70px!important; }
.mgb80	{ margin-bottom: 80px!important; }
.mgb90	{ margin-bottom: 90px!important; }
.mgb100	{ margin-bottom: 100px!important; }

.mgtb5	{ margin-top: 5px!important; margin-bottom: 5px!important; }
.mgtb10	{ margin-top: 10px!important; margin-bottom: 10px!important; }
.mgtb15	{ margin-top: 15px!important; margin-bottom: 15px!important; }
.mgtb20	{ margin-top: 20px!important; margin-bottom: 20px!important; }
.mgtb25	{ margin-top: 25px!important; margin-bottom: 25px!important; }
.mgtb30	{ margin-top: 30px!important; margin-bottom: 30px!important; }
.mgtb35	{ margin-top: 35px!important; margin-bottom: 35px!important; }
.mgtb40	{ margin-top: 40px!important; margin-bottom: 40px!important; }
.mgtb45	{ margin-top: 45px!important; margin-bottom: 45px!important; }
.mgtb50	{ margin-top: 50px!important; margin-bottom: 50px!important; }
.mgtb60	{ margin-top: 60px!important; margin-bottom: 60px!important; }
.mgtb70	{ margin-top: 70px!important; margin-bottom: 70px!important; }
.mgtb80	{ margin-top: 80px!important; margin-bottom: 80px!important; }
.mgtb90	{ margin-top: 90px!important; margin-bottom: 90px!important; }
.mgtb100 { margin-top: 100px!important; margin-bottom: 100px!important; }

.mglr5	{ margin-left: 5px!important; margin-right: 5px!important; }
.mglr10	{ margin-left: 10px!important; margin-right: 10px!important; }
.mglr15	{ margin-left: 15px!important; margin-right: 15px!important; }
.mglr20	{ margin-left: 20px!important; margin-right: 20px!important; }
.mglr25	{ margin-left: 25px!important; margin-right: 25px!important; }
.mglr30	{ margin-left: 30px!important; margin-right: 30px!important; }
.mglr35	{ margin-left: 35px!important; margin-right: 35px!important; }
.mglr40	{ margin-left: 40px!important; margin-right: 40px!important; }
.mglr45	{ margin-left: 45px!important; margin-right: 45px!important; }
.mglr50	{ margin-left: 50px!important; margin-right: 50px!important; }

.mg5	{ margin:5px!important; }
.mg10	{ margin:10px!important; }
.mg15	{ margin:15px!important; }
.mg20	{ margin:20px!important; }
.mg25	{ margin:25px!important; }
.mg30	{ margin:30px!important; }
.mg35	{ margin:35px!important; }
.mg40	{ margin:40px!important; }
.mg45	{ margin:45px!important; }
.mg50	{ margin:50px!important; }



/* PADDING */
.pdt5	{ padding-top: 5px!important; }
.pdt10	{ padding-top: 10px!important; }
.pdt15	{ padding-top: 15px!important; }
.pdt20	{ padding-top: 20px!important; }
.pdt25	{ padding-top: 25px!important; }
.pdt30	{ padding-top: 30px!important; }
.pdt35	{ padding-top: 35px!important; }
.pdt40	{ padding-top: 40px!important; }
.pdt45	{ padding-top: 45px!important; }
.pdt50	{ padding-top: 50px!important; }

.pdr5	{ padding-right: 5px!important; }
.pdr10	{ padding-right: 10px!important; }
.pdr15	{ padding-right: 15px!important; }
.pdr20	{ padding-right: 20px!important; }
.pdr25	{ padding-right: 25px!important; }
.pdr30	{ padding-right: 30px!important; }
.pdr35	{ padding-right: 35px!important; }
.pdr40	{ padding-right: 40px!important; }
.pdr45	{ padding-right: 45px!important; }
.pdr50	{ padding-right: 50px!important; }

.pdl5	{ padding-left: 5px!important; }
.pdl10	{ padding-left: 10px!important; }
.pdl15	{ padding-left: 15px!important; }
.pdl20	{ padding-left: 20px!important; }
.pdl25	{ padding-left: 25px!important; }
.pdl30	{ padding-left: 30px!important; }
.pdl35	{ padding-left: 35px!important; }
.pdl40	{ padding-left: 40px!important; }
.pdl45	{ padding-left: 45px!important; }
.pdl50	{ padding-left: 50px!important; }

.pdb5	{ padding-bottom: 5px!important; }
.pdb10	{ padding-bottom: 10px!important; }
.pdb15	{ padding-bottom: 15px!important; }
.pdb20	{ padding-bottom: 20px!important; }
.pdb25	{ padding-bottom: 25px!important; }
.pdb30	{ padding-bottom: 30px!important; }
.pdb35	{ padding-bottom: 35px!important; }
.pdb40	{ padding-bottom: 40px!important; }
.pdb45	{ padding-bottom: 45px!important; }
.pdb50	{ padding-bottom: 50px!important; }

.pdtb5	{ padding-top: 5px!important; padding-bottom: 5px!important; }
.pdtb10	{ padding-top: 10px!important; padding-bottom: 10px!important; }
.pdtb15	{ padding-top: 15px!important; padding-bottom: 15px!important; }
.pdtb20	{ padding-top: 20px!important; padding-bottom: 20px!important; }
.pdtb25	{ padding-top: 25px!important; padding-bottom: 25px!important; }
.pdtb30	{ padding-top: 30px!important; padding-bottom: 30px!important; }
.pdtb35	{ padding-top: 35px!important; padding-bottom: 35px!important; }
.pdtb40	{ padding-top: 40px!important; padding-bottom: 40px!important; }
.pdtb45	{ padding-top: 45px!important; padding-bottom: 45px!important; }
.pdtb50	{ padding-top: 50px!important; padding-bottom: 50px!important; }

.pdlr5	{ padding-left: 5px!important; padding-right: 5px!important; }
.pdlr10	{ padding-left: 10px!important; padding-right: 10px!important; }
.pdlr15	{ padding-left: 15px!important; padding-right: 15px!important; }
.pdlr20	{ padding-left: 20px!important; padding-right: 20px!important; }
.pdlr25	{ padding-left: 25px!important; padding-right: 25px!important; }
.pdlr30	{ padding-left: 30px!important; padding-right: 30px!important; }
.pdlr35	{ padding-left: 35px!important; padding-right: 35px!important; }
.pdlr40	{ padding-left: 40px!important; padding-right: 40px!important; }
.pdlr45	{ padding-left: 45px!important; padding-right: 45px!important; }
.pdlr50	{ padding-left: 50px!important; padding-right: 50px!important; }

.pd5	{ padding:5px!important; }
.pd10	{ padding:10px!important; }
.pd15	{ padding:15px!important; }
.pd20	{ padding:20px!important; }
.pd25	{ padding:25px!important; }
.pd30	{ padding:30px!important; }
.pd35	{ padding:35px!important; }
.pd40	{ padding:40px!important; }
.pd45	{ padding:45px!important; }
.pd50	{ padding:50px!important; }


/* width */
.wh5 { width:5%; }
.wh10 { width:10%; }
.wh15 { width:15%; }
.wh20 { width:20%; }
.wh25 { width:25%; }
.wh30 { width:30%; }
.wh35 { width:35%; }
.wh40 { width:40%; }
.wh45 { width:45%; }
.wh50 { width:50%; }
.wh60 { width:60%; }
.wh70 { width:70%; }
.wh80 { width:80%; }
.wh90 { width:90%; }
.wh100 { width:100%; }

/* TEXT POSITION */
.txl	{ text-align: left ; }
.txc	{ text-align: center ; }
.txr	{ text-align: right ; }


/* COLOR */
.lred		{ color: #FF6868; }
.red		{ color: #FF0000; }
.dred		{ color: #CC0000; }

.lorange	{ color: #FFA500; }
.orange		{ color: #FF8C00; }
.dorange	{ color: #FF6600; }

.lyellow	{ color: #FFFACD; }
.yellow		{ color: #FFFF00; }
.dyellow	{ color: #FFD737; }

.lgreen		{ color: #00CC00; }
.green		{ color: #009900; }
.dgreen		{ color: #006400; }

.lime		{ color: #00CC00; }
.ygreen		{ color: #009900; }
.emerald	{ color: #006400; }

.lblue		{ color: #87CEFA; }
.blue		{ color: #0000FF; }
.dblue		{ color: #0000CD; }

.aqua		{ color: #00FFFF; }
.sky		{ color: #00BFFF; }
.navy		{ color: #1F26A9; }
.dnavy		{ color: #000080; }

.lpurple	{ color: #D168FF; }
.purple		{ color: #9400D3; }
.dpurple	{ color: #670093; }

.lpink		{ color: #FF97CB; }
.pink		{ color: #FF69B4; }
.bpink		{ color: #FF1493; }

.lgray		{ color: #CCCCCC; }
.gray		{ color: #808080; }
.dgray		{ color: #696969; }

.lbrown		{ color: #C06818; }
.brown		{ color: #8B4513; }
.dbrown		{ color: #67340E; }

.white		{ color: #FFFFFF; }

.black		{ color: #000000; }


/* BGCOLOR */
.bg-white	{ padding:2px;background-color: #FFF; }
.bg-yellow	{ padding:2px;background-color: #ff9; }
.bg-aqua	{ padding:2px;background-color: #9ff; }
.bg-gray	{ padding:2px;background-color: #eee; }
.bg-red		{ padding:2px;background-color: #fcc; }


/* WEIGHT */
.b	{ font-weight: bold; }
.n	{ font-weight: normal; }


/* SIZE */
.fs10	{ font-size: 10px!important; }
.fs11	{ font-size: 11px!important; }
.fs12	{ font-size: 12px!important; }
.fs13	{ font-size: 13px!important; }
.fs14	{ font-size: 14px!important; }
.fs15	{ font-size: 15px!important; }
.fs16	{ font-size: 16px!important; }
.fs18	{ font-size: 18px!important; }
.fs20	{ font-size: 20px!important; }
.fs22	{ font-size: 22px!important; }
.fs24	{ font-size: 24px!important; }
.fs26	{ font-size: 26px!important; }
.fs28	{ font-size: 28px!important; }
.fs30	{ font-size: 30px!important; }
.fs40	{ font-size: 40px!important; }
.fs50	{ font-size: 50px!important; }

/* SIZE */
.fs08e	{ font-size: .8em!important; }
.fs10e	{ font-size: 1em!important; }
.fs11e	{ font-size: 1.1em!important; }
.fs12e	{ font-size: 1.2em!important; }
.fs13e	{ font-size: 1.3em!important; }
.fs14e	{ font-size: 1.4em!important; }
.fs15e	{ font-size: 1.5em!important; }
.fs16e	{ font-size: 1.6em!important; }
.fs18e	{ font-size: 1.8em!important; }
.fs20e	{ font-size: 2em!important; }
.fs22e	{ font-size: 2.2em!important; }
.fs24e	{ font-size: 2.4em!important; }
.fs26e	{ font-size: 2.6em!important; }
.fs28e	{ font-size: 2.8em!important; }
.fs30e	{ font-size: 3em!important; }
.fs40e	{ font-size: 4em!important; }
.fs50e	{ font-size: 5em!important; }

/* WEIGHT */
.georgia { font-family:Georgia, "Times New Roman", Times, serif; }


/* LINE-HIEGHT */
.lh100	{ line-height: 100%; }
.lh110	{ line-height: 110%; }
.lh120	{ line-height: 120%; }
.lh130	{ line-height: 130%; }
.lh140	{ line-height: 140%; }
.lh160	{ line-height: 160%; }
.lh180	{ line-height: 180%; }
.lh200	{ line-height: 200%; }
.lh250	{ line-height: 250%; }


/* INDENT */
.ti5	{ text-indent: 5px; }
.ti10	{ text-indent: 10px; }
.ti15	{ text-indent: 15px; }
.ti20	{ text-indent: 20px; }


/* BORDER */
.solid	{ border:1px solid; }
.dotted	{ border:1px dotted; }
.dashed	{ border:1px dashed; }

/* underline */
.u		{ text-decoration: underline; }
.nobd	{ border: 0; }
.del	{ text-decoration: line-through ; }


/* ul.li */
ul.none li	{ list-style-type: none; }


/* 角丸 */
.round{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}


/* hr */
hr{
	clear: both;
	height: 1px;
	/*margin: 0 0 1.5em;*/
	margin: 1.5em 0;
	padding: 0;
	border: 0;
	/*border-top: 1px solid #F5F5F5;*/
	color: #ccc;
	font-size: 1.0em;
	line-height: 1.0em;
}


/* Blockquote */
blockquote {
	margin: 0 1em 1.5em;
	padding: 4.5em;
	/* border: 3px solid #ddd; */
	background: #efefef;
	color: #444;
	position:relative;
	z-index: 1;
}

blockquote p{
    position: relative;
    z-index: 3;
}


blockquote:before{
    content: "“";
    font-size: 1000%;
    line-height: 0.8em;
    font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
    color: #DADADA;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
}
blockquote:after{
    content: "”";
    font-size: 1000%;
    line-height: 0em;
    font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
    color: #DADADA;
    position: absolute;
    right: 10px;
    bottom: 5px;
    z-index: 2;
}


.blocks {
  overflow: auto;
  margin: 1.5em;
  padding: 2.5em;
  border: 3px solid #EDEDEC;
  border-style: dashed;
  background: #FAFAFA;
  color: #444;
}


/* AddCSS */

.blocks-blue {
    overflow: auto;
    margin: 1.5em;
    padding: 2.5em;
    border: 3px solid #1B73BA;
    background: #FFF;
    color: #444;
    text-align: center
}

.blocks-blue p {
    font-size: 2em;
    font-weight: bold;
}


.blocks-white {
  overflow: auto;
  margin: 1.5em;
  padding: .5em 2.5em;
  border: 2px solid #f5f5f5;
  border-style: dashed;
  background: #FFF;
  color: #444;
}

.blocks-pink {
  overflow: auto;
  margin: 1.5em;
  padding: 2.5em;
  border: 3px solid #ff97cb;
  border-style: dashed;
  background: #fff0f7;
  color: #444;
}

.yumin {
    font-family : YuMincho, '游明朝', serif;
}



#error {
 padding: 20px 0;
 color: #000;
 background: #fc3;
}
 
#error p {
 font: bold 16px/30px Meiryo,sans-serif;
}
 
#error a {
 color: #f00;
 text-decoration: underline;
}
 
#error a:hover {
 color: #fff;
 background: #f00;
}