@charset "utf-8";


/*-------------------------------------------------
	layout base
	-------------------------------------------------*/
	html, body {

		text-align:center;
		height:100%;
	}

/*-------------------------------------------------
	text color and size
	-------------------------------------------------*/
	body, th, td, h1, h2, h3, h4, h5, h6, pre, input, textarea, option, div, p, dt, dd, li, address {
/*		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
		font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
		font-size: 12px;
		font-weight: normal;
		font-style: normal;
		color:#505050;
	}
/*-------------------------------------------------
 text link
 -------------------------------------------------*/
 a:link {
 	color:#646464;
 	text-decoration:none;
 }
 a:visited {
 	color:#646464;
 	text-decoration:none;
 }
 a:hover {
 	color:#749fd9;
 	text-decoration:none;
 }
 a:hover {
 	active:#749fd9;
 }

/*-------------------------------------------------
	body
	-------------------------------------------------*/

	body {
		border-top: 4px solid #000000;

	}

/*-------------------------------------------------
	useful
	-------------------------------------------------*/

	.w100 { width:100px; }
	.w158 { width:158px; }
	.w160 { width:160px; }
	.w200 { width:200px; }
	.w258 { width:258px; }
	.w298 { width:298px; }
	.w439 { width:439px; }
	.w460 { width:460px; }

	 p.em1 { text-indent: 1em; }
	 .ml1 { margin-left: 1em; }

	 .red{ color: #ff0000; }
	 .blue{
		font-weight: normal;
		color:#749fd9;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}





/*-------------------------------------------------
	article
	-------------------------------------------------*/

	article{
		text-align:left;
		/*margin-bottom: 30px;*/
	}

/*-------------------------------------------------
	header
	-------------------------------------------------*/

	header{
		height: 170px;
		position: relative;
		text-align: left;
		background-color:#fff;
	}

	#home header{
		height: 190px;
	}


	header h1{
		float: left;
		margin-right: 23px;
		padding-top: 13px;
	}

	header h2{
		float: left;
		padding-top: 13px;
	}

	header hgroup {
		padding: 15px 0 43px 0;
		position: relative;

	}

	header hgroup .h_yukiotoko{
		position: absolute;
		left: 691px;
		top: 73px;
	}

	header hgroup .h_yukiotoko2{
		position: absolute;
		left: 435px;
		top: 66px;
	}


	#header_r {
		float: right;
		display: inline-block;

	}

	.english {
		text-align: right;
		margin-bottom: 40px;
	}

	.sns {
		position: absolute;
		top: 45px;
		right: 0px;
		width: 160px;
		padding-top: 15px;
	}

	.sns ul {
		overflow: hidden;
		zoom: 1;
	}

	.sns li {
		float: left;
		display: inline-block;
		padding-left: 7px;
	}

	header nav {
		border-top: 1px solid #505050;

	}

	header nav li{
		float: left;
		margin-right: 36px;
	}

	#hn_about,#hn_product,#hn_blog,#hn_news{
		opacity:0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		}


	#about01 #hn_about,#about02 #hn_about,#about03 #hn_about,#about04 #hn_about,#about05 #hn_about,#about06 #hn_about,#about07 #hn_about,
	#product #hn_product,#product01 #hn_product,#product02 #hn_product, #product03 #hn_product,#product04 #hn_product,#product05 #hn_product,
	#product06 #hn_product,#product07 #hn_product,#product08 #hn_product,#product09 #hn_product,#product10 #hn_product,
	#product11 #hn_product,#product12 #hn_product,#product13 #hn_product,#product14 #hn_product,#product15 #hn_product,#product16 #hn_product,#product17 #hn_product,
	#blogpage #hn_blog,#newspage #hn_news{
		opacity:1.0;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
		-moz-opacity:1.0;
		-khtml-opacity: 1.0;
		}





/*-------------------------------------------------
	footer
	-------------------------------------------------*/

	footer {
		border-top: 1px solid #505050;
		text-align: left;
		padding:19px 0 39px 0;



	}

	footer nav li{
		float:left;
		margin-right: 22px;
		font-size: 11px;
	}

	#copyright{
		float: right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
	}

	.blackBg footer {
		width:439px;
		border-top: 1px solid #505050;
		text-align: left;
		padding:19px 0 39px 0;
		float: right;
	}

	.blackBg footer nav{
		margin-bottom:20px;
	}

	.blackBg footer nav li{
		float:none;
		line-height:22px;
	}

	.blackBg #copyright{
		float: none;
	}


/*-------------------------------------------------
	wrapAll
	-------------------------------------------------*/


	#wrapAll {
		width: 1024px;
		margin: 0 auto;
;
	}

#wrapAll2 {
		width: 1024px;
		margin: 0 auto;
		height:100%;
	}

	#main {
		width: 940px;
		margin: 0 auto;
		height:100%;

	}


	.blackBg {
	background-image: url(/img/bg-black.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height:100%;

}

/*-------------------------------------------------
	detail
	-------------------------------------------------*/

.detail {
	width:258px;
	float: left;
	display: inline-block;

}

.detail h1{
	border-top: 1px solid #505050;
	font-size:30px;
	padding-top:6px;
	margin-bottom: 50px;
	line-height:36px;
}

.detail hgroup {
	border-top: 1px solid #505050;
	padding-top:6px;

}

.detail hgroup.echigo{
	border:none;
	padding-top:15px;

}

.detail hgroup h1{
	border-top: none;
	font-size:26px;
	margin-bottom: 50px;
	padding-top:0;

}

.detail hgroup h2{
	font-size:14px;
	margin-bottom: 10px;
}

.detail p{
	font-size: 14px;
	line-height: 28px;
}

.detail table {
	margin-bottom: 28px;
}

.detail table th{
	border-bottom: 1px solid #cecece;
	padding:9px 0 4px 0;
	line-height: 130%;
	width:100px;
}

.detail table td{
	border-bottom: 1px solid #cecece;
	padding:9px 0 4px 0;
	line-height: 130%;
}



.detail_02 {
	width:438px;
	float: left;
	display: inline-block;
	overflow:hidden;
	zoom:1;
}

.detail_02 h1{
	border-top: 1px solid #505050;
	font-size:30px;
	padding-top:6px;
	margin-bottom: 50px;
}

.detail_02 hgroup {
	border-top: 1px solid #505050;
	padding-top:6px;

}

.detail_02 hgroup h1{
	border-top: none;
	font-size:26px;
	margin-bottom: 50px;
	padding-top:0;

}

.detail_02 hgroup h2{
	font-size:14px;
	margin-bottom: 10px;
}

.detail_02 p{
	font-size: 14px;
	line-height: 28px;
}



/*-------------------------------------------------
	sideNav
	-------------------------------------------------*/

.sideNav {
	width:100px;
	float: right;
	margin-bottom: 50px;
	display: inline-block;

}

.sideNav h2{
	border-top: 1px solid #505050;
	font-size: 16px;
	color: #505050;
	padding-top: 4px;
	margin-bottom:25px;
}

.sideNav div{
	margin-bottom:10px;
}


#product01 #sn_product01 a,#product02 #sn_product02 a,#product03 #sn_product03 a,#product04 #sn_product04 a,#product05 #sn_product05 a,
#product06 #sn_product06 a,#product07 #sn_product07 a,#product08 #sn_product08 a,#product09 #sn_product09 a,#product10 #sn_product10 a,
#product11 #sn_product11 a,#product12 #sn_product12 a,#product13 #sn_product13 a,#product14 #sn_product14 a,#product16 #sn_product16 a,
#product17 #sn_product17 a,#about02 #sn_wagou a,#about03 #sn_echigojin01 a,#about03 #sn_echigojin a,#about04 #sn_echigojin02 a,#about04 #sn_echigojin a,
#about05 #sn_echigojin03 a,#about05 #sn_echigojin a,#about06 #sn_echigojin04 a,#about06 #sn_echigojin a,#about07 #sn_uonuma a{
	color: #000;
}
/*-------------------------------------------------
	picBox
	-------------------------------------------------*/

.picBox {
	width:460px;
	float: left;
	margin-right: 41px;
	display: inline-block;
}

/*-------------------------------------------------
	listStyle
	-------------------------------------------------*/

.listStyle01 li{
	line-height: 16px;
	margin-bottom:7px;
	padding-left: 9px;
	/*text-indent: -9px;*/
	background: url(/img/bg-list.gif) no-repeat left top;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.listStyle01 li:hover{
	background: url(/img/bg-list2.gif) no-repeat left top;
}

.listStyle01 li.sub{
	margin-left: 10px;
}

.listStyle01 li.last{
	margin-top:25px;
}


.listStyle02 li{
	font-size: 14px;
	line-height: 28px;
	padding-left: 9px;
	/*text-indent: -9px;*/
	background: url(/img/bg-list.gif) no-repeat 0 4px;
}

.listStyle02 li:hover{
	background: url(/img/bg-list2.gif) no-repeat  0 4px;
}


.listStyle03 li{
	line-height: 16px;
	margin-bottom:7px;
	padding-left: 9px;
	/*text-indent: -9px;*/
	background: url(/img/bg-list.gif) no-repeat left top;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
}

.listStyle03 li:hover{
	background: url(/img/bg-list2.gif) no-repeat left top;
}

.listStyle04 li h3{
	font-size: 14px;
	line-height: 28px;
	padding-left: 9px;
	/*text-indent: -9px;*/
	background: url(/img/bg-list.gif) no-repeat 0 4px;
}

.listStyle04 li h3:hover{
	background: url(/img/bg-list2.gif) no-repeat  0 4px;
}



/*-------------------------------------------------
	breadcrumb
-------------------------------------------------*/

#breadcrumb {
	text-align:left;
	margin-bottom: 35px;
	clear: bot;

}

#breadcrumb li{
	color:#749fd9;
	font-size:11px;
	float:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#breadcrumb li a{
	color:#646464;
	text-decoration:none;
}

#breadcrumb li a:hover{
	text-decoration:underline;
}

/*-------------------------------------------------
	item
-------------------------------------------------*/

.item_box_01{
	padding-top: 30px;
	width: 440px;
	border-bottom: 1px solid #505050;
	padding-bottom:40px;
	overflow: hidden;
	zoom: 1;
	clear:both;
}

.item_box_01 h2{
	font-size: 30px;
	line-height: 28px;
}

.item_box_01 p{
	font-size: 14px;
	line-height: 28px;
	margin: 25px 0;
}

.item_pic{
	float:left;
	width:148px;
	display: inline-block;

}

.item_detail{
	float:right;
	width:260px;
	display: inline-block;
}

#download{
	margin:20px 40px 120px 0px;
	float:right;
	display: inline-block;
}


/*-------------------------------------------------
	home
-------------------------------------------------*/

#main_pic{
	margin-bottom: 42px;
}

#content_area{
	width: 940px;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 70px;
}

#content_box01{
	float: left;
	width: 157px;
	border-top: 1px solid #505050;
	padding: 9px 0 0 0 ;
	margin-right: 35px;
	display: inline-block;
}

#content_box01 h2{
	margin-bottom: 34px;
}


#content_box01 p{
	padding-top: 30px;
	font-size: 12px;
	line-height: 24px;
}

#content_box02{
	float: left;
	width: 300px;
	border-top: 1px solid #505050;
	padding: 9px 0 0 0 ;
	margin-right: 35px;
	display: inline-block;
}

#content_box02 h2{
	margin-bottom: 34px;
}

#content_box02 ul{
	list-style: none;
	margin-bottom: 37px;
	overflow: hidden;
	zoom: 1;
}

#content_box02 li{
	background-color: #f3f3f3;
	border: 1px solid #cdcdcd;
	padding: 24px;
	float: left;
	display: inline-block;
}

#content_box02 li.nbR{
	border-right: none;
}

#content_box02 li.nbB{
	border-bottom: none;
}


#content_box03{
	float: left;
	width: 100px;
	border-top: 1px solid #505050;
	padding: 9px 0 0 0 ;
	margin-right: 30px;
	display: inline-block;
}

#content_box03 h2{
	margin-bottom: 26px;
}

#content_box03 dt{
	marigin: 10px 0;
	font-size: 10px;
	line-height: 22px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
}

#content_box03 dd{
	font-size: 12px;
	line-height: 22px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #505050;
	margin-bottom: 10px;
	font-weight: bold;
}

#content_box04{
	float: left;
	width: 157px;
	border-top: 1px solid #505050;
	padding: 9px 0 0 0 ;
	display: inline-block;
}

#content_box04 h2{
	margin-bottom: 23px;
}

#content_box04 h3{
	padding-bottom: 15px;
	border-bottom: 1px solid #505050;
	margin-bottom: 10px;
}

#content_box04 dt{
	padding-left: 10px;
	marigin-bottome: 10px;
	font-size: 10px;
	line-height: 22px;
	color: #666666;
}

#content_box04 dt.news{
	background:url(../timg/ico-n.gif) no-repeat 0 6px;
}

#content_box04 dt.press{
	background:url(../timg/ico-p.gif) no-repeat 0 6px;;
}

#content_box04 dd{
	font-size: 12px;
	line-height: 22px;
	color: #505050;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #505050;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}

#content_box05{
	display: inline-block;
	float: right;
	width: 100px;
	display: inline-block;
}

/*-------------------------------------------------
	about
-------------------------------------------------*/

#txtaera{
	padding-bottom: 45px;
	border-bottom: 1px solid #505050;
	margin-bottom: 30px;
}

#about_box_01{
	width: 438px;
	overflow: hidden;
	zoom: 1;
	padding-bottom: 60px;
	border-bottom: 1px solid #505050;
	margin-bottom: 30px;
}

#about_box_01 .about_img{
	float:left;
	width: 160px;
	padding-right: 20px;
	display: inline-block;
}

#about_box_01 .about_txt{
	float:left;
	display: inline-block;
	width: 258px;
}

#about_box_01 h2{
	margin-bottom: 30px;
}

#about_box_01 p{
	margin-bottom: 22px;
}

#about_box_02{
	width: 438px;
	overflow: hidden;
	zoom: 1;
	padding-bottom: 60px;
	border-bottom: 1px solid #505050;
	margin-bottom: 35px;
}

#about_box_02 .about_img{
	float:left;
	width: 160px;
	padding-right: 20px;
	display: inline-block;
}

#about_box_02 .about_txt{
	float:left;
	display: inline-block;
	width: 258px;
}

#about_box_02 h2{
	margin-bottom: 30px;
}

#about_box_02 p{
	margin-bottom: 22px;
}


#about_box_03{
	width: 438px;
	overflow: hidden;
	zoom: 1;
	padding-bottom: 60px;
	margin-bottom: 35px;
}

#about_box_03 .about_img{
	float:left;
	width: 160px;
	padding-right: 20px;
	display: inline-block;
}

#about_box_03 .about_txt{
	float:left;
	display: inline-block;
	width: 258px;
}

#about_box_03 h2{
	margin-bottom: 30px;
}

#about_box_03 p{
	margin-bottom: 22px;
}



/*-------------------------------------------------
	company
-------------------------------------------------*/


#company_h{
	float: left;
	width:123px;
	margin-right: 113px;
	display: inline-block;
}

#company_detail{
	float: left;
	width: 404px;
	overflow: hidden;
	zoom: 1;
}

#company_detail table {
	margin-bottom: 80px;
}

#company_detail th{
	width: 125px;
	vertical-align: top;
	font-size: 14px;
	color: #505050;
	line-height: 24px;

}

#company_detail td{
	width: 270px;
	float: left;
	vertical-align: top;
	font-size: 14px;
	color: #505050;
	line-height: 24px;

}


#company_detail tr{
	height: 45px;

}

#company_detail tr.low{
	height: 20px;

}

#maparea{

	overflow: hidden;
	zoom: 1;
	margin-bottom: 95px;
}

#maparea .map{
	margin-bottom: 65px;
}

#maparea .ico{
	float:left;
	width: 20px;
	margin: 0px 11px 0 6px;
}

#maparea .txt_google{
	float: left;
	padding-top:11px;
}






/*-------------------------------------------------
	sitemap
-------------------------------------------------*/


#sitemap_h{
	float: left;
	width:123px;
	margin-right: 113px;
	display: inline-block;
}

#sitemap{
	float: left;
	width: 490px;
	margin-bottom: 95px;
}

#sitemap dt,#sitemap dd{
	font-size: 14px;
	color: #505050;
	line-height: 24px;
}







/*-------------------------------------------------
	facebook　likebox
-------------------------------------------------*/

.iframe_wapper iframe{
	margin-left:-10px;
}


	.iframe_wapper{
    overflow:hidden;
    width:100px;
    height:385px;
    position:relative;
}

.iframe_wapper iframe{
    position:relative;
    left:-1px;
    top: -1px;
	background-color:#f3f3f3;
}

.iframe_wapper iframe{

	background-color:#f3f3f3;
}


#h_facebook {
    overflow:hidden;
    width:70px;
    height:20px;
    position:relative;
}


#isp-calendar-frame {

}

#isp-calendar-frame .holiday_am ,
#isp-calendar-frame .holiday_pm {
	display: none;
}