@charset "utf-8";

/* align */
.aligncenter {text-align: center !important;}
.alignleft   {text-align: left !important;}
.alignright  {text-align: right !important;}
.aligntop    {vertical-align: top !important;}
.alignmiddle {vertical-align: middle !important;}
.alignbottom {vertical-align: bottom !important;}


/* flag color */
.flag-shinbi    { background: #0061d8; width: 20px; height: 20px; position: absolute; top: 1px; left: 1px;}
.flag-kunitachi { background: url(../images/enart.png) no-repeat; width: 39px; height: 20px; position: absolute; top: 1px; left: 1px;}
.flag-shinjuku  { background: #009ce5; width: 20px; height: 20px; position: absolute; top: 1px; left: 1px;}
.flag-l			{ background: #ff3a61; height: 20px; position: absolute; top: 1px; left: 1px; font-size: 14px; line-height: 20px; color: #fff; padding: 0 3px;}
.flag-r			{ background: #ff3a61; height: 20px; position: absolute; top: 1px; right: 1px; font-size: 14px; line-height: 20px; color: #fff; padding: 0 3px;}
.flag-new		{ background: #ff3a61; height: 20px; position: absolute; top: 1px; right: 1px; font-size: 10px; font-weight: bold; line-height: 20px; color: #fff; padding: 0 3px;}
.flag-end		{ background: #ccc; height: 20px; position: absolute; top: 1px; right: 1px; font-size: 10px; font-weight: normal; line-height: 20px; color: #fff; padding: 0 3px;}

.flag-entry		{ background: #ff3a61; font-size: 12px; color: #fff; padding: 3px 6px; vertical-align: middle;}
.flag-noentry		{ background: #fff; border: #ff3a61 2px solid; font-size: 12px; color: #ff3a61; padding: 3px 6px; vertical-align: middle;}


/* grid width */
.w1 {width: 226px !important;}
.w2 {width: 478px !important;}
.w3 {width: 728px !important;}


/* grid height */
.h2 {height: 478px !important;}


/* grid */
.wh2  { width: 478px !important; height: 478px !important;}
.w3h2 { width: 728px !important; height: 478px !important;}


/* flot */
.fl {float: left;}
.fr {float: right;}



/*-----------------------------------------------------
TEXT
-------------------------------------------------------*/
.date {font-size: 20px !important; line-height:1.4em !important; font-weight:bold !important; margin: 20px 0;}

.date-L {font-size: 30px !important; line-height:1.8em !important; font-weight:bold !important; margin: 20px 0;}

.txt-shinbi     {color: #2c4197 !important;}
.txt-shinjuku   {color: #0088b9 !important;}
.txt-shibuya    {color: #a16899 !important;}
.txt-kunitachi  {color: #7c9500 !important;}
.txt-red        {color: #e6000f !important;}
.txt-pink       {color: #ea627c !important;}
.txt-orange     {color: #ea5503 !important;}
.txt-green      {color: #9fc238 !important;}
.txt-ygreen     {color: #66AF54 !important;}
.txt-blue       {color: #1f52a3 !important;}
.txt-sky        {color: #009FE8 !important;}
.txt-white	    {color: #ffffff !important;}
.txt-startevent {color: #c2007a !important;}
.txt-gray       {color: #888888 !important;}
.txt-peacock    {color: #00afbc !important;}
.txt-purple     {color: #776ab0 !important;}
.txt-purplered  {color: #ca4998 !important;}
.txt-pickup     {color: #E62E8B !important;}
.txt-pickup2    {color: #1d2088 !important;}



.txt-oil       {color: #007c36 !important;}
.txt-jap       {color: #b72914 !important;}
.txt-scu       {color: #c35b1b !important;}
.txt-des       {color: #0067a4 !important;}
.txt-ima       {color: #60538b !important;}
.txt-arc       {color: #833779 !important;}
.txt-int       {color: #709b12 !important;}
.txt-sci       {color: #a64c45 !important;}
.txt-doni      {color: #d07a16 !important;}
.txt-kiso      {color: #b84064 !important;}
.txt-tsu       {color: #9f8c00 !important;}
.txt-dessn     {color: #68a9cf !important;}
.txt-suisen    {color: #734681 !important;}
.txt-koku      {color: #7178b2 !important;}
.txt-kyoiku    {color: #3476a6 !important;}
.txt-opt       {color: #00ada9 !important;}
.txt-junior    {color: #909500 !important;}


.txt-10 {font-size: 10px !important;}
.txt-12 {font-size: 12px !important; line-height: 18px !important;}
.txt-14 {font-size: 14px !important;}
.txt-16 {font-size: 16px !important;}
.txt-18 {font-size: 18px !important;}
.txt-20 {font-size: 20px !important;}
.txt-22 {font-size: 22px !important;}
.txt-24 {font-size: 24px !important;}
.txt-26 {font-size: 26px !important;}
.txt-28 {font-size: 28px !important;}
.txt-30 {font-size: 30px !important;}

.bold {font-weight: bold !important;}


/*-----------------------------------------------------
TABLE COLOR
-------------------------------------------------------*/
.bg-red {background:#ffe6e6;}

.bg-graylight  {background:#faf9f5;}
.bg-graymiddle {background:#d8d8d8; color:#fff !important;}
.bg-gray       {background:#7a7a7a; color:#fff !important;}
.bg-black      {background:#000000; color:#fff !important;}

.bg-shinbi     {background: #2c4197!important;color: #FFF!important;}
.bg-shinjuku   {background: #0088b9!important;color: #FFF!important;}
.bg-kunitachi  {background: #7c9500!important;color: #FFF!important;}
.bg-kunitachi2 {background: #ebf2cb!important;}
.bg-shibuya    {background: #a16899!important;color: #FFF!important;}

.bg-orange     {background: #ea5503!important;color: #FFF!important;}
.bg-peacock    {background: #00afbc!important;color: #FFF!important;}
.bg-blue       {background: #1f52a3!important;color: #FFF!important;}
.bg-sky        {background: #009FE8!important;color: #FFF!important;}
.bg-purple     {background: #776ab0!important;color: #FFF!important;}
.bg-purplered  {background: #ca4998!important;color: #FFF!important;}
.bg-pink       {background: #ea627c!important;color: #FFF!important;}
.bg-red        {background: #e6000f!important;color: #FFF!important;}
.bg-ygreen     {background: #66Af54!important;color: #FFF!important;}




.bg-oil     {background: #007c36!important;color: #FFF!important;}
.bg-oil2    {background: #d2e0d4!important;}
.bg-jap     {background: #b72914!important;color: #FFF!important;}
.bg-jap2    {background: #fbe3d5!important;}
.bg-scu     {background: #c35b1b!important;color: #FFF!important;}
.bg-scu2    {background: #eddece!important;}
.bg-scu3    {background: #eddece!important;color: #c35b1b!important;}
.bg-des     {background: #0067a4!important;color: #FFF!important;}
.bg-des2    {background: #dbe6ed!important;}
.bg-ima     {background: #60538b!important;color: #FFF!important;}
.bg-ima2    {background: #dad8e4!important;}
.bg-arc     {background: #833779!important;color: #FFF!important;}
.bg-arc2    {background: #d8c7d9!important;}
.bg-int     {background: #709b12!important;color: #FFF!important;}
.bg-int2    {background: #dde2af!important;}
.bg-sci     {background: #a0423e!important;color: #FFF!important;}
.bg-sci2    {background: #eee7db!important;}
.bg-doni    {background: #d07a16!important;color: #FFF!important;}
.bg-doni2   {background: #eee7db!important;}
.bg-kiso    {background: #b84064!important;color: #FFF!important;}
.bg-kiso2   {background: #eacdd2!important;}
.bg-tsu     {background: #9f8c00!important;color: #FFF!important;}
.bg-tsu2    {background: #efecd6!important;}
.bg-dessan  {background: #387696!important;color: #FFF!important;}
.bg-dessan2 {background: #dbdfe2!important;}
.bg-suisen  {background: #734681!important;color: #FFF!important;}
.bg-suisen2 {background: #e6dce2!important;}
.bg-kyoiku  {background: #3476a6!important;color: #FFF!important;}
.bg-kyoiku2 {background: #d8e2f1!important;}
.bg-study   {background: #c58f21!important;color: #FFF!important;}
.bg-junior  {background: #909500!important;color: #FFF!important;}
.bg-junior2 {background: #e6e9d5!important;}


/*-----------------------------------------------------
FRAME
-------------------------------------------------------*/
.attention {
	width: 686px;
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
	font-size: 16px;
	line-height: 1.8em;
	color: #333;
	background: #ffe6e6;
	border: 1px #ff5353 dotted;
}

.attention a {
	color: #ff5353;
	font-size: 16px;
}


/*-----------------------------------------------------
TABLE
-------------------------------------------------------*/
table.normal {
	clear: both;
	width: 688px;
    border: 1px #d8d8d8 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin: 10px auto;
}

table.normal th {
    padding: 10px;
    border: #d8d8d8 solid;
    border-width: 0 0 1px 1px;
    font-weight: normal;
	color: #333;
    line-height: 1.8em;
    text-align: center;
    white-space: normal;
	vertical-align: middle;
}

table.normal td {
    padding: 10px;
    border: 1px #d8d8d8 solid;
    border-width: 0 0 1px 1px;
	color: #333;
	line-height: 1.8em;
    text-align: left;
    white-space: normal;
}

table.normal .caption {
    padding: 0 10px;
    border:0;
	color: #333;
	font-size: 12px;
	line-height: 1.6em;
    text-align: left;
	vertical-align: top;
    white-space: normal;
}

table.normal .caption-L {
    padding: 0 10px;
    border:0;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6em;
    text-align: center;
	vertical-align: top;
    white-space: normal;
}

table.noline {
	clear: both;
	width: 688px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
	margin: 10px auto;
}

table.noline th {
    padding: 10px;
    border:0;
    font-weight: normal;
	color: #333;
    line-height: 1.8em;
    text-align: center;
    white-space: normal;
	vertical-align: middle;
}

table.noline td {
    padding: 10px;
    border:0;
	color: #333;
	line-height: 1.8em;
    text-align: left;
    white-space: normal;
}

table.noline .caption {
    padding: 0 10px;
    border:0;
	color: #333;
	font-size: 12px;
	line-height: 1.6em;
    text-align: left;
	vertical-align: top;
    white-space: normal;
}

table.noline .caption-L {
    padding: 0 10px;
    border:0;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6em;
    text-align: center;
	vertical-align: top;
    white-space: normal;
}

table.gallery {
	clear: both;
	width: 688px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
	margin: 10px auto;
}

table.gallery th {
    padding: 10px;
    border:0;
    font-weight: normal;
	color: #333;
    line-height: 1.8em;
    text-align: center;
    white-space: normal;
	vertical-align: middle;
}

table.gallery td {
    padding: 10px;
    border:0;
	color: #333;
	line-height: 1.8em;
    text-align: center;
    white-space: normal;
	vertical-align: middle;
}

table.gallery .caption {
    padding: 5px 10px 20px;
    border:0;
	color: #666;
	font-size: 12px;
	line-height: 1.4em;
    text-align: center;
	vertical-align: top;
    white-space: normal;
}

table.gallery .compe {
    padding:0 10px 60px 10px;
    border:0;
	color: #0061d8;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6em;
    text-align: center;
	vertical-align: top;
    white-space: normal;
}

table.gallery .geneki {
    padding: 2px 4px;
    border:0;
	color: #fff;
	background: #ff5353;
	font-size: 10px;
	line-height:;
    text-align: center;
    white-space: normal;
}

table.gallery .red {
    padding: 5px;
    border:0;
	color: #ff5353;
	font-size: 12px;
	line-height: 1.4em;
    text-align: center;
    white-space: normal;
}


/*-----------------------------------------------------
UL LI
------------------------------------*/
.lc {list-style-type: circle; margin-left: 15px;}
.ld {list-style-type: decimal; margin-left: 15px;}
.ldi {list-style-type: disc; margin-left: 15px;}

/*-----------------------------------------------------
LINE
-------------------------------------------------------*/

#contentwrap .line {
	margin: 0;
	padding: 0px;
	line-height: 0px;
	height: 1px;
	font-size: 0px;
	clear: both;
	border-bottom: 1px dotted #d8d8d8;
}


/*-----------------------------------------------------
MARGIN
-------------------------------------------------------*/
/* MARGIN-TOP */
.mt5  { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mt60 { margin-top:60px!important; }

/* MARGIN-RIGHT */
.mr5  { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr20 { margin-right:20px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.mr50 { margin-right:50px!important; }
.mr60 { margin-right:60px!important; }
.mr90 { margin-right:90px!important; }

/* MARGIN-BOTTOM */
.mb-10 { margin-bottom:-10px!important; }
.mb0  { margin-bottom:0px!important; }
.mb5  { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.mb60 { margin-bottom:60px!important; }
.mb80 { margin-bottom:80px!important; }

/* MARGIN-LEFT */
.ml5 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml20 { margin-left:20px!important; }
.ml30 { margin-left:30px!important; }
.ml40 { margin-left:40px!important; }
.ml50 { margin-left:50px!important; }
.ml60 { margin-left:60px!important; }
.ml80 { margin-left:80px!important; }

.mlr0 { margin-left:0 !important; margin-right:0 !important; }

/*-----------------------------------------------------
PADDING
-------------------------------------------------------*/
/* PADDING-TOP */
.pt06 { padding-top:6px!important; }
.pt12 { padding-top:12px!important; }
.pt24 { padding-top:24px!important; }
.pt25 { padding-top:25px!important; }
.pt36 { padding-top:36px!important; }
.pt48 { padding-top:48px!important; }
.pt60 { padding-top:60px!important; }
.pt72 { padding-top:72px!important; }

/* PADDING-BOTTOM */
.pb0 { padding-bottom:0px!important; }
.pb06 { padding-bottom:6px!important; }
.pb12 { padding-bottom:12px!important; }
.pb24 { padding-bottom:24px!important; }
.pb36 { padding-bottom:36px!important; }
.pb48 { padding-bottom:48px!important; }
.pb60 { padding-bottom:60px!important; }
.pb72 { padding-bottom:72px!important; }

/* PADDING-LEFT */
.pl05 { padding-left:5px!important; }
.pl06 { padding-left:6px!important; }
.pl12 { padding-left:12px!important; }
.pl20 { padding-left:20px!important; }
.pl24 { padding-left:24px!important; }
.pl36 { padding-left:36px!important; }
.pl48 { padding-left:48px!important; }
.pl60 { padding-left:60px!important; }
.pl72 { padding-left:72px!important; }

/* PADDING-RIGHT */
.pr06 { padding-right:6px!important; }
.pr12 { padding-right:12px!important; }
.pr24 { padding-right:24px!important; }
.pr36 { padding-right:36px!important; }
.pr48 { padding-right:48px!important; }
.pr60 { padding-right:60px!important; }
.pr72 { padding-right:72px!important; }

/* PADDING-ALL */
.pa02 { padding:2px!important; }
.pa04 { padding:4px!important; }
.pa06 { padding:6px!important; }
.pa12 { padding:12px!important; }
.pa24 { padding:24px!important; }
.pa36 { padding:36px!important; }
.pa48 { padding:48px!important; }
.pa60 { padding:60px!important; }
.pa72 { padding:72px!important; }


/*-----------------------------------------------------
WIDTH
-------------------------------------------------------*/
.w0   { width:0px!important; }
.w15  { width:15px!important; }
.w20  { width:20px!important; }
.w30  { width:30px!important; }
.w50  { width:50px!important; }
.w70  { width:70px!important; }
.w80  { width:80px!important; }
.w90  { width:90px!important; }
.w100 { width:100px!important; }
.w120 { width:120px!important; }
.w125 { width:120px!important; }
.w130 { width:130px!important; }
.w150 { width:150px!important; }
.w160 { width:160px!important; }
.w200 { width:200px!important; }
.w230 { width:230px!important; }
.w250 { width:250px!important; }
.w270 { width:270px!important; }
.w300 { width:300px!important; }
.w325 { width:325px!important; }
.w350 { width:350px!important; }
.w400 { width:400px!important; }
.w405 { width:405px!important; }
.w420 { width:420px!important; }
.w450 { width:450px!important; }
.w480 { width:480px!important; }
.w500 { width:500px!important; }
.w550 { width:550px!important; }
.w600 { width:600px!important; }
.w650 { width:650px!important; }
.w700 { width:700px!important; }
.w720 { width:720px!important; }

.w10p { width:10%!important; }
.w15p { width:15%!important; }
.w25p { width:25%!important; }
.w33p { width:33%!important; }
.w40p { width:40%!important; }
.w50p { width:50%!important; }

/*-----------------------------------------------------
HEIGHT
-------------------------------------------------------*/
.h60 { height:60px !important; }
