body {
	text-align: center;
}
h1 {
	font-size: 24px;
	font-style: normal;
	color: #FFFFFF;
	padding: 1px 0px 1px 5px;
	background-color: #FBB200;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
h2 {
	font-size: 18px;
	font-style: normal;
	padding-left: 5px;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color: #666666;
	margin-left: 5px;
	line-height: inherit;
	text-align: left;
}
h3 {
	font-size: 20px;
	font-style: normal;
	border-bottom: thick dotted #FBB200;
	color: #946223;
	margin: 20px 20px 20px;
}
h4 {
	font-size: 20px;
	font-style: normal;
	padding-left: 0px;
	border-bottom: thick dotted #FBB200;
	color: #946223;
	margin-left: 5px;
	font-weight: bold;
	text-align: left;
}
h5 {
	font-size: 20px;
	font-style: normal;
	padding-left: 0px;
	padding-top: 0px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	text-decoration: none;
	background-color: #FBB200;
	border-collapse: separate;
}
.navititlle {
	font-family: Arial, Helvetica, sans-serif;
	/* [disabled]font-size: 18px; */
	font-weight: bold;
	text-align: center;
	position: static;
	color: #FFFFFF;
	font-variant: normal;
	background-color: #FBB200;
}
 #navi {
	float: left;
	width: 150px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.8;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 0;
	margin-bottom: 0;
}

a:link {
	text-decoration: none;
	color: #F8A23B;
	margin-left: 10px;
}
.comment {
	background-color: #FFFFFF;
	margin: 5px;
	padding: 5px;
	border: 1px solid #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 16px;
}
a:visited {
	text-decoration: none;
	color: #B29E93;
	margin-left: 10px;
}
a:hover {
	color: #67C6DD;
	text-decoration: none;
	margin-left: 10px;
}
#recent{
	border: 2px double #cccccc;
	height: 50px;
	padding-left: 10px;
	line-height: 180%;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 32px;
	overflow: auto;
	scrollbar-face-color: #eae7ef;
	scrollbar-highlight-color: #eae7ef;
	scrollbar-shadow-color: #eae7ef;
	scrollbar-3dlight-color: #bdb1d6;
	scrollbar-arrow-color: #bdb1d6;
	scrollbar-track-color: #fdfdff;
	scrollbar-darkshadow-color: #bdb1d6;
}
#recent li{
	list-style-type: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #666666;
}
#main {
	background-color: #FFFFFF;
	float: left;
	padding-left: 0px;
}
 .header {
	position: relative;
	height: 200px;
	padding-bottom: 5px;
	width: 900px;
}
 #honbun {
	color: #000000;
	margin-left: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	float: left;
	width: 730px;
}
 #honbun p {
	font-size: 16px;
	line-height: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
#main #copyright {
	text-align: center;
	clear: both;
	height: 100%;
	color: #936123;
	font-style: normal;
	text-transform: capitalize;
	font-size: medium;
	border-top: thick dotted #FBB200;
}
ul.sample{
	width:650px;
	margin-top:10px 0 0 10px;
}

ul.sample li{
	list-style:none;
	float:left;
	border-width:5px;
	margin:10px;
	text-align:center;
	_line-height:1%;
}
ul.type{
	font-size: 18px;
	color: #666666;
}
<style type="text/css">
body	{
	text-align: center;
}
#gallery {
	background: #fff;
	width: 600px;
	margin: auto;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #fff;
	border-width: 5px 5px 5px;
}
#gallery ul a:hover { color: #323; }

.bnrbox{
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 0;
	text-align: left;
}
.cl {
	clear: both;
	text-align: right;
}
.area_1 {margin:0; padding:0;}

#container {text-align:left; }

.w600 {width:600px;}
.w580 {width:580px;}
.w550 {width:550px;}
.w490 {width:490px;}
.w435 {width:435px;}
.w420 {width:420px;}
.w405 {width:405px;}
.w400 {width:400px;}
.w380 {width:380px;}
.w370 {width:370px;}
.w350 {width:350px;}
.w360 {width:360px;}
.w340 {width:340px;}
.w320 {width:320px;}
.w305 {width:305px;}
.w300 {width:300px;}
.w290 {width:290px;}
.w260 {width:260px;}
.w250 {width:250px;}
.w240 {width:240px;}
.w220 {width:220px;}
.w200 {width:200px;}
.w180 {width:180px;}

.h180 {height:180px;}
.h200 {height:200px;}
.h240 {height:240px;}
.h250 {height:250px;}
.h280 {height:280px;}
.h300 {height:300px;}
.h350 {height:350px;}

/* -- margin -- */
.mt_05{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:25px;}
.mt_30{margin-top:30px;}
.mt_35{margin-top:35px;}
.mt_40{margin-top:40px;}
.mt_45{margin-top:45px;}
.mt_50{margin-top:50px;}
.mt_70{margin-top:70px;}
.mt_120{margin-top:120px;}

.mr_02{margin-right:2px;}
.mr_03{margin-right:3px;}
.mr_04{margin-right:4px;}
.mr_05{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_15{margin-right:15px;}
.mr_20{margin-right:20px;}
.mr_25{margin-right:25px;}
.mr_30{margin-right:30px;}
.mr_35{margin-right:35px;}
.mr_40{margin-right:40px;}
.mr_45{margin-right:45px;}
.mr_50{margin-right:50px;}

.mb_05{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.mb_25{margin-bottom:25px;}
.mb_30{margin-bottom:30px;}
.mb_35{margin-bottom:35px;}
.mb_40{margin-bottom:40px;}
.mb_45{margin-bottom:45px;}
.mb_50{margin-bottom:50px;}

.ml_02{margin-left:2px;}
.ml_03{margin-left:3px;}
.ml_04{margin-left:4px;}
.ml_05{margin-left:5px;}
.ml_10{margin-left:10px;}
.ml_15{margin-left:15px;}
.ml_20{margin-left:20px;}
.ml_25{margin-left:25px;}
.ml_30{margin-left:30px;}
.ml_35{margin-left:35px;}
.ml_40{margin-left:40px;}
.ml_45{margin-left:45px;}
.ml_50{margin-left:50px;}

/* -- float -- */
.float_right{float:right; margin-left:15px;}
.float_left{float:left; margin-right:15px;}
.float_right_0{float:right;}
.float_left_0{
	float: left;
	/* [disabled]opacity: 0.12; */
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
}

/* -- txt color -- */
.txt_ora {color:#f49701;}
.txt_gre {color:#3aad49;}
.txt_blue {color:#63adbe;}
.txt_red {color:#ff0000;}
.txt_pink {color:#FF6699;}
.txt_l_blue {color:#0080ff;}

.txt10 {font-size:10px;}
.txt12 {font-size:12px;}
.txt14 {font-size:14px;}
.txt16 {font-size:16px;}
.txt24 {font-size:24px;	margin:0;}
.bold {font-weight:bold;}
.b_ttl{font-weight:bold; font-size:14px; margin:0px;}


/*メインコンテンツ内box（白い土台ボックス）設定。
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
#main .box {
	background: #FFF;	/*背景色*/
	padding: 10px;		/*ボックス内の余白。これを変更する場合、下のwidthの値も変える。*/
	border: 1px solid #FBB200;	/*枠線の幅、線種、色。幅を変更する場合、下のwidthの値も変える。*/
	margin-bottom: 10px;	/*ボックス同士の隙間*/
	overflow: auto;	
	width: 700px;
	/* [disabled]margin-left: 18px; */
}
/*ボックス内のh2タグ設定*/
#main .box h2 {
	width: 666px;
}
/*ボックス内の段落タグ設定*/
#main .box p {
	color: #999;
}