@charset "utf-8";

/* toppage ________________*/
#CONTENT ul { width:700px;margin-bottom:21px; background:url(../images/top/toplistback.jpg) center top repeat-y; }
#CONTENT ul::after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}

#CONTENT ul li { width:333px; height:127px; margin-top:16px; border-bottom:1px dotted #666; }
#CONTENT ul li { padding:0px 15px 12px 0px; float:left;}
#CONTENT ul li+li { padding:0px 0px 12px 15px; float:right;}
#CONTENT ul li+li+li { padding:0px 15px 12px 0px; float:left;}
#CONTENT ul li+li+li+li { padding:0px 0px 12px 15px; float:right;}
#CONTENT ul li+li+li+li+li { padding:0px 15px 12px 0px; float:left;}
#CONTENT ul li+li+li+li+li+li { padding:0px 0px 12px 15px; float:right;}

#CONTENT a#DVDPRESENT { display:block; width:700px; height:100px; text-indent:-9999px; margin:0px 0px 20px;
		background:url(../images/top/dvdpresent.jpg) center top no-repeat; }
#CONTENT a#DVDPRESENT:hover { background-position:center bottom; }

#CONTENT div.TOPICS24h { display:none; }
#CONTENT div.TOPICS { width:700px; height:auto; padding:8px 0px 0px; margin:0px 0px 8px; 
	background:url(../images/top/TOPICSTOP.jpg) center top no-repeat;}
#CONTENT div.TOPICS p { width:700px; height:auto; padding:0px 0px 8px; background:url(../images/top/TOPICSBOTTOM.jpg) center bottom no-repeat; }
#CONTENT div.TOPICS span { display:block; padding:0px 0px 0px 15px; background:#fff; border-left:1px solid #f9a555; border-right:1px solid #f9a555; font-weight:bold; }
#CONTENT div.TOPICS a { color:#666; text-decoration:underline; }
#CONTENT div.TOPICS a:hover { color:#ff7e38; text-decoration:none; }
#CONTENT div.TOPICS span em { color:red; }

#CONTENT div#CON02 ul li img { width:109px; height:104px; padding:5px; margin:0px 7px 0px 0px; float:left; border:1px solid #aaa; }
#CONTENT div#CON02 ul li h3 { width:186px; }
#CONTENT div#CON02 ul li p { width:184px; height:105px; padding:5px 9px; margin:0px; float:right; color:#666; overflow:hidden;
		background:url(../images/top/topimage.jpg) no-repeat -129px -358px; }
#CONTENT div#CON03 ul li div.IMAGE { width:109px; height:104px; padding:4px; position:static; background:#fff; border:1px solid #aaa; float:left; margin:0px 7px 15px 0px; }
#CONTENT div#CON03 ul li div.IMAGE a { display:block; width:109px; height:104px; overflow:hidden; position:relative; z-index:1; padding:0px; }
#CONTENT div#CON03 ul li div.IMAGE a img { height:109px; position:absolute; top:-5px; left:-12px; border:none; }
#CONTENT div#CON03 ul li p { width:184px; height:105px; padding:5px 9px; float:right; color:#666; overflow:hidden;
		background:url(../images/top/topimage.jpg) no-repeat -129px -358px; }
#CONTENT div#CON03 ul li p a { padding-left:12px; background:url(../images/common/icon01.jpg) no-repeat left 4px; }
#CONTENT h2 { width:700px; height:280px; text-indent:-9999px; clear:both; margin:0px 0px 8px;
		background:url(../images/top/topimage.jpg) no-repeat; }
#CONTENT div h2 { width:700px; height:60px; margin-bottom:13px; text-indent:-9999px; 
		background:url(../images/top/topimage.jpg) no-repeat; }
#CONTENT div#CON02 h2 { background-position:0px -298px; }
#CONTENT div#CON03 h2 { background-position:0px -473px; }
#CONTENT div#CON02 h2 a,
#CONTENT div#CON03 h2 a { width:700px; height:60px; display:block; }
#CONTENT div em { font-weight:bold; color:#84b73e; }

#CONTENT div#INQ { }
#CONTENT div#INQ ol li { width:345px; height:84px; float:left; list-style:none; }
#CONTENT div#INQ ol li+li { margin-left:10px; }
#CONTENT div#INQ ol li a { display:block; width:345px; height:84px; text-indent:-9999px;
		background:url(../images/top/topimage.jpg) no-repeat; }
#CONTENT div#INQ ol li a#INQ01 { background-position:0px -533px; }
#CONTENT div#INQ ol li a#INQ02 { background-position:-355px -533px; }
#CONTENT div#INQ ol li a#INQ01:hover { background-position:0px -617px; }
#CONTENT div#INQ ol li a#INQ02:hover { background-position:-355px -617px; }


#CONTENT #TopTopics{
	margin:0 0 20px 0;
	padding:0;
	width:700px;
	}

#CONTENT #TopTopics dl{
	margin:0;
	padding:0;
	width:700px;
	height:auto;
	overflow:auto;
	background-image:url(../images/top/toplistback.jpg);
	background-position:center;
	background-repeat:repeat-y;
	}

#CONTENT #TopTopics dl dd{
	margin:0;
	padding:0 10px 12px 10px;
	width:330px;
	height:auto;
	overflow:auto;
	border-left:none;
	list-style:none;
	float:left;
	}
#CONTENT #TopTopics ul li+li { padding:0; float:left;}
#CONTENT #TopTopics ul li+li+li { padding:0; float:left;}
#CONTENT #TopTopics ul li+li+li+li { padding:0; float:left;}
#CONTENT #TopTopics ul li+li+li+li+li { padding:0; float:left;}
#CONTENT #TopTopics ul li+li+li+li+li+li { padding:0; float:left;}

#CONTENT #TopTopics .TopicsImage{
	margin:0;
	padding:5px;
	width:109px;
	float:left;
	border:1px solid #999;
	}

#CONTENT #TopTopics .TopicsImage p{
	margin:0;
	padding:0;
	width:109px;
	}

#CONTENT #TopTopics dl dd img{
	margin:0;
	padding:0;
	width:109px;
	}


#CONTENT #TopTopics .TopicsText{
	margin:0;
	padding:5px;
	width:191px;
	height:105px;
	float:right;
	background-image:url(../images/top/top-list-text.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}

#CONTENT #TopTopics dl dd .TopicsText p{
	margin:0;
	padding:0;
	width:191px;
	}

/*** 2011.04.28 東日本大震災社長コメント ***/
#CONTENT #message201104{
    background:url(/images/top/messageback.jpg) top left no-repeat;
    margin:0 0 15px 3px;
    height: 298px;
    width: 695px;
}
#CONTENT #message201104 h2,
#CONTENT #message201104 span{
    background: none;
    font-size:0px;
    height:30px;
    text-indent: -9999px;
}
#CONTENT #message201104 span{
    display:none;
}
#CONTENT #message201104 p{
    font-size: 12px;
    line-height:1.2em;
    padding: 0 0 0 20px;
}

/*** 2012.新年社長コメント ***/
#CONTENT #message201201{
    margin:0 0 15px 3px;
    height: 298px;
    width: 695px;
}
#CONTENT #message201201 img{
    margin:0;
	padding:0;
}