@charset "shift_jis";
/* CSS Document */


/*---------------------------------
add css standard end
add css layout start
--------------------------------*/

.content_fs {
	font-size: 80%;
	padding: 0 28px;
}

.contents div{
	margin-bottom: 32px;
}

.img_left {
	float: left;
	width: 32%;
}

.text_right {
	float: right;
	width: 64%;
}

.img_right {
	float: right;
	width: 32%;
}

.text_left {
	float: left;
	width: 64%;
}

.content2_1 {
	width: 48%;
	float: left;
}

.content2_2 {
	width: 48%;
	float: right;
}

.content3_1 , .content3_2 , .content3_3 {
	width: 30%;
	float: left;
}

.content3_2 {
	margin-right: 5%;
	margin-left: 5%;
}

.content3_1_1 {
	width: 22%;
	float: left;
}
 .content3_3_1 {
	width: 22%;
	float: right;
}
.content3_2_1 {
	width: 46%;
	float: left;
}

.content3_2_1 {
	margin-left: 4.5%;
    margin-right: 3.5%;
}

.content4_1 , .content4_2 , .content4_3 , .content4_4 {
	width: 22%;
	float: left;
}

.content4_2 {
	margin-left: 4%;
	margin-right: 4%;
}

.content4_3 {
	margin-right: 4%;
}

.note {
	background: #fcfcfc;
	padding: 8px 16px;
	margin: 16px 0;
}

.note p {
	margin: 0;
	padding: 4px 0;
}


@media screen and (max-width: 480px){
	.contents div{
		margin: 0 0 24px;
		float: none;
	}
}

.box_glay {
	background-color: #e6e6e6;
	padding: 10px;
}

.glay_list {
	background: url(../top_images/side_Nav_icon_arrow_b.gif) no-repeat left center;
	padding-left: 15px;
	margin-left: 5px;
	line-height: 2;
	text-align:left;
}

.glay_list a {
	color: #000;
	text-decoration: none;
}
.glay_list a:hover {
	color: #000;
	text-decoration: underline;
}

.link_list li {
	background: url(../common/images/icon_arrow_b.gif) no-repeat left center;
	padding-left: 15px;
	line-height: 2;
}

.link_list li a {
	color: #000;
	text-decoration: none;
}
.link_list li a:hover {
	color: #000;
	text-decoration: underline;
}

/*---------------------------------
add css layout end
--------------------------------*/

*:first-child+html #top_fs li{
	font-size:1%;
}

.line_btm5 li { margin-bottom:5px;}


#nwws_topics{
	width:448px;
}
#nwws_topics a{
	text-decoration: none;
	color: #2f63d6;
}
#nwws_topics a:hover{
	text-decoration: underline;
	color: #ce0000;
}
#navi {
    height: 71px;
    overflow: hidden;
	margin-bottom: 15px;
}
#navi #tabMenu, #navi .btn {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#navi #tabMenu li, #navi .btn li {
    cursor: pointer;
    float: left;
    height: 36px;
    /*width: 79px;*/
}
#navi li.mouseover {
    background-position: 0 -36px;
}
#navi li.mouseout {
    background-position: 0 0;
}
#navi li.selected {
    background-position: 0 -36px;
}
#navi .btn {
    float: left;
}
.boxBody dl {
    margin: 0;
    padding: 0;
}
.boxBody dl dt, .boxBody dl dd {
    margin-bottom: 0.6em;
}
.boxBody dl dt {
    clear: both;
    float: left;
    width: 5em;
}
.boxBody dl dd {
    border-bottom: 1px solid #ccc;
    margin-left: 6.5em;
	margin-right: 15px;
    padding-bottom: 15px;
}
#n_news, #n_products, #n_catalog, #n_ir, #n_event {
    height: 480px;
    overflow: auto;
}
.boxBody dl dd p.detail {
    margin-top: 15px;
    text-align: right;
}
.boxBody dl dd p.detail a {
    display: inline;
}
.boxBody div {
    display: none;
}
.boxBody div.show {
    display: block;
}
.boxBody dd span {
    color: #ff9000;
    font-weight: bold;
}

span.customSelect {
	font-size:12px;
	line-height: 33px;
	height: 24px;
	width: 124px;
	padding: 0 0 0 10px;
	background: url(../top_news/images/select_hf.gif) center 4px;
}
.fmselect option {
	height: 20px;
	background-color: #e3e3e3;
	padding-top: 4px;
	border-bottom: 1px solid #fff;
}