#pan{
background-image : url(../img/bace/pan.jpg);
background-repeat:no-repeat;
height:30px;
padding-top:5px;
color:#666;
}
.rec{
	padding-left: 40px;
}
.rec li{
	padding-right: 50px;
}
.inh {
	font-size: 130%;
	margin-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	margin-bottom: 5px;
	padding: 3px;

}
/**********************************************************************　共通タイプＡ　***/

#styleA{float:left; width:500px;

}
#styleA li{float:left;}
#styleA h3{padding-top:10px;}
#styleA p{padding:0 10px 10px 10px; display:block;}
#styleA td{
padding:2px 10px; 
vertical-align:top;
border-bottom:1px dotted #ccc;
}
.styleAtd{ background-color:#f5f5f5;}
.access{
padding:10px;
border:1px solid #39CCC4;
margin-bottom:10px;
}


/**********************************************************************　トップページ　***/
#top01{
width:460px;
height:295px;
float:left;
}
#top02{
width:290px;
height:295px;
float:right;
}
#top03 p{float:left;}
#topBana   {
clear:both; 
margin-top:10px;
padding-left:10px;
}
#topCatch{padding:10px 20px;}
#topBana li{float:left;}
#topBana {margin-bottom:10px;}


/**********************************************************************　業務案内　***/

#workBtm{
text-align:center;
border-top:3px solid #F1417A;
padding:10px 0;
}

.workDetail{
width:210px;
height:400px;
padding:8px;
margin:0 4px 10px 4px;
border:1px solid #ccc;
float:left;
}
.workDetail p{
padding:0 10px;
}
#workDetailBtm img{
padding:0 0 10px 2px;
}

#workFlowL{
float:left;
width:440px;
padding:0 0 20px 10px;
}
#workFlowL img{padding-top:10px;
margin-top:20px;
border-top:1px solid #F1417A;}
#workFlowR{
float:right;
width:220px;
padding:10px;
margin-top:10px;
background-image : url(../img/work_flow/point_bg.gif);
border:1px solid #ccc;
}
.workFlowP{padding-left:140px;}
.workFlowf8{font-size:8pt;  color:#F1417A;}

#workFlowR dt{
color:#F1417A; 
font-weight:bold;
margin:5px 0;
}
#workFlowR dd{
margin-bottom:20px;
}

/**********************************************************************　見る　***/

#watch{
width:760px;
height:300px;
padding:40px 10px 0 0;
margin:0 0 0 20px;
background: url(../img/watch/title_bg.jpg) no-repeat;
}

#watch p{padding:30px 100px 0 70px;}

.watchIndex{
width:230px;
padding:0 5px;
float:left;
}
.watchIndex p{
padding:10px 20px 20px 20px;
}

.watchMenu{
width:290px;
padding:50px 35px 60px 35px;
background-image : url(../img/watch_print_menu/print_bg.jpg);
background-repeat:no-repeat;
float:left;
}
.watchMenu p{
padding:0 10px;
}

.watchResults{
clear:both;
padding:10px 0;
margin:10px 0;
border-top:1px solid #33cccc;
}
.watchResults p{
padding-left:350px;
}
.watchResultsData{
color:#33cccc;
}
#watchChallege{
background-color:#006699;
width:700px;
padding:0 15px 60px 15px;
background-image : url(../img/watch_challenge/foot.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
#watchChallegeL{
float:left;
width:340px;
background-color:#fff;
}
#watchChallegeR{
float:right;
width:340px;
background-color:#fff;
}

/**********************************************************************　読む　***/


#read{
width:400px;
height:330px;
padding:10px 320px 0 40px;
margin-left:20px;
background-image : url(../img/read/title_bg.jpg);
background-repeat:no-repeat;
}
#readPan{
background-image : url(../img/read/pan.jpg);
background-repeat:no-repeat;
height:30px;
padding:5px 0 0 10px;
color:#666;
}
#read p{
padding:60px 0 0 120px;
}

.readIndex{
width:230px;
padding:0 5px;
float:left;
}
.readIndex p{
padding:10px 20px 20px 20px;
}


#contentsRead{
clear:both;
width:750px;
margin:0 30px;
background-image : url(../img/read/contents_read_bg.jpg);
background-repeat:repeat-y;
border-top:1px solid #999;
}
#contentsReadR{padding-left:130px;}
#contentsReadR p{padding:0 10px;}
#contentsReadR h3{padding-top:10px;}
#contentsReadR h4{
padding:20px 0 5px 0;
color:#cc33cc;
border-bottom:1px dotted #cc33cc;
margin:0 10px;
}

.readHowApp{
display:block;
width:280px;
float:left;
}


/**********************************************************************　コラム　***/

#colmun{width:680px;
padding:20px;
border:1px solid #1B71BE;
}
#colmun hr{
clear:both;
margin-bottom:20px;
}
#colmun a{color:#1B71BE;}
#colmun a:hover{color:#ccc;}
#colmun p{margin-bottom:5px;}
#colmun img{
margin-bottom:20px;
}
.colmunImg{
border:1px solid #ccc;
float:right;
clear:both;
}
#colmun h4{
font-size:16px;
border-bottom:2px solid #ccc;
margin-bottom:10px;
width:500px;
}
.colmunP{width:500px;}

#blogRight{	width:500px; float:right; margin-bottom:20px;}
#blogLeft{	width:180px; float:left; margin-bottom:20px;}
#blogLeft a{color:#333;}
#blogLeft a:hover{color:#CC0000;}
#colmun #blogLeft p{margin:10px 0;}
.blogTitle{
	background: url(../img/blog/title_bg.gif) no-repeat;
padding:20px 10px 0 60px;width:400px;height:65px;font-weight:bold;}

.listRed li{background: url(../img/bace/point_red.jpg) no-repeat; padding:0 0 10px 25px;}