/* *********************************
FileName: style.css
UpdatedBy: -
*********************************** */




/* *********************************
: Exclusive use ID & CLASS
*********************************** */

/* ---------------------------------
    Top Page
----------------------------------- */
body#top {text-align: center;}
body#top header { width:950px; margin:0 auto;position: relative; min-height:43px; }

body#top header ul.topMenu {
	width: 173px;
	background:#ddecf4;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	box-sizing: border-box;
	position:absolute;
	top:0;
	right:0;
	padding:6px 0;
}
body#top header ul.topMenu li{
	float: left;
	width: 73px;
}
body#top header ul.topMenu li.space {
	box-sizing: border-box;
	margin: 0 0 0 18px;
}
#top_wrap {
	background: url(../../images/top_main.jpg) 0 0 no-repeat;
	width: 950px;
	height: 477px;
	margin: 21px auto 0 auto;
}
#top_gnav { background:none;text-align: center;}
#top_gnav:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
#top_gnav ul {width:856px; margin:0 auto;}
#top_gnav li { float:left;margin: 45px 24px 43px 0; }
#top_gnav li.spaceNone { margin-right: 0;}
#top_gnav li a img:hover{ filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

body#top .catchCopy {margin-bottom: 32px;}

body#top .message_kumamoto {
	margin: 130px auto 0 auto;
}

body#top .info {
	width: 574px;
	height: 105px;
	/*margin: 4px auto 0 auto; 12/02修正*/
	margin: 150px auto 0 auto;

	background-color: rgba(255,255,255,0.3); 
}
body#top .info img {
	margin: 5px 0 0 0;
}
body#top .info dl {
	width: 550px;
	margin: 0 auto 0 auto;
	font-size: 90%;
	height: 53px;
	overflow: auto;
}
body#top .info dd,
body#top .info dt {
	float: left;
}
body#top .info dd {
	text-align: left;
	width: 400px;
	font-weight: lighter;
}
body#top .info dt {
	color: #4a6468;
	font-weight: lighter;
	width: 110px;
}


.oneCm #use .pdbox li {
	padding:0 0 10px 20px;
}

div.noteArea {
	border: #0187A2 2px solid;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	box-sizing: border-box;
	padding:10px;
}



/* ---------------------------------
    会社概要
----------------------------------- */

.idea .list {
	font-size: 15px;
	font-weight: bold;
}

.idea ol {
	font-weight: bold;
}

.system3 dl {
	margin: 20px 0 0 0;
}
.system3 dl dt {
	font-weight: bold;
	font-size: 15px;
	color: #326295;
	margin: 0 0 5px 0;
}

.study {
	margin: 0 0 30px 0;
}
.study dl {
	margin: 20px 0 0 0;
}

.study dt {
	background:url(../images/list_icon.gif) 0 3px no-repeat;
	padding:0 0 5px 20px;
	color: #326295;
	font-weight: bold;
}

.inner {
	width: 650px;
}

.inner dl {
	float: left;
	width: 450px;
}

.image_right {
	float: right;
	width: 150px;
	font-size: 10px;
	text-align: center;
}
.image_right img {
	margin: 0 0 5px 0;
}


/* ---------------------------------
    IR情報
----------------------------------- */
.irNews dt{
	float: left;
	width: 70px;
	margin-bottom: 10px;
}
.irNews dd{
	float: left;
	width: 580px;
	margin-bottom: 10px;
}
.irNews dd span {
	display: block;
	float: left;
	width: 80px;
	padding: 0px 0;
	text-align: center;
	margin-right: 15px;
}
.irNews dd span.cate_event {background:#D7E4BD;}
.irNews dd span.cate_info {background:#d4c5e4;}
.irNews dd span.cate_ir {background:#f0f0f0;}
.irNews dd span.cate_product {background:#efde88;}

.irNews dd p {
	float: left;
}
.backNum {
	text-align: center;
	margin-top: 10px;
}
a.pdf {
	background: url(../../ir/images/icon_pdf.png) no-repeat 0 0;
	padding-left: 15px;
}


/* ---------------------------------
    事業・製品案内
----------------------------------- */
ul.imgBox {
	width: 550px;
	margin: 0 auto;
	text-align: center;
}
ul.imgBox .fl_right{float: right;width:270px;}
ul.imgBox .fl_left{float: left;width:270px;}



.image_right02 {
	float: right;
	width: 300px;
	font-size: 10px;
	text-align: center;
}
.image_right02 img {
	margin: 0 0 5px 0;
}
dl.feature {
	width: 100%;
	border: #154996 1px solid;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
	box-sizing: border-box;
	margin-bottom: 10px;
}
dl.feature dt {
	width: 15%;
	background: #154996;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	float: left;
	height: auto;
	padding: 10px 0;
}
dl.feature dt span {
	display: block;
}
dl.feature dd {
	width: 85%;
	box-sizing: border-box;
	font-weight: bold;
	float: left;
	background: #fff;
	overflow: hidden;
	border-radius: 0 5px 5px 0;        /* CSS3草案 */  
	-webkit-border-radius: 0 5px 5px 0;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 0 5px 5px 0; /* Firefox用 */
}
dl.feature dd span {
	display: block;
	margin: 10px 0 0 10px;
}
dl.feature dd span.other {
	display: block;
	margin: 2px 0 0 10px;
	line-height: 1.3;
}
.system4 dl {
	margin: 0 0 10px 0;
}
.system4 dl dt {
	font-weight: bold;
	color: #326295;
	margin: 0 0 5px 0;
}

.productBox {
	width: 100%;
}
.productBox .floatLeft,
.productBox .floatRight {
	width: 50%;
}
.productBox .floatLeft {
	float: left;
}
.productBox .floatRight {
	float: right;
}
.productBox dl {
	width: 300px;
}
.productBox dd.img {
	float: left;
	width: 100px;
}
.productBox dd.txt {
	float: left;
	width: 200px;
	margin-left: 10px;
}
/* ---------------------------------
    clearfix 
----------------------------------- */
.inner:after,
.clfx:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.inner,
.clfx {
	min-height: 1px;
}
* html .inner,
* html .clfx {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.clear { clear:both;}

/* ---------------------------------
    ホンダ追加分
----------------------------------- */
.exhibitionArea a.pdf,
.topics a.pdf {
	background: url(../../ir/images/icon_pdf.png) no-repeat right;
	padding: 0 15px 0 0;
}

.exhibitionArea dd span.cate_exh {background:#C6D9F1;}
.exhibitionArea dd span.cate_meeting {background:#6ea6ec;}


.exhibitionArea dl {
	margin: 20px 0 0 0;
}

.exhibitionArea dt{
	float: left;
	width: 70px;
	margin-bottom: 10px;
}
.exhibitionArea dd{
	float: left;
	width: 580px;
	margin-bottom: 10px;
}
.exhibitionArea dd span.category {
	display: block;
	float: left;
	width: 80px;
	padding: 0px 0;
	text-align: center;
	margin-right: 15px;
}

#main .exhibitionArea h4 {
	color: #333;
	font-weight: normal;
}

.exhibitionArea table {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	width:100%;
	text-align:left;
}
.exhibitionArea table th {
	background-color: #eef8fe;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding: 5px 15px;
	text-align: center;
	font-weight: bold;
	  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100px;
  vertical-align: middle;
}

.exhibitionArea table td {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
		padding: 10px ;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 490px;
}


/*お問い合わせ*/
.contact ul.attention {
	margin: 0 auto 20px auto;
	width: 100%;
	padding: 20px 0;
	background-color: #eef8fe;
	border: 4px solid #eef8fe;
}
.contact ul.attention li {
	line-height: 1.4;
	width: 700px;
	margin: 0 auto 10px auto;
}
.contact ul.attention li:last-child {
	margin: 0 auto 0 auto;
}

.contact table.type1 th,
.contact table.type1 td {
	padding: 10px 15px;
}
.contact span {
	font-weight: bold;
	color: #ee2525;
}

.contact td input {
	margin: 0 5px 0 0;
	height: 20px;
}

.contact td textarea {
	margin: 5px 0 0 0;
	height: 80px;
	border: 1px solid #ccc;
}

.contact .error {
	font-weight: bold;
	color: #ee2525;
}

.contact .productSelect {
	margin: 0 0 0 20px;
}

.contact .btnArea {
	text-align: center;
	margin: 20px 0 10px 0;;
}
.contact #submitBtn {
	color: #FFF;
	font-size: 70%;
	background: #39a1db;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 280px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	margin: 0 auto;
	padding: 0 3px;
	border-style: none;
	font-size: 15px;
	font-weight: bold;
}
.contact #button {
	color: #FFF;
	font-size: 70%;
	background: #d3d3d3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 169px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	margin: 0 auto;
	padding: 0 3px;
	border-style: none;
	font-size: 15px;
	font-weight: bold;
	margin: 0 10px 0 0;
}

.fix p {
	text-align: center;
	width: 700px;
	margin: 10px auto 0 auto;
}

.prul {
	padding: 0 0 0 20px;
	line-height: 2.5em;
}

.contactBox {
	border: #ccc solid 4px;
	padding: 20px;
	margin: 0 0 20px 0;
}


.sitemap ul{
	margin: 0 0 20px 0;
	line-height: 2em;
}
.sitemap h2 { border:1px solid #CCC; font-size:124%; margin:0 0 10px 0 ;}
.sitemap h2 span{ display:block; padding:8px 15px 6px; border-left:3px solid #39a1db; width: 390px;float: left;}

.sitemap li {padding: 0 0 0 1.5em;
			background: url(../../sitemap/images/icon.png) no-repeat left;
}

.sitemap li.link_indent {
	margin: 0 0 0 1.5em;
	padding: 0 0 0 1.5em;
	background: url(../../sitemap/images/icon.png) no-repeat left;

}


.sitemap li.link_indent_2 {
	margin: 0 0 0 2.5em;
}

.sitemap li.link_indent_3{
	margin: 0 0 0 3.5em;
}
/* ---------------------------------
    ECバナー追加分
----------------------------------- */
.ec_bnr{
/*	width: 270px;*/
	width: 950px;
    height: 50px;
    position: relative;
/*    margin: 220px 15px 0 auto;*/
    margin: 220px 15px 0 15px;
    transition: 0.5s ;
}

.ec_bnr img:hover{
	-webkit-filter: saturate(50%);
	-moz-filter: saturate(50%);
	-o-filter: saturate(50%);
	-ms-filter: saturate(50%);
	filter: saturate(50%);
	opacity: 0.9 ;
}

.topm_bnr{
	width: 622px;
	height: 50px;
	background:url(../../images/topM_button.png);
	float: left;
	mar
}

.topm_bnr:hover{
  background:url(../../images/topM_button_ov.png);
  	opacity: 0.9 ;
}