@charset "UTF-8";



/*書体*/

.mincho {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", "MS Mincho", serif ;
}
.gothic {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	/*'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
}
strong {
	font-weight: bold;
}
.boder {
	border: 1px solid #000000;
}



.align_right {text-align: right;}
.align_left {text-align: right;}
.align_center {text-align: center;}
.align_justify {text-align: justify;}



/*非表示*/
.non_disp {
	display: none;
}


/*角丸*/
.round_10 {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}



/*ドロップシャドー*/

.drip_shadow{
  -webkit-box-shadow: 1px 1px 3px 0 #ccc; /* Safari, Chrome用 */
  -moz-box-shadow: 1px 1px 3px 0 #ccc; /* Firefox用 */
  box-shadow: 1px 1px 3px 0 #ccc; /* CSS3 */

}


/* .cf clearfix フロート解除 */

.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
.cf {
    zoom:1;
}

/*リンクをクリックする際に表示される点線の輪郭を消す*/
a {outline: none;}

a {overflow: auto;}	/*ウインドウに広がるのを避ける*/


/*ラインなし*/

.no_border{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.border_1px{
	border: 1px solid #000000;
}

/******************   font size   ******************/

.font_size10 {font-size: 10px;}
.font_size11 {font-size: 11px;}
.font_size12 {font-size: 12px;}
.font_size13 {font-size: 13px;}
.font_size14 {font-size: 14px;}
.font_size15 {font-size: 15px;}
.font_size16 {font-size: 16px;}




/******************   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; }
.bgpurple  { background-color:#F8E8FD; }
.bgblue    { background-color:#E4EDFC; }
.bggray    { background-color:#EFEFEF; }
.bglightgray    { background-color:#f3f3f3; }
.bgwhite   { background-color:#fff; }
.bgorange  { background-color:#FDEDE8; }

/*****************   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; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.pt80 { padding-top:80px; }

.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; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pb80 { padding-bottom:80px; }

/*****************   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; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }

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

.mb0  { margin-bottom:0px;  }
.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; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb100 { margin-bottom:100px; }
.mb120 { margin-bottom:120px; }
.mb130 { margin-bottom:130px; }
.mb140 { margin-bottom:140px; }
.mb150 { margin-bottom:150px; }
.mb160 { margin-bottom:160px; }
.mb170 { margin-bottom:170px; }
.mb180 { margin-bottom:180px; }
.mb190 { margin-bottom:190px; }
.mb200 { margin-bottom:200px; }
.mb300 { margin-bottom:300px; }
.mb400 { margin-bottom:400px; }
.mb500 { margin-bottom:500px; }
.mb600 { margin-bottom:600px; }

/*****************   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; }
.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.2em;
}
.lh14 {
	line-height:1.4em;
}
.lh15 { line-height:1.5; }
.lh16 { line-height:1.6; }
.lh18 { line-height:1.8; }
.lh20 { line-height:2.0; }