/* CSS Document */


/* 共通事項 */

#header{
display:none;
}

#sidearea{
display:none;
}

#footer{
display:none;
}

#wrap {
margin:0px 0px 0px 0px;
}

#wrap #main {
margin:0px 0px 0px 0px;
}

#wrap #main #contents {
width: 575px;
background-color:#FFFFFF;
}

#wrap_wide {
width:782px;
}

#wrap_wide #main {
width:782px;
}

#wrap_wide #contents_wide {
width: 780px;
}

#pankuzu {
display: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
a{text-decoration:none;}
li,dl{list-style:none;}
hr {display: none;}
img {border: none;vertical-align: bottom;}

dt,dd,ol,li,pre,input,p,blockquote,th,td,address{font-size:75%;line-height:130%;color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:75%;font-weight:normal;line-height:130%;color:#333333;}
h1,h2,h3,h4,h5,h6,dt,dd,ol,li,pre,input,p,blockquote,th,td,address{	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
/*
------------------------------------------------
コンテンツスタイルシート
------------------------------------------------*/

.renew { width:566px; margin:0 auto; text-align:center; }

.sera01 { width:566px; height:119px; background:url(../img/cq_back.jpg) no-repeat top left; text-align:left; padding-top: 17px;  }

.sera01 h1 { background:url(../img/cq_title01.jpg) no-repeat top left; width:247px; height:42px; margin:0 0 0 15px; display: block;text-indent: -9999px; }

.sera01 p { background:url(../img/cq_text.jpg) no-repeat top left; width:449px; height:42px; display: block; margin:6px 0 0 15px;text-indent: -9999px; }

.sera02 { background:#DAF1A9;width:563px;margin:10px auto;padding:15px 0 20px 0; text-align:center; }
.inner { width:503px;margin:0 auto;text-align:left; }
.sera02 h2 { width: 503px; height: 52px; background: url(../img/cq_title02.jpg) no-repeat center left; margin-bottom: 15px; text-indent: -99999px; }

.sera03 { background:#EECFA5;width:563px;margin:10px auto;padding:15px 0 20px 0; text-align:center; }
.sera03 h2 { width: 503px; height: 52px; background: url(../img/cq_title03.jpg) no-repeat center left; margin-bottom: 15px; text-indent: -99999px; }

.sera04 { background:#C7EAEC;width:563px;margin:10px auto;padding:15px 0 20px 0; text-align:center; }
.sera04 h2 { width: 503px; height: 52px; background: url(../img/cq_title04.jpg) no-repeat center left; margin-bottom: 15px; text-indent: -99999px; }

.boxB { background:url(../img/cq_box01_mid.gif) repeat-y top left; width:250px; margin-bottom: 10px; }
.boxB dl { background:url(../img/cq_box01_btm.gif) no-repeat bottom left; width:250px;  }
.boxB dt { background:url(../img/cq_box01_top.gif) no-repeat top left;width:250px; padding: 10px 10px 0 25px;font-size:10px; }
.boxB dd:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.boxB dd { margin: 10px 10px 0px 25px; padding-bottom: 10px;font-size: 100%;min-height: 1px;}
* html .boxB dd { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }
.boxB dd img { margin-left: 5px;float:right; }
.boxB dd p { float:left;width:100px; }

.boxC { background:url(../img/cq_box03_mid.gif) repeat-y 4px 0; width:495px; margin-bottom: 15px; }
.boxC_btm { background:url(../img/cq_box03_btm.gif) no-repeat 4px bottom;  }
.boxC_top { background:url(../img/cq_box03_top.gif) no-repeat 4px 0; }
.boxC dl { width:215px; float: left; padding-bottom: 10px;  }
.boxC dt { padding: 10px 10px 10px 0px; font-size:10px; }
.boxC dd { margin: 0px; padding-bottom: 10px; font-size: 100%; }
.boxC dd img { float:left; margin-left: 9px;  }
.boxC dd p { float:left;width:100px; }

.one { position:relative;left:25px; } 
.two { position:relative;left:59px;_left:52px; }

.two dd img { float:left; margin-left: 7px;  }

.boxD { background:url(../img/cq_box04_mid.gif) repeat-y 4px 0; width:495px; margin-bottom: 15px; }
.boxD_btm { background:url(../img/cq_box04_btm.gif) no-repeat 4px bottom;  }
.boxD_top { background:url(../img/cq_box04_top.gif) no-repeat 4px 0; }
.boxD dl { width:215px; float: left; padding-bottom: 10px;  }
.boxD dt { padding: 10px 10px 10px 0px; font-size:10px; }
.boxD dd { margin: 0px; padding-bottom: 10px; font-size: 100%; }
.boxD dd img { float:left; margin-left: 9px;  }
.boxD dd p { float:left;width:100px; }

.three { position:relative;left:19px; } 
.four { position:relative;left:53px;_left:46px; }

.boxE { background:url(../img/cq_box05_mid.gif) repeat-y 4px 0; width:250px; margin-bottom: 10px; }
.boxE dl { background:url(../img/cq_box05_btm.gif) no-repeat 4px bottom; width:250px;  }
.boxE dt { background:url(../img/cq_box05_top.gif) no-repeat 4px 0;width:250px; padding: 10px 10px 0 20px;font-size:10px; }
.boxE dd:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.boxE dd { margin: 10px 10px 0px 20px; padding-bottom: 10px;font-size: 100%;min-height: 1px;}
* html .boxE dd { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }
.boxE dd img { margin-right: 5px;float:right; }
.boxE dd p { float:left;width:100px; }

.sera05 { width:528px;margin:30px auto;text-align:center; border:1px solid #ccc; background: url(../img/cq_img02.jpg) no-repeat 415px 35px; }
h3.cq_title {   }

a.cq_title  {  width: 528px; height:25px;display: block; overflow:hidden;background:url(../img/cq_title05.gif) no-repeat top left; height:25px; text-indent: -9999px; }
a.cq_title:hover {  width: 528px; height:25px;display: block; overflow:hidden;background:url(../img/cq_title05.gif) no-repeat left -25px; height:25px; text-indent: -9999px; }

.sera05 p { padding: 10px 10px 25px 10px; text-align: left; }
	
a.type01 { background: url(../img/type01.gif) no-repeat top left; display: block; width: 212px; height: 14px; text-indent: -99999px; }
a.type02 { background: url(../img/type02.gif) no-repeat top left; display: block; width: 212px; height: 14px; text-indent: -99999px; }
a.type03 { background: url(../img/type03.gif) no-repeat top left; display: block; width: 212px; height: 14px; text-indent: -99999px; }
a.type04 { background: url(../img/type04.gif) no-repeat top left; display: block; width: 212px; height: 14px; text-indent: -99999px; }
a.type05 { background: url(../img/type05.gif) no-repeat top left; display: block; width: 212px; height: 14px; text-indent: -99999px; }
a.type06 { background: url(../img/type06.gif) no-repeat top left; display: block; width: 212px; height: 14px; text-indent: -99999px; }
a.type07 { background: url(../img/type07.gif) no-repeat top left; display: block; width: 212px; height: 14px; text-indent: -99999px; }
a.type08 { background: url(../img/type08.gif) no-repeat top left; display: block; width: 212px; height: 14px; text-indent: -99999px; }
a.type09 { background: url(../img/type09.gif) no-repeat top left; display: block; width: 212px; height: 14px; text-indent: -99999px; }
a.type10 { background: url(../img/type10.gif) no-repeat top left; display: block; width: 212px; height: 14px; text-indent: -99999px; }
a.type11 { background: url(../img/type11.gif) no-repeat top left; display: block; width: 212px; height: 14px; text-indent: -99999px; }
a.type12 { background: url(../img/type12.gif) no-repeat top left; display: block; width: 212px; height: 14px; text-indent: -99999px; }
a.type13 { background: url(../img/type13.gif) no-repeat top left; display: block; width: 212px; height: 14px; text-indent: -99999px; }
a.type14 { background: url(../img/type14.gif) no-repeat top left; display: block; width: 212px; height: 14px; text-indent: -99999px; }
a.type01:hover,a.type02:hover,a.type03:hover,a.type04:hover,a.type05:hover,a.type06:hover,a.type07:hover,a.type08:hover,a.type09:hover,a.type10:hover,a.type11:hover,a.type12:hover,a.type13:hover,a.type14:hover { background-position: left -14px; }

a.page_top { margin: 10px 0px; text-indent: -99999px; display: block; overflow: hidden; clear: both; background: url(../../img/page_top.gif) no-repeat 0px 0px; width: 109px; height: 19px ;  float:right; }

.clearfix:after { content: ".";  display: block;  clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix {  height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }