@charset "utf-8";

/*
========================================

For Merit
	・Catch
	
========================================
*/

@import url(../../common/css/common.css);

/* Point
========================================*/
.point{
margin:0 0 16px 0;
width:487px;
background:transparent url(../images/point_bg.gif) right top repeat-y;
float:left;
}

#main .point{
position:relative;
}

#main .point h2{
margin:0 0 10px 0;
padding:0;
border-left:none;
background:none;
}

.point.even{
padding:0 0 0 16px;
}

.point .inner{
padding:0 15px 10px 15px;
width:457px;
background:transparent url(../images/point_bottom.gif) right bottom no-repeat;
position:relative;
}

#main .point h3{
margin:0 0 12px 0;
padding:0 0 4px 0;
border-bottom:2px solid #ccc;
background:none;
font-weight:bold;
font-size:116%;
color:#333;
}

#main .point .infoText{
width:235px;
float:left;
}

#main .point .illust{
width:208px;
float:right;
}

.meritBtn{
clear:both;
margin:0 0 10px 0;
padding:20px 0 0 0;
text-align:center;
}

.meritBtn img{
margin:0 5px;
}

#main .point .change{
line-height:1.5;
height:3em;
}

#main .point .link{
text-align:right;
}

#main .point ul.link{
padding:0.5em 0 0 0;
}

#main .point p.link{
padding:1.8em 0 0 0;
}

#main .point .link a{
padding:0 0 0 25px;
background:transparent url(../../common/images/ico/icon01.gif) 4px -1678px no-repeat;
}

#main .point ul.link.pro{
position:absolute;
bottom:15px;
right:15px;
}

/* BCNマーケティングとは
========================================*/
.frameWrapper,
.frameContainer,
.frameContents{
width:990px;
}

.frameWrapper{
margin:0 0 20px 0;
background:transparent url(../images/aboutmkt_bg.gif) left top repeat-y;
}

.frameContainer{
background:transparent url(../images/aboutmkt_t_bg.gif) left top no-repeat;
}

.frameContents{
background:transparent url(../images/aboutmkt_b_bg.gif) left bottom no-repeat;
}

.frameContents .subSection{
padding:10px;
width:970px;
}

.meritPage #main h2,
.differPage #main h2{
margin:0 0 25px 0;
padding:0;
border:none;
background:none;
}

#aboutMarketing .catch{
margin:0 0 30px;
padding:0 10px;
font-size:116%;
}

#aboutMarketing .catch dt{
margin:0 0 7px 0;
padding:0 0 4px 0;
border-bottom:2px solid #ccc;
font-weight:bold;
}

.meritPage #main h3,
.differPage #main h3{
margin:0 0 10px 0;
background:none;
}

#useService{
padding:10px 0 0 10px;
background:#f7fcff;
}

#useService .frameContainer,
#useService .frameContents{
width:960px;
}

#useService .frameContainer{
background:transparent url(../images/free_merit_bg.gif) left top repeat-y;
}

#useService .frameContents{
background:transparent url(../images/free_merit_b_bg.gif) left bottom no-repeat;
}

#useService .block{
float:left;
width:320px;
}

#useService .block dt{
margin:0 0 8px 0;
}

#useService .block dd{
padding:0 20px 10px 10px;
}

#useService .block .s02,
#useService .block .s03{
padding:0 20px 85px 10px;
background-position:166px 100%;
background-repeat:no-repeat;
}

#useService .block .s02{
background-image:url(../images/merit_service_img01.gif);
}

#useService .block .s03{
background-image:url(../images/merit_service_img02.gif);
}

#useService .block dd p{
margin:0 0 10px 0;
}

.serviceDetail{
clear:both;
padding:18px 0;
text-align:center;
font-size:116%;
font-weight:bold;
}

#freeMemberDiff{
margin:0 0 20px 0;
padding:10px 0 0 10px;
background:#f6f6f6;
}

#freeMemberDiff .frameContainer,
#freeMemberDiff .frameContents{
width:980px;
}

#freeMemberDiff .frameContainer{
margin:0 auto;
background:transparent url(../images/apply_area_bg.gif) left top repeat-y;
}

#freeMemberDiff .frameContents{
background:transparent url(../images/apply_area_b_bg.gif) left bottom no-repeat;
}

#freeMemberDiff .block{
float:left;
width:490px;
}

#freeMemberDiff .block h2{
margin:0 0 8px 0;
}

#freeMemberDiff .block .sec{
padding:0 20px 10px 10px;
}

#freeMemberDiff .block .text{
margin:0 0 30px 0;
min-height:4em;
}

* html #freeMemberDiff .block .text{
height:4em;
}

#freeMemberDiff .block .text strong{
color:#bf1616;
}

#freeMemberDiff .block .applyBtn dt{
margin:0 0 2px 0;
padding:0 0 0 2px;
font-weight:bold;
}

#freeMemberDiff .block .charge dt{
color:#e76b00;
}

#freeMemberDiff .block .free dt{
color:#7ab100;
}

#freeMemberDiff .block .notes{
padding:2px 0 0 0;
font-size:85%;
text-align:right;
}

#main #inaddition h2{
margin:0 0 10px 0;
}

#inaddition .text{
padding:0 10px 5px;
}

/* 会員登録についてのご案内
========================================*/
.noteList{
padding:20px 0 5px;
color:#bf1616;
}

.noteList li{
margin:0 0 2px 0;
}

.differPage #memberDiff h2{
margin:0 0 10px 0;
}

#memberDiff table{
margin:0 0 0 10px;
width:950px;
border-collapse:collapse;
}

#memberDiff th,
#memberDiff td{
padding:10px;
border:1px solid #c4c4c4;
text-align:center;
font-weight:bold;
}

#memberDiff .noData{
background:#f2f2f2;
}

#memberDiff .cols{
background:#f2fee6;
}

#memberDiff .rows{
width:220px;
background:#ecfaff;
text-align:left;
}

#memberDiff .short{
}

#memberDiff .wide{
}

#memberDiff .dataList{
padding:5px 0 0 0;
}

#memberDiff .dataList dd{
font-weight:normal;
}

#memberDiff td strong{
color:#bf1616;
}

#memberDiff .noteList{
margin:0 0 0 10px;
}

#flowApply{
margin:0 0 30px 0;
padding:10px;
background:#f6f6f6;
}

.flowFrameContainer,
.flowFrameContents{
width:970px;
}

.flowFrameContainer{
margin:0 0 15px 0;
background:transparent url(../images/flow_bg.gif) left top repeat-y;
}

.flowFrameContents{
background:transparent url(../images/flow_b_bg.gif) left bottom no-repeat;
}

.flowFrameContents h2{
margin:0 0 20px 0;
}

.flowFrameContents .subSection{
padding:0 0 10px 20px;
}

.flowList{
width:930px;
}

.flowList li{
float:left;
display:inline;
}

#flowApply .noteList{
padding:10px 0 5px 0;
}

#flowApply .applyBtn{
margin:0 auto;
padding:10px 0;
width:952px;
}

#flowApply .applyBtn ul{
width:952px;
}

#flowApply .applyBtn li{
float:left;
width:476px;
}