@charset "utf-8";

/****************************************

【サービス】Webサイト総合診断サービス 

*****************************************/

div.diagnosis{
	width:680px;
	margin:0 auto;
}

div.diagnosis ul.demands{
	border-top:1px solid #C00;
	padding-top:20px;
	padding-bottom:20px;
}

div.diagnosis ul.demands li.demand{
	float:left;
	width:520px;
}

div.diagnosis ul.demands li.demand img{
margin-bottom:10px;
}

div.diagnosis ul.demands li.btn{
	float:right;
}

div.diagnosis ul.last{
	border-bottom:1px solid #C00;
}

div.diagnosis h3 {
border-left:5px solid #990000;
font-size:14px;
font-weight:bold;
margin-bottom:5px;
padding-left:8px;
}


/****************************************

【サービス】Webサイト診断 

*****************************************/
div.diagnosis table{
border-collapse:collapse;
}

div.diagnosis table th,
div.diagnosis table td{
border:solid 1px #CCC;
}

div.diagnosis table#plans{
margin-bottom:30px;
}

div.diagnosis table#plans th{
padding:0;
margin:0;
}

div.diagnosis table#plans td{
text-align:center;
font-weight:bold;
}

div.diagnosis table#component th{
background-color:#F4F4EC;
font-weight:bold;
font-size:140%;
text-align:left;
}

div.diagnosis table#component th span{
font-weight:normal;
font-size:70%;
}

div.diagnosis table#component th,
div.diagnosis table#component td{
padding:10px 15px;
}

div.diagnosis div#details dl{
margin-bottom:0px;
}

div.diagnosis div#details dl dt{
border:solid 1px #CCC;
background-image:url(../service/diagnosis/images/bar_plan_light.gif);
height:40px;
text-align:right;
padding-top:8px;
padding-right:8px;
}

div.diagnosis div#details dl#economy dt{
background-image:url(../service/diagnosis/images/bar_plan_economy.gif);
}

div.diagnosis div#details dl#standard dt{
background-image:url(../service/diagnosis/images/bar_plan_standard.gif);
}

div.diagnosis div#details dl#deluxe dt{
background-image:url(../service/diagnosis/images/bar_plan_deluxe.gif);
}

div.diagnosis div#details dl#customized dt{
background-image:url(../service/diagnosis/images/bar_plan_customized.gif);
}

div.diagnosis div#details dl dd{
border-left:solid 1px #CCC;
border-right:solid 1px #CCC;
border-bottom:solid 1px #CCC;
padding:20px 30px;
}

div.diagnosis div#details dl dd.box01 ul li{
float:left;
width:400px;
}

div.diagnosis div#details dl dd.box01 ul li.figure{
float:right;
width:200px;
}

div.diagnosis div#details dl dd.box01 ul li p.txt01{
font-size:120%;
line-height:130%;
font-weight:bold;
margin-bottom:15px;
}

div.diagnosis div#details dl dd.box01 ul li p.txt02{
margin-bottom:10px;
}

div.diagnosis div#details dl dd.box01 img{
float:right;
}

div.diagnosis div#details dl dd.box02 p.txt01{
font-size:120%;
line-height:220%;
font-weight:bold;
margin-bottom:20px;
}

div.diagnosis div#details dl dd.box02 p.txt02{
margin-bottom:10px;
}


div.diagnosis div#details dl dd.box02 p.figure{
margin-top:30px;
text-align:center;
}

div.diagnosis p.pageTop{
padding-top:5px;
padding-bottom:15px;
text-align:right;
}



/****************************************

【サービス】競合サイト診断サービス 

*****************************************/

div.diagnosis div#details dl#economyComp dt{
background-image:url(../service/diagnosis/images/bar_plan_economy_comp.gif);
}

div.diagnosis div#details dl#standardComp dt{
background-image:url(../service/diagnosis/images/bar_plan_standard_comp.gif);
}

div.diagnosis div#details dl#deluxeComp dt{
background-image:url(../service/diagnosis/images/bar_plan_deluxe_comp.gif);
}

div.diagnosis ul.packagePrice{
margin-bottom:15px;
}

div.diagnosis ul.packagePrice li{
float:left;
text-align:center;
margin:0;
padding:0;
}

div.diagnosis ul.packagePrice li table{
padding:0;
margin:0;
border:0px solid #fff;
}

div.diagnosis ul.packagePrice li.website{
width:122px;
}

div.diagnosis ul.packagePrice li.website01{
width:120px;
height:95px;
padding:55px 0 0 0;
border:1px solid #CCC;
font-weight:bold;
}

div.diagnosis ul.packagePrice li.website01 span{
color:#666;
font-weight:normal;
}

div.diagnosis ul.packagePrice li.comp{
width:180px;
}

div.diagnosis ul.packagePrice li.comp01{
border:0px solid #CCC;
padding:0px;
}

div.diagnosis ul.packagePrice li.icon{
border:0px solid #CCC;
width:70px;
}

div.diagnosis ul.packagePrice li.icon img{
margin-top:55px;
}

div.diagnosis ul.packagePrice li.price01{
padding:0px;
text-align:center;
}

div.diagnosis ul.packagePrice li.price01 table th{
text-align:center;
}

div.diagnosis ul.packagePrice li.price01 table th.price0101{
width:60px;
}

div.diagnosis ul.packagePrice li.price01 table th.price0102{
width:100px;
}

div.diagnosis ul.packagePrice li.nb{
border:0px solid #CCC;
}

div.diagnosis table.tbl01{
width:100%;
}

div.diagnosis table.tbl01 th,
div.diagnosis table.tbl01 td{
margin:0;
}

div.diagnosis table.tbl01 th{
padding:10px;
background-color:#F4F4EC;
}

div.diagnosis table.tbl01 td{
padding:0 10px;
font-weight:bold;
height:50px;
}

div.diagnosis table.tbl01 td span{
color:#666;
font-weight:normal;
}

div.diagnosis table.tbl01 td.price03{
width:60px;
}

div.diagnosis table.tbl01 td.packPrice{
width:100px;
background-color:#FFC;
}

div.diagnosis table.tbl01 td.packPrice span{
text-align:center;
font-weight:bold;
font-size:130%;
color:#C00;
}