@charset "shift_jis";

/*==================================================================================*/
/* 画面表示用ページレイアウト	Screen.css											*/
/*==================================================================================*/
/*-----------------------------------------------------------------------------------
	bodyタグ
-----------------------------------------------------------------------------------*/
body
{
	width: 802px;
	background-image: url("../top_images/bg_body_frame.jpg");
	background-repeat: repeat-y;
	background-position: center;
}

/*-----------------------------------------------------------------------------------
	ヘッダ
-----------------------------------------------------------------------------------*/
.sms div.header
{
	width: 800px;
	height:132px;
	text-align: left;
}
/*-----------------------------------------------------------------------------------
	フッタ
-----------------------------------------------------------------------------------*/
.sms div.footer
{
	width: 800px;
	position: relative;
	clear: both;
	
	border-top-style: solid;
	border-top-color: #00ABD6;
	text-align: center;
	margin-top: 20px;
	font-size:90%;
}
/*-----------------------------------------------------------------------------------
	コンテナ
-----------------------------------------------------------------------------------*/
.sms div.container
{
	width: 800px;
	margin: 5px 0 0 0;
	text-align : left;
	position: relative;
}
.container:after
{
	display:block;
	margin-top:-1px;
	height:1px;
	content:"";
	clear:both;
}


/*-----------------------------------------------------------------------------------
	３段組み（トップページ用）
-----------------------------------------------------------------------------------*/
.sms div.maincol
{
	width: 555px;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	left: 0;
	float: left;
	clear: right;
}

.sms div.subcol_left
{
	width: 200px;
	position: relative;
	left: 0px;
	float: left;
	clear: left;
}

.sms div.subcol_right
{
	width: 200px;
	position: relative;
	left: 0;
	float: left;
	clear: right;
}


/*-----------------------------------------------------------------------------------
	２段組み（インデックスページ用）
-----------------------------------------------------------------------------------*/
.sms div.maincol_idx
{
	width: 610px;
	margin-right: 10px;
	color: #000000;
	text-align:left;
	position: relative;
	left: 0%;
	float: left;
	clear: left;
}

.sms div.subcol_idx
{
	width: 180px;
	position: relative;
	left: 0px;
	float: left;
	clear: right;
}


/*-----------------------------------------------------------------------------------
	段組み無し（コンテンツページ用）
-----------------------------------------------------------------------------------*/
.sms div.maincol_con
{
	width: 800px;
	color: #000000;
	text-align:left;
	position: relative;
	left: 0%;
	clear: left;
}
.sms div.subcol_con
{
	width: 180px;
	position: relative;
	left: 0px;
	float: left;
	clear: right;
}