@charset "utf-8";

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

	1.layout


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


/* =====================================================================
	1.layout
===================================================================== */
#main{
	width:900px;
	margin:0 auto;
	padding:30px;
}
#topL{
	float:left;
	width:450px;
}
#topR{
	float:right;
	width:410px;
	padding-top:60px;
}
#contents:after,
#main:after,
#topL:after,
#topR:after{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}
div.box{
	clear:both;
	height:310px;
	margin-bottom:10px;
}
div.box2{
	clear:both;
	height:195px;
	margin-bottom:10px;
	background: url(img/box2.gif) no-repeat 0 0;
}
div.box3{
	clear:both;
	height:135px;
	margin-bottom:10px;
	background: url(img/box3.gif) no-repeat 0 0;
}
div.topbox{
	position:relative;
	width:460px;
	height:310px;
	background: url(img/topbox.gif) no-repeat 0 0;
}
div.box:after,
div.box2:after,
div.box3:after,
div.topbox:after{
    display:block;
    margin-top:-1px;
    height:1px;
    content:"";
    clear:both;
}


/* =====================================================================
	2.topentry
===================================================================== */
div.topentry{
	clear:both;
	padding:25px;
}
div.topentry h3{
	height:29px;
	margin-bottom:15px;
	line-height:29px;
	border-bottom:1px solid #ccc;
}
div.topentry h4{
	margin-bottom:10px;
	padding:0;
	font-size:100%;
	font-weight:bold;
	line-height:1.3;
	letter-spacing:1px;
	border:none;
}
#konwakai div.topentry h4{ color:#690;}
#shiten div.topentry h4{ color: #F60;}
#partner div.topentry h4{ color:#09C;}

div.topentry h4 a { text-decoration:none;}
div.topentry h4 a:hover { color: #333; text-decoration:underline;}
#konwakai div.topentry h4 a,
#konwakai div.topentry h4 a:link,
#konwakai div.topentry h4 a:visited,
#konwakai div.topentry h4 a:active { color:#690;}
#shiten div.topentry h4 a,
#shiten div.topentry h4 a:link,
#shiten div.topentry h4 a:visited,
#shiten div.topentry h4 a:active { color:#F60;}
#partner div.topentry h4 a,
#partner div.topentry h4 a:link,
#partner div.topentry h4 a:visited,
#partner div.topentry h4 a:active { color:#09C;}

#home div.entry_body p a,
#home div.entry_body p a:link,
#home div.entry_body p a:visited,
#home div.entry_body p a:active { color:#333; text-decoration:none;}
#home div.entry_body p a:hover { color: #333; text-decoration:underline;}


/* 最近の動き */
div.nowList{
	position:absolute;
	bottom:5px;
	right:5px;
	width:110px;
	height:24px;
}
div.nowList a{
	display:block;
	overflow:hidden;
	width:110px;
	height:24px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:0 0;
}
#konwakai div.nowList a	{ background:url(img/link01.gif);}
#shiten div.nowList a{ background:url(img/link02.gif);}
#partner div.nowList a	{ background:url(img/link03.gif);}
#konwakai div.nowList a:hover	{ background:url(img/link01.gif) 0 24px;}
#shiten div.nowList a:hover	{ background:url(img/link02.gif) 0 24px;}
#partner div.nowList a:hover	{ background:url(img/link03.gif) 0 24px;}


/* -------------------------------------------------------------------
	dl_forum
------------------------------------------------------------------- */
.dl_forum{
}
.dl_forum dt{
	padding:5px;
}
.dl_forum dd{
	margin-bottom:5px;
	padding:5px 5px 10px 20px;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
}
.dl_forum dd a,
.dl_forum dd a:link,
.dl_forum dd a:visited,
.dl_forum dd a:active { color:#333; text-decoration:none;}
.dl_forum dd a:hover { color: #333; text-decoration:underline;}

ul.ulLink{
	list-style:none;
}
ul.ulLink li{
	float:left;
	padding:0 10px 0 0;
}

#reikai{
	position:absolute;
	top:259px;
	left:25px;
	width:410px;
	border-top:1px solid #ccc;
}
#reikai_list{
	margin-top:10px;
}
#reikai_list li{
	float:left;
	width:50px;
	margin-right:10px;
}


/* --------------------------------------------------------
　　スクロール
-------------------------------------------------------- */
#scrollable {
	height:100px;
	margin:0;
	padding:0;
}
#scrollable div.items {
	float:left;
	margin-left:10px;
	margin-right:10px;
	width: 810px !important;
	height:100px;
}
#scrollable div.items a {
	display: block;
	float: left;
	height:100px;
	/*width:100px;*/
	padding:0;
	margin-right:10px;
	color: #069;
	font-size:13px;
	font-weight:bold;
	text-decoration: none;
	line-height:1.2;
	cursor: pointer;
}
#scrollable div.items a span{
	color:#333;
	font-weight:normal;
}
#scrollable div.items a img{
	float:left;
	padding:0;
}
#scrollable div.items a:hover {
	color: #069;
	background-color:#EFEFEF;
	text-decoration: underline;
}
#scrollable div.items a.active {
	cursor: default;
	color: #069;
	background-color:#EFEFEF;
	text-decoration: none;
}

/* next / prev buttons */
#scrollable a.prev,
#scrollable a.next {
	display:block;
	float:left;
	width:20px;
	height:100px;
	margin:0;
	background-repeat:no-repeat;	
}
#scrollable a.prev,
#scrollable a.next {
	display:block;
	float:left;
	width:20px;
	height:100px;
	margin:0;
	cursor:pointer;
	background:url(img/left.gif) no-repeat 0 0;
}
#scrollable a.next {
	background-image:url(img/right.gif);	
}
#scrollable a.prev:hover { background-position:0 -100px;}
#scrollable a.next:hover { background-position:0 -100px;}