@import url(reset.css);

/* ---------------------------------------------------------------- 
	1.main
	Privacy

 ---------------------------------------------------------------- */

/* 1.main 
---------------------------------------------------------------- */

/* Global */

body {
    font: normal 13px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}

body#bg {
    background: #fff url(images/bg.gif);
}

#container{
	width:900px;
	margin:12px auto 0 auto;
}

#header {
	position:relative;
	background: #fff url(images/header.gif);
	height:105px;
}

#main{
    background: #fff url(images/content-bg.gif);
}

.baseBox{
	float:right;
	width:260px;
	margin-right: 30px;
}

#footer{
	clear:both;
	position:relative;
	background: #fff url(images/footer.gif);
	height:44px;
}

#copy{
	position:absolute;
	top:20px;
	right:10px;
	font-weight:bold;
	color:#fff;
}

.clr{clear:both;}

/* Layout ----------------------------------------------------------------- */

#header h1{
	text-indent: -9999px;
}

#header .btnbox{
	position:absolute;
	top:40px;
	right:10px;
}

#news{
	margin-left:30px;
	margin-bottom:10px;
}

#lead{
	width:840px;
	background-color:#ffd67f;
	text-align:center;
	padding:2px 0;
	color:#666;
}

#news #flashBox{
	float:left;
	width:548px;
	height:268px;
	margin-top:10px;
	border:1px #ff6633 solid;
}

#news .topics{
	height:270px;
	margin-top:10px;
	background-color:#fff;
}

.what_new{
	width:260px;
	height:230px;
	background-color:#fff;
}

#newslist{
	background: #fff;
	height:230px;
	overflow:auto;
}

#newslist dt{
	font-size:10px;
	background: #fff;
}

#newslist dd{
	border-bottom:1px #da7d76 dashed;
	margin:3px 0;
	font-size:10px;
	background: #fff;
}

#contents{
	clear:both;
	margin-top:10px;
}

#daily,
#daily_photo,
#typoart{
	position:relative;
	padding-bottom:30px;
}

#contents #daily{
	height:340px;
	background: #fff url(images/daily_bg.gif) bottom;
}

#contents #daily h2{
	background: #fff url(images/daily_head.gif);
	height:60px;
	text-indent:-9999px;
}

#contents #daily p{
	margin:10px;
	color:#666;
	font-size:12px;
}

#contents #daily_photo{
	height:340px;
	background: #fff url(images/photo_bg.gif) bottom;
}

#contents #daily_photo h2{
	background: #fff url(images/photo_head.gif);
	height:70px;
	text-indent:-9999px;
}

#contents #daily_photo img.photo{
	margin-left:15px;
}

#contents #daily_photo p{
	margin:10px;
	font-size:12px;
}

#contents #typoart{
	height:250px;
	background: #fff url(images/typoart_bg.gif) bottom;
}

#contents #typoart h2{
	background: #fff url(images/typoart_head.gif);
	height:80px;
	text-indent:-9999px;
}

#contents #typoart img.typoart_img{
	margin:0 auto;
}

#contents #typoart p{
	margin:10px;
	font-size:12px;
}

#examination .btn,
#daily .btn,
#daily_photo .btn,
#typoart .btn{
	position:absolute;
	right:13px;
	bottom:5px;
}

/* ----------------------------------------------------------------- */

#contents #bannerarea1{
	float:right;
	display: inline;
	width:260px;
	margin-right: 30px;
}

#contents #bannerarea1 img{
	margin-bottom:10px;
}

#contents #bannerarea2{
	clear:both;
	float:left;
	display: inline;
	width:580px;
	margin-left: 30px;
}

#contents #bannerarea2 img{
	margin-right:25px;
	margin-bottom:10px;
}

/* ----------------------------------------------------------------- */

#examination{
	width:840px;
	background: #fff url(images/examination_bg.gif) no-repeat bottom;
}

#examination h2{
	background: #fff url(images/examination_head.gif) no-repeat;
	height:30px;
	text-indent:-9999px;
}

#examination dl.booklist {
	width:840px;
	margin-top:5px;
	margin-left:10px;
}

#examination dl.booklist dt{
	float:left;
	width:50px;
	height:74px;
	margin:5px 0;
}

#examination dl.booklist dd{
	float:left;
	width:200px;
	height:74px;
	margin:5px 30px 5px 0;
	font-size:10px;
}

#examination dl.booklist dd strong{
	display:block;
	font-size:11px;
	color:#ff6633;
}

/* ----------------------------------------------------------------- */

#linkarea{
	clear:both;
	width:840px;
	height:30px;
	margin-top:10px;
	margin-left:30px;
	padding-top:10px;
	text-align:center;
	border-top:2px #f8ad92 solid;
}

#linkarea ul{
	margin-left:290px;
}

#linkarea ul li{
	float:left;
	margin-left:10px;
}

/* Privacy
----------------------------------------------------------------- */
.privacyList dl{
	width:700px;
}

.privacyList dt{
	width:700px;
	font-size:16px;
	font-weight:bold;
	margin:10px 0 0 100px;
}

.privacyList dt span{
	color:#ef8200;
}

.privacyList dd{
	width:700px;
	font-size:12px;
	color:#666;
	margin-left:100px;
	line-height:1.5;
}

ol{
	margin-left:2em;
}

.priTitle{
	position:relative;
	width:700px;
	height:30px;
	background: #fff url(images/privacy_h.gif) no-repeat;
	margin-left:100px;
}

.priTitle span.date{
	position:absolute;
	right:2px;
	bottom:4px;
}

.gototop{
	margin-left:750px;
	right:10px;
}

/* Contact
----------------------------------------------------------------- */
#contact{
	text-align:center;
}

#contact h1{
	margin-top:70px;
	color:#ef8200;
	font-size:16px;
	font-weight:bold;
}

#contact .address{
	margin-top:40px;
}

#contact .btn_close{
	margin-top:60px;
}