@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");


.txt01{
	line-height:180%;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
}
.txt02{
line-height:180%;
padding:10px 10px;
}
.txt03{
line-height:180%;
padding:10px 20px;
}


.redtxt{
color:#ee0000;
}



.list01{
padding:3px 0px 3px 25px;
}
.list01 li{
padding:2px 0px;
line-height:180%;
}

.list02{
padding:3px 0px 3px 25px;
list-style:circle;
}
.list02 li{
padding:2px 0px;
line-height:180%;
}



.list03{
padding:3px 0px 3px 15px;
list-style:none;
}
.list03 li{
padding:2px 0px;
line-height:180%;
}

.list04{
padding:3px 0px 3px 30px;
list-style:none;
list-style:lower-roman;
}
.list04 li{
padding:2px 0px;
line-height:180%;
}

.list05{
padding:3px 0px 3px 30px;
list-style:none;
list-style:upper-alpha;
}
.list05 li{
padding:2px 0px;
line-height:180%;
}



.ttl01{
background:url(../../img/inner/ttl_bg01.gif) no-repeat left top;
padding:9px 0px 5px 15px;
font-size:16px;
height:28px;
line-height:150%;
}

.ttl02{
font-size:16px;
border-bottom:1px solid #C63939;
line-height:150%;
padding:0px 0px 5px 0px;
}

.ttl03{
background:url(../../img/inner/ttl_bg03.gif) no-repeat left top;
padding:8px 10px 0px 30px;
font-size:16px;
height:30px;
color:#ffffff;
line-height:150%;
}

.ttl04{
background:url(../../img/inner/ttl_bg04.gif) no-repeat left top #AFAFAF;
padding:9px 10px 7px 40px;
font-size:14px;
line-height:150%;
}

.table01{
border-bottom:1px dotted #d5d5d5;
}
.table01 th{
border-top:1px solid #d5d5d5;
border-left:3px solid #BB0F0B;
padding:8px 10px 8px 15px;
line-height:170%;
font-weight:normal;
text-align:left;
vertical-align:top;
background:#F0F0EF;
}
.table01 td{
border-top:1px dotted #d5d5d5;
padding:8px 10px 8px 15px;
line-height:170%;
text-align:left;
vertical-align:top;
}




.w730{
width:730px;
margin-left:auto;
margin-right:auto;
}



.pdf{
padding:3px 0px 3px 20px;
background:url(../../img/pdf.gif) no-repeat left center;
}


.adobe{
}
.adobe th{
width:100px;
}
.adobe td{
font-size:10px;
color:#333333;
line-height:150%;
}






#fu_abso{
position:relative;
height:326px;
}
#fu_abso img{
display:block;
position:absolute;
left:0px;
top:0px;
}

.w714{
width:714px;
margin-left:auto;
margin-right:auto;
}





#pan{
font-size:10px;
padding:8px 0px;
}

.select_color {
background:url(../../img/inner/select_color.gif) no-repeat left top;
width:149px;
height:41px;
padding:10px 10px 0px 115px;
float:left;
}

.select_plan{
background:url(../../img/inner/select_plan.gif) no-repeat left top;
width:149px;
height:41px;
padding:10px 10px 0px 115px;
float:left;
}
.select_genre{
background:url(../../img/inner/select_genre.gif) no-repeat left top;
width:146px;
height:41px;
padding:10px 10px 0px 123px;
float:left;
}

.select_cate{
background:url(../../img/inner/select_cate.gif) no-repeat left top;
width:153px;
height:41px;
padding:10px 10px 0px 128px;
float:left;
}
.select_month{
background:url(../../img/inner/select_month.gif) no-repeat left top;
width:156px;
height:41px;
padding:10px 10px 0px 107px;
float:left;
}

.res_bt{
float:left;
}

.sel select{
width:140px;
}


.box01_bt{
background:url(../../img/inner/res_bg.gif) no-repeat left bottom;
width:749px;
margin-bottom:20px;
}
.box01_st{
background:url(../../img/inner/res_top.gif) no-repeat left top;
}


.box_img01{
width:185px;
float:left;
padding:20px 0px 20px 20px;
}
.box_txt01{
width:500px;
float:right;
padding:20px 20px 20px 0px;
}


.table02{
font-size:12px;
}
.table02 th{
border-bottom:1px dotted #BBBBBB;
padding:9px 0px;
line-height:150%;
text-align:left;
vertical-align:top;
font-weight:normal;
}
.table02 td{
border-bottom:1px dotted #BBBBBB;
padding:9px 0px;
line-height:150%;
text-align:left;
vertical-align:top;
}

.pegi{
text-align:center;
padding:20px 0px;
font-size:12px;
letter-spacing:2px;
}


.res_list{
list-style:none;
padding-left:10px;
}
.res_list li{
background:url(../../img/point03.gif) no-repeat left 6px;
padding:1px 0px 1px 10px;
line-height:140%;
}
.res_list a:link,.res_list a:visited { color:#0000FF ; text-decoration:underline; }
.res_list a:hover,.res_list a:active { color:#C8504D ; text-decoration:none; }




.faq_box{
width:749px;
padding:10px 0px 20px 0px;
}
.faq_box h4{
background:url(../../img/inner/q_bg.gif) no-repeat left top #F1F1F1;
font-size:16px;
color:#B20303;
padding:19px 10px 10px 70px;
line-height:150%;
}

.answer{
line-height:180%;
font-size:12px;
background:url(../../img/inner/a.gif) no-repeat 22px 8px;
padding:10px 10px 10px 70px;
}


.box02_re{
width:749px;
background:url(../../img/inner/box02_re.gif) repeat-y 0 0;
margin-bottom:20px;
}
.box02_end{
background:url(../../img/inner/box02_end.gif) no-repeat left bottom;
padding-bottom:20px;
}

.ttl_area01{
background:url(../../img/inner/ttl_bg02.gif) no-repeat left top #820906;
}
.ttl_area01 dl{
width:749px;
position:relative;
overflow:hidden;
line-height:150%;
}
.ttl_area01 dt{
width:133px;
float:left;
text-align:center;
padding:10px 0px;
font-size:14px;
color:#ffffff;
}
.ttl_area01 dd{
float:left;
width:590px;
padding:10px 10px 10px 10px;
font-size:16px;
color:#ffffff;
font-weight:bold;
}


.voice_dl{
line-height:150%;
padding-bottom:8px;
}
.voice_dl dt{
font-size:14px;
font-weight:bold;
}
.voice_dl dd{
font-size:12px;
}

.ent_area01{
line-height:180%;
font-size:12px;
}



.st_voice{
width:680px;
padding:10px 15px;
margin:0px auto;
position:relative;
overflow:hidden;
background:#FFFAC7;
}
.st_img{
width:135px;
float:left;
}
.st_txt{
width:520px;
float:right;
}



.blog_ent{
line-height:180%;
padding:15px 20px 0px 20px;
}

.dat01{
padding-right:20px;
text-align:right;
}




.prev_next{
margin:20px 0px;
background:#f4f4f4;
padding:15px 25px;
}
.prev_next ul{
list-style:none;
}
.prev_next ul li{
background:url(../../img/point04.gif) no-repeat left 6px;
padding:3px 0px 3px 17px;
font-size:12px;
line-height:150%;
}



.ser-body{
	width:650px;
	margin-left:auto;
	margin-right:auto;
}
.ser-body p{
line-height:180%;
padding:5px 0px;
}

.rule{
font-size:14px;
line-height:150%;
border-bottom:1px solid #A50201;
color:#A50201;
padding:20px 0px 0px 0px;
margin-bottom:5px;
}

.rule02{
line-height:180%;
padding:5px 0px 5px 30px;
}

.rule03{
list-style:none;
line-height:180%;
padding:5px 0px 5px 30px;
}

.rule04{
list-style:none;
line-height:180%;
padding:5px 0px 5px 30px;
}












/* planning
-------------------------------------------*/
.planning{
}

.planning p{
line-height:180%;
padding-top:15px;
}


/*----------------------------------------------------------------------- contact ----*/
.contact {
background:#E6DDCC;
width: 696px;
margin: 0px auto 40px auto;
}
.contact th{
background: #F3EBD5;
width: 180px;
padding: 10px 10px;
text-align:left;
color: #42413E;
}
.contact td{
background: #FFFFFF;
padding: 10px 15px;
text-align:left;
vertical-align: bottom;
}


.contact02 {
background:#E6DDCC;
width: 720px;
margin: 0px auto 40px auto;
}
.contact02 th{
background: #F3EBD5;
padding: 10px 10px;
text-align:left;
color: #42413E;
}
.contact02 td{
background: #FFFFFF;
padding: 10px 15px;
text-align:left;
vertical-align: bottom;
}

.contact03 {
background:#E6DDCC;
width: 720px;
margin: 0px auto 40px auto;
}
.contact03 th{
background: #F3EBD5;
width: 180px;
padding: 10px 10px;
text-align:left;
color: #42413E;
}
.contact03 td{
background: #FFFFFF;
padding: 10px 15px;
text-align:left;
vertical-align: bottom;
}


.absored{
font-size:10px;
letter-spacing:1px;
color: #ff0000;
font-weight: normal;
}


#F-MAIL,#F-POST,#F-URL,#nayami10,#jiki08{width: 57%;margin: 5px 0px 5px 0px;}
#F-MAIL2 {width: 57%;margin: 0px 0px 5px 0px;}
#F-NAME,#F-TEL,#F-FAX,#F-NAME02 {width: 50%;margin: 5px 0px 5px 0px;}
#F-ADDRESS,#F-COMPANY { width: 90%; margin: 5px 0px 5px 0px;}
#F-MESSAGE { width: 90%; height: 150px;margin: 5px 0px 5px 0px;}
#F-ZIP {width: 30%;margin: 5px 0px 5px 0px;}
#sex01, #sex02{ vertical-align:top;}
#yotei,#yotei02,#yotei03{width: 30px;}

/* ragio-btn */
#ITEM01,#ITEM02{ margin-top: -2px;}

.conttxt{
font-size:10px;
letter-spacing:1px;
padding-left: 10px;
}
.error_mail{
padding-bottom: 20px;
color: #CC0000;
}
.mess_button{
margin-top: 20px;
}
.mess_button input{
margin:-20px;
}
.cont-txt02{
font-weight: normal;
}

/*----------------------------------------------------------------------- planning ----*/






#repo01{
background:url(../../img/inner/repo.jpg) no-repeat left top;
padding-top:142px;
padding-left:248px;
padding-bottom:40px;
}

.repo_box{
background:url(../../img/inner/repo_re.gif) repeat-y 0 0;
width:749px;
margin-bottom:30px;
border-bottom:1px solid #B4B4B4;
}
.adobe{
}
.adobe th{
width:100px;
}
.adobe td{
font-size:10px;
color:#333333;
}

.repo_box02{
padding:20px 100px;
background:#FFF8DF;
}



.plan_left{
width:306px;
float:left;
padding-top:15px;
}
.plan_right{
width:426px;
float:right;
padding-top:15px;
}

.mintxt{
font-size:10px;
}

#inp{
background:url(../../img/plan/info_p05.gif) no-repeat right top;
height:304px;
}

.ifontosf{
background:#f4f4f4;
padding:10px 20px;
}


.flow_box{
padding:8px 20px;
background:#f4f4f4;
width:709px;
}






.staff_box{
width:749px;
position:relative;
overflow:hidden;
padding-top:15px;
}

.staff_img{
width:332px;
float:left;
}
.staff_txt{
width:402px;
float:right;
}

.twitter_btn {
text-align:right;

}

.table03{
border-bottom:1px solid #D6D2CA;
border-left:1px solid #D6D2CA;
}
.table03 th{
border-top:1px solid #D6D2CA;
border-right:1px solid #D6D2CA;
padding:7px 10px;
background:#C50001;
color:#ffffff;
font-weight:normal;
text-align:left;
vertical-align:top;
}
.table03 td{
border-top:1px solid #D6D2CA;
border-right:1px solid #D6D2CA;
padding:7px 10px;
font-weight:normal;
text-align:left;
vertical-align:top;
}



.v_top{
}
.v_top td{
vertical-align:top;
}









#sitemap ul{
list-style:none;
}
#sitemap ul li.nest01{
padding-bottom:10px;
}
#sitemap ul li.nest02{
padding-bottom:10px;
padding-left:40px;
}
#sitemap ul li.nest01 a{
display:block;
padding:8px 10px 8px 16px;
border:1px solid #c8c8c8;
background:url(../../img/point10.gif) no-repeat -2px center;
color:#333333;
text-decoration:none;
line-height:150%;
}
#sitemap ul li.nest01 a:hover{
background:url(../../img/point10.gif) no-repeat left center #FFF4F4;
}
#sitemap ul li.nest02 a{
display:block;
padding:4px 10px 4px 16px;
border:1px solid #c8c8c8;
background:url(../../img/point10.gif) no-repeat -2px center;
color:#333333;
text-decoration:none;
line-height:150%;
}
#sitemap ul li.nest02 a:hover{
background:url(../../img/point10.gif) no-repeat left center #FFF4F4;
}



#sitemap ul li.nest03{
background:url(../../img/point11.gif) no-repeat 55px 0px;
padding:4px 0px 4px 70px;
line-height:150%;
}
#sitemap ul li.nest03 a:link,#sitemap ul li.nest03 a:visited { color:#595959 ; text-decoration:underline; }
#sitemap ul li.nest03 a:hover,#sitemap ul li.nest03 a:active { color:#AF1314 ; text-decoration:none; }






.next-back{
list-style:none;
padding:20px 0px;
}

.next-back li{
background:url(../../img/point04.gif) no-repeat left 5px;
line-height:180%;
padding-left:16px;
}


/*--id:template//100428-------------------------------------*/


#template .tmpl_thumb_list {
padding-left:22px;
overflow:hidden;
zoom:1;
}

#template .tmpl_msg01 {
margin:0 0 .9em 0;
padding:12px;
border:1px solid #e2e2e2;
background:#FAFAFA;
}

#template .tmpl_thumb_list li {
	padding:10px;
	display:inline;
	width:160px;
	font-size:11px;
	list-style:none;
	margin:0 22px 35px 0;
	float:left;
	border: medium dotted silver;
}

#template li a {
height:200px;
display:block;
text-decoration:none;
color:#666666;
padding-top:0px;
padding:0px;
}

#template .tmpl_thumb_list li span {
display:block;
margin-bottom:15px;
padding:3px 2px;
border:1px solid #ccc;
background:url(../../img/inner/tmpl-span-bg.gif) repeat-x bottom;
}

#template .tmpl_thumb_list li h4 {
	font-size:1.2em;
	color:gray;
}
#template .tmpl_thumb_list li p {
	font-size:1.1em;
	color:black;
}

.tpl_top {
	background-image:url(../../img/top/rentakun_face_48.gif);
	background-repeat:no-repeat;
	background-position:7px 3px;
	margin-bottom:12px;
	width:669px;
	line-height:135%;
	font-size:1.2em;
	background-color:#e9e9e9;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 72px;
}

.suggest {
height:160px;
background-image:url(../../img/flow/suggestion.jpg);
background-repeat:no-repeat;
background-position: right;
}

.create {
background-image:url(../../img/flow/create.jpg);
background-repeat:no-repeat;
background-position: right;

}

.complete {
height:160px;
background-image:url(../../img/flow/complete.jpg);
background-repeat:no-repeat;
background-position: right;

}

.support {
height:160px;
background-image:url(../../img/flow/support.jpg);
background-repeat:no-repeat;
background-position: right;

}


/* 料金プラン 20111228 */


#contents .contents_block {
margin-bottom:30px;
overflow:hidden;
}


#planNavi {
width:732px;
margin:0 -25px 25px 20px;
overflow:hidden;
zoom:1;
}


#planNavi li {
list-style:none;
margin-right:25px;
margin-bottom:10px;
padding:0px;
float:left;

}


#planNavi a {
display:block;
margin-bottom:7px;
padding:0px;
background:#ff0000;
}



#contents .plan_set {
position:relative;
margin-bottom:45px;
background:#ff0000;
}

#contents .plan_set .set_btn01 {
position:absolute;
}

#contents .plan_set .set_btn01 p {
margin-bottom:4px;
}

#plan01 .set_btn01 {
bottom:17px;
right:23px;
}

#plan02 .set_btn01 {
bottom:37px;
right:10px;
}

#plan03 .set_btn01 {
bottom:37px;
right:10px;
}

#plan05 .set_btn01 {
bottom:37px;
right:10px;
}

.set_title01 {
margin-bottom:20px;
}

#contents #right_area {
overflow:hidden;
}


