@charset "utf-8";

/*
Theme Name: kictec
Description: eNetSolutionsで使用するテンプレートです
Version: 1.0
Author: eNet
Author URI: http://www.enetsolutions.co.jp/
*/


/*-----------------------------------------------------------
 clear fix & リセット
 -----------------------------------------------------------*/
.clearfix:after {
	content: " " ;
	display : block ;
	clear : both;
	height : 0 ;
	visibility : hidden ;
}
.clearfix {
	min-height : 1px ;
}
* html .clearfix {
		height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
a:hover img.hoverImg {
	filter:alpha(opacity=70);
	opacity:0.7;
    -moz-opacity: 0.7;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
	list-style-type : none ;
}
img {
	vertical-align: middle;
}

/*-----------------------------------------------------------
 Google Noto Font
 -----------------------------------------------------------*/
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: local('NotoSansJP-Regular.otf'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
 }
/*-----------------------------------------------------------
 ベース
 -----------------------------------------------------------*/
html {
	overflow-y : scroll ;
}
body{
	font-family: "Helvetica","Arial","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 1.7;
	/*background: url(/wordpress/wp-content/themes/kictec/img/common/bg-main.gif) repeat top center;*/
}
body.fontL {
	font-size: 14px;
}
/*a,a:visited {
	color: #333;
}*/
a{
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #008b9c;
}
body #mainWrapper {
	margin: 0 auto;
}


/*-----------------------------------------------------------
 ヘッダー
 -----------------------------------------------------------*/
#header_underline{
	border-bottom:2px solid #d6de73;
}
#headerArea {
	position: relative;
	height: 76px;
	width:960px;
	margin: 0 auto;
}
	#headerArea h1,
	#headerArea .logo_2nd{
		padding: 18px 0 0 35px ;
	}
	/*サブメニュー*/
	#headerArea #headerSubNavi {
		position: absolute;
		top:27px;
		right: 0px;
	    font-family: 'Noto Sans Japanese', sans-serif;
	}
		/*フォントサイズ*/
		#headerArea dl#fontChange {
			float: left;
			color: #007d7f;
		}
			#headerArea dl#fontChange dt,#headerArea dl#fontChange dd {
				float: left;
			}
				#headerArea dl#fontChange dt {
					font-size: 80%;
					font-weight:200;
					font-weight: bold;
					line-height: 21px;
				}
				#headerArea dl#fontChange dd {
					cursor: pointer;
					margin: 4px 0 0 0;
					width:14px;
					height: 14px;
					text-indent: -9999px;
				}
				#headerArea dl#fontChange dd#fontM {
					margin-left:4px;
					background: url(/wordpress/wp-content/themes/kictec/img/common/header/font-size-m.gif) no-repeat 0 0;
				}
				#headerArea dl#fontChange dd#fontL {
					margin-left: 3px;
					background: url(/wordpress/wp-content/themes/kictec/img/common/header/font-size-l.gif) no-repeat 0 0;
				}
				#headerArea dl#fontChange dd#fontM:hover,
				#headerArea dl#fontChange dd#fontL:hover {
					background-position: 0 -14px;
				}
				#mainWrapper #headerArea dl#fontChange dd.currentF {
					background-position: 0 -14px;
				}

		#headerArea .btn_contact{
			float: left;
			margin-left:15px;
		}
		/*検索窓*/
		#headerArea div#searchBox {
			float: left;
			margin-left:10px;
		}
			#searchform {
			    width: 120px;
			   	border: 1px solid #64635C;
			    display: block;
			    height: 19px;
			    position: relative;
			}
			#keywords  {
			    width: 90px;
			    position: absolute;
			    top: 2px;
			    left: 5px;
			    border: 0px solid #FFF;
			    height:11px;
			}
			#searchBtn {
			    position: absolute;
			    top: 2px;
			    right: 3px;
			}
			input#keywords::-webkit-input-placeholder {
				font-size:10px;
			    color: #ccc;
			    font-weight: normal;
			}
			input#keywords:-ms-input-placeholder {
				font-size:10px;
			    color: #ccc;
			    font-weight: normal;
			}
			input#keywords::-moz-placeholder {
				font-size:10px;
			    color: #ccc;
			    font-weight: normal;
			}
/*-----------------------------------------------------------
 グローバルナビ
 -----------------------------------------------------------*/
ul#gNavi {
	width:960px;
	margin: 0 auto 18px;
	clear: both;
}
	ul#gNavi li {
		float: left;
	}
		ul#gNavi li a {
			display:block;
			width:120px;
			height: 15px;
			line-height: 15px;
			box-sizing:border-box;
			border-left: 1px solid #bdcb20;
			font-size: 105%;
			font-family: 'Noto Sans Japanese', sans-serif;
			font-weight: 500;
			color: #007d7f;
			text-align: center;
			text-decoration: none;
			letter-spacing: 2px;
		}
			ul#gNavi li:last-child a {
				border-right: 1px solid #bdcb20;
			}
		ul#gNavi li a:hover {
			color: #000;
		}
/*#tooltipsy {
	background: url(/wordpress/wp-content/themes/kictec/img/common/bg-tooltip-02.gif) no-repeat 0 bottom;
	padding: 0 0 10px ;
	margin:-4px 0 0 60px;
}
#tooltipsy .tooltipsy {
	background: url(/wordpress/wp-content/themes/kictec/img/common/bg-tooltip-01.gif) no-repeat 0 0;
	padding: 17px 10px 0;
	width:220px;
	line-height: 2;
}*/
/*-----------------------------------------------------------
 内容
 -----------------------------------------------------------*/
#contentsArea {
	margin: 0 auto;
	width: 960px;
}
#contentsArea #mainBlock {
	float:right;
	width: 670px;
	margin-right:12px;
	position: relative;
}
#contentsArea #mainBlockW {
	width:960px;
}
#contentsArea #mainBlock #textColumn {
	padding: 0 0 20px;
}

#contentsArea #mainBlock #textColumn p,
#contentsArea #mainBlockW #textColumn p {
	margin: 0 0 1.5em;
	font-size: 108%;
}
#contentsArea #mainBlockW #textColumn {
	padding: 20px 120px 40px;
	/*background: url(/wordpress/wp-content/themes/kictec/img/common/bg-h1-04.gif) repeat-x 0 0;*/
}


/*-----------------------------------------------------------
 サイドブロック
 -----------------------------------------------------------*/
#contentsArea #sideBlock {
	float:left;
	width:225px;
}
/*#topSideBlock dl,
#sideBlock dl {
	padding: 0 0 10px;
}
#topSideBlock dl dt,
#sideBlock dl dt {
	background: url(/wordpress/wp-content/themes/kictec/img/common/bg-side-dt.gif) repeat-x left bottom #636363;
	*background: #636363;
	padding: 10px 10px;
	border-radius: 4px 4px 0 0;
	position: relative;
}
#topSideBlock dl dd,
#sideBlock dl dd {
	background: #fff;
	border-radius: 0 0 4px 4px;
	padding: 20px 20px 5px;
	border-radius: 0 0 4px 4px;
	-moz-box-shadow: 0px 2px 0px #bbb;
	-webkit-box-shadow: 0px 2px 0px #bbb;
	box-shadow: 0px 2px 0px #bbb;
	position: relative;
}
#topSideBlock dl dd p,
#sideBlock dl dd p {
	margin: 0 0 15px;
}
#topSideBlock dl dd p img,
#sideBlock dl dd p img {
	border-radius: 4px;
}*/
/*#sideBlock dl.sideNavi {
	background: url(/wordpress/wp-content/themes/kictec/img/common/bg-side.gif) repeat 0 0;
}*/


/*-----------------------------------------------------------
 フッター
 -----------------------------------------------------------*/
#footerWrap{
	background-color: #007d7f;
	padding-bottom: 38px;
}
	#footerArea {
		width:960px;
		margin: 0 auto;
	}
		#footerArea a,#footerArea p {
			color: #fff;
			text-decoration: none;
		}
		#footerArea a:hover {
			text-decoration: underline;
		}
#footerArea #footerNav {
	padding: 33px 0 39px 0px;
	font-family: 'Noto Sans Japanese', sans-serif;
}
	#footerArea #footerNav ul {
		float: left;
		height: auto;
		padding:0px 15px;
		border-right:1px solid #b4c300;
		box-sizing:border-box;
	}
		#footerArea #footerNav ul:last-child {
			border:none;
		}

			#footerArea #footerNav ul li:first-child {
				font-size: 105%;
				margin: 0 0 10px;
			}
				#footerArea #footerNav ul li.zenkoku{
					font-size: 105%;
					margin: 50px 0 0px;
				}
				#footerArea #footerNav ul li.cat2{
					display: inline-block;
					color:#FFF;
				}
			#footerArea #footerNav ul li {
				font-size:86%;
				line-height: 1.9;
			}
				#footerArea #footerNav ul:nth-child(1){
					width: 140px;
				}
				#footerArea #footerNav ul:nth-child(2){
					width:160px;
				}
				#footerArea #footerNav ul:nth-child(3) {
					width:160px;
				}
				#footerArea #footerNav ul:nth-child(4) {
					width:150px;
				}
				#footerArea #footerNav ul:nth-child(5){
					width:150px;
				}
				#footerArea #footerNav ul:nth-child(6) {
					width:180px;
				}

	#footerArea #footerSubNavi {
		position: relative;
		height: 36px;
		color: #fff;
		padding: 0px 10px ;
		line-height: 10px;
	}
		#footerArea #footerSubNavi ul {
			position: absolute;
			bottom:0;
			left: 0;
			font-family: 'Noto Sans Japanese', sans-serif;
		}
			#footerArea #footerSubNavi ul li {
				float: left;
				border-right: 1px solid #93bcc0;
				padding: 0 11px;
				font-size: 85%;
			}
			#footerArea #footerSubNavi ul li:last-child {
				border: none;
				padding: 0 0 0 11px;
			}
		#footerArea p#copyright {
			position: absolute;
			bottom:0;
			left: 400px;
			font-size: 75%;
			text-transform: uppercase;
		}
		#footerArea p#footer_logo {
			position: absolute;
			bottom:0;
			right: 10px;
		}


/*-----------------------------------------------------------
 その他共通要素
 -----------------------------------------------------------*/

strong {
	font-weight: bold;
}
a.arrowLink1 {
	background: url(/wordpress/wp-content/themes/kictec/img/common/arrow-02.gif) no-repeat 0 0;
	padding: 0 0 0 20px;
	text-decoration: none;
	font-weight: bold;
}
a.arrowLink2 {
	background: url(/wordpress/wp-content/themes/kictec/img/common/arrow-01.gif) no-repeat 0 0.2em;
	padding: 0 0 0 15px;
}
a.arrowLink2:hover {
	background-position: 2px 0.2em;
}
a.arrowLink3 {
	background: url(/wordpress/wp-content/themes/kictec/img/common/arrow-03.gif) no-repeat 0 0;
	padding: 0 0 0 20px;
	text-decoration: none;
	font-weight: bold;
}
.aligncenter {
	text-align: center;
}

#contentsArea a.btn1 {
	background: #008B9C;
	border: 1px solid #00616E;
	display: inline-block;
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.4);
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset;
	border-radius: 4px;
}
#contentsArea a.btn1:hover {
	background: #007d8c;
}

.clear a:hover img {
	opacity :0.7;
	filter : alpha(opacity=70);
	-ms-filter : "alpha( opacity=70 )";
	background : #fff;
}