@charset "shift_jis";
/*/////////////////////////////////////////////////////////////////////////////
top
/////////////////////////////////////////////////////////////////////////////*/

/******************************************************************************
main
******************************************************************************/

#main{
	width:960px;
	height:390px;
	background: url(../images/main/main-bg.gif) 0 0 no-repeat;
	position: relative;
	zoom:1;
	margin:0 0 20px 0;
}

#main h2{
	text-indent:-9999em;
	font-size:0;
	line-height:0;
}

/* area-map
-----------------------------------------------------------------------------*/

#area-map{
	padding:5px 0 0 5px;
	position: relative;
}

#area-map .popup-list{
	display:none;
	position: absolute;
	left:20px;
	top:20px;
	background: url(../common/images/contents/bg-alpha.png) repeat;
	border-radius:26px;
	padding:10px;
}

.msie6 #area-map .popup-list{
	width:430px;
}

#area-map .popup-list h3{
	font-size:1.2em;
}

#area-map .popup-list .inner{
	background:#fff;
	border-radius:20px;
	padding:20px;
	position: relative;
}

#area-map .popup-list .tab-list{
	margin:0 0 10px 0;
}

#area-map .popup-list .tab-list li{
	float:left;
	margin:0 5px 0 0;
}

#area-map .popup-list .tab-list li a{
	display:block;
	background:#CEECBE;
	padding:2px 5px;
	text-decoration:none;
	border-radius:4px;
	width:60px;
	text-align:center;
	font-weight:bold;
}

#area-map .popup-list .tab-list li.current a,
#area-map .popup-list .tab-list li a:hover{
	color:#fff;
	background:#57B924;
}

#area-map .popup-list .tab-content{
	width:310px;
}

#area-map .popup-list .tab-content li{
	background: url(../../common/images/contents/arrow-01.gif) left center no-repeat;
	padding:3px 0 3px 15px;
	width:140px;
	float:left;
}

#area-map .popup-list .bt-close{
	position: absolute;
	right:-10px;
	top:-10px;
}

.msie6 #area-map .popup-list .bt-close{
	right:10px;
	top:0px;
}

/* loop
-----------------------------------------------------------------------------*/

#loop{
	width:441px;
	height:336px;
	position:absolute;
	top:27px;
	right:27px;
}

#loop .container{
	overflow:hidden;
	position:relative;
	cursor:pointer;
	width:441px;
	height:336px;
}

#loop .slides{
	position:absolute;
	top:0;
	left:0;
}

#box-loop .slides div{
	position:absolute;
	top:0;
	width:441px;
	height:336px;
	display:none;
}

#loop .pagination{
	position: absolute;
	right:10px;
	bottom:10px;
}

#loop .pagination li{
	float:left;
	border:1px solid #fff;
	background:#fff;
	margin:0 0 0 5px;
}

#loop .pagination img{
	width:46px;
	height:auto;
	filter:alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
	display:block;
}

#loop .pagination li.active img,
#loop .pagination li a:hover img{
	filter:alpha(opacity=100);
	opacity:1.0;
	-moz-opacity:1.0;
}


/******************************************************************************
contents
******************************************************************************/

#top-cont1 h2,
#top-cont2 h2{
	background: url(../common/images/contents/eye-01.gif) left center no-repeat;
	padding:5px 0 5px 18px;
	margin:0 0 5px 0;
}

#contents .bt-list{
	position: absolute;
	right:0;
	top:2px;
}

/******************************************************************************
top-cont1
******************************************************************************/

#top-cont1{
	width:400px;
	float:left;
}

/* box-update
-----------------------------------------------------------------------------*/

#top-cont1 .box-update{
	position:relative;
	margin:0 0 20px 0;
}

#top-cont1 .box-update table{
	width:100%;
	background: url(../common/images/contents/dot-01.gif) left top repeat-x;
}

#top-cont1 .box-update table th,
#top-cont1 .box-update table td{
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	background: url(../common/images/contents/dot-01.gif) left bottom repeat-x;
	padding:12px 0;
}

#top-cont1 .box-update table th{
	padding:12px 20px 12px 0;
}

#top-cont1 .box-update table a{
	background: url(../common/images/contents/arrow-01.gif) left 5px no-repeat;
	display:block;
	padding:0 0 0 20px;
}

/* box-campaign
-----------------------------------------------------------------------------*/

#top-cont1 .box-campaign{
	position:relative;
	margin:0 0 20px 0;
}

#top-cont1 .box-campaign li{
	float:left;
	font-size:0;
	line-height:0;
	vertical-align:bottom;
}

#top-cont1 .box-campaign li.first{
	margin: 0 10px 0 0;
}

/* box-contlink
-----------------------------------------------------------------------------*/

#top-cont1 .box-contlink{
	border-top:1px dotted #b2b2b2;
	list-style:none;
}

#top-cont1 .box-contlink li{
	border-bottom:1px dotted #b2b2b2;
	padding:10px 0;
	margin:0;
	background-image: url(../common/images/contents/arrow-02.gif);
	background-position: 386px center;
	background-repeat:no-repeat;
	zoom:1;
	width:400px;
	list-style-position:outside;
}

#top-cont1 .box-contlink li .photo{
	padding:4px;
	border:1px solid #ddd;
	float:left;
	background:#fff;
}

#top-cont1 .box-contlink li dl{
	width:210px;
	padding:20px 20px 0 0;
	float:right;
	margin:0;
}

#top-cont1 .box-contlink li dt{
	margin:0 0 10px 0;
}

#top-cont1 .box-contlink li a{
	text-decoration:none;
}

#top-cont1 .box-contlink li.bl-hover{
	background-color:#f3ffee;
}

/******************************************************************************
top-cont2
******************************************************************************/

#top-cont2{
	width:540px;
	float:right;
}

#top-cont2 .box-menu{
	position:relative;
}

#top-cont2 .box-menu .banner{
	margin:0 0 10px 0;
}

#top-cont2 .box-menu li{
	width:160px;
	padding:6px;
	border:1px solid #ddd;
	float:left;
	margin:0 9px 9px 0;
}

#top-cont2 .box-menu li.tree{
	margin:0 0 9px 0;
}

#top-cont2 .box-menu li.bl-hover{
	background:#f3ffee;
}

#top-cont2 .box-menu li h3{
	font-size:1.2em;
	background: url(../common/images/contents/dot-01.gif) left bottom repeat-x;
	margin:0 0 10px 0;
}

#top-cont2 .box-menu li h3 a{
	background: url(../common/images/contents/arrow-01.gif) left center no-repeat;
	display:block;
	padding:5px 0 5px 15px;
	text-decoration:none;	
}

#top-cont2 .box-menu li .text{
	padding:0 0 5px 0;
}