@charset "utf-8";

/******************   COMMON   ******************/
html {
	margin: 0px; padding: 0px;
}
body {
	font-size:13px;
	margin: 0; padding: 0;
	punctuation-trim: start end adjacent; text-autospace: ideograph-numeric ideograph-alpha;
}

	/* for WinIE6*/
	* html body { 
	font-size: 75%;
}
h1, h2, h3, h4, h5 {
	padding: 0px; margin:0px;
	font-size:100%;
	text-decoration: none;
	font-weight:normal;
}
ul,ol         { list-style-type:none; padding:0; margin:0; }
p,dl,dt,dd,li { margin:0; padding:0; }
img           { margin:0; padding:0; border:none; line-height:0; font-size:0; }


/******************   table   ******************/

table { border-collapse:collapse; }
th {
}
td {
}

.RowEven {
	background-color: #ffffff;
}
.RowOdd {
	background-color: #F1EEEB;
}
/******************   form   ******************/

form{ margin:0px; padding:0px; }
/*
input,textarea{
	color:#666666;
	border:solid 1px #CCC0B7;
	font-size:13px;
	background-color:#ffffff;
	margin:0;
	padding: 2px 3px;
}
*/
input,textarea{
	color:#333;
	font-size:12px;
	margin:0;
	padding: 2px 3px;
}
/*
input:focus {
	background-color: #ffd000;
	border:solid 1px #ffd000;
}
textarea:focus {
	background-color: #ffd000;
	border:solid 1px #ffd000;
}
*/
select {
	color:#666666;
}
.radio {
	vertical-align:middle;
	border:none;
	margin:0;
	height:13px;
}
.button {
	color:#fff;
	font-size:12px;
	background-color:#212121;
	border:1px solid #666;
	margin:0;
	padding: 1px 2px;
	width:100px;
}
.button2 {
  color:#f7f7f7;
	background-color:#ff6699;
	border:1px solid #ff66cc;
	margin:0; padding:0;
	height:24px;
	line-height:24px;
	width:100px;
}
/*
input[type="image"] {
   border: 0;
   padding:0;
   margin:0;
}
*/

/******************   link   ******************/

a { outline:none; }

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

/****************   linkHeader   ****************/

a.linkHeader:link    { color: #5576AC; text-decoration: underline; }
a.linkHeader:visited { color: #5576AC; text-decoration: none; }
a.linkHeader:active  { color: #5576AC; text-decoration: none; }
a.linkHeader:hover   { color: #5576AC; text-decoration: none; }
a.linkHeader:focus   { color: #5576AC; text-decoration: none; }

/****************   linkNaviFocus   ****************/

a.linkNaviFocus:link    { color: #808080; text-decoration: none; }
a.linkNaviFocus:visited { color: #808080; text-decoration: none; }
a.linkNaviFocus:active  { color: #808080; text-decoration: none; }
a.linkNaviFocus:hover   { color: #808080; text-decoration: none; }
a.linkNaviFocus:focus   { color: #808080; text-decoration: none; }

/****************   linkFacebook   ****************/

a.linkFacebook:link    { color: #75A5D5; text-decoration: none; }
a.linkFacebook:visited { color: #75A5D5; text-decoration: none; }
a.linkFacebook:active  { color: #75A5D5; text-decoration: none; }
a.linkFacebook:hover   { color: #75A5D5; text-decoration: underline; }
a.linkFacebook:focus   { color: #75A5D5; text-decoration: none; }

/****************   linkblack   ****************/

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

/****************   linkblack2   ****************/

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

/****************   linkred   ****************/

a.linkred:link    { color: #fff; text-decoration: underline; }
a.linkred:visited { color: #fff; text-decoration: underline; }
a.linkred:active  { color: #fff; text-decoration: underline; }
a.linkred:hover   { color: #333; text-decoration: none; background-color:#fff ; }

/****************   linkred2   ****************/

a.linkred2:link    { color: #cb1c00; text-decoration: underline; }
a.linkred2:visited { color: #cb1c00; text-decoration: underline; }
a.linkred2:active  { color: #cb1c00; text-decoration: underline; }
a.linkred2:hover   { color: #fff; text-decoration: none; background-color:#cb1c00; }

/****************   linkwhite   ****************/

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

/****************   linkwhite2   ****************/

a.linkwhite2:link    { color: #fff; text-decoration: none; }
a.linkwhite2:visited { color: #fff; text-decoration: none; }
a.linkwhite2:active  { color: #fff; text-decoration: none; }
a.linkwhite2:hover   { color: #999; text-decoration: none; }
a.linkwhite2:focus   { color: #fff; text-decoration: none; }

/****************   linkyellow   ****************/

a.linkyellow:link    { color: #333; text-decoration: underline; }
a.linkyellow:visited { color: #333; text-decoration: underline; }
a.linkyellow:active  { color: #333; text-decoration: underline; }
a.linkyellow:hover   { color: #333; text-decoration: none; background-color:#f7cb00; }

/****************   linkyellow2   ****************/

a.linkyellow2:link    { color: #333; background-color:#ffcb00; }
a.linkyellow2:visited { color: #333; text-decoration: underline; }
a.linkyellow2:active  { color: #333; text-decoration: underline; }
a.linkyellow2:hover   { color: #333; text-decoration: none; background-color:#87c81e; }

/****************   linkorange   ****************/

a.linkorange:link    { color: #fff; background-color:#ffa111; }
a.linkorange:visited { color: #fff; text-decoration: underline; }
a.linkorange:active  { color: #fff; text-decoration: underline; }
a.linkorange:hover   { color: #fff; text-decoration: none; background-color:#0072ba; }

/****************   linkorange2   ****************/

a.linkorange2:link    { color: #fff; background-color:#ffa111; }
a.linkorange2:visited { color: #fff; text-decoration: underline; }
a.linkorange2:active  { color: #fff; text-decoration: underline; }
a.linkorange2:hover   { color: #fff; text-decoration: none; background-color:#007B2A; }

/****************   linkorange3   ****************/

a.linkorange3:link    { color: #333; text-decoration: underline; }
a.linkorange3:visited { color: #333; text-decoration: underline; }
a.linkorange3:active  { color: #333; text-decoration: underline; }
a.linkorange3:hover   { color: #333; text-decoration: none; background-color:#FFA111; }

/****************   linklightblue   ****************/

a.linklightblue:link    { color: #333; text-decoration: underline; }
a.linklightblue:visited { color: #333; text-decoration: underline; }
a.linklightblue:active  { color: #333; text-decoration: underline; }
a.linklightblue:hover   { color: #333; text-decoration: none; background-color:#00a5ca; }

/****************   linkblue   ****************/

a.linkblue:link    { color: #fff; text-decoration: underline;}
a.linkblue:visited { color: #fff; text-decoration: underline; }
a.linkblue:active  { color: #fff; text-decoration: underline; }
a.linkblue:hover   { color: #fff; text-decoration: none; background-color:#720056; }

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

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }

/******************   text   ******************/

.left   { text-align:left;   }
.center { text-align:center; }
.right  { text-align:right;  }
.ls1    { letter-spacing:1px;}

/******************   font   ******************/

.font10 { font-size:10px; }
.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font13 { font-size:13px; }
.font14 { font-size:14px; }
.font15 { font-size:15px; }
.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; }

.ff1    { font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;}
.ff2    { font-family:Times New Roman, "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", sans-serif;}
.ff3    { font-family:Arial, sans-serif;}

/******************   color   ******************/

.lightgray { color:#cccccc; }
.red       { color:#c90000; }
.redpink   { color:#ff6699; }
.pink      { color:#ff3399; }
.green     { color:#21889E; }
.blue      { color:#003c7d; }
.white     { color:#ffffff; }
.orange    { color:#ff6600; }
.purple    { color:#C96FFF; }

/******************   background-color   ******************/

.bgpink    { background-color:#FFE8EF; }
.bgorange  { background-color:#FDEDE8; }
.bgpurple  { background-color:#F8E8FD; }
.bgblue    { background-color:#E4EDFC; }
.bggray    { background-color:#EFEFEF; }
.bglightgray    { background-color:#f3f3f3; }
.bgwhite   { background-color:#fff; }

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

.p2   { padding:2px;  }
.p3   { padding:3px;  }
.p4   { padding:4px;  }
.p5   { padding:5px;  }
.p10  { padding:10px; }
.p15  { padding:15px; }
.p20  { padding:20px; }

.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; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }

.pl2  { padding-left:2px;  }
.pl3  { padding-left:3px;  }
.pl4  { padding-left:4px;  }
.pl5  { padding-left:5px;  }
.pl9  { padding-left:9px; }
.pl10 { padding-left:10px; }
.pl11 { padding-left:11px; }
.pl12 { padding-left:12px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl70 { padding-left:70px; }

.pr2  { padding-right:2px;  }
.pr3  { padding-right:3px;  }
.pr4  { padding-right:4px;  }
.pr5  { padding-right:5px;  }
.pr8  { padding-right:8px;  }
.pr9  { padding-right:9px;  }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr20 { padding-right:30px; }

.pb2  { padding-bottom:2px;  }
.pb3  { padding-bottom:3px;  }
.pb4  { padding-bottom:4px;  }
.pb5  { padding-bottom:5px;  }
.pb8  { padding-bottom:8px;  }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb16 { padding-bottom:16px; }
.pb20 { padding-bottom:20px; }

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

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

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

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

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

.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; }
.space13  { height:13px; }
.space14  { height:14px; }
.space15  { height:15px; }
.space16  { height:16px; }
.space17  { height:17px; }
.space18  { height:18px; }
.space20  { height:20px; }
.space25  { height:25px; }
.space28  { height:28px; }
.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 , .space13 , .space14 , .space15 , 
.space16 , .space18 , .space20 , .space25 , .space28 , .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; }

/******************   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;  }

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

.w50  { width:50px;  }
.w80  { width:80px;  }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w280 { width:280px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w500 { width:500px; }

.h100 { height:100px; }
.h150 { height:150px; }
.h200 { height:200px; }
.h250 { height:250px; }
.h300 { height:300px; }
.wInput { width: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; }

/********************   iepngfix   ********************/

.pngfix { behavior: url(/common/js/iepngfix.htc); }

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

.IMEon  { ime-mode:active; }
.IMEoff { ime-mode:disabled ; }


/**********************   etc   **********************/

.pointer  { cursor:pointer }
.error  { color:#990000; }

.opRollover { background-color: #fff; }


/**********************   Pager   *********************/
.pagerbox{
	padding:5px;
	border:solid 1px #cccccc;
	margin-left:5px;
}

a.pagerbox:link {
	color: #333333;
	text-decoration: underline;
}
a.pagerbox:visited {
  color: #333333;
  text-decoration: underline;
}
a.pagerbox:active {
  color: #333333;
  text-decoration: underline;
}
a.pagerbox:hover {
  color: #EF0809;
  text-decoration: none;
}


.curpagebox{
	padding:5px;
	border:solid 1px #ffcccc;
	background-color: #ff6699;
	color: #fff;
	margin-left:5px;
	font-weight:bold;
}