/*　レイアウトスタイル定義　*/
body{
	background-image:  url(top_images/back_blue.jpg);
	font-family: verdana, sans-serif;
     font-size: 11px;
     margin: 3%;
	}
	
#headbox{
	width: 700px;
	background: #ffffff;
	color: #000000;
	}
	
#contentsbox{
	width: 700px;
	background: #ffffff;
	color: #000000;
	vertical-align: top;
	float: none;
	line-height: 1.5em;
	height: 1700px;
	}

#footbox{
	width: 700px;
	padding: 5px;
	background-image:  url(top_images/mid_back.jpg);
	color: #000000;
	line-height: 1.2em;
	text-align: center;
	}

.leftbox{
	width: 200px;
	height: 100%;
	color: #000000;
	float: left;
	height: 100%;
	vertical-align: top;
	}

.rightbox{
	width: 500px;
	color: #000000;
	float: right;
	height: 100%;
	}

.innerbox480{
	width: 480px;
	}

.innerbox480border{
	width: 480px;
	border: #CCCCFF 1px solid;
	text-align: left;
	padding: 5px;
	}

.midbox480border{
	width: 480px;
	border-top: #ccccFF 1px solid;
	border-left: #ccccFF 1px solid;
	border-right: #ccccFF 1px solid;
	background-image:  url(top_images/mid_back.jpg);
	text-align: center;
	padding: 5px;
	margin-top: 1.0em;
	}

.innerbox180{
	width: 180px;
	padding: 5px;
	text-align: left;
	}
	
.innerbox180border{
	width: 180px;
	border: #CCCCFF 1px solid;
	text-align: left;
	padding: 5px;
	}

.midbox180border{
	width: 180px;
	border-top: #ccccFF 1px solid;
	border-left: #ccccFF 1px solid;
	border-right: #ccccFF 1px solid;
	background-image:  url(top_images/mid_back.jpg);
	text-align: center;
	padding: 5px;
	margin-top: 1.0em;
	}

.layout_left{
	float: left;
	}
	
.layout_right{
	float: right;
	margin-left: 5px;
	}

/* タグスタイル定義 */
h1 {
	font-size: 100%;
	color: #000;
	margin: 0;
	}

img{
	border: none;
	}

/*コンテンツ装飾*/
/*箇条書きタグ（ulもしくはli）*/
.listing{
	margin: 0;
	padding: 0;
	display: inline;
	}