@charset "UTF-8";

/*=========================================
	株式会社熊谷　共通ベーススタイル + 共通レイアウト
=========================================*/


/*============共通ベーススタイル===========*/

/*-----------------固有CSSクリア-----------------*/
/*-basic-*/
html,body,
footer,header,nav,article,aside,section,
h1,h2,h3,h4,h5,h6,
div,p,ul,ol,dl,dt,dd,li,figure,figcaption,address,
form,input,textarea,select,option{
	margin:0;
	padding:0;
	background:transparent;
    color:#000;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

footer,header,nav,main,article,aside,section,figure,address{
display: block;
}

a img{border:0;}
ul,ol,dd{padding-left:40px;}


/*-text, font-*/
html{font-size:62.5%;}

a{
	  text-decoration:none;
	  color:#0f389d;
}
a:hover,a:active{text-decoration:underline; }

body,td,th{
	font-size:15px; /*←IE8以下用*/
	font-size:1.5rem;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-weight:300;
	line-height:24px; /*←IE8以下用*/
	line-height:2.4rem;
}

.m{
	font-size:small;
	font-size:/**/medium;
}
.xs{
  font-size:12px; /*←IE8以下用*/
  font-size:1.2rem;
}
strong,em{
  text-decoration:none;
  font-style:normal;
  font-weight:bold;
}
.line-through{
	text-decoration:line-through;
}


/*-----------------スタイルフォーマット-----------------*/
/*-align, float-*/
.alc{text-align:center;}
.all{text-align:left;}
.alr{text-align:right;}

.albc{margin-left:auto; margin-right:auto;}
.albl{margin-left:0; margin-right:auto;}
.albr{margin-left:auto; margin-right:0;}

.fleft{float:left;}
.fright{float:right;}

/*-font-*/
.lighter{font-weight:lighter;}
.bolder{font-weight:bolder;}
.smaller{font-size:smaller;}
.larger{font-size:larger;}

hr{
  height:0;
  border:none;
  color:transparent;
  visibility:hidden;
}
.clear,h1,h2,h3,h4{clear:both;}

/*-block-*/
.blk{
  display:block;
}


/*============共通レイアウト（ヘッダー／フッター／グローバルナビ／サイドナビ）===========*/

/*-body-------------------------------------------------*/
body{
	background:#fff url(../images/header_line.jpg) no-repeat top center;
	text-align:center;
}

/*-テキスト隠し------------------------------------------*/
#hsubnav p,#hsubnav ul,header nav,.pagetop p{
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/*-header-----------------------------------------------*/
header{
	margin:36px auto 0;
	width:960px;
	height:102px;
}
header .logo{
	margin:0 0 auto 0;
	width:191px;
	height:40px;
	float:left;
}

/*-お問い合わせ／多国語サイトボタン-*/
header #hsubnav{
	margin:0 0 0 auto;
	width:448px;
	height:40px;
	background:#fff url(../images/logo_2.png) no-repeat top right;
}
#hsubnav p a,#hsubnav ul li,#hsubnav ul li a{
	display:block;
}
#hsubnav p,#hsubnav p a{
	margin:0;
	width:124px;
	height:28px;
}
#hsubnav p{float:left;}
#hsubnav ul{
	margin:0 0 0 10px;
	padding:0;
	width:195px;
	height:28px;
	list-style:none;
	float:left;
}
#hsubnav ul li,#hsubnav ul li a{
	margin:0;
	width:65px;
	height:28px;
}
#hsubnav ul li{float:left;}
#hsubnav p a{background:url(../images/hnav_contact.png) no-repeat 0 0;}
#hsubnav .jpn a{background:#fff url(../images/hnav_jpn.png) no-repeat 0 0;}
#hsubnav .chinese a{background:#fff url(../images/hnav_chinese.png) no-repeat 0 0;}
#hsubnav .english a{background:#fff url(../images/hnav_english.png) no-repeat 0 0;}

#hsubnav a:hover{background-position:0 -28px;}
.lang-jpn #hsubnav .jpn a,
.lang-chinese #hsubnav .chinese a,
.lang-english #hsubnav .english a{background-position:0 -28px;}

/*-グローバルナビゲーション-*/
header nav{
	margin:22px 0 0;
	clear:both;
}
header nav,header nav ul{
	width:960px;
	height:40px;
}
header nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
header nav ul li,header nav ul li a{
	display:block;
	margin:0;
	width:192px;
	height:40px;
}
header nav ul li{float:left;}
header nav .product a{background:#fff url(../images/mainnav_product.png) no-repeat 0 0;}
header nav .technical a{background:#fff url(../images/mainnav_technical.png) no-repeat 0 0;}
header nav .company a{background:#fff url(../images/mainnav_company.png) no-repeat 0 0;}
header nav .csr a{background:#fff url(../images/mainnav_csr.png) no-repeat 0 0;}
header nav .recruit a{background:#fff url(../images/mainnav_recruit.png) no-repeat 0 0;}

header nav a:hover{background-position:0 -40px;}
#product header nav .product a,
#technical header nav .technical a,
#company header nav .company a,
#csr header nav .csr a,
#recruit header nav .recruit a{background-position:0 -80px;}

/*-パンくずナビ-------------------------------------------*/
#pan{
	clear:both;
	margin:0 auto;
	height:40px;
	background:#eee url(../images/pan_bg.jpg) repeat-x top left;
	text-align:center;
}
#pan p{
	margin:0 auto 0;
	padding-top:10px;
	width:960px;
	font-size:14px;/*←IE8以下用*/
	font-size:1.4rem;
	text-align:left;
	color:#444;
}

/*-main-------------------------------------------------*/
main{
	margin:0 auto 0;
	background:#fff url(../images/bg_grad.jpg) repeat-x top left;
	clear:both;
}
main .wrap{
	margin:0 auto 0;
	padding-top:0;
	width:960px;
	text-align:left;
	background-color:#fff;
}
/*-トップページのみの設定-*/
#home main .wrap{
	padding-top:0;
	background-color:transparent;
}

/*---サイドナビゲーション---*/
#sidenav{
	margin:0;
	width:204px;
	background:#fff url(../images/snav_shadow.jpg) no-repeat top right;
	float:left;
	letter-spacing:1px; /*←IE8以下用*/
	letter-spacing:0.1rem;
}
#sidenav nav{
	padding-bottom:100px;
	background:transparent url(../images/snav_shadow_bottom.jpg) no-repeat bottom right;
}
#sidenav nav p,#sidenav nav ul,#sidenav ul li a,#sidenav ul .on{
	width:194px;
}
#sidenav nav p{
	height:80px;/*←IE8以下用*/
	height:8rem;
	color:#fff;
	font-size:20px;/*←IE8以下用*/
	font-size:2rem;
	text-indent:14px;
	display:table-cell;
	vertical-align:middle;
	background:#0d51a7 url(../images/snav_arrow.png) no-repeat 170px center;
}
#sidenav nav p a,#sidenav nav p a:hover{color:#fff;}
#sidenav nav ul{
	padding:0;
	list-style:none;
}
#sidenav ul li,#sidenav ul li a{
	display:block;
	height:40px;/*←IE8以下用*/
	height:4rem;
}
#sidenav ul li{
	border-bottom:1px solid #e0e0e0;
}
#sidenav ul li a,#sidenav ul .on{
	text-indent:14px;
	display:table-cell;
	vertical-align:middle;
}
#sidenav ul li a{color:#000;}
#sidenav ul li a:hover{background-color:#f7f7f7;}
#sidenav ul .on,#sidenav ul .on a,#sidenav ul .on a:hover{
	color:#fff;
	background-color:#2885d5;
}
#sidenav ul .sub{
	background:#f0f0f0 url(../images/sidesub_point.png) no-repeat 15px center;
}
#sidenav ul .sub a,#sidenav ul .subon a{text-indent:31px;}
#sidenav ul .sub a:hover{
	background:#e5e5e5 url(../images/sidesub_point.png) no-repeat 15px center;
}
#sidenav ul .subon{
	background:#eaf3fe url(../images/sidesub_point.png) no-repeat 15px center;
}
#sidenav ul .subon a:hover{
	background:#eaf3fe url(../images/sidesub_point.png) no-repeat 15px center;
	text-decoration:none;
}

/*---コンテンツ部分---*/
#content,#content_top{
	margin:0;
	width:706px;
	float:right;
}
/*-基本ボックス-*/
#content .main{
	margin:0;
	width:686px;
}
#content section,#content_1column section{
	margin:40px 0 0;
	clear:both;
}
/*-見出し・強調-*/
#content h1,#content_top h1,#content_1column h1{
	font-size:26px;/*←IE8以下用*/
	font-size:2.6rem;
	letter-spacing:1px; /*←IE8以下用*/
	letter-spacing:0.1rem;
	display:table-cell;
	vertical-align:middle;
}
#content h1,#content_top h1{
	width:706px;
	height:80px;
	text-indent:30px;
}
main #content h1{
	font-size:27px;/*←IE8以下用*/
	font-size:2.7rem;
	color:#fff;
	text-indent:34px;
	background:#fff url(../images/h1_bg.jpg) no-repeat 0 0;
}
#content h2,#content_1column h2{
	margin:0 0 auto 0;
	width:686px;
	height:45px;
	color:#000;
	font-size:20px;/*←IE8以下用*/
	font-size:2rem;
	letter-spacing:1px; /*←IE8以下用*/
	letter-spacing:0.1rem;
	text-indent:30px;
	display:table-cell;
	vertical-align:middle;
	background:#f2f2f2 url(../images/arrow_1.png) no-repeat 0 bottom;
}
#content h3{
	margin:0 0 auto 0;
	height:17px;
	color:#0f389d;
	font-size:16px;/*←IE8以下用*/
	font-size:1.6rem;
	font-weight:bold;
	line-height:0;
	border-bottom:2px solid #bfc8f0;
}
#content h4,#content strong{
	margin:0 0 auto 0;
	color:#0f389d;
	font-size:16px;/*←IE8以下用*/
	font-size:1.6rem;
	font-weight:bold;
	line-height:0;
}
/*-本文-*/
#content section p,#content section figure,#content section ul,#content table,
#content_1column section p,#content_1column section figure,#content_1column section ul,#content_1column table{
	margin-top:20px;
}
#content section ul,#content_1column section ul{padding-left:20px;}
/*-テーブル-*/
#content table,#content_1column table{
	table-layout:fixed;
	border-collapse:collapse;
}
#content table tr th,#content table td,#content_1column table tr th,#content_1column table td{
	padding:8px 14px;
	text-align:left;
	vertical-align:middle;
	border:1px solid #ccc;
}
#content table th,#content_1column table th{
	text-align:center;
	font-weight:500;
	background-color:#eaf3fe;
}
#content table td,#content_1column table td{
	font-weight:lighter;
}
/*-リンク・ボタン-*/
#content .textlink{
	display:block;
	height:20px;/*←IE8以下用*/
	height:2rem;
	text-indent:14px;
	background:#fff url(../images/arrow_2.png) no-repeat 0 center;
}
#content section figure a:hover{opacity:0.6; }
/*IE8以下用*/.ie8 #content section figure a:hover{
	filter: alpha(opacity=50);
    zoom: 1;
}
/*-強調するセクション-*/
#content .strong_sec{
	margin-top:30px;
	padding:20px;
	background-color:#f2f2f2;
}
#content .strong_sec h3{
	margin:8px 0 auto 0;
	height:auto;
	border-bottom:none;
}
#content .strong_sec h4{
	margin-top:8px;
	color:#333;
	font-size:17px;/*←IE8以下用*/
	font-size:1.7rem;
}
#content .strong_sec a:hover{color:#777;}
/*-矢印-*/
#content .arrow1{
	display:block;
	margin:10px 0 0;
	height:37px;
	background:#fff url(../images/arrow_3.png) no-repeat center 0;
}

/*---カテゴリトップページのみの設定---*/
#content_top h1{
	border-top:6px solid #2885d5;
	height:160px;
	font-weight:bold;
	letter-spacing:1px; /*←IE8以下用*/
	letter-spacing:0.1rem;
	color:#333;
}
#content_top .main{
	margin:30px 0 0;
	width:706px;
}
/*-アイコン-*/
#content_top .topicon{
	margin:0;
	width:220px;
	height:276px;/*←IE8以下用*/
	height:27.6rem;
	background:#fff url(../images/catetop_iconbg.jpg) no-repeat 0 bottom;
	float:left;
}
#content_top #topicon_2,#content_top #topicon_3,#content_top #topicon_5,#content_top #topicon_6{
	margin-left:23px;}
#content_top #topicon_4,#content_top #topicon_5,#content_top #topicon_6{
	margin-top:30px;}
#content_top .topicon h2,#content_top .topicon p{
	margin-left:10px;
	margin-right:10px;
}
#content_top .topicon h2{
	margin-top:5px;
	font-size:18px;
	font-size:1.8rem;/*←IE8以下用*/
	font-weight:bold;
	color:#333;
}
#content_top .topicon p{
	margin-top:10px;
	line-height:22px; /*←IE8以下用*/
	line-height:2.2rem;
}
#content_top .topicon figure a:hover{opacity:0.6; }
/*IE8以下用*/.ie8 #content_top .topicon figure a:hover{
	filter: alpha(opacity=50);
    zoom: 1;
}
#content_top .topicon a:hover{color:#777;}

/*---1カラムページのみの設定---*/
#content_1column{
	margin:0;
	width:960px;
}
#content_1column h1{
	margin:0;
	width:960px;
	height:80px;
	color:#fff;
	text-indent:60px;
	background-color:#2885d5;
}
#content_1column .main{
	margin:30px 60px 0 60px;
	width:840px;
}
#content_1column h2{
	width:840px;
}


/*-pagetop----------------------------------------------*/
.pagetop{
	clear:both;
	margin:0 auto 0;
	padding-top:50px;
	width:960px;
	text-align:right;
}
.pagetop p{
	margin:0 0 0 auto;
}
.pagetop p a{
	display:block;
	background:#fff url(../images/pagetop.png) no-repeat 0 0;
}
.pagetop p,.pagetop p a{
	width:150px;
	height:34px;
}
.pagetop p a:hover{background-position:0 -34px;}

/*-footer link--------------------------------------------*/
#footerlink{
	margin:0 auto;
	padding-bottom:20px;
	width:960px;
	color:#fff;
	background-color:#0951a7;
	border-bottom:1px solid #fff;
}
#footerlink a{color:#fff;}
#footerlink section{
	margin:20px 0 auto 66px;
	float:left;
	text-align:left;
	}
#footerlink #product{margin-left:148px;} 
#footerlink section p{
	text-indent:11px;
	background:#0951a7 url(../images/footerlink_arrow.png) no-repeat 0 center;
}
#footerlink ul{
	margin-top:10px;
	padding:0;
	list-style:none;
}
#footerlink ul li{
	display:block;
	text-indent:10px;
	background:#0951a7 url(../images/footerlink_point.png) no-repeat 0 center;
}
#footerlink ul li a{
	font-size:13px;/*←IE8以下用*/
	font-size:1.3rem;
	font-weight:200;
	letter-spacing:1px; /*←IE8以下用*/
	letter-spacing:0.1rem;
}
#footerlink section .marjintop{margin-top:15px;}

/*-footer------------------------------------------------*/
footer{
	margin:0 auto 0;
}
/*-フッターナビゲーション-*/
footer nav{
	margin:0 auto 0;
	height:40px;
	background-color:#003399;
	text-align:center;
}
footer nav ul{
	margin:0 auto 0;
	padding:0;
	height:40px;
	width:386px;/*←IE8以下用*/
	width:38.6rem;
	list-style:none;
}
footer nav ul li{
	display:block;
	margin:12px 0 0;
	height:16px;
	border-left:1px solid #fff;
	text-align:center;
	line-height:13px;
	float:left;
}
footer .sitemap{
	width:120px;/*←IE8以下用*/
	width:12rem;
}
footer .privacy{
	width:140px;/*←IE8以下用*/
	width:14rem;
}
footer .contact{
	width:120px;/*←IE8以下用*/
	width:12rem;
	border-right:1px solid #fff;
}
footer nav ul li a{
	color:#fff;
	text-decoration:none;
	font-size:13px;/*←IE8以下用*/
	font-size:1.3rem;
	font-weight:l00;
	letter-spacing:1px; /*←IE8以下用*/
	letter-spacing:0.1rem;
}
footer nav ul li a:hover{text-decoration:underline; }
/*-copyright-*/
footer .copyright{
	margin:0;
	height:166px;
	background:#fff url(../images/footer_bg.jpg) no-repeat top center;
	text-align:center;
}
footer .copyright p{
	margin:0 auto 0;
	padding-top:32px;
	width:960px;
	font-size:12px;/*←IE8以下用*/
	font-size:1.2rem;
	color:#555;
	text-align:right;
}