/* CSS Document */
/* layout.css レイアウト用のスタイルシート
コンポーネントの配置設定をします。header,side,main,footerなどの配置
およびwidthの設定など   */

/*------------- メインレイアウト ------------------*/

* html div#screen{
    height:100%;
}

body > #screen {
	height: auto;
}



#screen {	/* 画面全体のコンテナ  */
	width: 800px;
	margin:0 auto;
/*	position: relative;
	min-height: 100%;*/
	text-align:left;
	background-color:#FFFFFF
}

#main {		/* ＴＯＰと内容のコンテナ  */
	background-color:#FFFFFF;
/*	height:auto; 
	overflow: auto;*/
	width: 800px;
	padding:0px 0px 30px 0px;
	margin: 0px;
	text-align:left;
}

#top {      /* ＴＯＰロゴとＴＯＰナビのコンテナ  */
	margin: 0px;
	padding:8px 5px 0px 5px;
	background-color:#003366;
	text-align : right;
	width: 790px;
	height: 50px;
}

#top_navi { /* ＴＯＰナビのコンテナ  */
/*	border-style: solid;
	border-width: 3px 0px 1px 0px;
	border-color:#C0C0C0;*/
	padding:0px 0px 0px 0px;
	width: 800px;
	height: 16px;
	background-color:#003366;
	clear: both;
	display:block;
	font-size:12px;
}

#honbun {   /* 各製品紹介ナビと本文のコンテナ  */
	padding: 0px;
	margin: 0px 0px 0px 5px;
	float: left;
	text-align: left;
	width: 680px;
	clear: none;
}

#navi_seihin { /* 各製品紹介ナビのコンテナ  */
/*	background-image:url('../image/NaviBack.gif');
	background-color: #003366;
	color:white;
	border-left:3px #C0C0C0 solid;*/
	float:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100px;
	height:450px;
	display: block;
	font-size:12px;
}

#footer {    /* フッターコンテナ  */
	clear:both;
/*	position: absolute;
	bottom: 0px;*/
	height: 30px;
	background-color:#003366;
	width:800px;
}

#copyright {
	margin:0px; padding:0px;
	width:695px;
	font-size:12px;
	text-align: center;
	color:#ffffff;
	float:left;
}

#privacylink {
	text-align:right;
	margin:0px;
	padding:0px;
	width:105px;
	font-size:10px;
	float:right;
}

/*------------- マージン調整 ------------------*/

#mag120 {
	margin-left:120px;
}

#mag50 {
	margin-left:50px;
}

#mag30 {
	margin-left:30px;
}

#mag20 {
	margin-left:20px;
}

#mag10 {
	margin-left:10px;
}

.margincenter {
	margin-left:auto;
	margin-right:auto;
}


/*------------- 位置調整 ------------------*/

.right {
	text-align: right;
}

.center {
	text-align:center;
}

.left {
	text-align:left;
}

p.right {
	text-align: right;
	margin-right:45px;
}

/*------------- floatクリア ------------------*/

.floatclear{
	clear:both;
}