@charset "utf-8";

/* -----更新 2009月11月16日------ */


/* 基本
-------------------------------*/
body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif; 
	color: #333;
	text-align: center;
	background-color: #EEF8FF;
	font-size: 14px;
	background-image:url(../common/back01.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

/*画像の位置関連
-------------------------------*/
img {vertical-align:middle;}


/*画像の位置関連
-------------------------------
img {vertical-align: bottom;}*/


/*段落
-------------------------------*/
#wrap p{
	line-height:1.4;
}

#wrap p.line_s{
	line-height:1.2;
}

#wrap p.line_l{
	line-height:2;
}


/* 個別の下マージン
-------------------------------*/
#wrap .mb_1 { margin-bottom:1px !important;}
#wrap .mb_xxxs { margin-bottom:2px !important;}
#wrap .mb_xxs { margin-bottom:5px !important;}
#wrap .mb_xs  { margin-bottom:10px !important;}
#wrap .mb_s   { margin-bottom:15px !important;}
#wrap .mb_m   { margin-bottom:20px !important;}
#wrap .mb_l   { margin-bottom:25px !important;}
#wrap .mb_xl  { margin-bottom:30px !important;}
#wrap .mb_xxl { margin-bottom:35px !important;}
#wrap .mb_50  { margin-bottom:50px !important;}
#wrap .mb_none { margin-bottom:0px !important;}


/* 個別の上マージン
-------------------------------*/
#wrap .mt_xxxs { margin-top:3px !important;}
#wrap .mt_xxs { margin-top:5px !important;}
#wrap .mt_xs  { margin-top:10px !important;}
#wrap .mt_s   { margin-top:15px !important;}
#wrap .mt_m   { margin-top:20px !important;}
#wrap .mt_l   { margin-top:25px !important;}
#wrap .mt_xl  { margin-top:30px !important;}
#wrap .mt_xxl { margin-top:35px !important;}
#wrap .mt_none { margin-top:0px !important;}


/* 個別の左マージン
-------------------------------*/
#wrap .ml_xxs { margin-left:5px !important;}
#wrap .ml_xs  { margin-left:10px !important;}
#wrap .ml_s   { margin-left:15px !important;}
#wrap .ml_m   { margin-left:20px !important;}
#wrap .ml_l   { margin-left:25px !important;}
#wrap .ml_xl  { margin-left:30px !important;}
#wrap .ml_xxl { margin-left:35px !important;}
#wrap .ml_none { margin-left:0px !important;}


/* 個別の右マージン
-------------------------------*/
#wrap .mr_xxs { margin-right:5px !important;}
#wrap .mr_xs  { margin-right:10px !important;}
#wrap .mr_s   { margin-right:15px !important;}
#wrap .mr_m   { margin-right:20px !important;}
#wrap .mr_l   { margin-right:25px !important;}
#wrap .mr_xl  { margin-right:30px !important;}
#wrap .mr_xxl { margin-right:35px !important;}
#wrap .mr_none { margin-right:0px !important;}


/*行寄せ
-------------------------------*/
#wrap .align_l { text-align:left;}
#wrap .align_r { text-align:right;}
#wrap .align_c { text-align:center;}


/*floatなどで並べた時の一番端でマージンを0にしたい時
-------------------------------*/
#wrap .start { margin-left:0 !important;}
#wrap .last  { margin-right:0 !important;}


/*フロート関連
-------------------------------*/
#wrap .float_l {float:left;}
#wrap .float_r {float:right;}


#wrap .clear_both{
	clear:both;
	height: 1px;
	font-size: 1px;
	text-align: center;
	line-height:0;
}



.clfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

*:first-child+html .clfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE6/IE Mac \*/
* html .clfix {
	height: 1%;
}

.clfix {
	display: block;
}
/* End hide from IE6/IE Mac */

html {
	overflow-y: scroll; /* CSS3 */
}