@charset "utf-8";

/*
------------------------------------------------
Layout
------------------------------------------------*/

.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:#E6F5C6;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:#F1D9B7;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:#D9F1F2;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; /*padding-left: 25px;*/ 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; }
a.type02 { background: url(../img/type02.gif) no-repeat top left; }
a.type03 { background: url(../img/type03.gif) no-repeat top left; }
a.type04 { background: url(../img/type04.gif) no-repeat top left; }
a.type05 { background: url(../img/type05.gif) no-repeat top left; }
a.type06 { background: url(../img/type06.gif) no-repeat top left; }
a.type07 { background: url(../img/type07.gif) no-repeat top left; }
a.type08 { background: url(../img/type08.gif) no-repeat top left; }
a.type09 { background: url(../img/type09.gif) no-repeat top left; }
a.type10 { background: url(../img/type10.gif) no-repeat top left; }
a.type11 { background: url(../img/type11.gif) no-repeat top left; }
a.type12 { background: url(../img/type12.gif) no-repeat top left; }
a.type13 { background: url(../img/type13.gif) no-repeat top left; }
a.type14 { background: url(../img/type14.gif) no-repeat top left; }
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.type01,a.type02,a.type03,a.type04,a.type05,a.type06,a.type07,a.type08,a.type09,a.type10,a.type11,a.type12,a.type13,a.type14 { overflow:hidden;display: block; width: 212px; height: 14px; text-indent: -99999px; }

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; /**/ }