/*
Theme Name: fairycake-tokyo
Description: リセット・共通部分のCSS
*/

@charset "utf-8";

/******************   RESET   ******************/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body{
	line-height:1
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block
}
ul{
	list-style:none
}
blockquote,q{
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
	content:none
}
a{
	margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;reset:none;
}
ins{
	background-color:#ff9;color:#000;text-decoration:none
}
mark{
	background-color:#ff9;color:#000;font-style:italic;font-weight:bold
}
del{
	text-decoration:line-through
}
abbr[title],dfn[title]{
	border-bottom:1px dotted;cursor:help
}
table{
	border-collapse:collapse;border-spacing:0
}
hr{
	display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0
}
input,select{
	vertical-align:middle
}

/******************   COMMON   ******************/

html {
	margin: 0px; padding: 0px;
}
body {
	
}

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; }
.radio {
	vertical-align:middle;
	border:none;
	margin:0;
	height:13px;
}

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

a { outline:none; }

a:link    { color: #333; text-decoration: underline; }
a:visited { color: #333; text-decoration: underline; }
a:active  { color: #CCC; text-decoration: none; }
a:hover   { color: #ff66cc; text-decoration: none; }
a:focus   { color: #333; 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; }

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

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

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

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

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

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

.blk { color:#000; }
.lightgray { color:#cccccc; }
.red       { color:#c90000 !important; }
.redpink   { color:#ff6699; }
.pink      { color:#ff3399; }
.green     { color:#21889E; }
.blue      { color:#003c7d; }
.white     { color:#ffffff !important; }
.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; }

.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 !important; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }


.pl2  { padding-left:2px;  }
.pl3  { padding-left:3px;  }
.pl4  { padding-left:4px;  }
.pl5  { padding-left:5px;  }
.pl6  { padding-left:6px;  }
.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;  }
.pr7  { padding-right:7px;  }
.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; }
.pb13 { padding-bottom:13px; }
.pb15 { padding-bottom:15px; }
.pb16 { padding-bottom:16px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }

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

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

.mt0  { margin-top:0 !important;  }
.mt2  { margin-top:2px;  }
.mt3  { margin-top:3px;  }
.mt4  { margin-top:4px;  }
.mt5  { margin-top:5px !important;  }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt20 { margin-top:30px !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; }

.mr2  { margin-right:2px;  }
.mr3  { margin-right:3px;  }
.mr4  { margin-right:4px;  }
.mr5  { margin-right:5px;  }
.mr7  { margin-right:7px;  }
.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 !important;  }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb100 { margin-bottom:100px !important; }

/*****************   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; }
.space11  { height:11px; }
.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; }
.space55  { height:55px; }
.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 , 
.space55 , 
.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   ******************/

.alpha0 { filter: alpha(opacity=0); -moz-opacity:0; opacity:0; }
.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;  }
.alpha100 { filter: alpha(opacity=1); -moz-opacity:1; opacity:1; }

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

.w50  { width:50px;  }
.w80  { width:80px;  }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.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; }

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

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


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

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

.rollover{  }
.opRollover {  }
.bgRollover {
	filter: alpha(opacity=0); 
	-moz-opacity:0; 
	opacity:0;
}
.relative {
	position:relative;
}

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