@charset "shift-jis";
/*-------------------------------------
キッセイコムテック様ＨＰ用ＣＳＳ
最終更新：2010.03.16
-------------------------------------*/

/*IEPNGFIX*/

img{ behavior: url(js/iepngfix/iepngfix.htc); }

/*****************
構造
******************/
body{
	font-size:12px;
	line-height:22px;
	font-family:helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,verdana,arial,sans-serif;
	color:#222;
	text-align:center;
	margin:0;
	padding:0;
	border-color: #01999b;
	}

body:nth-of-type(1) body {  
    letter-spacing:-2;  
}  

#wrapper{
	width:855px;
	margin:0 auto 0;
	text-align:left;
	background-color:#fff;
	padding-left:16px;
	}

#header{
	width: 100%;
	height: 73px;
	float: left;
	background:url(images/lineHeader.png) no-repeat top left;
	padding-top:7px;
	}

#hnav{
	clear: both;
	height: 28px;
	width: 852px;
	background: url(images/bkHeaderNavi.png) repeat-x top left;
	border-bottom:1px ridge #b3b08d;
 	}

#main{
	clear: both;
	text-align: left;
	margin-top: 9px;
	float: left;
	width: 100%;
	}

#main #content{
	width: 629px;
	border-right:2px solid #bfbfbf;
	float: left;
	padding-right: 20px;
	}

body#home #main #content{
	width: 649px;
	padding-right: 0px;
	}

#main #sidebar{
	width: 195px;
	float: right;
	}

#footer{
	clear:both;
	width: 100%;
	height: 55px;
	text-align: left;
	background:url(images/lineFooter.png) no-repeat top left;
	padding-top: 8px;
	border-bottom: 3px groove #8a8a8a;
	color: #666464;
	}

/*****************
基本要素
******************/
h1{margin:12px 0 3px;padding:0;color: #009FB9;font-size: 17px;border-bottom: 1px solid #009FB9;}
h2,h3,h4,h5{margin:0;padding:0;color: #009FB9;font-size: 15px;}
h2 a{margin:0;padding:0;color: #009FB9;font-size: 15px;}
h3,h4{margin:7px 0;}
p{margin:0;}
ul,li{list-style:none;margin:0;padding:0;}
table,tr,td{margin:0;padding:0;}
a{color:#444;text-decoration:none;}
a img{border:none;}
br{line-height:0.7em;}
hr{border-color: #0f9fa0;}

/*****************
拡張要素
******************/
.clear{clear:both;}
.block{display: block;}
.imglabel{margin:8px 0 8px;}
.red{color:#F00;font-weight:bold;}
.nowrap{width: 95%!important;}
.underline{border-bottom:1px dashed #b00;margin:0 2px;font-weight:bold;}
.strong{font-weight: bold;}
.xstrong{display:block;font-size:19px;color:red;margin-top:12px;font-weight:bold;}
.larger{font-size: 120%; font-weight: bold;}
.xlarger{font-size: 150%; font-weight: bold;}
.small{font-size: 10px; _font-size: 9px;}
.highlight{text-decoration: underline;color: #009fb9; font-weight: bold; margin:0 3px;}
.xhighlight{color: #009fb9; font-weight: bold; margin:0 3px;font-family: Arial;font-size:19px;}
span.midashi{font-size:15px;background: url(images/icoMidashi.png) no-repeat 0% 50%; padding-left:16px; line-height: 16px;font-weight: bold;}
.left {float:left;}
.right {float:right;}


/*****************
ヘッダ
******************/
#header #headerLogo{
	margin:6px 0 0 12px;
	float: left;
	}

#header #leadText{
	width: 415px;
	float: left;
	font-size: 12px;
	font-size: 11px\9; /* IE8 and below */
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,verdana,arial,sans-serif;
	line-height: 21px;
	margin:14px 0 0 18px;
	}
	
#header #comtecLogo{
	float: left;
	width: 188px;
	height: 57px;
	margin:5px 0 0 6px;
	}

#header #comtecLogo img#logo{width: 188px;height: 19px;}

#header #comtecLogo img#phnum{width: 188px;height: 36px;}

/*****************
ナビゲーション
******************/
#hnav li{display: inline;}

#hnav li a{
	display: block;
	float: left;
	text-indent: -9999em;
	overflow:hidden;
	height: 28px;
	}

/*off*/
#hnav li.hnav01 a{
	background:url(images/nav.png) no-repeat 0px 0px;
	border-right:1px solid #999;
	width:141px;
	}

#hnav li.hnav02 a{
	background:url(images/nav.png) no-repeat -142px 0px;
	border-right:1px solid #999;
	width:141px;
	}

#hnav li.hnav03 a{
	background:url(images/nav.png) no-repeat -286px 0px;
	border-right:1px solid #999;
	width:140px;
	}

#hnav li.hnav04 a{
	background:url(images/nav.png) no-repeat -428px 0px;
	border-right:1px solid #999;
	width:141px;
	}

#hnav li.hnav05 a{
	background:url(images/nav.png) no-repeat -570px 0px;
	border-right:1px solid #999;
	width:141px;
	}

#hnav li.hnav06 a{
	background:url(images/nav.png) no-repeat -712px 0px;
	width:143px;
	}

/*on*/
#hnav li.hnav01 a:hover{
	background-position: 0px -28px;
	}

#hnav li.hnav02 a:hover{
	background-position: -142px -28px;
	}

#hnav li.hnav03 a:hover{
	background-position: -286px -28px;
	}

#hnav li.hnav04 a:hover{
	background-position: -428px -28px;
	}

#hnav li.hnav05 a:hover{
	background-position: -570px -28px;
	}

#hnav li.hnav06 a:hover{
	background-position: -712px -28px;
	}

/*****************
サイドバー
******************/
#sidenav li{margin-bottom:5px;}

#sidenav li a{
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	width: 198px;
	}

/*off*/
#sidenav li.snOrdernow a{
	background: url(images/banSidenav.png) no-repeat -6px -2px;
	height: 228px;
	}

#sidenav li.snAdvice a{
	background: url(images/banSidenav.png) no-repeat -6px -239px;
	height: 82px;
	}

#sidenav li.snVoice a{
	background: url(images/banSidenav.png) no-repeat -6px -329px;
	height: 82px;
	}

#sidenav li.snFaq a{
	background: url(images/banSidenavFaq.png) no-repeat 4px 0px;
	height: 84px;
	}

#sidenav li.snClinic a{
	background: url(images/banSidenav.png) no-repeat -6px -512px;
	height: 46px;
	}

#sidenav li.snSoudan a{
	background: url(images/banSidenav.png) no-repeat -6px -569px;
	height: 46px;
	}

/*on*/
#sidenav li.snOrdernow a:hover{
	background-position: -215px -2px;
	}

#sidenav li.snAdvice a:hover{
	background-position: -215px -239px;
	}

#sidenav li.snVoice a:hover{
	background-position: -215px -329px;
	}

#sidenav li.snFaq a:hover{
	background-position: 4px -88px;
	}

#sidenav li.snClinic a:hover{
	background-position: -215px -512px;
	}

#sidenav li.snSoudan a:hover{
	background-position: -215px -569px;
	}

/*****************
コンテンツ
******************/
#content #pankuzu{
	width: 100%;
	background-color: #e0e0e0;
	height: 17px;
	line-height: 17px;
	padding-bottom: 2px;
	}

#content #pankuzu a{
	margin: 0 4px 0 13px;
	font-size: 11px;
	font-size: 10px\9; /* IE8 and below */
	line-height: 15px;
	font-weight: bold;
	}

/*ページタイトル*/
/*
#content h1#pageTitle{
	text-indent: -9999px;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #2daaac;
	margin-top:15px;
	height: 30px;
	}
body#kanshu #content h1#pageTitle{background: url(images/labKanshu.png) no-repeat 0% 50%;}
body#koudoukei #content h1#pageTitle{background: url(images/labKoudoukei.png) no-repeat 0% 50%;}
body#report #content h1#pageTitle{background: url(images/labReport01.png) no-repeat 0% 50%;}
*/

/*ページ内サブナビゲーション*/
#subNav{
	clear: both;
	border-top:1px solid #04979e;
	margin-top:10px;
	padding:13px 0;
	font-size: 10px;
	font-size: 10px\9; /* IE8 and below */
	font-weight: bold;
	}

#subNav a{
	margin:0 6px;
	text-decoration: underline;
	}

/*4/3追加*/
body#howto #subNav a.snHowto,
body#voice #subNav a.snVoice,
body#kansou #subNav a.snKansou,
body#faq #subNav a.snFaq,
body#doctorlist #subNav a.snDoctorlist,
/*4/3追加おわり*/

body#tokuchou #subNav a.snTokuchou,
body#koudoukei #subNav a.snKoudoukei,
body#report #subNav a.snReport,
body#kanshu #subNav a.snKanshu,
body#ordernow #subNav a.snOrder,
body#patterns #subNav a.sn4patterns,
body#measure #subNav a.snMeasure,
body#whatis #subNav a.snWhatis,
body#pattern1 #subNav a.snPat1,
body#pattern2 #subNav a.snPat2,
body#pattern3 #subNav a.snPat3,
body#pattern4 #subNav a.snPat4{
	color:#0f9fa0!important;
	text-decoration: none;
	}

#subNav a.snNextpage,
#subNav a.snNextpage:visited{
	color: #C2882D!important;
	text-decoration: underline;
	padding-left:80px;
	font-size:14px;
	background: url(images/icoNextpage.gif) no-repeat 0% 50%;
	}

/*レンダリング用brick配置*/
div.brick1{
	clear: both;
	padding:7px 0 10px;
	font-size: 12px;
	line-height: 18px;
	border-bottom: 1px solid #45b4b6;
	margin-bottom: 5px;
	}

div.brick2{
	clear: both;
	font-size: 12px;
	}

div.brick3{
	clear: both;
	font-size: 12px;
	}

div.wrap,div.nowrap{
	width: 100%;
	padding:12px 0;
	margin-top: 8px;
	font-size: 12px;
	clear: both;
	float: left;
	}

div.wrap p,div.nowrap p{
	margin:5px 0 0 20px;
	}

div.wrap div{
	width: 235px;
	
	}

div.wrap h2,div.nowrap h2{
	margin-left: 20px;
	margin-bottom: 5px;
	font-size: 15px;
	color: #0f9fa0;
	}

div.brick2 p{
	margin:15px 20px;
	}

/*****************
フッタ
******************/
#footnav{
	margin-left: 12px;
	}

#footnav a{color:#666!important;}

#footnav li{
	display: inline;
	font-size: 11px;
	font-size: 10px\9; /* IE8 and below */
	font-weight: bold;
	margin-right: 12px;
	}

#footer #copyright{
	font-size: 12px;
	margin-left: 12px;
	font-weight: bold;
	}