@charset "UTF-8";
/* CSS Document */

/*デフォルトのリセット*/
*{
	margin:0;
	padding:0;
}

li{
	list-style:none;
}

h1,h2,h3,h4,h5,h6,p,input,textarea,select{
	font-size:1em;
	font-weight:normal;
}

img{
	border:0;
	vertical-align:bottom;
}

/*==========ページ全体の設定==========*/
body{
	width:800px;
	margin: 0 auto;
}
#wrapper{
	width:800px;
	margin:0 auto;
/*	background:url("../images/mist.jpg") repeat-y;*/
}

h2{
	color:#333399;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 10px;
}
/*===============================*/



/*ヘッダー部分のスタイル指定*/
#header{
	width:800px;
}

#header #navi ul li{
	display:inline;
}

#header #title{
	text-align:center;
}

#header #logo{
	padding:20px;
}

#header #main{
	padding:0;
}

/*本文page_body部分のスタイル指定*/
#page_body{
	width:800px;
	font-family:"ＤＦＰ教科書体W3";
	color:#333333;
}

#page_body #contents{
	width:800px;
	margin:20px 0;
}

#page_body #contents .hombun{
	width:760px;
	margin:20px;
}

#page_body #contents .hombun ul{
	width:640px;
	margin:0 40px;
}

#page_body #contents #left{
	width:550px;
	float:left;
	display:inline;
	position:relative;
}

#page_body #contents #left .article{
	width:550px;
	margin:0 0 40px 0;
}

#page_body #contents #left .article p.naiyou{
	width:510px;
	margin:20px;
}

#page_body #contents #left .article ul#riyou{
	width:470px;
	margin:0 40px;
}

#page_body #contents #left .article ul#riyou li{
	list-style:disc;
}

#page_body #contents #left .article #hidari,#migi{
	width:160px;
	float:left;
	display:inline;
	text-align:center;
}

#page_body #contents #left .article #migi{
}

#page_body #contents #left .article p.photo{
	width:160px;
}

#page_body #contents #left .article p.title{
	width:160px;
	font-size:0.8em;
	font-weight:bold;
}
#page_body #contents #left .article p.caption{
	width:160px;
	font-size:0.7em;
}	
#page_body #contents #left .article #chuo{
	width:200px;
	float:left;
	display:inline;
}

#page_body #contents #left .article #chuo p#button{
	padding:30px 0;
}

#page_body #contents #right{
	width:200px;
	float:left;
	display:inline;
}

#page_body #contents #right ul{
	width:160px;
	margin:0 0 0 40px;
	text-align:center;
}

#page_body #contents #right ul li.title{
	font-size:0.8em;
	font-weight:bold;
	padding:5px 0 0 0;
}

#page_body #contents #right ul li.caption{
	font-size:0.7em;
	padding:0 0 20px 0;
}


/*下ナビゲーション部分のスタイル指定*/
#bottom_nav{
	width:800px;
	clear:both;
	border-top:#666666 solid 1px;
	font-size:0.9em;
}

#bottom_nav #upper{
	padding:5px 20px 5px 550px;
}

#bottom_nav #upper p{
	background:url(../hyohon_tosho/toshoDB/images/arrow_up.jpg) no-repeat left center;
	padding-left:1em;
}

#bottom_nav #middle{
	width:800px;
	padding:5px 0;
	text-align:center;
	border-top:#666666 dotted 1px;
}

#bottom_nav #bottom{
	width:500px;
	margin:0 150px;
	padding:5px 0;
	text-align:center;
	border-top:#666666 dotted 1px;
}

/*フッター部分のスタイル設定*/
#footer{
	width:800px;
	height:150px;
	font-size:0.75em;
	text-align:center;
	border-top:#666666 solid 2px;
	position:relative;
}

#footer p#logo{
	position:absolute;
	top:20px;
	left:20px;
}

#footer p#copyright{
	margin:70px 0 0 0;
}
#footer address{
	font-style:normal;
}