/* ========== キービジュアル部分 ========== */
@media screen and (min-width: 640px){
#keyv {
    position:relative;
    height:263px;
}

#keyv_sm {
	display:none;
}

}

#keyv DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 263px;
    background-color: #FFF;
}

#keyv DIV.active {
    z-index:10;
    opacity:1.0;
}

#keyv DIV.last-active {
    z-index:9;
}

#keyv DIV IMG {
    height: 263px;
    display: block;
    border: 0;
	margin:9px 0 0 6px;
}

/* ========== ピックアップ部分 ========== */
@media screen and (min-width: 640px){
	p.corona{
	display:none;
	}
	
#top_serv{
	width:627px;
	height:auto;
	margin-top:22px;
}
}

#top_serv:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.mainc div#top_serv section.serv_box_open{
	width:624px;
	height:auto;
	float:left;
	overflow: hidden;
	text-align: left;
	background: url(../img/newopen/open_base.jpg) no-repeat bottom;
	margin-bottom:12px;
	overflow: hidden;
}

.mainc div#top_serv section.serv_box_open h3{
	width: 624px;
	height:50px;
}

.mainc div#top_serv section.serv_box_open p{
	width: 554px;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:10px;
	font-size:12px;
	color:#333333;
	line-height:150%;
}

.mainc div#top_serv section.serv_box_open p span{
	font-size:12px;
	color:#ff0000;
	line-height:150%;
}

@media screen and (min-width: 640px){

.mainc div#top_serv section.serv_box{
	width:308px;
	height:auto;
	float:left;
	overflow: hidden;
	text-align: left;
	background: url(../img/serv_base.jpg) no-repeat bottom;
}

.serv_box_sm{
	display:none;
}

}

.mainc div#top_serv section.serv_box:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.mainc div#top_serv section.serv_box h3{
	width: 308px;
	height:51px;
}

.mainc div#top_serv section.serv_box p.photo{
	width: 150px;
	height:144px;
	float:left;
	padding:6px 10px 15px 11px;
}

.mainc div#top_serv section.serv_box p.bun{
	width: 124px;
	height:auto;
	float:left;
	padding:6px 12px 0 0;
	font-size:12px;
	color:#333333;
	line-height:160%;
}

.mainc div#top_serv section.serv_box p.akalin{
	width: 77px;
	height:auto;
	float:right;
	padding:0 12px 15px 7px;
	margin-left:40px;
	font-size:12px;
	color:#333333;
	line-height:160%;
	background: url(../img/aka_sankaku.gif) no-repeat 0 .5em;
}

.mainc div#top_serv section.serv_box p.akalin a:link{
	color: #ff0000;
	font-size: 12px;
}

.mainc div#top_serv section.serv_box p.akalin a:visited{                 
	color: #ff0000;
	font-size: 12px;
}

.mainc div#top_serv section.serv_box p.akalin a:active{
	color: #ff0000;
	font-size: 12px;
}

.mainc div#top_serv section.serv_box p.akalin a:hover{                 
  color: #ff0000;
  font-size: 12px;
  text-decoration: none;
}


/* ========== サービスメニュー部分 ========== */

@media screen and (min-width: 640px){

section.news{
	width:622px;
	height:auto;
	overflow: hidden;
	text-align: left;
	margin:16px 5px 30px 0;
	background: url(../img/index/topics_base.gif) no-repeat bottom;
}




section.news h3{
	width:622px;
	width:42px;
	height:auto;
	margin:0;
	padding:0;
}


section.news div.news{
	width:575px;
	height:auto;
	margin: 5px 0 10px 15px;
	padding: 0 15px 28px 0;
	#padding: 0 15px 5px 0;
	background: url(../img/topics_02.gif) bottom repeat-x;
}

section.news div.news p{
	font-size: 90%;
	margin: 3px 0 6px 0;
	padding: 0 0 0 9px;
	width: 474px;
	height:auto;
	float: left;
}

section.news div.news time{
	font-size: 90%;
	margin: 3px 0 3px 0;
	padding: 0;
	width: 92px;
	height:auto;
	float: left;
}

}





section.news dd a:link{
	color: #ff3c00;
	text-decoration:underline;
}

section.news dd a:visited{						

	color: #ff3c00;
	text-decoration:underline;
}

section.news dda:active{
	color: #ff3c00;
	text-decoration:underline;
}

section.news dd a:hover{                 
	color: #ff3c00;
	text-decoration: none;
}

section.news li{
	font-size: 90%;
	margin: 0 0 6px 0;
	padding: 0 0 0 9px;
}