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

/* 基本
-------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td {
	margin:0;
	padding:0;
}

body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:0.8em;
	line-height: 160%;
	color:#333;
	letter-spacing: 1px;
}

p{
	padding-bottom:10px;
}

img{
	border:0px;
}

a:link,a:visited,a:active{
	color:#1D75D6;
}

a:hover{
	color:#539AE8;
}

table{
		background-color:#D4D4D4;
		width:100%;
}

table td{
    padding: 2px;
	background-color:#FFF;
	font-size:13px;
}

table th{
	padding: 2px;
	background-color:#EEE;
	font-size:13px;
}

table.access th{
	padding: 2px;
	background-color:#FFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	color:#005296;
	font-size:14px;
	font-weight: bold;
	text-align: left;
}

table.access td{
    padding: 2px;
	background-color:#FFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}

table.event th{
}

.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0px;
  visibility: hidden;
}

#header{
	margin-left:auto;
	margin-right:auto;
	padding-top: 40px;
	padding-bottom: 20px;
	width: 100%;
	min-width:950px;
}

#header2{
	margin-left:auto;
	margin-right:auto;
	padding-top: 40px;
	padding-bottom: 20px;
	width:950px;
}

#menu{
	float:right;
	width:580px;
	text-align: right;
	padding-top: 20px;
	padding-right: 40px;
}

#menu li{
	list-style:none;
	display:inline;
}

#menu li img{
	margin-left:15px;
	margin-right:15px;
}

.green{
	color:#009999;
	font-size: 120%;
	font-weight: bold;
}

.green2{
	color:#009999;
	font-size: 100%;
	font-weight: bold;
}


.green3{
	color:#009999;
	font-size: 140%;
	font-weight: bold;
	padding-bottom: 10px;
}

.red{
	color:#FF3200;
	font-size: 100%;
	font-weight: bold;
}

.red2{
	color:#FF2800;
	font-size: 120%;
	font-weight: bold;
}


.blue{
	color:#076CD0;
	font-size: 120%;
	font-weight: bold;
}

.bold{
	font-size: 100%;
	font-weight: bold;
}

.pic{
	border: #E1E1E1 solid 1px;
	padding: 2px;
}

.pic-l{
	border: #E1E1E1 solid 1px;
	padding: 2px;
	margin-right: 10px;
}

.pic-r{
	border: #E1E1E1 solid 1px;
	padding: 2px;
	margin-left: 10px;
}

.list-yerrow2{
	list-style-type: none;
	padding-left: 15px;
}

.list-yerrow2 li{
	background-image:url(../img/second/arrow-yerrow.gif);
	background-position: left 6px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 10px;
	display: block;
	width: 345px;
	float: left;
	padding-right: 10px;
}

.list-yerrow{
	padding-left: 10px;
	list-style-type: none;
}

.list-yerrow li{
	background-image:url(../img/second/arrow-yerrow.gif);
	background-position: left 6px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 15px;
}

.list-blue{
	padding-left: 10px;
	list-style-type: none;
}

.list-blue li{
	background-image:url(../img/second/arrow-blue2.gif);
	background-position: left 6px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 15px;
}


.list-ol{
	padding-bottom: 10px;
	padding-left: 25px;
}

.list-chiken{
	padding-left: 10px;
	list-style-type: none;
	width: 350px;
}

.list-chiken li{
	background-image:url(../img/second/arrow-yerrow.gif);
	background-position: left 6px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 15px;
}

.list-history{
	padding-left: 10px;
	list-style-type: none;
}

.list-history li{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: #CCCCCC dashed 1px;
}




/* 見出し
-------------------------------------------------------------- */
h1{
	float:left;
}

h2{
	padding-bottom: 20px;
}

h3{
	padding-bottom: 10px;
}

h3.midashi{
	padding-bottom: 20px;
}

h2.title{
	background-image: url(../img/second/h2-bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 6px;
	padding-top: 10px;
	font-size: 150%;
}

h2.title2{
	font-size: 170%;
	font-weight: bold;
}

h2.newstitle{
	background-image: url(../img/second/h2-newsbg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 6px;
	padding-top: 10px;
	font-size: 150%;
}


/* second
-------------------------------------------------------------- */
#container{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#side{
	float: left;
	width: 185px;
}

#contents{
	float: right;
	width: 750px;
}

#side-menu{
	background-image: url(../img/second/side-bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 844px;
    height: auto !important;  
    height: 844px;
}

#side-menu ul{
	list-style-type: none;
	padding-left:3px;
}

#side-menu ul li{
	background-image: url(../img/second/arrow-blue.jpg);
	background-position: 3px center;
	background-repeat: no-repeat;
	border-bottom: #CCCCCC dotted 1px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 149px;
}

#side-menu  #side-menu-s li.s{
	background-image:url(../img/second/arrow-blue2.jpg);
	background-position: 6px center;
	background-repeat: no-repeat;
	list-style:none;
	display:block;
	width:132px;
	margin-left:23px;
	padding: 5px 0 5px 15px;
	border-left: #CCCCCC dotted 1px;
}

#main{
	padding-bottom: 20px;
}

.wrap{
	padding-bottom: 30px;
	padding-top: 30px;
	background-image: url(../img/second/line-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

.wrap3{
	padding 0 100px 100px 20px;
}


.contents-left01{
	float:left;
	width: 397px;
}

.contents-left02{
	float:left;
	width: 629px;
}

.contents-left03{
	float:left;
	width: 204px;
}

.contents-left04{
	float:left;
	width: 480px;
}

.contents-right01{
	float:right;
	width: 339px;
}

.contents-right02{
	float:right;
	width: 302px;
}

.contents-right03{
	float:right;
	width: 536px;
}

.contents-right04{
	float:right;
	width: 244px;
}

.bg-feature {
	background-image: url(../img/product/hghz/bg-feature.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-bottom: 30px;
}

.bg-feature2 {
	background-image: url(../img/product/hghz/bg-feature2.jpg);
	background-position: right 40px;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

.bg-feature3 {
	background-image: url(../img/product/hghz/bg-feature3.jpg);
	background-position: right 40px;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

.bg-mdfeature {
	background-image: url(../img/product/md/bg-feature.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-bottom: 35px;
}

.bg-mdfeature2 {
	background-image: url(../img/product/md/bg-feature2.jpg);
	background-position: right 40px;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}


/* footer
-------------------------------------------------------------- */
.pagetop{
	width: 950px;
	margin: 0 auto;
}

#footer-line{
	background-image: url(../img/second/footer-line.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	padding-bottom: 60px;
}

#footer-contents{
	width: 950px;
	margin: 0 auto;
	padding-top: 10px;
}

#footer-menu{
	float: right;
	width:350px;
	text-align:right;
}

#copy{
	float:left;
	width:400px;
}

/* 新着情報
-------------------------------------------------------------- */
.news{
	width:730px;
	padding-right: 10px;
	padding-left: 10px;
}

* html .news  {
	padding-right: 0;
	padding-left: 0;
}

.news dt{
	padding-top:5px;
}

.news dd{
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DDDDDD;
	padding-left:10px;
	background-image:url(../img/second/arrow-yerrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	display:block;
}

.day{
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
}



/* Q&A
-------------------------------------------------------------- */
.q {
	background-image: url(../img/second/q.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 42px;
	padding-top: 6px;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
}

.a {
	background-color: #F0F9FB;
	background-image: url(../img/second/a.jpg);
	background-position: 10px 20px;
	background-repeat: no-repeat;
	border: #75C4D7 solid 1px;
	width: 645px;
	margin-left: 15px;
	margin-bottom: 50px;
	padding-bottom: 20px;
	padding-left: 55px;
	padding-right: 20px;
	padding-top: 20px;
}


/* 特徴
-------------------------------------------------------------- */
.wrap2{
	padding: 20px 0;
}

.point-img{
	float: left;
	padding-right: 10px;
	width: 104px;
}

.point-text{
	padding-top: 20px;
	font-size: 150%;
	font-weight:bold;
	width: 580px;
	float: right;
}

.point-text2{
	padding-top: 10px;
	font-size: 130%;
	font-weight:bold;
	width: 630px;
	float: right;
}

.point-text3{
	font-size: 80%;
	font-weight: normal;
}


.point-contents{
	padding-bottom: 20px;
}

/* table
-------------------------------------------------------------- */
.table01,
.table02 {
	background-color:#CCCCCC;
}

.table01 th{
	background-color:#F6F6F6;
	padding:5px;
	text-align: left;
	vertical-align: top;
	font-weight:normal;
}

.table01 td{
	background-color:#FFFFFF;
	padding:5px;
	text-align: left;
}

.table02 th{
	background-color:#F6F6F6;
	padding:5px;
	text-align: center;
	vertical-align: top;
	font-weight:normal;
}


.table02 td{
	background-color:#FFFFFF;
	padding:5px;
}


.table03 {
	background-color:#F0F9FB;
}

.table03 td{
	background-color:#F0F9FB;
	padding:5px;
	text-align: left;
}

.table04 th{
	background-color:#F6F6F6;
	padding:8px;
	text-align: center;
}

.table04 td{
	background-color:#FFFFFF;
	padding:8px;
}

.table05 td{
	background-color:#FFFFFF;
	padding:2px;
}


.table-nospace1{
	margin-top: 10px;
}

.table-nospace1 td{
	padding: 0;
}

.chronological td{
	border-bottom: #CCCCCC dashed 1px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 10px;
}

.table-nospace td{
	font-size: 100%;
	padding: 0;
}

.table-history td {
	padding: 5px;
	border-bottom: #CCCCCC dashed 1px;
	text-align: left;
}

body td.table-arabino{
	background-color:#F6F6F6;
}


/* カテゴリーページ
-------------------------------------------------------------- */
#contents-full{
	width: 950px;
	margin: 0 auto;
}

.waam {
	width: 650px;
	border: #A5D0FC solid 1px;
	background: #EFF7FE;
	text-align: center;
	margin: 0 auto;
	padding: 10px 10px 20px 10px;
	margin-bottom: 40px;
}

.waam img.padding-b18 {
	padding-bottom: 18px;
}

.list{
	padding-bottom: 20px;
	list-style-type: none,
}

.list li{
	display: inline;
	width: 302px;
	padding-right: 16px;
}

.list li.last{
	padding-right: 0;
}

.pdf {
	background-image: url(../img/second/pdf_small.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

#footer{
    position:relative;
}

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

.sitemap li{
	list-style:none;
	padding-bottom:5px;
}

.sitemap{
	font-size:110%;
	width: 465px;
	float: left;
}

.sitemap ul li a{
	text-decoration:none;
	background-image: url(../img/second/mark-blue01.jpg);
	background-position: 10px center;
	padding-left: 27px;
	background-repeat: no-repeat;
}

.sitemap ul li ul li a{
	text-decoration:none;
	background-image: url(../img/second/mark-blue02.jpg);
	background-position: 20px center;
	padding-left: 33px;
	background-repeat: no-repeat;
}

.sitemap2 li{
	list-style:none;
	padding-bottom:5px;
}

.sitemap2{
	font-size:110%;
	width: 300px;
	float: left;
}

.sitemap2 ul li a{
	text-decoration:none;
	background-image: url(../img/second/mark-blue01.jpg);
	background-position: 10px center;
	padding-left: 27px;
	background-repeat: no-repeat;
}

.sitemap2 ul li ul li a{
	text-decoration:none;
	background-image: url(../img/second/mark-blue02.jpg);
	background-position: 20px center;
	padding-left: 33px;
	background-repeat: no-repeat;
}

.children{
	padding-left:20px;
}


.kakomi01{
	background-color: #CDF3CB;
	border: #8EE38A solid 1px;
	padding: 5px;
}

#pagenavi{
	padding-top:20px;
	width:750px;
	text-align:center;
}

/* Images
-------------------------------------------------------------- */

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 10px;
}

.line {
	border-bottom: #CCCCCC dashed 1px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

p.midashi {
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* 研究・開発 -------------------------------------------------------------- */
.kenkyu-enkaku {
	background-image:url(../img/product/bg-kenkyu.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 10px 40px 10px 10px;
	}

.enkaku-left {
	width: 120px;
	float: left;
	display: block;
}

.enkaku-right {
	width: 580px;
	float: right;
	display: block;
}
.taiken {
	margin-top:0;
	margin-right: auto;
	margin-bottom: 16px;
	margin-left: auto;
	width: 746px;
}
.taiken .taiken-box-top {
	background-image: url(../img/product/taiken-box-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 10px;
}
.taiken .taiken-box-bk {
	background-image: url(../img/product/taiken-box-bk.jpg);
	background-repeat: repeat-y;
	padding-right: 26px;
	padding-bottom: 4px;
	padding-left: 26px;
	padding-top: 10px;
}
.taiken .taiken-box-bottom {
	background-image: url(../img/product/taiken-box-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 10px;
}
.taiken .taiken-title {
	font-size: 1.4em;
	font-weight: bold;
	color: #477CCA;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	line-height: 120%;
	width: 500px;
}
.taiken .taiken-icon {
	width: 500px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
}
.taiken .taiken-shisetsu {
	font-size:0.9em;
	padding-left: 10px;
}
.taiken .taiken-chiiki {
	font-size:0.9em;
}
.taiken ul {
	padding-left: 20px;
	padding-bottom:10px;
}
.font-s {
	font-size: 0.75em;
}
.font-b {
	font-size: 15px;
	font-weight:bold;
}
.list02 {
	padding-left: 30px;
}
.list02 li {
	padding-bottom: 10px;
}
.table-taiken{
	width:100%;
	background-color:#009999;
}
.table-taiken td{
	background-color:#FFF;
	font-size:13px;
	padding:12px;
}
.table-taiken .list02 li {
	list-style-position: outside;
	list-style-image: url(../img/second/arrow-list2.jpg);
	list-style-type: none;
}


/*====================================
	CF追加CSS　2014/07/16
======================================*/



/*	clearfix
----------------------------------------------------*/
/* clearfix */
#cf .clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/* Hides from IE-mac \*/
* html #cf  .clearfix {height: 1%;}
#cf .clearfix {display: block;}
/* End hide from IE-mac */
* html #cf .clearfix { zoom: 1; } /* IE6 */
*:first-child+html #cf .clearfix{zoom: 1;} /* IE7 */

/*----------------------------------------------------
	汎用レイアウトclass
----------------------------------------------------*/
#cf .bold{font-weight:bold !important;}
#cf .c_both{clear:both;}
#cf .red{color:red;}
#cf .left{float:left;}
#cf .right{float:right;}
#cf .t_c{text-align:center;}
#cf .t_r{text-align:right;}
#cf .m_auto{margin-right:auto;margin-left:auto;	}
#cf .p_b0{padding-bottom:0 !important;}
/*top*/
#cf .m_t-10{margin-top:-10px !important;}
#cf .m_t0{margin-top:0px !important;}
#cf .m_t5{margin-top:5px !important;}
#cf .m_t10{margin-top:10px !important;}
#cf .m_t15{margin-top:15px !important;}
#cf .m_t20{margin-top:20px !important;}
#cf .m_t25{margin-top:25px !important;}
#cf .m_t30{margin-top:30px !important;}
#cf .m_t35{margin-top:35px !important;}
#cf .m_t40{margin-top:40px !important;}
#cf .m_t45{margin-top:45px !important;}
#cf .m_t50{margin-top:50px !important;}
#cf .m_t60{margin-top:60px !important;}
#cf .m_t70{margin-top:70px !important;}
#cf .m_t80{margin-top:80px !important;}
#cf .m_t90{margin-top:90px !important;}
#cf .m_t100{margin-top:100px !important;}
/*bottom*/
#cf .m_b0{margin-bottom:0px !important;}
#cf .m_b5{margin-bottom:5px !important;}
#cf .m_b10{margin-bottom:10px !important;}
#cf .m_b15{margin-bottom:15px !important;}
#cf .m_b20{margin-bottom:20px !important;}
#cf .m_b25{margin-bottom:25px !important;}
#cf .m_b30{margin-bottom:30px !important;}
#cf .m_b35{margin-bottom:35px !important;}
#cf .m_b40{margin-bottom:40px !important;}
#cf .m_b45{margin-bottom:45px !important;}
#cf .m_b50{margin-bottom:50px !important;}
#cf .m_b60{margin-bottom:60px !important;}
#cf .m_b70{margin-bottom:70px !important;}
#cf .m_b80{margin-bottom:80px !important;}
#cf .m_b90{margin-bottom:90px !important;}
#cf .m_b100{margin-bottom:100px !important;}
/*right*/
#cf .m_r0{margin-right:0px !important;}
#cf .m_r10{margin-right:10px !important;}
#cf .m_r15{margin-right:15px !important;}
#cf .m_r20{margin-right:20px !important;}
#cf .m_r25{margin-right:25px !important;}
#cf .m_r30{margin-right:30px !important;}
#cf .m_r35{margin-right:35px !important;}
#cf .m_r40{margin-right:40px !important;}
#cf .m_r45{margin-right:45px !important;}
#cf .m_r50{margin-right:50px !important;}
#cf .m_r60{margin-right:60px !important;}
#cf .m_r70{margin-right:70px !important;}
#cf .m_r80{margin-right:80px !important;}
#cf .m_r90{margin-right:90px !important;}
#cf .m_r100{margin-right:100px !important;}
/*left*/
#cf .m_l0{margin-left:0px !important;}
#cf .m_l5{margin-left:5px !important;}
#cf .m_l10{margin-left:10px !important;}
#cf .m_l15{margin-left:15px !important;}
#cf .m_l20{margin-left:20px !important;}
#cf .m_l25{margin-left:25px !important;}
#cf .m_l30{margin-left:30px !important;}
#cf .m_l35{margin-left:35px !important;}
#cf .m_l40{margin-left:40px !important;}
#cf .m_l45{margin-left:45px !important;}
#cf .m_l50{margin-left:50px !important;}
#cf .m_l60{margin-left:60px !important;}
#cf .m_l70{margin-left:70px !important;}
#cf .m_l80{margin-left:80px !important;}
#cf .m_l90{margin-left:90px !important;}
#cf .m_l100{margin-left:100px !important;}
/*width*/
#cf .wid_5per{width:5%;}
#cf .wid_10per{width:10%;}
#cf .wid_15per{width:15%;}
#cf .wid_20per{width:20%;}
#cf .wid_25per{width:25%;}
#cf .wid_30per{width:30%;}
#cf .wid_35per{width:35%;}
#cf .wid_40per{width:40%;}
#cf .wid_45per{width:45%;}
#cf .wid_50per{width:50%;}
#cf .wid_55per{width:55%;}
#cf .wid_60per{width:60%;}
#cf .wid_65per{width:65%;}
#cf .wid_70per{width:70%;}
#cf .wid_75per{width:75%;}
#cf .wid_80per{width:80%;}
#cf .wid_90per{width:90%;}
#cf .wid_95per{width:95%;}
/*font-size*/
#cf .f_50{font-size:50%}
#cf .f_60{font-size:60%}
#cf .f_70{font-size:70%}
#cf .f_80{font-size:80%}
#cf .f_85{font-size:85%}
#cf .f_90{font-size:90%}
#cf .f_95{font-size:95%}
#cf .f_105{font-size:105%}
#cf .f_110{font-size:110%}
#cf .f_115{font-size:115%}
#cf .f_130{font-size:130%}
#cf .f_200{font-size:200%}
#cf .f_300{font-size:300%}
#cf .f_400{font-size:400%}


#cf li{list-style:none;} 

#cf .radGrayBack{
	border-radius:10px;
	background:#EFEFEF;
	padding:15px;
}

#cf ul.number li{
	list-style:decimal;
}

#cf .annyty-tel{
	vertical-align:bottom;
	color:#126694;
	font-size:28px;
}
#cf .annyty-tel span{
	font-size:18px;
}

#containerTopPage{
	width:100%;
}