@charset "utf-8";

/******************************/
/* 基本画面用                 */
/******************************/
BODY{
	padding:0 0 0 0;
	margin:10px 0 0 0;
	background:url(../img/bg.gif) center top repeat-y;
}
/* 背景画像を敷き詰めたいとき */
/* HTML,BODY{ height:100% } */
/* 該当箇所に{ height:100% min-height:100%; }を */
	/* タグ基本 */
H1,H2,H3,H4,H5,H6,P,DIV,FORM,OL,UL,DL,INPUT{
	padding:0 0 0 0;
	margin:0 0 0 0;
}
IMG {border:0;}
SUP,SUB{
	vertical-align: baseline;
	position: relative;
}
SUP { top:-4px }
SUB { top: 4px }

.mbSS { margin-bottom:10px; }
.mbS { margin-bottom:14px; }
.mbM { margin-bottom:18px; }
.mbL { margin-bottom:24px; }
.mbLL { margin-bottom:36px; }

.picL{ float:left; margin-right:12px; }
.picR{ float:right; margin-left:12px; }
/******************************/
/* レイアウト                 */
/******************************/
#cmp DIV#wrapbase{
	margin:0 auto;
	text-align:left;
	width:684px;
	height:100%;
	min-height:100%;
}

P{
	font-size:16px;
	line-height:24px;
	margin-bottom:12px;
}
STRONG {color:#C03;}
DIV.btn{ height:51px; width:320px; margin:auto; margin-bottom:36px; }
DIV.btn A { display:block; height:51px; background:url(../img/btn_inquiry.gif) left top no-repeat; text-indent:-9999px; }
DIV.btn A:visited,
DIV.btn A:link{ background-position:bottom left; }
DIV.btn A:hover{ background-position:bottom left; }




H1,
H2,
H3,
H4{ text-indent:-9999px;}

DIV#column1 H1 { background:url(../img/column1_catch2.gif) left top no-repeat; height:123px; }
DIV#column1 H2#catch1 { background:url(../img/column1_catch1.gif) left top no-repeat; height:37px; }
DIV#column1 H2#catch3 { background:url(../img/column1_catch3.gif) left top no-repeat; height:87px; }
DIV#column1 H3#catch4 { background:url(../img/column1_catch4.gif) left top no-repeat; height:74px; }



DIV#column1 {background-image:url(../img/bg_column1.jpg); background-position:top left; background-repeat:no-repeat;}

#column2_txt1 { background:url(../img/column2_txt1.gif) left top no-repeat; height:97px; }
#column2_txt2 { background:url(../img/column2_txt2.gif) left top no-repeat; height:21px; }
#column2_txt3 { background:url(../img/column2_txt3.gif) left top no-repeat; height:40px; text-indent:-9999px; }


DIV.qabox H4{ background:url(../img/txt_qa.gif) left top no-repeat; height:34px; margin-bottom:12px;}
DIV.qabox DL{ margin-left:12px; }
DIV.qabox DT,
DIV.qabox DD{ margin:0; padding:0; padding-left:36px; font-size:16px; line-height:24px; }
DIV.qabox DT {background:url(../img/icon_q.gif) left top no-repeat; margin-bottom:8px; font-weight:bold; }
DIV.qabox DD {background:url(../img/icon_ans.gif) left top no-repeat; margin-bottom:16px; }

#column2_txt4 { background:url(../img/column2_txt4.gif) left top no-repeat; height:123px; }
#column2_txt5 { background:url(../img/column2_txt5.gif) left top no-repeat; height:130px; }
.pnl_contact { background:url(../img/pnl_contact.gif) left top no-repeat; height:126px; text-indent:-9999px; }
.pnl_contact2way { background:url(../img/pnl_contact2way.gif) left top no-repeat; height:155px; text-indent:-9999px; }

#column3_txt1 { background:url(../img/column3_txt1.gif) left top no-repeat; height:122px; }
DIV.voice { margin-left:10px; margin-right:10px;}
DIV.voice UL LI{ margin-left:20px; }
DIV.voice UL LI,
DIV.voice P{ font-size:14px; line-height:21px; }


.txt_voice { background:url(../img/txt_voice.gif) left top no-repeat; height:33px; }
#voice1_ttl { background:url(../img/voice1_ttl.gif) left top no-repeat; height:77px; }
#voice2_ttl { background:url(../img/voice2_ttl.gif) left top no-repeat; height:103px; }
#voice3_ttl { background:url(../img/voice3_ttl.gif) left top no-repeat; height:103px; }

P.client{ font-size:12px; line-height:16px; }

#column4_txt1 { background:url(../img/column4_txt1.gif) left top no-repeat; height:48px; }
#column4_txt3 { background:url(../img/column4_txt3.gif) left top no-repeat; height:26px; }

#column5_txt1 { background:url(../img/column5_txt1.gif) left top no-repeat; height:49px; }
#column5_txt2 { background:url(../img/column5_txt2.gif) left top no-repeat; height:40px; text-indent:-9999px; }
#column5_txt3 { background:url(../img/column5_txt3.gif) left top no-repeat; height:79px; }
#catch4a { background:url(../img/column1_catch4.gif) left top no-repeat; height:74px; }
#column5_txt4 { background:url(../img/column5_txt4.gif) left top no-repeat; height:79px; }
#column5_txt5 { background:url(../img/column5_txt5.gif) left top no-repeat; height:79px; }

#column6_txt1 { background:url(../img/column6_txt1.gif) left top no-repeat; height:79px; }


DIV.copy{ text-align:center; }
CITE{ font-size:12px; font-style:normal;}