@charset "UTF-8";

/* =======================================

	Structure CSS

========================================== */

html, body {
	height:100%;
}

body {
	
	
}

#container {
	width:100%;
	margin:0px auto 0px;
	padding:0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../../common/images/sub/body_bg.gif) repeat-x top;
	
	
}
#sub_container {
	width:100%;
	margin:0px auto 0px;
	padding:0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../../common/images/sub/body_bg.gif) repeat-x top;
}
body > #container {
    height: auto;
	
}
body > #sub_container {
    height: auto;
	
}
#wrapper {
	width:100%;
	margin:0px auto 0px;
	padding-bottom:20px;
}
#document {
	margin: 0px auto 0px;
	width: 904px;
	background: url(../../common/images/sub/contents_bg.gif) no-repeat top;

}
#sub_document {
	margin: 0px auto 0px;
	width: 904px;
	background: url(../../common/images/sub/contents_bg.gif) no-repeat top;

}

#sub_contents {
	float: left;
	margin: 0px 0px 0px 8px;
	_margin: 0px 0px 0px 4px;
	width: 644px;
}
#contents {
	float: left;
	margin: 30px 0px 0px 8px;
	_margin: 30px 0px 0px 4px;
	width: 644px;
}
#mainVisual {
	width:880px;
	margin:0px auto 0px;
	padding-top:20px;
}
#section {
	width:640px;
	margin:30px auto 0px;
}
#pg_top {
	clear: both;	/**/
	margin: 25px auto 0px;
	vertical-align:middle;
	text-align: right;
	padding-bottom:2px;
	width:950px;
/*		background:#feadee;	/**/
}
#footer_area {
	clear: both;
	height:210px;
	margin:0px auto 0;
	padding:0px 0 0 0;
	background:url(../../common/images/footer/bg.gif) repeat-x;
	
	
	
}

#footer {
	height:210px;
	width:900px;
	margin:0 auto;
	position:relative;
	background:url(../../common/images/footer/footer_img.gif) no-repeat top left;
	text-align:center;
}

strong {
	font-weight:bold;
}

.clear {
	clear: both;
	line-height:0.1em;
	height:1px;
}
.clearfix:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

/*	clearfix	*/
.clearfix:after {
	content: ".";	/* 新しい要素を作る */
	display: block;	/* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.t_right{
	text-align:right;
}
.center {
	text-align:center;
	margin:0 auto;
}
.f_right {
	text-align:right;
	float:right;
	padding:0 0px 10px 0px;
	margin-left:20px;
}
.f_left {
	text-align:left;
	float:left;
	padding:0px 0px 10px 0px;
	margin-right:20px;
}
.f_left10 {
	text-align:left;
	float:left;
	padding:0px 0px 10px 0px;
}
.f_right10 {
	text-align:left;
	float:right;
	padding:0px 0px 10px 0px;
}
.hissu {
	width:30px;
	margin:0 5px 0 0px;
	height:15px;
	text-indent:-9999px;
	padding:0 10px 0 0px;
	background:url(../../common/images/icon/mast.gif) no-repeat right;
	float:right;
	vertical-align:text-top;
}

sup {
	vertical-align:top;
	font-size:83%;
}
.padd3 {
	padding-top:3px;
}
.padd5 {
	padding-top:5px;
}
.margin5 {
	margin-top:5px !important;
}
.margin_r5 {
	margin-right:5px !important;
}
.margin135 {
	margin-top:-125px !important;
	position:relative;
	z-index:1;
}
.margin10 {
	margin-top:10px !important;
}
.margin15 {
	margin-top:15px !important;
}
.margin2 {
	margin-top:2px !important;
}
.margin20 {
	margin-top:20px !important;
}
.margin30 {
	margin-top:30px !important;
}
.margin40 {
	margin-top:40px !important;
}
.padd10 {
	padding-top:10px !important;
}
.padd_r5 {
	padding-right:5px !important;
}
.padd_r10 {
	padding-right:10px !important;
}
.padd_l5 {
	padding-left:5px !important;
}
.padd_l10 {
	padding-left:10px !important;
}
.padd_l20 {
	padding-left:20px !important;
}
.padd20 {
	padding-top:20px !important;
}
.padd30 {
	padding-top:30px !important;
}
.padd40 {
	padding-top:40px !important;
}
.padd_lr20 {
	padding-left:20px !important;
	padding-right:20px !important;
}
.padd_lr10 {
	padding-left:10px !important;
	padding-right:10px !important;
}
.padd_b5 {
	padding-bottom:5px !important;
}
.padd_b10 {
	padding-bottom:10px !important;
}
.padd_b20 {
	padding-bottom:20px !important;
}
.v_top{
	vertical-align:top;
}
.v_bottom{
	vertical-align:bottom;
}
/*リンク
------------------------------------------------------*/
a:link {
	color: #2888d9;
	text-decoration: none;
}
a:visited {
	color: #439ce8;
	text-decoration: none;
}
a:hover {
	color: #ce0000;
	text-decoration: none;
}

img {
	border: none;
}



/*ライン
------------------------------------------------------*/

.div_line {
	padding-bottom:10px;
	margin:5px 0px 5px;
	background:url(../../common/images/mark/dot.gif) repeat-x bottom ;
}
.div_line2 {
	padding-bottom:1px;
	margin:5px 0px 5px;
	background:url(../../common/images/mark/dot.gif) repeat-x bottom ;
}
.div_line3 {
	display:block;
	padding-bottom:5px;
	margin:5px 0px 5px;
	background:url(../../common/images/mark/dot.gif) repeat-x bottom ;
}

.cap_text {
	font-size:84%;
	line-height:1.5em;
}

/*テキスト
------------------------------------------------------*/
.t_larger {
	font-size:107.8%;
	line-height:1.167;
}
.t_large {
	font-size:123.1%;
	line-height:1.335;
}
.t_largest {
	font-size:150%;
	line-height:1.5;
	color:#ff4c01;
	font-weight:bold;
}
.small {
	font-size:85%;
	font-weight:normal;
	color:#666666;
}