/* 共通
-----------------------------------------------*/


html, body {
  height: 100%;
}

html {
	background: url(../img/common/background.gif);
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	background: url(../img/common/frame.gif) repeat-y #fff;
	height: 100%;
	min-height: 100%;
	font-size: 80%;
	color: #000;
	line-height: 1.6;
	padding: 0 10px;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	position: relative;
}

body > div#wrapper {
	height: auto;
}

h1#logo,
div#logo a {
	display: block;
	width: 1000px;
	height: 60px;
	overflow: hidden;
}

h1#logo:before,
div#logo a:before {
	display: inline-block;
	content: url(../img/common/index_header-3.jpg);
}

#footer {
	background: #0066cc;
	color: #fff;
	text-align: center;
	width: 1000px;
	margin: 0 auto;
	font-size: 90%;
	padding: 3px 0;
	position: absolute;
	bottom: 0;
}

div#ci-2col {
	display: table;
	background: url(../img/common/col2_back.gif) repeat-y;
	padding-bottom: 70px;
}



#contents-left {
	display: table-cell;
	width: 796px;
	padding: 30px 44px 0 30px;
	vertical-align: top;
}

#contents-right {
	display: table-cell;
	width: 130px;
	vertical-align: top;
}

.ofh {
	overflow: hidden;
}

img {
	vertical-align: top;
}

.mt1em {
	margin-top: 1em;
}

.mt1t5em {
	margin-top: 1.5em;
}

.mt2em {
	margin-top: 2em;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.ml40 {
	margin-left: 40px;
}

.pr1em {
	padding-right: 1em;
}

.pr2em {
	padding-right: 2em;
}

.pl1em {
	padding-left: 1em;
}

.pl2em {
	padding-left: 2em;
}

.pl2t5em {
	padding-left: 2.5em;
}



.pl40 {
	padding-left: 40px;
}

.w20 {
	width: 20px;
}

.w50 {
	width: 50px;
}

.w80 {
	width: 80px;
}

.w110 {
	width: 110px;
}

.w140 {
	width: 140px;
}

.w150 {
	width: 150px;
}


.w180 {
	width: 180px;
}


.w200 {
	width: 200px;
}


.w240 {
	width: 240px;
}

.w300 {
	width: 300px;
}

.w350 {
	width: 350px;
}

.w5per {
	width: 5%;
}

.w7per {
	width: 7%;
}

.w8per {
	width: 8%;
}

.w10per {
	width: 10%;
}

.w11per {
	width: 11%;
}

.w12per {
	width: 12%;
}

.w13per {
	width: 13%;
}

.w14per {
	width: 14%;
}

.w15per {
	width: 15%;
}

.w16per {
	width: 16%;
}

.w17per {
	width: 17%;
}

.w18per {
	width: 18%;
}

.w19per {
	width: 19%;
}

.w20per {
	width: 20%;
}

.w22per {
	width: 22%;
}

.w23per {
	width: 23%;
}

.w24per {
	width: 24%;
}

.w25per {
	width: 25%;
}

.w26per {
	width: 26%;
}

.w28per {
	width: 28%;
}

.w29per {
	width: 29%;
}

.w30per {
	width: 30%;
}

.w32per {
	width: 32%;
}

.w33per {
	width: 33%;
}

.w34per {
	width: 34%;
}

.w36per {
	width: 36%;
}

.w40per {
	width: 40%;
}

.w42per {
	width: 42%;
}

.w45per {
	width: 45%;
}

.w46per {
	width: 46%;
}

.w48per {
	width: 48%;
}

.w50per {
	width: 50%;
}

.w52per {
	width: 50%;
}

.w54per {
	width: 54%;
}

.w57per {
	width: 57%;
}

.w58per {
	width: 58%;
}

.w59per {
	width: 59%;
}

.w60per {
	width: 60%;
}

.w70per {
	width: 70%;
}

.w73per {
	width: 73%;
}

.w74per {
	width: 74%;
}

.w78per {
	width: 78%;
}

.w80per {
	width: 80%;
}

.w83per {
	width: 83%;
}

.w90per {
	width: 90%;
}

.w93per {
	width: 93%;
}

.w95per {
	width: 95%;
}

.w100per {
	width: 100%;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

ul.disc li {
	list-style-type: disc;
	margin-left: 2em;
}

ol.decimal li {
	list-style-type: decimal;
	margin-left: 2em;
}

.beige-block {
	background: #e6e6cc;
	padding: 1em;
}

.pink-block {
	background: #ffcce6;
	padding: 1em;
}



/* 文字共通
-----------------------------------------------*/

.f80per {
	font-size: 80%;
	line-height: 1.3;
}

.f125per {
	font-size: 125%;
}

.f150per {
	font-size: 150%;
}

.midashi-g {
	color: #008350;
	font-weight: bold;
	font-size: 125%;
}

.komidashi-g {
	color: #008350;
	font-size: 125%;
}

.t-red {
	color: #ff0000;
}

.t-navy {
	color: #000099;
}

.t-blue {
	color: #3399ff;
}

.t-bluegreen {
	color: #4661B7;
}

.t-green {
	color: #008350;
}

.t-orange {
	color: #e94900;
}

.t-org2 {
	color: #ff9364;
}

a:link,
a:visited {
	color: #4040ff;
}

a:active {
	color: #c30;
}

a:hover {
	color: #c30;
}

a.link-green,
a.link-green:visited {
	color: #008350;
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.idt1em {
	text-indent: -1em;
	padding-left: 1em;
}

.idt2em {
	text-indent: -2em;
	padding-left: 2em;
}

.nowrap {
	white-space: nowrap;
}



/* table関係
-----------------------------------------------*/

table {
	page-break-inside: avoid;
}

table th {
	text-align: center;
	border: solid 1px #999;
	padding: 5px 10px;
}

table td {
	border: solid 1px #999;
	padding: 5px 10px;
}

.cell-color1 {
	background: #f0de99;
}

.cell-color2 {
	background: #f7f0cc;
}

.cell-color3 {
	background: #b3ebcc;
}

.cell-color4 {
	background: #ebffeb;
}

.cell-color5 {
	background: #ffffcc;
}

.cell-color6 {
	background: #b3def5;
}

.cell-color7 {
	background: #fcf5eb;
}

.cell-color8 {
	background: #ffcccc;
}

.cell-color9 {
	background: #ccdeeb;
}

.cell-color10 {
	background: #ebcceb;
}

.cell-color11 {
	background: #e0f3ff;
}

table.type2 th {
	vertical-align: middle;
	text-align: center;
	border: none;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	padding: 1em 1.5em;
	background: #f7f2cc;
	white-space: nowrap;
}

table.type2 td {
	border: none;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	padding: 1em 10px;
}

table.type2 td ol li {
	list-style-type: decimal;
	margin-left: 2em;
}

.vat td,
.vat {
	vertical-align: top;
}

.vam {
	vertical-align: middle !important;
}

.displaytable {
	display: table;
	border-collapse: collapse;
}

.displaytable .row {
	display: table-row;
}

.displaytable .cell {
	display: table-cell;
}

.displaytable .border {
	border: solid 1px #ccc;
	padding: 0.5em 1em;
}



/* ナビゲーション
-----------------------------------------------*/



/* sub-navi-2
-----------------------------------------------*/




#sub-navi-2-frame {
	background: url(../img/common/background.gif);
	padding: 10px 20px;
}

ul#sub-navi-2 {
	background: url(../img/navi/menu_top5_non2.png);
}
 
ul#sub-navi-2 li {
	float: left;
}

ul#sub-navi-2 li a {
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
}

ul#sub-navi-2 li a:before {
	display: inline-block;
}


ul#sub-navi-2 li#nav-inspection-2b a:before {
	content: url(../img/navi/menu_top5_kakunin2_off.png);
}

ul#sub-navi-2 li#nav-inspection-2b a:hover:before {
	content: url(../img/navi/menu_top5_kakunin2_on.png);
}

ul#sub-navi-2 li#nav-evaluation-2b a:before {
	content: url(../img/navi/menu_top5_evaluation2_off.png);
}

ul#sub-navi-2 li#nav-evaluation-2b a:hover:before {
	content: url(../img/navi/menu_top5_evaluation2_on.png);
}

ul#sub-navi-2 li#nav-flat35-2b a:before {
	content: url(../img/navi/menu_top5_flat352_off.png);
}

ul#sub-navi-2 li#nav-flat35-2b a:hover:before {
	content: url(../img/navi/menu_top5_flat352_on.png);
}

ul#sub-navi-2 li#nav-kashi-2b a:before {
	content: url(../img/navi/menu_top5_kashi2_off.png);
}

ul#sub-navi-2 li#nav-kashi-2b a:hover:before {
	content: url(../img/navi/menu_top5_kashi2_on.png);
}

ul#sub-navi-2 li#nav-chouki-2b a:before {
	content: url(../img/navi/menu_top5_chouki3_off.png);
}

ul#sub-navi-2 li#nav-chouki-2b a:hover:before {
	content: url(../img/navi/menu_top5_chouki3_on.png);
}

ul#sub-navi-2 li#nav-seinou-2b a:before {
	content: url(../img/navi/menu_top5_seinou2_off.png);
}

ul#sub-navi-2 li#nav-seinou-2b a:hover:before {
	content: url(../img/navi/menu_top5_seinou2_on.png);
}

ul#sub-navi-2 li#nav-teitanso-2b a:before {
	content: url(../img/navi/menu_top5_teitanso2_off.png);
}

ul#sub-navi-2 li#nav-teitanso-2b a:hover:before {
	content: url(../img/navi/menu_top5_teitanso2_on.png);
}

ul#sub-navi-2 li#nav-tekigosei-2b a:before {
	content: url(../img/navi/menu_top5_tekigosei2_off.png);
}

ul#sub-navi-2 li#nav-tekigosei-2b a:hover:before {
	content: url(../img/navi/menu_top5_tekigosei2_on.png);
}

ul#sub-navi-2 li#nav-ksyoene-2b a:before {
	content: url(../img/navi/menu_top5_ksyoene3_off.png);
}

ul#sub-navi-2 li#nav-ksyoene-2b a:hover:before {
	content: url(../img/navi/menu_top5_ksyoene3_on.png);
}

ul#sub-navi-2 li#nav-bels-2b a:before {
	content: url(../img/navi/menu_top5_bels2_off.png);
}

ul#sub-navi-2 li#nav-bels-2b a:hover:before {
	content: url(../img/navi/menu_top5_bels2_on.png);
}

ul#sub-navi-2 li#nav-sumai-2b a:before {
	content: url(../img/navi/menu_top5_sumai2_off.png);
}

ul#sub-navi-2 li#nav-sumai-2b a:hover:before {
	content: url(../img/navi/menu_top5_sumai2_on.png);
}

ul#sub-navi-2 li#nav-susho-2b a:before {
	content: url(../img/navi/menu_top5_jpoint2_off.png);
}

ul#sub-navi-2 li#nav-susho-2b a:hover:before {
	content: url(../img/navi/menu_top5_jpoint2_on.png);
}

ul#sub-navi-2 li#nav-gpoint-2b a:before {
	content: url(../img/navi/menu_top5_gpoint2_off.png);
}

ul#sub-navi-2 li#nav-gpoint-2b a:hover:before {
	content: url(../img/navi/menu_top5_gpoint2_on.png);
}

ul#sub-navi-2 li#nav-s-shoumei-2b a:before {
	content: url(../img/navi/menu_top5_s-shoumei2_off.png);
}

ul#sub-navi-2 li#nav-s-shoumei-2b a:hover:before {
	content: url(../img/navi/menu_top5_s-shoumei2_on.png);
}





ul#sub-navi-2 li#nav-top-2b a:before {
	content: url(../img/navi/menu_top5_top2_off.png);
}

ul#sub-navi-2 li#nav-top-2b a:hover:before {
	content: url(../img/navi/menu_top5_top2_on.png);
}

ul#sub-navi-2 li#nav-aisatsu-2b a:before {
	content: url(../img/navi/menu_top5_aisatsu2_off.png);
}

ul#sub-navi-2 li#nav-aisatsu-2b a:hover:before {
	content: url(../img/navi/menu_top5_aisatsu2_on.png);
}

ul#sub-navi-2 li#nav-gaiyou-2b a:before {
	content: url(../img/navi/menu_top5_gaiyou2_off.png);
}

ul#sub-navi-2 li#nav-gaiyou-2b a:hover:before {
	content: url(../img/navi/menu_top5_gaiyou2_on.png);
}

ul#sub-navi-2 li#nav-annai-2b a:before {
	content: url(../img/navi/menu_top5_annai2_off.png);
}

ul#sub-navi-2 li#nav-annai-2b a:hover:before {
	content: url(../img/navi/menu_top5_annai2_on.png);
}

ul#sub-navi-2 li#nav-saiyou-2b a:before {
	content: url(../img/navi/menu_top5_saiyou2_off.png);
}

ul#sub-navi-2 li#nav-saiyou-2b a:hover:before {
	content: url(../img/navi/menu_top5_saiyou2_on.png);
}



ul#sub-navi-2 li#nav-information-2b a:before {
	content: url(../img/navi/menu_top5_information2_off.png);
}

ul#sub-navi-2 li#nav-information-2b a:hover:before {
	content: url(../img/navi/menu_top5_information2_on.png);
}

ul#sub-navi-2 li#nav-kojin-2b a:before {
	content: url(../img/navi/menu_top5_kojin2_off.png);
}

ul#sub-navi-2 li#nav-kojin-2b a:hover:before {
	content: url(../img/navi/menu_top5_kojin2_on.png);
}

ul#sub-navi-2 li#nav-yoyaku-2b a:before {
	content: url(../img/navi/menu_top5_yoyaku2_off.png);
}

ul#sub-navi-2 li#nav-yoyaku-2b a:hover:before {
	content: url(../img/navi/menu_top5_yoyaku2_on.png);
}

ul#sub-navi-2 li#nav-charge-2b a:before {
	content: url(../img/navi/menu_top5_charge2_off.png);
}

ul#sub-navi-2 li#nav-charge-2b a:hover:before {
	content: url(../img/navi/menu_top5_charge2_on.png);
}

ul#sub-navi-2 li#nav-document-2b a:before {
	content: url(../img/navi/menu_top5_document2_off.png);
}

ul#sub-navi-2 li#nav-document-2b a:hover:before {
	content: url(../img/navi/menu_top5_document2_on.png);
}

ul#sub-navi-2 li#nav-kitei-2b a:before {
	content: url(../img/navi/menu_top5_kitei2_off.png);
}

ul#sub-navi-2 li#nav-kitei-2b a:hover:before {
	content: url(../img/navi/menu_top5_kitei2_on.png);
}

ul#sub-navi-2 li#nav-iken-2b a:before {
	content: url(../img/navi/menu_top5_iken2_off.png);
}

ul#sub-navi-2 li#nav-iken-2b a:hover:before {
	content: url(../img/navi/menu_top5_iken2_on.png);
}

ul#sub-navi-2 li#nav-kensa-2b a:before {
	content: url(../img/navi/menu_top5_kensa2_off.png);
}

ul#sub-navi-2 li#nav-kensa-2b a:hover:before {
	content: url(../img/navi/menu_top5_kensa2_on.png);
}





ul#sub-navi-2 li#nav-kosodate-2b a:before {
	content: url(../img/navi/menu_top5_kosodate2_off.png);
}

ul#sub-navi-2 li#nav-kosodate-2b a:hover:before {
	content: url(../img/navi/menu_top5_kosodate2_on.png);
}






ul#sub-navi-2 li#nav-web-2b a:before {
	content: url(../img/navi/menu_top5_web2_off-5.png);
}

ul#sub-navi-2 li#nav-web-2b a:hover:before {
	content: url(../img/navi/menu_top5_web2_on-5.png);
}






ul#sub-navi-2 li#nav-dummy-2b a:before {
	content: url(../img/navi/menu_top5_dummy.png);
}





ul#sub-navi-2 li#nav-kosodate-g-2b a:before {
	content: url(../img/navi/menu_top5_kosodate4_off.png);
}

ul#sub-navi-2 li#nav-kosodate-g-2b a:hover:before {
	content: url(../img/navi/menu_top5_kosodate4_on.png);
}











/* トップページ
-----------------------------------------------*/

#top-contents-frame {
	width: 940px;
	margin: 30px 0 0 30px;
	padding-bottom: 70px;
}

#top-companyinfo {
	width: 880px;
	height: 165px;
	overflow-y: scroll;
	border: solid 1px #ddd;
	margin-top: 5px;
	padding: 10px 10px 0;
}

#top-workinfo {
	width: 880px;
	height: 400px;
	overflow-y: scroll;
	border: solid 1px #ddd;
	margin-top: 5px;
	padding: 10px 10px 0;
}

.top-info-block {
	background: url(../img/index_infomation_dot.gif) no-repeat 0 2px;
	padding-left: 20px;
	margin-bottom: 20px;
}

.top-info-subtitle {
	padding-left: 20px;
	margin-bottom: 2px;
}


/* ごあいさつ
-----------------------------------------------*/

#overview-left {
	float: left;
	width: 600px;
	padding: 0 25px 0 50px;
}

#overview-right {
	width: 185px;
	float: left;
}





#overview-left1 {
	float: left;
	width: 560px;
	padding: 0 25px 0 50px;
}

#overview-right1 {
	width: 225px;
	float: left;
}





#overview-left2 {
	width: 230px;
	float: left;
	padding: 0 0px 0 40px;
}

#overview-right2 {
	float: left;
	width: 575px;
}






#overview-left3 {
	float: left;
	width: 600px;
	padding: 0 10px 0 150px;
}

#overview-right3 {
	width: 60px;
	float: left;
}






/* 会社案内
-----------------------------------------------*/

.map-left {
	width: 500px;
	float: left;
}

.map-left2 {
	width: 400px;
	float: left;
}

.map-right {
	float: left;
	margin-left: 20px;
}



/* 確認検査
-----------------------------------------------*/

#inspection-reserve {
	position: absolute;
	top: 0;
	left: 300px;
}



/* 性能評価
-----------------------------------------------*/

.evaluation-beige-block {
	background: #e6e6cc;
	padding: 0 1em;
}

.evaluation-kensa-left {
	width: 380px;
	float: left;
}

.evaluation-kensa-right {
	width: 380px;
	float: right;
}

.evaluation-kensa-left h4,
.evaluation-kensa-right h4,
.evaluation-h4 {
	background: #ccffff;
	font-weight: bold;
	padding: 0.2em 0.5em;
}

.kensa-cell1 {
	background: #fff7e8;
	width: 25%;
	border: solid 1px #666;
	padding: 0.5em;
}

.kensa-cell2 {
	background: #e6f2e6;
	width: 25%;
	border: solid 1px #666;
	padding: 0.5em;
}

.kensa-cell3 {
	background: #f2e8dc;
	width: 25%;
	border: solid 1px #666;
	padding: 0.5em;
}

.kensa-cell4 {
	background: #e6f2f2;
	width: 25%;
	border: solid 1px #666;
	padding: 0.5em;
}



/* 瑕疵担保責任
-----------------------------------------------*/

.blue-cell1 {
	background: #06b7f0;
	color: #fff;
	font-weight: bold;
	padding: 0 1em;
	width: 180px;
}

.blue-cell2 {
	background: #def0ff;
	padding: 1em;
}



/* 料金表・必要書類ダウンロード
-----------------------------------------------*/

#sub-contents-frame {
	width: 940px;
	margin: 30px 0 0 30px;
	padding-bottom: 70px;
}



/* 申請書類入力方法
-----------------------------------------------*/
#explanation-frame {
	width: 800px;
	margin: 30px auto 0;
	padding-bottom: 30px;
	font-size: 125%;
}

.explanation-prologue {
	background: #ccffff;
	color: #35327f;
	font-weight: bold;
	padding: 1em;
}


.explanation-attention {
	background: #98fb98;
	color: #ff0000;
	font-weight: bold;
	padding: 1em;
}