@charset "utf-8";

/*=========================================================================*/
/* Object Oriented CSS [object.css] */
/*=========================================================================*/

/****************************************
@Font Color
*****************************************/
.color_red {
color:#ec4545;
}
.color_gray {
color:#7c7c7c;
}
.color_pink {
color:#de75a1;
}

.color_gray {
color:#999999;
}
/****************************************
@Border
*****************************************/
.border_blue {
border:solid 1px #a8b3c5;
}
.border_gray {
border:solid 1px #989898;
}
.border_black {
border:solid 1px #6c6c6c;
}
.border_green {
border:solid 1px #6db065;
}
.bt_none {
border-top:none;
}
.br_none {
border-right:none;
}
.bb_none {
border-bottom:none;
}
.bl_none {
border-left:none;
}
/****************************************
@Background
*****************************************/
.bg_white {
background:#FFFFFF;
}
.bg_blue {
background:#eff4f9;
}
.bg_orange {
background:#f8ffe8;
}
.bg_gray {
background:#fbfbfb;
}
.bg_beige {
background:#f6f5f1;
}

/*=======================================
@Line Height
=========================================*/
.lh0 {
line-height:0;
}
.lh100 {
line-height:100%;
}
.lh110 {
line-height:110%;
}
.lh120 {
line-height:120%;
}
.lh130 {
line-height:130%;
}
.lh140 {
line-height:140%;
}
.lh150 {
line-height:150%;
}
.lh160 {
line-height:160%;
}
.lh170 {
line-height:170%;
}
.lh180 {
line-height:180%;
}
.lh190 {
line-height:190%;
}
.lh200 {
line-height:200%;
}
.lh210 {
line-height:210%;
}
.lh220 {
line-height:220%;
}
.lh230 {
line-height:230%;
}
.lh240 {
line-height:240%;
}
.lh250 {
line-height:250%;
}
.lh260 {
line-height:260%;
}
.lh270 {
line-height:270%;
}
.lh280 {
line-height:280%;
}
.lh290 {
line-height:290%;
}
.lh300 {
line-height:300%;
}
/*=======================================
@Margin
=========================================*/
.m0 {
margin:0;
}
.mt5 {
margin-top:5px;
}
.mt10 {
margin-top:10px;
}
.mt15 {
margin-top:15px;
}
.mt18 {
margin-top:18px;
}
.mt20 {
margin-top:20px;
}
.mt25 {
margin-top:25px;
}
.mt30 {
margin-top:30px;
}
.mt35 {
margin-top:35px;
}
.mt40 {
margin-top:40px;
}
.mt45 {
margin-top:45px;
}
.mt50 {
margin-top:50px;
}
.mr5 {
margin-right:5px;
}
.mr10 {
margin-right:10px;
}
.mr15 {
margin-right:15px;
}
.mr20 {
margin-right:20px;
}
.mr25 {
margin-right:25px;
}
.mr30 {
margin-right:30px;
}
.mr35 {
margin-right:35px;
}
.mr40 {
margin-right:40px;
}
.mr45 {
margin-right:45px;
}
.mr50 {
margin-right:50px;
}
.mb5 {
margin-bottom:5px;
}
.mb10 {
margin-bottom:10px;
}
.mb15 {
margin-bottom:15px;
}
.mb20 {
margin-bottom:20px;
}
.mb25 {
margin-bottom:25px;
}
.mb30 {
margin-bottom:30px;
}
.mb35 {
margin-bottom:35px;
}
.mb40 {
margin-bottom:40px;
}
.mb45 {
margin-bottom:45px;
}
.mb50 {
margin-bottom:50px;
}
.mb60 {
margin-bottom: 60px;
}
.mb1em {
margin-bottom:1em;
}
.ml5 {
margin-left:5px;
}
.ml10 {
margin-left:10px;
}
.ml15 {
margin-left:15px;
}
.ml20 {
margin-left:20px;
}
.ml25 {
margin-left:25px;
}
.ml30 {
margin-left:30px;
}
.ml35 {
margin-left:35px;
}
.ml40 {
margin-left:40px;
}
.ml45 {
margin-left:45px;
}
.ml50 {
margin-left:50px;
}
.ma5 {
margin:5px
}
.ma10 {
margin:10px;
}
.ma15 {
margin:15px;
}
.ma20 {
margin:20px;
}
.ma25 {
margin:25px;
}
.ma30 {
margin:30px;
}
.ma35 {
margin:35px;
}
.ma40 {
margin:40px;
}
.ma45 {
margin:45px;
}
.ma50 {
margin:50px;
}

.mw1em {
margin:0 1em;
}
.mw5 {
margin:0 5px;
}
.mw10 {
margin:0 10px;
}
.mw15 {
margin:0 15px;
}
.mw20 {
margin:0 20px;
}
.mw25 {
margin:0 25px;
}
.mw30 {
margin:0 30px;
}
.mw35 {
margin:0 35px;
}
.mw40 {
margin:0 40px;
}
.mw45 {
margin:0 45px;
}
.mw50 {
margin:0 50px;
}
.mv5 {
margin:5px 0;
}
.mv10 {
margin:10px 0;
}
.mv15 {
margin:15px 0;
}
.mv20 {
margin:20px 0;
}
.mv25 {
margin:25px 0;
}
.mv30 {
margin:30px 0;
}
.mv35 {
margin:35px 0;
}
.mv40 {
margin:40px 0;
}
.mv45 {
margin:45px 0;
}
.mv50 {
margin:50px 0;
}


/*=======================================
@Padding
=========================================*/
.pt5 {
padding-top:5px;
}
.pt10 {
padding-top:10px;
}
.pt15 {
padding-top:15px;
}
.pt20 {
padding-top:20px;
}
.pt25 {
padding-top:25px;
}
.pt30 {
padding-top:30px;
}
.pt35 {
padding-top:35px;
}
.pt40 {
padding-top:40px;
}
.pt45 {
padding-top:45px;
}
.pt50 {
padding-top:50px;
}
.pr5 {
padding-right:5px;
}
.pr10 {
padding-right:10px;
}
.pr15 {
padding-right:15px;
}
.pr20 {
padding-right:20px;
}
.pr25 {
padding-right:25px;
}
.pr30 {
padding-right:30px;
}
.pr35 {
padding-right:35px;
}
.pr40 {
padding-right:40px;
}
.pr45 {
padding-right:45px;
}
.pr50 {
padding-right:50px;
}
.pb5 {
padding-bottom:5px;
}
.pb10 {
padding-bottom:10px;
}
.pb15 {
padding-bottom:15px;
}
.pb20 {
padding-bottom:20px;
}
.pb25 {
padding-bottom:25px;
}
.pb30 {
padding-bottom:30px;
}
.pb35 {
padding-bottom:35px;
}
.pb40 {
padding-bottom:40px;
}
.pb45 {
padding-bottom:45px;
}
.pb50 {
padding-bottom:50px;
}
.pl5 {
padding-left:5px;
}
.pl10 {
padding-left:10px;
}
.pl15 {
padding-left:15px;
}
.pl20 {
padding-left:20px;
}
.pl25 {
padding-left:25px;
}
.pl30 {
padding-left:30px;
}
.pl35 {
padding-left:35px;
}
.pl40 {
padding-left:40px;
}
.pl45 {
padding-left:45px;
}
.pl50 {
padding-left:50px;
}
.pa5 {
padding:5px
}
.pa10 {
padding:10px;
}
.pa15 {
padding:15px;
}
.pa20 {
padding:20px;
}
.pa25 {
padding:25px;
}
.pa30 {
padding:30px;
}
.pa35 {
padding:35px;
}
.pa40 {
padding:40px;
}
.pa45 {
padding:45px;
}
.pa50 {
padding:50px;
}
/*=======================================
@Indent
=========================================*/
.indent {
text-indent:1em;
}
/*=======================================
@Alpha
=========================================*/
a:hover img.trans, a.trans:hover, input.trans:hover {
cursor: pointer;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}


/*=======================================
@Shadow
=========================================*/
.shadow{
behavior: url(/common/css/PIE.htc);
position:relative;
-moz-box-shadow: 3px 3px 8px #6c6c6c;
-webkit-box-shadow: 3px 3px 8px #6c6c6c;
box-shadow: 3px 3px 8px #6c6c6c;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 135, color = '#6c6c6c');
}
/*--------------------------------------
@Left Center Right
----------------------------------------*/
.left {
*display:inline;
float:left;
}
.right {
*display:inline;
float:right;
}
.center {
text-align:center;
position:relative;
}
.text_left {
text-align:left;
}
.text_right {
text-align:right;
}
.text_center {
text-align:center;
}

.floatl { float:left; }
.floatr { float:right; }
.txt{
	overflow:hidden;zoom:1;}

/*--------------------------------------
@Display
----------------------------------------*/
.db {
display:block;
}
.di {
display:inline;
}
.dib {
display:inline-block
}
.dn {
display:none;
}
/*--------------------------------------
@Clear Both
----------------------------------------*/
.cb {
clear:both;
}
/*--------------------------------------
@Position
----------------------------------------*/
.pos_a {
position:absolute;
}
.pos_r {
position:relative;
}
/* --------------------------------------
@Font Weight
-----------------------------------------*/
.nomal {
font-weight:normal;
}
.bold {
font-weight:bold;
}
.italic {
font-style:italic;
}
/* --------------------------------------
@Clear Fix
----------------------------------------- */
#header:before, #header:after, #keyimg:before, #keyimg:after, #contents:before, #contents:after, .column:before, .column:after, .inner:before, .inner:after, .media:before, .media:after, .cf:before, .cf:after {
content:"";
display:table;
}
#header:before, #header:after, #keyimg:before, #keyimg:after, #contents:before, #contents:after, .column:before, .column:after, .inner:before, .inner:after, .media:before, .media:after, .cf:before, .cf:after {
clear:both;
}
#header:before, #header:after, #keyimg, #contents, .column, .inner, .media, .cf {
zoom:1;
}

/* clear */
.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 */
.clearfix {overflow:hidden;} /* Dw表示用 */
.clear{
	clear:both;
	}