@import url(base.css);

/*------------------------------
title
------------------------------*/
h1{
height:30px;
padding:2px 0px 0px 10px;
color:#fff;
font-size:1.1em;
background:url(../cmn_img/ttl_black.jpg) no-repeat;
}

#newscatch h1{
background: url(../news_img/news.jpg) no-repeat;
width:510px;
height:60px;
margin-bottom:15px;
text-indent:-9999px;
}

/*
h2{
clear:left;
height:25px;
font-size:0.9em;
margin:10px 0px 3px 0px;
padding:1px 0px 0px 20px;
background:url(../cmn_img/sttl_orange.jpg) no-repeat;
}*/
h2{
clear:left;
/*height:25px;*/
font-size:1.0em;
margin:0px;
padding:1px 0px 0px 1px;
border-bottom:#FF6600 solid 2px;
}
h3,h4{
clear:left;
height:25px;
font-size:1.0em;
margin:10px 0px 3px 0px;
padding:1px 0px 0px 0px;
/* background:url(../cmn_img/sttl_orange.jpg) no-repeat; */
}
strong{
color:#600;
}

#rss a{
width: 19px;
height: 19px;
background: url(../cmn_img/icon_rss.gif) 0px 3px no-repeat;
padding: 0px 0px 3px 0px;
margin-right: 7px;
text-decoration: underline;
float: right;
margin-top: -27px;
font-size: 0.9em;
text-indent: -9999px;
}

/*------------------------------
NEWS BOX (for index)
------------------------------*/
#mainArea #newsBox{
margin-bottom:50px;
}
#mainArea #newsBox dl{
clear:left;
margin:10px 0px 0px 0px;
position:relative;
}
#mainArea #newsBox dl a{
padding:0;
background:none;
}

/* ----- image Area (left) ----- */
#mainArea #newsBox dt{
float:left;
width:200px;
margin:0px 0px 10px 0px;
}
/* ----- text Area (right) ----- */
#mainArea #newsBox dd{
margin-left:210px;
}

/*------------------------------
HISTORY BOX (for index)
------------------------------*/
#mainArea #historyBox dl{
clear:left;
margin:10px 0px 0px 0px;
position:relative;
}
/* ----- date Area (left) ----- */
#mainArea #historyBox dt{
float:left;
width:25%;
}
/* ----- text Area (right) ----- */
#mainArea #historyBox dd{
float:right;
width:75%;
margin-top:-22px;
padding-left:5px;
margin-bottom:5px;
}
#mainArea #historyBox dd a{
margin:0;
padding:0;
background:none;
}
/* ----- Archive Area ----- */
#mainArea #past{
clear:both;
text-align:right;
padding:2px;
background:#e4e4e4;
}

/*------------------------------
PR BOX
------------------------------*/
#mainArea .PRBox p{
margin-top:10px;
}
#mainArea .PRBox ul{
/* border:#CCC solid 1px; */
margin:0px 0px 8px 0px;
padding:5px 10px;
}
#mainArea .PRBox li{
font-size:0.8em;
margin-top:3px;
}
#mainArea .PRBox .ttlArea{
margin:20px 0px 10px 0px;
font-weight:bold;
}
#mainArea .PRBox .ttlday{
text-align:right;
margin:-15px 5px 0px 0px;
font-size:0.8em;
}

#mainArea .PRBox .productsname{
margin:0px 0px 0px 0px;
font-weight:bold;
font-size:0.8em;
}

/* ----- outline ----- */
#mainArea .PRBox #ttlBox{
padding:0px;
border:#ddd 2px solid;
}
* html #mainArea .PRBox #ttlBox{
border-top:#ddd 1px solid;
}
#mainArea .PRBox dl{
}

/* ----- image Area (right) ----- */
#mainArea .PRBox dt img{
float:right;
margin:5px 0px 20px 20px;
}

/* ----- text Area (left) ----- */
#mainArea .PRBox dd{
padding:0px 10px 5px 10px;
}

/* ----- icon Area ----- */
#mainArea .PRBox .iconArea{
margin:10px 0px 0px 0px;
}
#mainArea .PRBox .iconArea a{
margin:0;
padding:0;
background:none;
}

/* ----- Spec Table ----- */
.PRBox table{
background:#ddd;
width:100%;
}
.PRBox table caption{
clear:left;
height:25px;
font-size:1.0em;
text-align:left;
font-weight:bold;
padding:0px 0px 0px 20px;
margin:0px 0px 5px 0px;
background:url(../img/ttl_orange.gif) no-repeat;
}
.PRBox th,.PRBox td{
background:#fff;
padding:3px;
}
.PRBox th{
text-align:left;
font-weight:normal;
background:#F5F5F5;
}
.PRBox td a{
background:none;
padding:0;
}
/* ----- Notes Area ----- */
#mainArea .PRBox .notes a{
color:#03c;
padding:0;
margin:0;
background:none;
}
.PRBox #notesArea{
margin:10px 0px;
padding:5px 10px 10px 10px;
font-size:0.8em;
background:#f5f5f5;
}
.PRBox #notesArea strong{
color:#03c;
}
.PRBox #notesArea ul{
list-style:url(../cmn_img/ico_notes.gif) inside;
}

/* ----- other ----- */
.contents_link ul{
list-style:none;
margin:0px 0px 60px 22px;
}
/*for IE */
* html body .contents_link ul{
margin-left:5px;
}

/* newsIndexer */
#nsnavi{
padding-left:5px;
float:left;
clear:both;
}

#nsnavi ul{

	list-style-type: none;
}

#nsnavi a{
	background:url(../cmn_img/ico_arrow_orange.gif) left top no-repeat;
	padding:0px 0px 4px 15px;
	width:190px;
	display:block;
	color:#666;
	text-decoration:none;
	line-height:1.2em;
}

#nsnavi a:hover{
color:#f63;
text-decoration:underline;
}

#nsnavi h3{
	margin-top: -10px;
}

#nsnavi .LIn_shortMode li {
	list-style-type: none;
	padding-left:2px;
	padding-bottom:10px;
}


#nsnavi .LIn_date{
	color: #FF7F13;
}

* html #nsnavi .LIn_date{
	margin-left:-15px;
}

*:first-child+html  #nsnavi .LIn_date{
	margin-left:-15px;
}

/* ----- other ----- */
.contents_link h3{
clear:left;
height:25px;
padding:1px 0px 0px 20px;
background:url(../cmn_img/sttl_orange.jpg) no-repeat;
}
.contents_link h5,h6,h7{
margin:20px 0px 5px 0px;
}
.contents_link ul{
list-style:none;
margin:0px 0px 0px 22px;
}
/*for IE */
* html body .contents_link ul{
margin-left:5px;
}

/* adding 100125 */
.yearbox{
    margin-bottom:45px;
}

.yearbox h3{
height:25px;
padding:1px 0px 0px 20px;
background:url(../cmn_img/sttl_orange.jpg) no-repeat;
}

.yearbox h5{
padding:0px 0px 0px 12px;
}


.yearbox .yeararchive{
margin:25px 0px 0px 0px;
border-top: solid #FFCC66 1px;
border-bottom: solid #FFCC66 1px;
padding:5px 0px 5px 12px;
font-weight:bolder;
}

/* end of adding 100125 */