@charset "utf-8";

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}



body{
background-color:#EBFBFC;
}

#wrapper{
/*margin:0 10px;*/
color:#464646;
}

.mac #wrapper{
margin:0 10px;
color:#464646;
letter-spacing:-1px;
}

#base{
background-color:#FFF;
}

.social_button{
margin:10px 0;
}

#cont h1{
color: #666;
margin-top: 3px;
margin-bottom: 10px;
font-size: 10px;
font-weight: normal;
}

#comp_main .topNavi{
margin-bottom:20px;
}

#comp_main .topNavi span{
display:table-cell;
height:90px;
width:30%;
vertical-align:middle;
layout-grid-line:90px;
}

.ie6 #comp_main .topNavi span.tab_c,
.ie7 #comp_main .topNavi span.tab_c{padding:0 20px;}


#comp_container{

}

#comp_container h2{
border-top:3px solid #A7D6E5;
padding-top:10px;
margin-bottom:20px;
}

.mac.chrome h2{
background-image:url("../img/contents/cdvd_icon.gif");
background-position:left center;
background-repeat:no-repeat;
height:57px;
padding-top:16px;
padding-left:60px;
font-size:23px;
margin-bottom:20px;
}

#comp_container p{
font-size:14px;
line-height:150%;
margin-bottom:20px;
}

#comp_container #btnNavi{
clear:both;
margin-bottom:50px;
}

#base #comp_container .btn{
margin-left:0;
width:95px;
font-size:14px;
margin-top:0;
}

.ie6 #base #comp_container .btn,
.ie7 #base #comp_container .btn{width:67px;}

.ie #comp_container .btn{
margin-left:0;
width:135px;
font-size:14px;
}

#comp_container #btnNavi a{
color:#ffffff;
}

#comp_container .comp_box{
margin-bottom:50px;
}

#comp_container .contents_r{
float:right;
margin-left:20px;
}



h3{
background-image:url("../img/contents/cdvd_icon_balance.gif");
background-position:left top;
background-repeat:no-repeat;
height:41px;
font-size:20px;
padding-left: 55px;
padding-top: 10px;
padding-bottom:40px;
margin-bottom:20px;
border-bottom:1px solid #9CBEE9;
clear:both;
}

.ie h3{
background-image:url("../img/contents/cdvd_icon_balance.gif");
background-position:left top;
background-repeat:no-repeat;
height:41px;
font-size:20px;
padding-left: 55px;
padding-top: 10px;
padding-bottom:0px;
margin-bottom:20px;
border-bottom:1px solid #9CBEE9;
clear:both;
}

#comp_container p.merit1{
background-image:url("../img/contents/cdvd_metit1.gif");
background-position:left top;
background-repeat:no-repeat;
padding-left:60px;
}

#comp_container p.merit2{
background-image:url("../img/contents/cdvd_metit2.gif");
background-position:left top;
background-repeat:no-repeat;
padding-left:60px;
padding-top:20px;
height:55px;
}

#comp_container p.merit3{
background-image:url("../img/contents/cdvd_metit3.gif");
background-position:left top;
background-repeat:no-repeat;
padding-left:60px;
padding-top:20px;
height:55px;
}

#comp_container p.accent_text{
color:#78A7E0;
font-size:20px;
font-weight:bold;
}

#comp_container p.accent_text a{
color:#86ACD2;
font-size:14px;
font-weight:bold;
}

#comp_container p.accent_text a{
text-decoration:underline;
}

#comp_container p.accent_text a:hover{
background-color:#E5F2FF;
}

#comp_container p.dvd_outline{
padding-left: 27px;
text-indent: -27px;
}

#comp_container p.dvd_outline span{
font-weight:bold;
color:#666666;
}

#comp_container .box_l{
border:10px solid #E2F0F4;
padding:20px;
margin-bottom:20px;
width:500px;
}

.ie6 #comp_container .box_l,
.ie7 #comp_container .box_l{width:440px;}

#comp_container .box_r{
float:right;
width:410px;
border:10px solid #E2F0F4;
padding:20px;
}

/*.ie #comp_container .box_l{
float:left;
width:350px;
border:10px solid #E2F0F4;
padding:20px;
}

.ie #comp_container .box_r{
float:right;
width:350px;
border:10px solid #E2F0F4;
padding:20px;
}*/


#comp_container .box_l p,
#comp_container .box_r p{
font-size:14px;
margin-bottom:10px;
}

#comp_container .ins_dvd a:hover{
text-decoration:underline;
}


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

2ページ目

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

#comp_container p.top_text{
font-size:26px;
font-weight:bold;
color:#7BAFCB;
}


#comp_container .comp_box ul{
list-style-type:none;
font-size:16px;
margin-bottom:35px;
}


#comp_container .comp_box ul a:hover{
text-decoration:underline;
}

#comp_container .comp_box ul li ul li{
background-image:url("../img/contents/cdvd_icon_arrow.gif");
background-position:15px 3px;
background-repeat:no-repeat;
padding-left:35px;
margin:5px 0;
}




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

お問い合わせ

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


#comp_main .aboutContact{
position:relative;
}

#comp_container .subtitle{
margin-bottom:10px;
}


#comp_main .aboutContact .Apptext{
margin-top:-20px;
}

#comp_main .aboutContact .Apptext span{
color:#3597CB;
font-weight:bold;
}


.kanrenLink{
border: 3px solid #FFE8E8;
margin-bottom: 20px;
padding: 10px 15px 0;
}

#comp_main .kanrenLink p{
font-size: 14px;
margin-bottom: 10px;
}


/* インソースの豊富なサービス */
#servicelink table.border-b .line_l_b {background-color:#A7D6E5;width: 190px;}
#servicelink table.border-b .line_c {width: 1px;}
#servicelink table.border-b .line_r_b {background-color:#CFE6FF;width: 309px;}

#servicelink .arrowA {background-color:#A7D6E5;}
#servicelink .arrowB {background-color:#A7D6E5;}

#servicelink h3{background-image:none;}

/* 左ナビ */
/* ▼ 左ナビ*/
#cont #c3_ll dl.cc11 table tr td.line_l{background-color:#A7D6E5;}
#cont #c3_ll dl.cc11 table tr td.line_r{background-color:#CFE6FF;}
#cont #c3_ll dl.cc11-2    {border-color:#A7D6E5;}
#cont #c3_ll dl.cc11 dt b img,
#cont #c3_ll dl.cc11-2 dt b img{background:#A7D6E5;}
#cont #c3_ll dl dd.rating_list ul li span{color:#A7D6E5;}