@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2009-10-20
 * Editor:    yamamoto
 * Modified:  2009-10-20 by:contents
 *
 * ***********************************************************
 */
 
 /* =====================================================

  Top page

===================================================== */

/* -------- body ---------- */

body#top {
	background: #F3FBD4 url(../img/top_bg.jpg) no-repeat center top;
}


/* -------- header ---------- */

#top #header {
	height:187px;
	background: url(../img/header_bg.jpg) no-repeat 464px 5px;
}

#top #header #siteId{
	position: absolute;
	top: 60px;
	width: 478px;
	height: 102px;
	background:url(../img/top_rogo.jpg) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}

/* -------- contents ---------- */

#top #contents {
	padding: 20px 15px 35px;
}

/* -------- main ---------- */

#top #main {
	padding-top: 5px;
	background: url(none);
	margin-bottom: 0px;
}

#top #main .catch {
	margin-bottom:10px;
}

#top #main .text01 {
	margin-bottom:15px;
	font-size: 116.7%;
	padding-right: 5px;
	line-height: 170%;
}

#top #main .exBlock {
	background: url(../common/ttl_bg.jpg) repeat-x left top;
	padding-top: 15px;
}

#top #main .exBlock ul {
}

#top #main .exBlock ul li {
	float: left;
}

#top #main .exBlock ul li.ex01 {
	padding-right: 10px;
	background: url(../common/ten02.gif) repeat-y right top;
}

#top #main .exBlock ul li.ex02 {
	padding: 0px 10px;
	background: url(../common/ten02.gif) repeat-y right top;
}

#top #main .exBlock ul li.ex03 {
	padding-left: 8px;
}

#top #main ul.point {
	clear: both;
	background: #F3FBD6;
	padding: 10px 15px;
	margin: 10px 0px 25px;
}

#top #main ul.point li {
	padding: 3px 0px;
}

#top #main ul.point li img {
	vertical-align: middle;
	padding-right: 5px;
}

#top #main .tit {
	background: #88B500;
	padding: 3px;
	margin-bottom: 10px;
	line-height: 100%;
	clear: both;
}

#top #main ul.junbi {
	padding-bottom: 25px;
}

#top #main ul.junbi li {
	background: url(../common/s01.gif) no-repeat left center;
	padding: 3px 2px 3px 15px;
	line-height: 100%;
	font-size: 108.4%;
}

div.wcPbox{
	background: url(../img/webcam_point_bg.jpg) no-repeat 0 0;
	margin:0 5px;
	position:relative;
}
div.wcPbox dl dt{
	padding:18px 0 0 20px;
}
div.wcPbox dl dd{
	padding:15px 0 0 20px;
	font-size:108%;
}

div.wcPbox dl dd.attention{
	font-size:100%;
	padding:0 0 0 20px;
	margin:5px 0 40px 20px;
	background: url(../img/webcam_point_icon.gif) no-repeat 0 0;

}
div.wcPbox p a{
	background: url(../img/webcam_step_btn_off.jpg) no-repeat 0 0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:35px;
}
div.wcPbox p a:hover{
	background: url(../img/webcam_step_btn_on.jpg) no-repeat 0 0;
}
div.wcPbox dl dd a{
	color:#FF6600;
	font-weight:bold;
}

ul.wcjunbi{
	padding:0 0 6px 0;
}
ul.wcjunbi:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
ul.wcjunbi{
display:inline-block;
}
* html ul.wcjunbi{
height:1%;
}
ul.wcjunbi{
display:block;
}

ul.wcjunbi li{
	float:left;
	width:225px;
	position:relative;
}
ul.wcjunbi li p.tlink01,ul.wcjunbi li p.tlink02{
	text-align:right;
	position:absolute;
	right:0;
	top:120px;
}