/***********************/
/* レイアウトCSS         */
/***********************/

* {
	margin: 0;
	padding:0;
	border: 0px none;
}
#body{
	color : #000000;
	background-image:url(../bg.gif);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#A5A6A3;
	text-align:center;
}
#body.sheet{
	color : #000000;
	background-image:url(../sheet_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	text-align:center;
	font-size: 12px !important;
	line-height:150%;
	font-size: 0.8em;
	line-height:150%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
/* レイアウトの設定*/
/* ラッパーの設定*/
#wrap{
    position:relative;
    width:830px;
    margin:0px auto;
    text-align:left;
	background-image:url(../wrap_bg.gif)
}
/* ヘッダーの設定*/
#head{
	position:relative;
    width:830px;
    height:85px;
	margin:17px auto 0 auto;
	background-image:url(../header.gif);
}
/* サブナビの設定*/
#subnavi{
width:385px;
height:30px;
position:relative;
text-align:center;
float:right;
padding:0 0 0 5px;
background-image:url(../subnavi_bg.gif);
background-position:right top;
background-repeat:no-repeat;
}
#subnavi ul{
    list-style:none;
	width:390px;
	margin:0 auto;
}
#subnavi ul li{
    list-style:none;
    float:left;
}
#subnavi ul a{
    display:block;
	float:left;
    height:27px;
	padding: 0 7px;
	line-height:25px;
}
/* 左側の設定*/
#left{
    width:650px;
    float:left;
}
/* 右側の設定*/
#right{
    width:180px;
    float:right;
}
#rightnavi{
    height:550px;
    float:right;
    background-color:#CCCCCC;
}
.r-block{
	background-image:url(../right_block_bg.gif);
	background-repeat:repeat-y;
	width:174px;
}
.logbanner{
width:150px;
padding: 0 0 0 12px;}

/* 1列中央の設定（依頼書で使用） */
#center{
	margin:0px auto;
    width:620px;
	text-align:left;
}
#c-inner{
	width:180px;
	height:550px;
	background-color:#CCCCFF;
	text-align:left;
}
/* メインナビの設定*/
#mainnavi{
	width:100%;
	height:26px;
	background-image:url(../navi_bg.gif);
}
#mainnavi ul{
	list-style:none;
	width:650px;
	height:26px;
}
#mainnavi ul li{
	list-style:none;
	float:left;
	height:26px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #1D3046;
}
#mainnavi ul li a{
	display:block;
	float:left;
	height:26px;
	line-height:26px;
	padding:0 10px;
	background-image:url(../mainnavi_bg.gif);
	background-repeat:repeat-x;
}
#mainnavi ul li.here{
	height:26px;
	line-height:26px;
	padding:0 10px;
	background-image:url(../mainnavi_bg.gif);
	background-position:0 -50px;
	background-repeat:repeat-x;
}
#mainnavi ul .here a{
background-image:none;
display:inline;
padding:0;
}

/* セカンドナビの設定*/
#secondnavi{
	width:100%;
	background-color:#EDEDED;
}
#secondnavi ul{
	padding:0 15px;
}
#secondnavi ul li{
	list-style:none;
	float:left;
}
#secondnavi ul li a{
	display:block;
	float:left;
	padding: 5px 5px 5px 15px;
	background-image:url(../navi_arrow.gif);
	background-repeat:no-repeat;
}
#secondnavi ul li.here{
	display:block;
	float:left;
	padding: 5px 5px 5px 15px;
	color:#666666;
	background-image:url(../navi_arrow.gif);
	background-position:0 -50px;
	background-repeat:no-repeat;
}
#secondnavi ul .here a{
background-image:none;
display:inline;
padding:0;
}

/* サードナビ（右上）の設定*/
#thirdnavi ul , #contents ul.thirdlv-ul {
	padding:0 10px;
}
#thirdnavi ul li, #contents ul.thirdlv-ul li {
	list-style:none;
	background-image:none;
	padding:0;
}
#thirdnavi ul li a, #contents ul.thirdlv-ul li a {
	height:15px;
	display:block;
	padding: 2px 0px 0px 15px;
	background-image:url(../navi_arrow3rd.gif);
	background-repeat:no-repeat;
}
#thirdnavi ul li.here, #contents ul.thirdlv-ul li.here {
	padding: 2px 0px 0px 15px;
	color:#666666;
	background-image:url(../navi_arrow3rd.gif);
	background-position:0 -100px;
	background-repeat:no-repeat;
}
#thirdnavi ul li.here a, #contents ul.thirdlv-ul li.here a {
	background-image:none;
	padding:0;
}
/* 本文内サードナビの設定*/
#contents .thirdlv-title{
	font-size: 14px !important;
	font-size: 1.2em;
	line-height:150%;
	width:200px;
	vertical-align:top;
}
#contents ul.thirdlv-ul{
	width:350px;
	font-size: 11px !important;
	font-size: 0.75em;
	line-height:150%;
}

/* コンテンツ部の設定*/
#contents{
	padding:15px;
	font-size: 12px !important;
	line-height:150%;
	font-size: 0.8em;
	line-height:150%;
}
/* フッターの設定*/
#footer{
    position:relative;
    width:100%;
    height:60px;
    clear:both;
}
#footer-left{
    width:650px;
    height:60px;
    float:left;
	text-align:center;
	vertical-align:middle;
	background-image:url(../footer_bg.gif);
}
#footer-right{
    width:180px;
    height:60px;
    float:right;
	background-image:url(../right_bg.gif);
}
#copyright{padding:28px 0 0 0;}
#counter{padding:10px 0 0 10px;}

/* パディングタイプ */
/* 全周囲 */
.pt-all-s{padding:5px;}
.pt-all-m{padding:10px;}
.pt-all-l{padding:20px;}
/* 水平 */
.pt-hrz-s{padding:0px 5px;}
.pt-hrz-m{padding:0px 10px;}
.pt-hrz-l{padding:0px 20px;}
/* 天地 */
.pt-vtc-s{padding:5px 0px;}
.pt-vtc-m{padding:10px 0px;}
.pt-vtc-l{padding:20px 0px;}
/* 右側 */
.pt-r-s{padding:0px 5px 0px 0px;}
.pt-r-m{padding:0px 10px 0px 0px;}
.pt-r-l{padding:0px 20px 0px 0px;}
/* 左側 */
.pt-l-s{padding:0px 0px 0px 5px;}
.pt-l-m{padding:0px 0px 0px 10px;}
.pt-l-l{padding:0px 0px 0px 20px;}

/* フォームなどオブジェクトサイズ */
.size-sss{
	width:25px;
}
.size-ss{
	width:50px;
}
.size-s{
	width:80px;
}
.size-m{
	width:120px;
}
.size-l{
	width:180px;
}
.size-ll{
	width:300px;
}
.size-lll{
	width:400px;
}
.size-half{
	width:50%;
}
.size-max{
	width:100%;
}

/* フォームの体裁 */
input , textarea , select {
	border-top: 2px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	margin:2px 0;
}

/* ボタン */
.btn{
	color:#000000;
	background-image:url(../btn_bg.gif);
	display:block;
	float:left;
	width:280px;
	height:35px;
	line-height:35px;
	text-align:center;
}

/* float-align */
.txt-c{text-align:center;}
.txt-l{text-align:left;}
.txt-r{text-align:right;}
.flt-l{float:left;}
.flt-r{float:right;}
.clear{clear:both;}

/* リンクロールオーバー */
a:hover{
    background-position:0px -50px;
}
a:active{
    background-position:0px -50px;
}

/* 段落ほか一般設定 */
p{margin:0 0 12px 0;}
#contents ul{margin:0 0 0 20px;}
#contents li{
	list-style:none;
	padding:0px 15px;
	background-image:url(../list_mark.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}
.orderlist{
	list-style:none;
	padding:0 20px;
	background-repeat:no-repeat;
	background-position:2px 2px;
}
#contents ol li{margin:10px 0;}
#contents ol .ol-one{background-image:url(../list_mark_one.gif);}
#contents ol .ol-two{background-image:url(../list_mark_two.gif);}
#contents ol .ol-three{background-image:url(../list_mark_three.gif);}
#contents ol .ol-four{background-image:url(../list_mark_four.gif);}
#contents ol .ol-five{background-image:url(../list_mark_five.gif);}
#contents ol .ol-six{background-image:url(../list_mark_six.gif);}
#contents ol .ol-seven{background-image:url(../list_mark_seven.gif);}
#contents ol .ol-eight{background-image:url(../list_mark_eight.gif);}
#contents ol .ol-nine{background-image:url(../list_mark_nine.gif);}
#contents ol .ol-ten{background-image:url(../list_mark_ten.gif);}
#contents ol .ol-eleven{background-image:url(../list_mark_eleven.gif);}
#contents ol .ol-twelve{background-image:url(../list_mark_twelve.gif);}
#contents ol .ol-thirteen{background-image:url(../list_mark_thirteen.gif);}
#contents ol .ol-fourteen{background-image:url(../list_mark_fourteen.gif);}
#contents ol .ol-fifteen{background-image:url(../list_mark_fifteen.gif);}
#contents ol .ol-sixteen{background-image:url(../list_mark_sixteen.gif);}
#contents ol .ol-seventeen{background-image:url(../list_mark_seventeen.gif);}
#contents ol .ol-eighteen{background-image:url(../list_mark_eighteen.gif);}
#contents ol .ol-nineteen{background-image:url(../list_mark_nineteen.gif);}
#contents ol .ol-twenty{background-image:url(../list_mark_twenty.gif);}

.kakomi01{
	padding:10px;
	border: 1px dotted #D6CAA0;
	background-color: #F2F0E4;
}
.kakomi02{
	padding:7px;
	margin:2px 0;
	border: 1px dotted #CCCCCC;
	background-color: #FFFFFF;
}
.kakomi03{
	padding:7px;
	margin:4px 0;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.kakomi04{
	padding:7px;
	margin:4px 0;
	border: 1px solid #003399;
	background-color: #C6C6C5;
}
.kakomi05{
	padding:12px;
	margin:4px 0;
	border: 1px solid #003399;
	background-color: #E8E8E8;
}

/* FAQ */
#contents ul .q1 , #contents ul .q2 , #contents ul .q3 , #contents ul .q4 , #contents ul .q5 , #contents ul .q6 , #contents ul .q7 , #contents ul .q8 , #contents ul .q9 , #contents ul .q10 , #contents ul .q11 , #contents ul .q12 , #contents ul .q13 , #contents ul .q14 , #contents ul .q15 , #contents ul .q16 , #contents ul .q17 , #contents ul .q18 , #contents ul .q19 , #contents ul .q20 , #contents ul .a1 , #contents ul .a2 , #contents ul .a3 , #contents ul .a4 , #contents ul .a5 , #contents ul .a6 , #contents ul .a7 , #contents ul .a8 , #contents ul .a9 , #contents ul .a10 , #contents ul .a11 , #contents ul .a12 , #contents ul .a13 , #contents ul .a14 , #contents ul .a15 , #contents ul .a16 , #contents ul .a17 , #contents ul .a18 , #contents ul .a19 , #contents ul .a20{
	list-style:none;
	background-repeat:no-repeat;
	padding:5px 0 5px 32px;
	line-height:22px;
}
#contents ul .q1 , #contents ul .q2 , #contents ul .q3 , #contents ul .q4 , #contents ul .q5 , #contents ul .q6 , #contents ul .q7 , #contents ul .q8 , #contents ul .q9 , #contents ul .q10 , #contents ul .q11 , #contents ul .q12 , #contents ul .q13 , #contents ul .q14 , #contents ul .q15 , #contents ul .q16 , #contents ul .q17 , #contents ul .q18 , #contents ul .q19 , #contents ul .q20{
	color:#3399CC;
	margin:12px 0 0 0;
}
#contents ul .q1{background-image:url(../q01.gif);}
#contents ul .q2{background-image:url(../q02.gif);}
#contents ul .q3{background-image:url(../q03.gif);}
#contents ul .q4{background-image:url(../q04.gif);}
#contents ul .q5{background-image:url(../q05.gif);}
#contents ul .q6{background-image:url(../q06.gif);}
#contents ul .q7{background-image:url(../q07.gif);}
#contents ul .q8{background-image:url(../q08.gif);}
#contents ul .q9{background-image:url(../q09.gif);}
#contents ul .q10{background-image:url(../q10.gif);}
#contents ul .q11{background-image:url(../q11.gif);}
#contents ul .q12{background-image:url(../q12.gif);}
#contents ul .q13{background-image:url(../q13.gif);}
#contents ul .q14{background-image:url(../q14.gif);}
#contents ul .q15{background-image:url(../q15.gif);}
#contents ul .q16{background-image:url(../q16.gif);}
#contents ul .q17{background-image:url(../q17.gif);}
#contents ul .q18{background-image:url(../q18.gif);}
#contents ul .q19{background-image:url(../q19.gif);}
#contents ul .q20{background-image:url(../q20.gif);}
#contents ul .a1{background-image:url(../a01.gif);}
#contents ul .a2{background-image:url(../a02.gif);}
#contents ul .a3{background-image:url(../a03.gif);}
#contents ul .a4{background-image:url(../a04.gif);}
#contents ul .a5{background-image:url(../a05.gif);}
#contents ul .a6{background-image:url(../a06.gif);}
#contents ul .a7{background-image:url(../a07.gif);}
#contents ul .a8{background-image:url(../a08.gif);}
#contents ul .a9{background-image:url(../a09.gif);}
#contents ul .a10{background-image:url(../a10.gif);}
#contents ul .a11{background-image:url(../a11.gif);}
#contents ul .a12{background-image:url(../a12.gif);}
#contents ul .a13{background-image:url(../a13.gif);}
#contents ul .a14{background-image:url(../a14.gif);}
#contents ul .a15{background-image:url(../a15.gif);}
#contents ul .a16{background-image:url(../a16.gif);}
#contents ul .a17{background-image:url(../a17.gif);}
#contents ul .a18{background-image:url(../a18.gif);}
#contents ul .a19{background-image:url(../a19.gif);}
#contents ul .a20{background-image:url(../a20.gif);}

/* テーブルタイプ */
#contents table{
	padding:15px;
	font-size: 12px !important;
	line-height:150%;
	font-size: 1em;
	line-height:150%;
}
.table01 th{
width:120px;
vertical-align:top;
}
.table02 th{
	background-color: #A0C3D8;
	height:3px;
}
.table02 td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 2px;
	vertical-align:top;
}
.table03 th{
	background-color:#EFEFEF;
	text-align:left;
	font-weight:normal;
	padding:0 5px;
}
.table03 td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 2px;
	vertical-align:top;
}

/* 見積表 */
.estimate{
	border: 2px solid #97B2C3;
	border-collapse:collapse;
}
.estimate th{
	font-weight:normal;
	text-align:left;
	background-color:#FFFFFF;
	border: 1px solid #CDDFDA;
	padding:2px;
}
.estimate td{
	width:10%;
	border: 1px solid #CDDFDA;
	padding:2px;
}
.estimate td span , .price th span{
	display:none;
}

.a-div{background-color:#AED3DD;}
.b-div{background-color:#FFCC66;}
.c-div{background-color:#F0B297;}
.d-div{background-color:#B8E49F;}
.e-div{background-color:#B5B5B5;}

.price{
	border: 2px solid #97B2C3;
	border-collapse:collapse;
}
.price th{
	font-weight:normal;
	text-align:left;
	width:6%;
	border: 1px solid #CDDFDA;
	padding:2px;
}
.price td{
	background-color:#FFFFFF;
	border: 1px solid #CDDFDA;
	padding:2px;
}
.price td , .price th{
	font-size: 10px !important;
	font-size: 0.85em;
	line-height:150%;
}

/* 成功事例ボタン */
.ex_btn01{
	display:block;
	float:left;
	width:103px;
	height:48px;
	background-image:url(../ex_btn01.gif);
	text-indent:-999em;
}
.ex_btn02{
	display:block;
	float:left;
	width:103px;
	height:48px;
	background-image:url(../ex_btn02.gif);
	text-indent:-999em;
}
.ex_btn03{
	display:block;
	float:left;
	width:103px;
	height:48px;
	background-image:url(../ex_btn03.gif);
	text-indent:-999em;
}
.ex_btn04{
	display:block;
	float:left;
	width:103px;
	height:48px;
	background-image:url(../ex_btn04.gif);
	text-indent:-999em;
}
.ex_btn05{
	display:block;
	float:left;
	width:103px;
	height:48px;
	background-image:url(../ex_btn05.gif);
	text-indent:-999em;
}
.ex_btn06{
	display:block;
	float:left;
	width:103px;
	height:48px;
	background-image:url(../ex_btn06.gif);
	text-indent:-999em;
}

/* 本文テキスト内画像回り込み */
img.r {
float: right;
border: none;
margin-top:3px;
margin-left:5px;
margin-bottom:3px;
vertical-align:top;
}
img.l {
float: left;
border: none;
margin-top:3px;
margin-right:5px;
margin-bottom:3px;
vertical-align:top;
} 

/*************************/
/* 見出し文字CSS */
/* IE／NN共用　　　　   */
/*************************/

h1{display:none;}
h1.sheet-h1{
	display:block;
	margin:0 0 22px 0;
	color:#FFFFFF;
	font-size: 18px !important;
	font-size: 1.2em;
	line-height:150%;
}

h2{
	font-size: 18px !important;
	font-size: 1.2em;
	line-height:78px;
	color:#FFFFFF;
}
h2.second {
	padding-left:15px;
	background-image:url(../h2_bg.jpg);
}
h2.profile {
	padding-left:15px;
	background-image:url(../h2_bg_profile.jpg);
}
h2.pc {
	padding-left:15px;
	background-image:url(../h2_bg_pc.jpg);
}
h2.restoration {
	padding-left:15px;
	background-image:url(../h2_bg_restoration.jpg);
}
h2.submenu {
	padding-left:15px;
	background-image:url(../h2_bg_submenu.jpg);
}
h2.recruit {
	padding-left:15px;
	background-image:url(../h2_bg_recruit.jpg);
}
h2.symptom {
	padding-left:15px;
	background-image:url(../h2_bg_symptom.jpg);
}


h3{
	height:23px;
	margin:0 0 7px 0;
	padding:2px 7px;
	background-image:url(../h3_bg.gif);
	background-repeat:no-repeat;
	font-size: 14px !important;
	font-size: 1em;
	color:#666666;
}
h4{
	height:37px;
	line-height:28px;
	padding:2px 8px;
	background-image:url(../h4_bg.gif);
	background-repeat:no-repeat;
	font-size: 12px !important;
	font-size: 1em;
	color:#666666;
}
h4.nomal, h3.nomal , h2.nomal{
	height:auto;
	line-height:150%;
	padding:0;
	color:#687674;
	background-image:none;
	font-size: 12px !important;
	font-size: 0.8em;
	line-height:150%;
}
h2.nomal{margin:10px 0 0 0;}
h5{
	padding:0 0 5px 0;
	font-size: 12px !important;
	font-size: 1em;
	color:#333333;
}

/*************************/
/* 文字サイズサイズCSS */
/* IE／NN共用　　　　   */
/*************************/

/* 文字サイズ */
.fs09 {
	font-size: 9px !important;
	font-size: 0.6em;
	line-height:120%;
}
.fs10 {
	font-size: 10px !important;
	font-size: 0.7em;
	line-height:150%;
}
.fs11 {
	font-size: 11px !important;
	font-size: 0.75em;
	line-height:150%;
}
.fs12 {
	font-size: 12px !important;
	font-size: 0.8em;
	line-height:150%;
}
.fs14 {
	font-size: 14px !important;
	font-size: 1em;
	line-height:150%;
}
.fs18 {
	font-size: 18px !important;
	font-size: 1.2em;
	line-height:150%;
}
.fs20 {
	font-size: 20px !important;
	font-size: 1.4em;
	line-height:150%;
}
.fs24 {
	font-size: 24px !important;
	font-size: 1.8em;
	line-height:150%;
}

/* ウェイトボールド */
.fb {
	font-weight: bold !important;
}

/* 相対拡縮 */
.fs-s {
	font-size: 85%;
	line-height:120%;
}
.fs-l {
	font-size: 120%;
}
.fs-ll {
	font-size: 150%;
}


/*********************/
/* テキストカラーCSS */
/*********************/

.txt-red{
	color: #FF0000;
}
.txt-red1{
	color: #CC0000;
}
.txt-red2{
	color: #CC3333;
}


.txt-blue{
	color: #0000FF;
}
.txt-blue1{
	color: #3A5B84;
}
.txt-blue2{
	color: #0066CC;
}


.txt-green{
	color: #006600;
}
.txt-green1{
	color: #00CC66;
}
.txt-green2{
	color:#249190;
}


.txt-orange{
	color: #FF6600;
}
.txt-orange1{
	color: #FF9933;
}


.txt-gray{
	color: #333333;
}
.txt-gray1{
	color: #666666;
}
.txt-gray2{
	color: #999999;
}


.txt-black{
	color: #000000;
}


.txt-white{
	color: #FFFFFF;
}


/***************************/
/* テキストリンクカラーCSS */
/***************************/

/* 未訪問・訪問済リンク */
a:link,a:visited{
	color: #0000CC;
	text-decoration: underline;
}

/* マウスオーバー時 */
a:hover,a:active {
	color: #FF0000;
	text-decoration: underline;
}


/**************/
/* メイン・サブナビ用 */
/**************/
#mainnavi ul li a:link,#mainnavi ul li a:visited,#subnavi ul li a:link,#subnavi ul li a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
#mainnavi ul li a:hover,#mainnavi ul li a:active,#subnavi ul li a:hover,#subnavi ul li a:active {
	color:#FFCC00;
	text-decoration: none;
}

/**************/
/* セカンド・サードナビ用 */
/**************/
#secondnavi ul li a:link,#secondnavi ul li a:visited,#thirdnavi ul li a:link,#thirdnavi ul li a:visited ,#contents ul.thirdlv-ul li a:link,#contents ul.thirdlv-ul li a:visited ,.btn:link ,.btn:visited {
	color: #666666;
	text-decoration:none;
}
#secondnavi ul li a:hover,#secondnavi ul li a:active,#thirdnavi ul li a:hover,#thirdnavi ul li a:active ,#contents ul.thirdlv-ul li a:hover,#contents ul.thirdlv-ul li a:active ,.btn:active ,.btn:hover {
	color:#FF6600;
	text-decoration: none;
}