/*
===== 1: CLEARFIX ==========================================
*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
}
html {
overflow-x : hidden;
overflow-y : auto;
}
body {
	background-color: transparent;
	color: #333;
	margin: 0;
	padding: 0;
	font: 13px/1.6 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Osaka',sans-serif;
	font-size: 81.25%\9;/* for IE8 */
	*font-size:small;/* for IE6&7 */
	*font:x-small;/* for IE Quirks Mode */
	min-width: 600px;
}

h1, h2 {
	padding: 0;/* margin&padding reset */
	line-height: 1.6;/* base line height */
	text-align: left;
	display: block;
	margin: 0px;
}
em {
	font-style:normal;
}
.font-b {
	font-weight:bold !important;
}
.font-2 {
	font-size:85% !important;
}
.blue {
	color: #46BBFF !important;
}
.pt5 {
	padding-top:5px !important;
}
.pt10 {
	padding-top:10px !important;
}
.pt15 {
	padding-top:15px !important;
}
.pb10 {
	padding-bottom:10px !important;
}
.pb15 {
	padding-bottom:15px !important;
}
.p1202 {
	text-align:center !important;
	padding:10px 0 !important;
}
.p1203 {
    padding: 10px 0 0;
}
.p1203 img {
	float: left;
    padding: 0 10px 0 0;
}
.maruhi {
	padding: 0 2px 3px !important;
    vertical-align: middle !important;
}
#news  a {
	color: #46BBFF;
	text-decoration: underline;
}
#news  a:hover {
	background-color: #93D7FF;
	background-image:none;
	color:#111;
	text-decoration:none;
}
#news dt a {
	background: none;
	color: #333;
	text-decoration:none;
}
#news dt a:hover {
	background: none;
	color: #333;
	text-decoration:none;
}
#container {
	background:url(../img/news/bg_news.jpg) repeat-y scroll 0 0 transparent;
	width: 600px;
}
#content {
	background-color: #AAAAAA;
	padding: 3em;
	margin:0.2em 2em;
}

.copyrightnotice {
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0;
}

#mycustomscroll {
/* percentage width without the fix*/
width: 0%;
height: 0;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: absolute;
background-color: #E7EADE;
margin: 0 auto;
padding: 0;
}

#mycustomscroll2 {
/*percantage width: make it 100% to match container*/
width:500px;
height: 370px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
	margin:0 auto 0 0px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding:0 32px;
}

/*
percentage width: the real percentage is done by the wrapper
this is to fix various IE6 bugs
*/
.percentagewrap {
	width: 560px;
}
	
.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}





.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background:url(../img/news/bg_scrollbar.gif) repeat-y scroll 0 0 transparent;
}
.vscrollerbar {
	cursor:pointer;
width: 7px;
background-color: black;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}


#news div#container dl {
	background:url(../img/news/line_dashed.gif) repeat-x scroll 0 bottom transparent;
	margin: 0 0 20px;
	overflow:hidden;
	padding: 0 0 20px;
}
#news div#container dt {
	color:#000;
	background:url(../img/news/ico_arrow_blue.gif) no-repeat scroll left 6px transparent;
	margin:0 0 5px;
	padding:0 0 0 10px;
}
#news div#container dd ul {
	padding:20px 0 0;
}
#news div#container dd ul li {
	font-size:93%;
	padding:0 0 10px;
}
#news div#container dd.news-tit {
	font-size:100%;
}
#news div#container .news-img {
	float:right;
	padding:3px 7px 5px 10px;
}
#news div#container dd.news-tit {
	background-color:#FFFF00;
	font-weight:bold;
	line-height: 1.3;
	margin:0 0 5px;
	padding:5px 0 5px 5px;
	width: 478px;
}