@charset "utf-8";

/******************************************************************************
 * LINK COLOR                                                                 
*******************************************************************************/

/* link */
a { outline:none;}

a:link    { color: #000; text-decoration: underline;}
a:visited { color: #000; text-decoration: underline; }
a:active  { color: #000; text-decoration: underline; }
a:hover   { color: #E69CA3; text-decoration: none; }

/* linkgray */

a.linkgray:link    { color: #333; text-decoration: none; }
a.linkgray:visited { color: #333; text-decoration: none; }
a.linkgray:active  { color: #333; text-decoration: none; }
a.linkgray:hover   { color: #333; text-decoration: none; }

/* linkpink */

a.linkpink:link    { color: #E69CA3; text-decoration: none; }
a.linkpink:visited { color: #E69CA3; text-decoration: none; }
a.linkpink:active  { color: #E69CA3; text-decoration: none; }
a.linkpink:hover   { color: #FFF; text-decoration: none; }

/* linkwhite */

a.linkwhite:link    { color: #fff; text-decoration: none; }
a.linkwhite:visited { color: #fff; text-decoration: none; }
a.linkwhite:active  { color: #fff; text-decoration: none; }
a.linkwhite:hover   { color: #E69CA3; text-decoration: none; }

/* linkgold */

a.linkgold:link    { color: #FFEAD2; text-decoration: none; }
a.linkgold:visited { color: #FFEAD2; text-decoration: none; }
a.linkgold:active  { color: #FFEAD2; text-decoration: none; }
a.linkgold:hover   { color: #ff9933; text-decoration: none; }

/* linkblue */

a.linkblue:link    { color: #0099ff; text-decoration: none; }
a.linkblue:visited { color: #0099ff; text-decoration: none; }
a.linkblue:active  { color: #0099ff; text-decoration: none; }
a.linkblue:hover   { color: #242424; text-decoration: none; }

/* linkyellow */

a.linkyellow:link    { color: #B06500; text-decoration: none; }
a.linkyellow:visited { color: #B06500; text-decoration: none; }
a.linkyellow:active  { color: #B06500; text-decoration: none; }
a.linkyellow:hover   { color: #ff0088; text-decoration: none; }



/******************************************************************************
 * CLEARFIX                                                                
*******************************************************************************/

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/******************************************************************************
 * TEXT                                                               
*******************************************************************************/

.left   { text-align:left;   }
.center { text-align:center; }
.right  { text-align:right;  }
.ls1    { letter-spacing:1px;}
.vtop 		{ vertical-align:top; }
.vmiddle 	{ vertical-align:middle; }


/******************************************************************************
 * FONT                                                               
*******************************************************************************/
.mincho { font-family:Georgia,"Times New Roman",Times,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}
.font10 { font-size:10px; }
.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font18 { font-size:18px; }
.font20 { font-size:20px; }
.font24 { font-size:24px; }
.font32 { font-size:32px; }
.bold   { font-weight:bold; }
.underline{ text-decoration: underline; }


/******************************************************************************
 * COLOR                                                               
*******************************************************************************/

.lightgray { color:#cccccc; }
.red       { color:#dd0000; }
.redpink   { color:#ff6699; }
.pink      { color:#ff3399; }
.blue      { color:#0099ff; }
.green     { color:#21889E; }
.white     { color:#ffffff; }
.orange    { color:#ff6633; }
.gold      { color:#D0A31A; }
.gray      { color:#CCCCCC; }

.bgEEEEEE  { background-color: #EEEEEE; }

/******************************************************************************
 * WORDBREAK                                                               
*******************************************************************************/

.breakword {
	word-wrap: break-word;
}


/******************************************************************************
 * padding                                                               
*******************************************************************************/

.p0   { padding:0px !important;  }
.p2   { padding:2px;  }
.p3   { padding:3px;  }
.p4   { padding:4px;  }
.p5   { padding:5px;  }
.p8   { padding:8px;  }
.p10  { padding:10px; }
.p15  { padding:15px; }
.p20  { padding:20px; }

.pt0  { padding-top:0px !important;  }
.pt2  { padding-top:2px;  }
.pt3  { padding-top:3px;  }
.pt4  { padding-top:4px;  }
.pt5  { padding-top:5px;  }
.pt6  { padding-top:6px;  }
.pt7  { padding-top:7px;  }
.pt8  { padding-top:8px;  }
.pt9  { padding-top:9px;  }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }

.pl0  { padding-left:0px !important;  }
.pl2  { padding-left:2px;  }
.pl3  { padding-left:3px;  }
.pl4  { padding-left:4px;  }
.pl5  { padding-left:5px;  }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl24 { padding-left:24px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl50 { padding-left:50px; }
.pl90 { padding-left:90px; }

.pr0  { padding-right:0px !important;  }
.pr2  { padding-right:2px;  }
.pr3  { padding-right:3px;  }
.pr4  { padding-right:4px;  }
.pr5  { padding-right:5px;  }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }

.pb0  { padding-bottom:0px !important;  }
.pb2  { padding-bottom:2px;  }
.pb3  { padding-bottom:3px;  }
.pb4  { padding-bottom:4px;  }
.pb5  { padding-bottom:5px;  }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }


/******************************************************************************
 * margin                                                               
*******************************************************************************/

.m0   { margin:0px !important;  }
.m2   { margin:2px;  }
.m3   { margin:3px;  }
.m4   { margin:4px;  }
.m5   { margin:5px;  }
.m10  { margin:10px; }
.m15  { margin:15px; }
.m20  { margin:20px; }

.mt0  { margin-top:0px !important;  }
.mt2  { margin-top:2px;  }
.mt3  { margin-top:3px;  }
.mt4  { margin-top:4px;  }
.mt5  { margin-top:5px;  }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }

.ml0  { margin-left:0px !important;  }
.ml2  { margin-left:2px;  }
.ml3  { margin-left:3px;  }
.ml4  { margin-left:4px;  }
.ml5  { margin-left:5px;  }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }

.mr0  { margin-right:0px !important;  }
.mr2  { margin-right:2px;  }
.mr3  { margin-right:3px;  }
.mr4  { margin-right:4px;  }
.mr5  { margin-right:5px;  }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }

.mb0  { margin-bottom:0px !important;  }
.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; }


/******************************************************************************
 * space                                                               
*******************************************************************************/

.space2   { height:2px; }
.space3   { height:3px; }
.space4   { height:4px; }
.space5   { height:5px; }
.space6   { height:6px; }
.space7   { height:7px; }
.space8   { height:8px; }
.space10  { height:10px; }
.space12  { height:12px; }
.space15  { height:15px; }
.space16  { height:16px; }
.space18  { height:18px; }
.space20  { height:20px; }
.space25  { height:25px; }
.space30  { height:30px; }
.space35  { height:35px; }
.space40  { height:40px; }
.space45  { height:45px; }
.space50  { height:50px; }
.space60  { height:60px; }
.space70  { height:70px; }
.space80  { height:80px; }
.space90  { height:90px; }

.space2 , 
.space3 , 
.space4 , 
.space5 , 
.space6 , 
.space7 , 
.space8 , 
.space10 , 
.space12 , 
.space15 , 
.space16 , 
.space18 , 
.space20 , 
.space25 , 
.space30 , 
.space35 , 
.space40 , 
.space45 , 
.space50 , 
.space60 , 
.space70 , 
.space80 , 
space90
{
	line-height:0;
	font-size:0;
	clear:both;
	display:block;
}


/******************************************************************************
 * display                                                               
*******************************************************************************/

.block  { display:block;  }
.inline { display:inline; }
.inlineblock { display:inline-block; }
.displaynone { display:none; }


/******************************************************************************
 * float                                                               
*******************************************************************************/

.floatl { float:left;  }
.floatr { float:right; }
.clear  { clear:both;  }


/******************************************************************************
 * alpha                                                               
*******************************************************************************/

.alpha25 { filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; }
.alpha50 { filter: alpha(opacity=50); -moz-opacity:0.5;  opacity:0.5;  }
.alpha60 { filter: alpha(opacity=60); -moz-opacity:0.6;  opacity:0.6;  }
.alpha80 { filter: alpha(opacity=80); -moz-opacity:0.8;  opacity:0.8;  }
.opRollover{}

/******************************************************************************
 * size                                                               
*******************************************************************************/

.w20  { width:20px;  }
.w30  { width:30px;  }
.w40  { width:40px;  }
.w50  { width:50px;  }
.w60  { width:60px;  }
.w80  { width:80px;  }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w220 { width:220px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w500 { width:500px; }
.w600 { width:600px; }

.w30p { width:30%;  }
.w90p { width:90%;  }

.h20  { height:20px; }
.h30  { height:30px; }
.h40  { height:40px; }
.h50  { height:50px; }
.h80  { height:80px; }
.h90  { height:90px; }
.h100 { height:100px; }
.h120 { height:120px; }
.h130 { height:130px; }
.h140 { height:140px; }
.h150 { height:150px; }
.h200 { height:200px; }
.h250 { height:250px; }
.h300 { height:300px; }
.h400 { height:400px; }
.h500 { height:500px; }
.h600 { height:600px; }

.h60p  { height:60%; }
.h100p { height:100%; }


/******************************************************************************
 * line-height                                                               
*******************************************************************************/

.lh1  { line-height:1;   }
.lh12 { line-height:1.2; }
.lh14 { line-height:1.4; }
.lh15 { line-height:1.5; }
.lh16 { line-height:1.6; }
.lh18 { line-height:1.8; }
.lh20 { line-height:2.0; }



/******************************************************************************
 * IME                                                               
*******************************************************************************/

.IMEactive     { ime-mode:active; }
.IMEinactive   { ime-mode:inactive; }
.IMEdisabled   { ime-mode:disabled ; }


/******************************************************************************
 * etc.                                                               
*******************************************************************************/

.error     {
	color:#ff0000;
	padding-top:3px;
}
.caution   {
	color:#CC0000;
	padding-top:10px;
	padding-left: 5px;
	font-size: 10px;
	line-height:1.5;
}
.help      {
	color:#552222;
	padding-top:10px;
	padding-left: 5px;
	font-size: 11px;
	line-height:1.5;
}

.pointer   { cursor:pointer     }
.overflowX { overflow-x:hidden; }
.overflowY { overflow-y:hidden; }
.overflow  { overflow:hidden;   }

.vhidden   { visibility:hidden; }

.border_black { border: 1px solid black; }
.border_gray  { border: 1px solid gray; }
.border_white { border: 1px solid white; }
.border_red   { border: 1px solid red; }
.border_blue  { border: 1px solid #0099FF; }

.no_border {
	border: none !important;
}

.ui-datepicker-trigger {
	cursor: pointer;
}

label {
	cursor: pointer;
}

/******************************************************************************
 * Pager                                                               
*******************************************************************************/

.pagerbox,
.prevpagerbox,
.nextpagerbox,
.firstpagerbox,
.lastpagerbox{
	padding:5px;
	border:solid 1px #cccccc;
	margin-left:5px;
	cursor: pointer;
}

a.pagerbox,
a.prevpagerbox,
a.nextpagerbox,
a.firstpagerbox,
a.lastpagerbox{
	color: #333333;
	text-decoration: underline;
}
a.pagerbox:hover,
a.prevpagerbox:hover,
a.nextpagerbox:hover,
a.firstpagerbox:hover,
a.lastpagerbox:hover {
  color: #333;
  text-decoration: none;
	background-color: #E9E4E0;
}

.curpagerbox{
	padding:5px;
	border:solid 1px #333;
	background-color: #333;
	color: #fff;
	margin-left:5px;
	font-weight:bold;
}
a.curpagerbox{
	color: #FFF;
}
a.curpagerbox:hover{
	
}



/******************************************************************************
 * upload image                                                               
*******************************************************************************/

.uploadImageBox100 input,
.uploadImageBox150 input,
.uploadImageBox200 input
{
	margin-bottom:5px;
	margin-left:10px;
	float:left;
}

.uploadImageBox100 td.image,
.uploadImageBox150 td.image,
.uploadImageBox200 td.image
{
	background-color: #E6E6E6;
	border: 1px solid #CCC;
	text-align:center;
	vertical-align:middle;
	padding: 0;
	line-height:0;
	margin:0;
	overflow:hidden;
}
.uploadImageBox100 td.input,
.uploadImageBox150 td.input,
.uploadImageBox200 td.input
{
	border:none;
	padding: 0;
}
.uploadImageBox100 td.image{
	width: 110px;
	height: 110px;
}
.uploadImageBox150 td.image{
	width: 160px;
	height: 160px;
}
.uploadImageBox200 td.image{
	width: 210px;
	height: 210px;
}

.uploadImageBox100 img,
.uploadImageBox150 img,
.uploadImageBox200 img{
	line-height:0;
	font-size:0;
}
.uploadImageBox100 img{
	max-width: 100px;
	max-height: 100px;
}
.uploadImageBox150 img{
	max-width: 150px;
	max-height: 150px;
}
.uploadImageBox200 img{
	max-width: 200px;
	max-height: 200px;
}

/******************************************************************************
 * upload file                                                               
*******************************************************************************/

.uploadFileBox input{
	/*margin-bottom:5px;*/
	/*margin-left:5px;*/
	/*float:left;*/
}

.uploadFileBox td.file{
	background-color: #E6E6E6;
	text-align:left;
	overflow:hidden;
}

.uploadFileBox td.input{
	vertical-align:middle;
	height: 30px;
}

/*
.uploadFileBox td.file{
	width: 110px;
	height: 110px;
}
*/
.uploadFileBox img{
	line-height:0;
	font-size:0;
}
.uploadFileBox img{
	max-width: 100px;
	max-height: 100px;
}

.uploadFileBox .label_disabled{
	color: #CCC;
}
.uploadFileBox .icon{
	float: left;
	margin-right: 5px;
	font-size: 0;
	line-height: 0;
}
.uploadFileBox .media{
	background-color: #202020;
	border: 1px solid #555555;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}