@charset "utf-8";
/*プランページ*/
#plan{	
	width: 920px;
	margin:0px auto 20px auto;
	border:solid 1px #CCC;
	position:relative;
	-moz-box-shadow: 0px 0px 4px #CCC;
	-webkit-box-shadow: 0px 0px 4px #CCC;
	behavior: url(ie-css3.htc);
}
#plan .h{
	height:30px;
	line-height:30px;
	background-color:#F3F3F3;
	border-bottom:solid 1px #CCC;
	position:relative;
}
#plan .h .title{
	position:absolute;
	left:5.5em;
	font-weight:bold;
	font-size:146.5%;
}
#plan .access{
	position: absolute;
	right: 10px;
	top: 0px;
}
#plan .access_num{
	font-size:182%;
	font-weight:bold;
	color:#669900;
	padding-left:5px;
	padding-right:5px;
}
#plan .point{
	background-color:#F3F3F3;
	height:21px;
	padding:2px;
	border-bottom:solid 1px #CCC;
	line-height:25px;
}
.point .icon_point{
	height:19px;
	border:solid 1px #ccc;
	background-color:#FFF;
	font-size:92.1%;
	line-height:21px;
	text-align:center;
	float:left;
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
	color:#666;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	behavior: url(border-radius.htc);
}
#plan .top{
	padding:5px;
}
#plan .image,#plan .spec, #graph_outer{
	float:left;
}
#plan .image{
	width:140px;
	height:140px;
	margin-right:6px;
	background-color:#CCC;
}
#plan .table{
	margin-right:6px;
	width:480px;
}
#plan .convenience th{
	width:130px;
	height:44px;
	background-color:#F3F3F3;
	text-align:center;
	color:#666;
	font-weight:normal;
	border-right:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}
#plan .convenience td{
	width:347px;
	border-right:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}
#plan .table th{
	width:118px;
	height:22px;
	border:solid 1px #7B938F;
	text-align:center;
	background-color:#95ACAE;
	line-height:24px;
	color:#FFFFFF;
	text-shadow:-1px -1px 0px #7B938F;
}
#plan .table td{
	width:118px;
	height:22px;
	border:solid 1px #CCC;
	text-align:center;
	line-height:24px;
	background-color:#FFF;
}

#plan .bottom{
	height:60px;
	line-height:60px;
	background-color:#FAF8EE;
	padding:5px;
	position:relative;
}
#plan dl.parameter{
	height:60px;
	float:left;
	margin-right:15px;	
}
#plan dl.board{
	margin-right:0px;
}
#plan dl dt{
	padding-left:26px;
	background:url(../img/arrow3.png) no-repeat left center;
	margin-left:5px;
	color:#604C3F;
	font-weight:bold;
	float:left;
}
#plan dl dd{
	padding-left:10px;
	float:right;
	line-height:55px;
}
#plan .rank_num{
	font-size:197%;
	font-weight:bold;
	color:#669900;
	margin-right:3px;
}
#plan #graph_outer{
	width:270px;
	height:130px;
	border:solid 2px #E3E3E3;
	padding:2px;
}
#plan .btn_area{
	position:absolute;
	right:5px;
	top:5px;
}
#plan .btn_area .btn_apply a{
	background:url(../img/btn_apply.png) no-repeat left top;
	width:270px;
	height:62px;
	display:block;
	text-indent:-9999px;
	margin-left:10px;
}
#plan .btn_area .btn_apply a:hover{
	background-position:left -62px;
}
#graph{
	width:333px;
	height:143px;
	margin-left:auto;
	margin-right:auto;
}
ul#company_menu {
	width:646px;
	height:47px;
}
ul#company_menu li a{
	display:block;
	float:left;
	width:130px;
	height:40px;
	background:url(../img/plan_menu.png) no-repeat left top;
	cursor:pointer;
	text-indent:-9999px;
}
ul#company_menu li a:hover{
	background-position:left -40px;
}
ul#company_menu li.selected a{
	height:47px;
	background-position:left -80px;
}
ul#company_menu li.term a{
	width:129px;
	background-position:-130px top;
}
ul#company_menu li.term a:hover{
	width:129px;
	background-position:-130px -40px;
}
ul#company_menu li.term.selected a{
	width:129px;
	height:47px;
	background-position:-130px -80px;
}
ul#company_menu li.campaign a{
	width:129px;
	background-position:-259px top;
}
ul#company_menu li.campaign a:hover{
	width:129px;
	background-position:-259px -40px;
}
ul#company_menu li.campaign.selected a{
	width:129px;
	height:47px;
	background-position:-259px -80px;
}
ul#company_menu li.review a{
	width:129px;
	background-position:-388px top;
}
ul#company_menu li.review a:hover{
	width:129px;
	background-position:-388px -40px;
}
ul#company_menu li.review.selected a{
	width:129px;
	height:47px;
	background-position:-388px -80px;
}
ul#company_menu li.board a{
	width:129px;
	background-position:-517px top;
}
ul#company_menu li.board a:hover{
	width:129px;
	background-position:-517px -40px;
}
ul#company_menu li.board.selected a{
	width:129px;
	height:47px;
	background-position:-517px -80px;
}
#company_contents {
	margin-top: 10px;
}
#company_contents #contents_left {
	width: 643px;
}
#company_contents #spec h3,
#company_contents #campaign h3,
#company_contents #term h3,
#company_contents #review h3,
#company_contents #board h3{	
	margin-top:10px;
	height:36px;
	line-height:31px;
	background:url(../img/spec_h1.jpg) no-repeat left top;
	padding-left:38px;
	border-bottom:dotted 2px #CCC;
}
#company_contents table.discription{
	width:644px;
	margin-top:10px;
	margin-bottom:8px;
}
#company_contents table.discription tr th{
	width:180px;
	padding:5px;
	border-top-width:1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style:solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:#A8A0A9;
	border-right-color:#A8A0A9;
	border-bottom-color:#A8A0A9;
	border-left-color:#A8A0A9;
	background-color:#E0DCD8;
	font-weight:normal;
}
#company_contents table.discription tr td{
	padding:5px;
	border-top-width:1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style:solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:#CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#post_review,#post_board,.btn_post{
	padding:0.5em 0.8em;
	display:block;
	margin:10px auto;
	width:10em;	
	text-shadow:1px 1px 0px #FFFFFF;
}
#company_contents #review h3{
	height:36px;
	line-height:31px;
	background:url(../img/review_h1.jpg) no-repeat left top;
	padding-left:38px;
	border-bottom:dotted 2px #CCC;
}
#review_all{
	width:622px;
	border:solid 2px #84B400;		
	background-color:#f2f2f2;
	padding:10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
	margin-top:12px;
	position:relative;
}
#review_all .left{
	float:left;
}
#review_all .average{
	width:252px;
	padding:5px;
	height:50px;
	line-height:50px;
	position:absolute;
	bottom:9px;
	left:9px;
	border:solid 1px #CCC;
	background-color:#FFFFFF;
}
#review_all .left h4{
	background:url(../img/review_point_all.jpg) no-repeat left center;
	color:#664F40;
	padding-left:46px;
	height:36px;
	font-size:141.1%;
	font-weight:bold;
}
#review_all .number{
	font-size:141.1%;
	font-weight:bold;
	color:#FF9900;
}
#review_all .discription_point{
	float:right;
	width:352px;
	border:solid 1px #CCC;
	background-color:#FFFFFF;
}
#review_all .discription_point tr th{
	width:99px;
	height:36px;
	background:url(../img/review_point_bg.jpg) no-repeat 5px 5px;
	line-height:36px;
	color:#FFFFFF;
	padding-left:1em;
}
#review_all .discription_point tr th,#review_all .discription_point tr td{
	border-bottom:dotted 1px #CCC;;
}
#review_all .discription_point{
	float:right;
	width:352px;
}
#review_all .star{
	float:right;
	margin-top:8px;
}
#review .review_set{
	border:solid 1px #CCC;
	width:644px;
	background-color:#F2F2F2;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	behavior: url(border-radius.htc);
	margin-top:12px;
}
.review_set .bottom{
	border-top:solid 1px #FFFFFF;
	padding:4px;
}
.review_set .h{
	height:35px;
	border-bottom:solid 1px #CCC;
	position:relative;
}
.review_set .h .title{
	color:#336699;
	font-weight:bold;
	background:url(../img/icon_review_set.gif) no-repeat left center;
	padding-left:27px;
	position:absolute;
	left:6px;
	height:35px;
	line-height:35px;
}
.review_set .h .average{
	line-height:35px;
	position:absolute;
	right:7px;
}
.review_set .star{
	float:right;
	margin-top:4px;
	margin-left:5px;
}
.review_set .number{
	font-size:123.1%;
	font-weight:bold;
	color:#FF9900;
}
.review_set .h .number{
	font-size:141.1%;
}
.review_set .discription_point{
	width:636px;
}
.review_set .discription_point th{
	width:80px;
	border:solid 1px #CCC;
	font-weight:normal;
	padding:0.2em 0.4em;
	font-size:92%;
	height:22px;
	line-height:22px;
}
.review_set .discription_point td{
	border:solid 1px #CCC;
	background-color:#FFFFFF;
	padding:0.2em 0em 0.2em 0.6em;
	height:22px;
	line-height:22px;
}
.review_set .body{
	width:614px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	padding:10px;
	background-color:#FFFFFF;
}
#company_contents #board h3{
	height:36px;
	line-height:31px;
	background:url(../img/plan_board_h.jpg) no-repeat left top;
	padding-left:38px;
	border-bottom:dotted 2px #CCC;
}
#company_contents .empty_box{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
	border:solid 1px #D0BE81;
	background-color:#EFE8DA;
	width:618px;
	margin-top:10px;
	padding:10px;
}
.empty_box .message{
	background:url(../img/icon_caution2.jpg) no-repeat left top;
	padding-top:10px;
	padding-left:96px;
	color:#3E2D1F;
	font-weight:bold;
	height:60px;
}
.empty_box .request{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
	background-color:#FFFFFF;
	position:relative;
	margin-top:15px;
	text-align:center;
	padding:20px 0px 10px 152px;
}
.empty_box .request .text{
	background:url(../img/review_text1.png) no-repeat left top;
	width:373px;
	height:19px;
	position:absolute;
	top:-10px;
	left:120px;
	text-indent:-9999px;
}
.btn_review_post a{
	width:252px;
	height:33px;
	display:block;
	background:url(../img/btn_review1.jpg) no-repeat left top;
}
.btn_review_post a:hover{
	background-position:left -33px;
}
.btn_board_post a{
	width:252px;
	height:33px;
	display:block;
	background:url(../img/btn_board_post1.jpg) no-repeat left top;
}
.btn_board_post a:hover{
	background-position:left -33px;
}
#review table.review,#board table.board{
	margin-top:8px;
	width:646px;
	border:solid 2px #EAEAEA;
}
#review table.review th,#board table.board th{
	background-color:#EAEAEA;
	border-bottom:dotted 1px #CCC;
	padding:8px;
}
#review table.review td,#board table.board td{
	border-bottom:dotted 1px #CCC;
	padding:8px;
}
#review table.point{
	border:solid 1px #CCC;
	width:100%;
}
#review table.point th{
	background-color:#F2F2F2;
	border:solid 1px #CCC;
	font-weight:normal;
}
#review table.point td{
	border:dotted 1px #CCC;
}
#review table.review input,
#review table.review textarea,
#board table.board input,
#board table.board textarea{
	width:500px;
	padding:2px;
	border:solid 1px #CCC;
}