@charset "utf-8";
/* CSS Document */

html, body, div, span, p, a, em, font, img, dl, dt, dd, ol, ul, li, table {
	font-size: 99%;
	font-family: "メイリオ", "Meiryo", "Osaka", sans-serif;
	margin:0;
	color: #4b4a48;
}

a:link{
  color: #000000;
	text-decoration: none;
}
a:hover{
  color: #ff5512;
	text-decoration: underline;
}
a:hover span.textlink {
  color: #ff5512;
}

/* ヘッダー
-----------------------------------------*/
#header {
	height: 87px;
	margin: 0;
	border-bottom: #dddddd 1px solid;
}
#header_contents{
	width: 980px;
	height: 87px;
	margin: 0px auto;
}
#header_left{
	float:left;
	margin:0px;
	padding-top: 14px;
}
#header_right{
	float:right;
	margin-top: 0px;
}

/* グローバルナビゲーション
-----------------------------------------*/
#gnav{
	width: 980px;
	height: 47px;
	margin: 0px auto;
}
#gnav ul{
	list-style: none;
	margin: 0px;
	padding: 0;
}
#gnav li{ 
	padding: 0; 
	margin: 0; 
	float: left;
	border-left: 1px solid #ffffff;
}
#gnav li{
    cursor: pointer;
	display: block; 
	height: 47px;
	line-height:  49px;
	text-decoration: none;
	width: 195px; 
	margin: 0px;
	text-align: center;
}
#gnav li.contact a{
	display: block; 
	height: 47px;
	line-height:  49px;
	text-decoration: none;
	width: 195px; 
	margin: 0px;
	text-align: center;
}
#gnav li:hover {
	display: block;  
	height: 47px;
	line-height:  49px;
	color: #ffffff;
}
#gnav li.contact a:hover {
	display: block;  
	height: 47px;
	line-height:  49px;
	color: #ffffff;
}
#gnav li.products:hover {
	background:url(../images/gnav_bg_products.jpg) repeat-x;
}
#gnav li.service:hover {
	background:url(../images/gnav_bg_service.jpg) repeat-x;
}
#gnav li.corp:hover {
	background:url(../images/gnav_bg_corp.jpg) repeat-x;
}
#gnav li.recruit {
	background:url(../images/gnav_bg_recruit.jpg) repeat-x;
}
#gnav li.recruit:hover {
	background:url(../images/gnav_bg_recruit02.jpg) repeat-x;
}
#gnav li.contact a:hover {
	background:url(../images/gnav_bg_contact.jpg) repeat-x;
}
#gnav li.selected {
	color: #ffffff !important;
}
#gnav li.products.selected {
	background:url(../images/gnav_bg_products.jpg) repeat-x;
}
#gnav li.service.selected {
	background:url(../images/gnav_bg_service.jpg) repeat-x;
}
#gnav li.corp.selected {
	background:url(../images/gnav_bg_corp.jpg) repeat-x;
}
#gnav li.recruit.selected {
	background:url(../images/gnav_bg_recruit.jpg) repeat-x;
}
#gnav li.recruit.selected {
	background:url(../images/gnav_bg_recruit02.jpg) repeat-x;
}
#gnav li.now {
	color: #ffffff !important;
}
#gnav li.products.now {
	background:url(../images/gnav_bg_products.jpg) repeat-x !important;
}
#gnav li.service.now {
	background:url(../images/gnav_bg_service.jpg) repeat-x !important;
}
#gnav li.corp.now {
	background:url(../images/gnav_bg_corp.jpg) repeat-x !important;
}
#gnav li.recruit.now {
	background:url(../images/gnav_bg_recruit02.jpg) repeat-x !important;
}

/* パンくず
-----------------------------------------*/
#pathContainer {
	margin: 0;
	border-top: #dddddd 1px solid;
}
#topicPath {
	width: 980px;
	margin: 0px auto;
	padding: 0px 0;
}
#topicPath ul{
	height: 40px;
	list-style-type: none;
	padding-left: 0;
}
#topicPath li {
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 0 9px 0 0;
	padding: 0 14px 0 0;
	background: url(../images/com_ico001.gif) no-repeat 100% 50%;
	white-space: nowrap;
	font-size: 80%;
}
#topicPath li#path01 img{
	padding: 12px 0px;
}
#topicPath li.current {
	margin: 0;
	padding: 0;
	background: none !important;
	font-weight: bold;
}

/* トップページ
-----------------------------------------*/
.slideshow {
    position: relative;
    height: 400px;
    margin: 0px auto;
    overflow:hidden;
}
#slideshow {
}

.slideshow img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 1.5s;
}
.slideshow .show {
    opacity: 1;
    z-index: 1;
}
#slideButton{
    position: absolute;
    top: 98px;
    left: 0px;
    z-index: 5;
}
#slideButton .leftButton{
    position: absolute;
    top: 227px;
    left: 30px;
    cursor: pointer;
}
#slideButton .rightButton{
    position: absolute;
    top: 227px;
    cursor: pointer;
}
.slideimage1
,.slideimage2
,.slideimage3
,.slideimage4{
    cursor:pointer;
}
#top_topics{
	width: 980px;
	margin: 30px auto;		
}
#top_topics_t{
	width: 326px;
	height: 52px;
	padding-left: 30px;
	padding-right: 20px;
	background: #ffffff url(../images/topic_ico.gif) 30px 17px no-repeat;
}
#top_topics_t p{
	float: left;
	height: 52px;
	line-height: 52px;
	padding-left: 28px;
	font-weight: bold;
}
#top_topics_t .listlink{
	display: block;
	float: right;
	margin-top: 13px;
	background: #ffffff url(../images/com_ico001.gif) 0px 0.5em no-repeat;
}
#top_topics_t .listlink a:link{
	padding-left: 8px;
	font-size: 90%;
}
#top_topics_list{
	padding: 15px 20px 0px 10px;
	background: #ffffff;
}
#top_topics_end{
	background: url(../images/top_topics_list_bg.png) bottom no-repeat;	
	height: 43px;
}

/* newsList01 */
.newsList01 {
	padding-bottom: 0px;
	margin-left: 20px;
}

.newsList01 dt {
	clear: both;
	float: left;
	width: 7em;
	padding-top: 10px;
	white-space: nowrap;
}
.newsList01 dd {
	margin-left: 7em;
	padding-top: 10px;
}

.newsList01 dd span {
	display: block;
	min-height: 17px;
	_height: 17px;
	zoom: 1;
}
.newsList01 dd span.newslabel {
	display: inline-block;
	background: #9db5c1;
	width: 100px;
	height: 20px;
	line-height: 20px;
	font-size: 80%;
	color: #ffffff;
	text-align: center;
	margin-right: 20px;
}
.newsList01 dd span.newslabel02 {
	display: inline-block;
	background: #ffffff;
	width: 100px;
	height: 20px;
	line-height: 20px;
	font-size: 80%;
	color: #9db5c1;
	text-align: center;
	margin-right: 20px;
}



/* tableType02
=========================================*/
.tableType02 {
	table-layout: fixed;
	margin-top: 5px;
	margin-left: 40px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.tableType02 th {
	background-color: #eeeeee;
}

/* 営業・サービス拠点
-----------------------------------------*/
.contact_num dt {
    float:left;
    clear: left;
    width:22%;
}
.contact_num dd {
    float: left;
}


/* メガメニュー
-----------------------------------------*/
#gmenu_products,
#gmenu_service,
#gmenu_corp,
#gmenu_recruit {
    display: none;
    position: absolute;  
    top: 135px;
    left:0px;
    z-index: 10;
	height: 334px;
	width: 900px;
	margin: 0 auto;
	padding-top: 60px;
	padding-left: 40px;
	padding-right: 40px;
}
#gmenu_products{
	background: url(../images/gmenu_bg_products.png) no-repeat 0 0;
}
#gmenu_service{
	background: url(../images/gmenu_bg_service.png) no-repeat 0 0;
}
#gmenu_corp{
	background: url(../images/gmenu_bg_corp.png) no-repeat 0 0;
}
#gmenu_recruit{
	background: url(../images/gmenu_bg_recruit.png) no-repeat 0 0;
}

.gmenu_close {
    cursor: pointer;
	float: right;
	width: 82px;
	height: 24px;
}
.gmenu_close:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";	
}
#g_head01 {
	display: inline;
	color: #ffffff;
	font-size:170%;
	font-weight: bold;
}
.head01text {
	display: inline-block;
	font-weight: normal;
	padding-left: 30px;
	font-size: 80%;
	color: #ffffff;
}
.head02text {
	display: inline-block;
	font-weight: normal;
	font-size: 130%;
	color: #ffffff;
	position:relative;
	top:20px;
}
#gmenu_linkarea {
	display: block;
	width: 900px;
	color: #dddddd;
	padding:0;
}
.gmenu_link {
	width: 900px;
	padding:1px;
}
.gmenu_link ul{
	list-style-type: none;
	margin: 30px 0 0 0;
}
.gmenu_link li {
	display:table-cell;  
    *display:inline;  
    *zoom:1; 
	vertical-align: top;
	margin: 0; 
	padding:0;
	/*background: #fcc4c4;*/
}
.g_thumb img {
	margin: -1px;
	border: 1px solid #ffffff;
}
.gmenu_link li a:hover img,
.gmenu_link li a:hover .g_thumb_text,
.gmenu_link li a:hover .g_thumb_text02 {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";	
}
.g_thumb {
	margin-top: 30px;
	position: relative;
	/*background: #c4fcd4;*/
}
.g_thumb_text {
	display: inline-block;
	text-align:left;
	height:35px;
	line-height:35px;
	position:absolute;
	bottom:0;
	right:0;
	padding-left: 28px;
	background: url(../images/g_thumb_bg.png) -3px 0 no-repeat;
}
.g_thumb_text span{
	color:#ffffff;
}
.g_thumb_hr {
	float:right;
	position: relative;
	bottom:0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

.g_thumb_text02 {
	display: inline-block;
	text-align:left;
	height:35px;
	line-height:35px;
	position:relative;
	top:16px;
	right:-1px;
	padding-left: 28px;
	background: url(../images/g_thumb_bg.png) -3px 0 no-repeat;
}
.g_thumb_text02 span{
	color:#ffffff;
}


/* セクション
-----------------------------------------*/
section {
	clear: both;
	padding: 0;
	margin: 0;
	background: url(../images/com_bg001.gif) repeat 0 0;
}
.mainContainer {
	width: 980px;
	margin: 0px auto;
	padding:20px 0px; 
}

/* フッター
-----------------------------------------*/
footer {
	margin: 0px auto;
	background: #FFFFFF;
	color:#000000;
}
#footerPagetop {
	height:50px;
	margin: 0;
	background: #666666;
}
#footerPagetop_btn{
	width: 980px;
	height:50px;
	margin: 0px auto;
}
#footerPagetop_btn a{
	float: right;
	background: #FFFFFF;
	width: 50px;
	height:50px;
}
#footerPagetop_btn a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#footerInner {
	width: 980px;
	margin: 0 auto;
}
#footerInner dl {
	margin-bottom: 15px;
}
#footerInner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#footerInner {display: inline-block;}

/* Hides from IE-mac \*/
* html #footerInner {height: 1%;}

#footerInner {display: block;}

/* End hide from IE-mac */
footer a {
	text-decoration: none;
}
footer a:hover {
	color: #ff5512;
	text-decoration: underline;
}
footer dl {
	display: block;
	height:280px;
	float: left;
	padding-right: 8px;
	border-left: 1px solid #c5c5c5;
}
footer dt {
	margin-top: 20px;
	margin-bottom: 0.5em;
	padding-left: 20px;
	font-size: 80%;
	font-weight: bold;
}
footer dd {
	line-height: 1.8;
	padding-left: 32px;
	font-size: 80%;
}
.link {
	background:url(../images/com_ico001.gif) no-repeat 20px 0.5em;
}
.titlelink {
	padding-left: 32px
}
.img {
	background:url(../images/logo_kms_footer.png) no-repeat 0px 0px;
	width: 532px;
	height: 60px;
	margin-top: 20px;
	float: left;
}

/*  text align
=========================================*/
.aL {
	text-align: left !important;
}
.aC {
	text-align: center !important;
}
.aR {
	text-align: right !important;
}

/*  margin
=========================================*/
/* top */
.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt120 {
	margin-top: 120px !important;
}
/* botom */
.mb5 {
	margin-bottom: 5px !important;
}
.mb7 {
	margin-bottom: 7px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}

/* left */
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml60 {
	margin-left: 60px !important;
}

/* right */
.mr40 {
	margin-right: 40px !important;
}


/*  padding
=========================================*/
/* top */
.pt0 {
	padding-top: 0 !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
/* bottom */
.pb0 {
	padding-bottom: 0 !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}

/* right */
.pr30 {
	padding-right: 30px !important;
}

/* left */
.pl0 {
	padding-left: 0 !important;
}
.pl20 {
	padding-left: 20px !important;
}


/*  home
=========================================*/
@media print, screen and (min-width: 641px) {
  .home-important-layout {
    margin-bottom: 30px;
    padding: 10px 15px;
    border: 2px solid #282f30;
    background-color: #fff;
  }
  .home-important-layout .home-important_title {
    color: #282f30;
    font-size: 1.0rem;
    font-weight: bold;
    text-align: center;
  }
  .home-important-layout .home-important_item {
    margin-top: 20px;
    font-size: 0.9rem;
  }
}