@charset "UTF-8";

/*--------------------------------------------------------------------
/- file   : default.css
/- update : 20111213
/--------------------------------------------------------------------*/


/*----------------------------------------------------
	フォントサイズ
----------------------------------------------------*/

/*----------------------------------------------------
基本フォントサイズは13px
個別にサイズを変えたい場合は下記を参考に%で指定する
10px →	77%
11px →	85%
12px →	93%
13px →	100%
14px →	108%
15px →	116%
16px →	124%
17px →	131%
18px →	139%
19px →	147%
20px →	154%
21px →	162%
22px →	169%
23px →	177%
24px →	185%
25px →	192%
26px →	200%
----------------------------------------------------*/

/*----------------------------------------------------
	フォントサイズ
----------------------------------------------------*/

body {
	color:#222;

	*font-size:small;
	*font:x-small;
	/*font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;*/
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 1.5;
	min-width:980px;
}

/*----------------------------------------------------
	common setting
----------------------------------------------------*/

html,body {
	height: 100%;
}

hr {
	display: none;
	clear: both;
}

/*----------------------------------------------------
	フロート解除
----------------------------------------------------*/
.clear{
	clear: both;
}
        
/* clear fix */

.clearfix:after {
	content:".";
	display:block; 
	height:0.1px; 
	clear:both; 
	visibility:hidden; 
	overflow:hidden; 
}

.clearfix { zoom:1; }

/* DW用 */
.clearfix {
	overflow:hidden;
}


/*----------------------------------------------------
	リンク設定
----------------------------------------------------*/
a {
	text-decoration: none;
	color: #0089b0;
}


/*----------------------------------------------------
	外枠の設定
----------------------------------------------------*/

#wrap {
	margin:0 auto;
	zoom: 1;
	background: url(../images/back_main.jpg) center top no-repeat;
}

.wrap_inner {
	width:980px;
	margin:0 auto;
}

#content_left {
	float:left;
	_margin-right:0px;
	width:650px;
	overflow:hidden;
	zoom: 1;
}

#content_left .contents {

}

#content_right .contents {
	text-align: left;
}


#content_right {
	float:right;
	width:300px;
	_margin-right: 0px;
	padding: 5px;
	margin-right: 10px;
}

#content_right #contents {

}

#common_header {
	background-color: #FFF;
	height: 158px;
}

#fotter {
	background: url(../images/back_footer02.png) left top repeat-x;
	color: #222;
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-top: 2em;
}



/***********************************************************************************
　01.共通指定
************************************************************************************/

/* margin padding --------------------------------------------------------------*/

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt203{margin-top:203px;}

.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;}
.mb50{margin-bottom:50px;}

.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;}
.pt50{padding-top: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;}
.pb50{padding-bottom:50px;}

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

.large {
	font-size: 116%;
	*font-size: 16px;
}

.small {
	font-size: 85%;
}

.x-small {
	font-size: 60%;


	*font-size: 10px;
	font-weight: normal;
}

.bold {
	font-weight:bold;
}

/***********************************************************************************
  position
************************************************************************************/

.p_relative{
	position:relative;
}
.right_text {
	text-align: right;
}
.center_text {
	text-align: center;
}