@charset "utf-8";

@import url(../common/layout.css);
@import url(../common/style.css);

p {
	margin: 0;
}

#in_box{
	padding-bottom:90px;
}
#top_info{
	width:480px;
	float:left;
	padding: 0 0 0 24px;
}
#bn_area{
	float:right;
	width:242px;
	padding: 15px 24px 0 0 ;
}

#top_info h2{
	padding:20px 0 15px 0 ;
}

#top_info h2 img{
	vertical-align:bottom;
}
#top_info ul{
	list-style:none;
}
*html #top_info ul li{
	color:#422d00;
	line-height:1.5em;
	padding-bottom:2px;
	font-size:12px;
	text-indent:-6.8em;
	padding-left:6.8em;
}
*+html #top_info ul li{
	color:#422d00;
	line-height:1.5em;
	padding-bottom:2px;
	font-size:12px;
	text-indent:-6.8em;
	padding-left:6.8em;
}
:root #top_info ul li{
	color:#422d00;
	line-height:1.5em;
	padding-bottom:2px;
	font-size:12px;
	text-indent:-8em;
	padding-left:8em;
}

#bn_area p {
	padding: 0 0 15px 0 ;
}
#bn_area p img {
	vertical-align:bottom;
}

#info_dl {
	margin: 0 0 40px 0;
	height: 370px;
	overflow-y: scroll;
	border: #422d00 1px solid;
}

#info_dl dt{
	margin: 0 0 0 5px;
}

#info_dl .logo{
	margin: 0 0 0px 1px;
}

#info_dl .mask {
	margin: -20px 0 0 17px;
}

*html #info_dl .mask {
	margin: 0;
	padding: 0 0 0 17px;
}

#info_dl .violet {
	margin: -20px 0 0 17px;
}

*:first-child+html .violet {
	padding: 12px 0 0 0;
}

*html #info_dl .violet {
	margin: 0;
	padding: 0 0 0 17px;
}

#info_dl .mask a {
 padding: -20px 0 0 17px;
 background-image: url(info20100301_01.gif);
 background-repeat: no-repeat;
 text-indent: -99999px;
 overflow: hidden;
 outline: none;
 display: block;
 width: 257px;
 height: 92px;
 }

#info_dl .mask a:hover {
 padding: -20px 0 0 17px;
 background-image: url(info20100301_01_ov.gif);
 background-repeat: no-repeat;
 text-indent: -99999px;
 overflow: hidden;
 outline: none;
 display: block;
 width: 257px;
 height: 92px;
 }

#info_dl .ele{
	margin:-45px 0 0 0;
}

#info_dl .elements a {
 margin: -18px 0 0 17px;
 background-image: url(info20100201_01.gif);
 background-repeat: no-repeat;
 text-indent: -99999px;
 overflow: hidden;
 outline: none;
 display: block;
 width: 257px;
 height: 58px;
 }

#info_dl .elements a:hover {
 margin: -18px 0 0 17px;
 background-image: url(info20100201_01_ov.gif);
 background-repeat: no-repeat;
 text-indent: -99999px;
 overflow: hidden;
 outline: none;
 display: block;
 width: 257px;
 height: 58px;
 }

#info_dl .violet {
 padding: -18px 0 0 27px;
 background-image: url(info20100303_01.gif);
 background-repeat: no-repeat;
 text-indent: -99999px;
 overflow: hidden;
 outline: none;
 display: block;
 width: 200px;
 height: 50px;
 }

/*
#info_dl .violet a {
 padding: -18px 0 0 27px;
 background-image: url(info20100303_01.gif);
 background-repeat: no-repeat;
 text-indent: -99999px;
 overflow: hidden;
 outline: none;
 display: block;
 width: 200px;
 height: 50px;
 }

#info_dl .violet a:hover {
 padding: -18px 0 0 27px;
 background-image: url(info20100303_01_ov.gif);
 background-repeat: no-repeat;
 text-indent: -99999px;
 overflow: hidden;
 outline: none;
 display: block;
 width: 200px;
 height: 50px;
 }
*/

#info_dl .earth a {
 background-image: url(info20100327_01.gif);
 background-repeat: no-repeat;
 text-indent: -99999px;
 overflow: hidden;
 outline: none;
 display: block;
 width: 350px;
 height: 111px;
 }

#info_dl .elecomment1{
	margin:-13px 0 0 0;
}

#info_dl .elecomment2{
	margin:-18px 0 0 0;
}

dl#new_info{clear:both;}
dl#new_info dt{float:left;color:#422d00;line-height:1.5em;}
dl#new_info dd{float:right; width:400px; color:#422d00;margin-bottom:15px;line-height:1.5em;}