/* フロート対策 */
.clear_fix {
min-height: 1em;
_height: 1px;
_overflow: visible;
}
.clear_fix:after {
content: "";
display: block;
clear: both;
height: 0px;
overflow: hidden;
}
.pdlr20 {
padding: 0px 20px;
}

#leaning_contents {
margin: 10px 0px 0px 0px;
padding:0px;
}

/* Flag */
#flag {
float:left;
width:245px;
height:421px;
margin: 4px 0px 0px 0px;
padding:0px;
}

/* おすすめコンテンツ */
#recommend_item {
float:right;
width:503px;
_width:506px;
height:421px;
margin: 0px 0px 26px 0px;
padding:0px;
}
#recommend_item h2 {
margin: 0px 0px 7px 0px;
padding:0px;
}
.recomend_item_unit {
width:240px;
_width:250px;
height:178px;
_height:188px;
overflow:hidden;
padding: 5px;
background: #f2f2f2;
}
#recommend_item .unit01 {
float: left;
margin: 0px 0px 3px 0px;
}
#recommend_item .unit02 {
float: right;
margin: 0px 0px 3px 0px;
}
#recommend_item .unit03 {
float: left;
}
#recommend_item .unit04 {
float: right;
}
#recommend_item h3 {
margin: 0px 0px 10px 0px;
padding: 5px 0px 10px 0px;
color: #0084b9;
background: url(../images/ti_bg.gif) left bottom repeat-x;
}
#recommend_item h3 a {
padding: 0px;
color: #0084b9;
text-decoration: underline;
}
#recommend_item h3 a:hover {
color: #d00000;
}

#recommend_item h3 .ti_ic {
padding-left: 20px;
background: url(../images/ti_ic.gif) 5px center no-repeat;
}
#recommend_item h3 .new {
padding-right: 30px;
color: #0084b9;
background: url(../images/new_ic.gif) right center no-repeat;
}
#recommend_item .item_img {
float: left;
width: 92px;
text-align: center;
background: #fff;
}
#recommend_item .frame img {
border: 1px solid #fff;
}
#recommend_item .frame {
border: 1px solid #0084b9;
}
#recommend_item .item_info {
float: right;
width: 135px;
font-size: 12px;
line-height: 1.6em;
}
#recommend_item .det_bt {
margin: 8px 0px 0px 0px;
}
#recommend_item .txt_link {
padding-left: 10px;
color: #0084b9;
font-size: 10px;
background: url(../images/ar_bl01.gif) left center no-repeat;
}


/* コンテンツ一覧 */
#content_list {
clear: both;
margin: 0px;
padding: 0px;
background: url(../images/dot_line_bl_v.gif) 510px top repeat-y;
}
#content_list h2 {
margin: 0px;
padding: 0px 0px 14px 0px;
background: url(../images/contents_ti_bg.gif) left bottom repeat-x #fff;
}
#content_list h3 {
margin: 10px 0px 0px 0px;
padding: 0px;
}
#web_contents {
float: left;
width: 510px;
overflow:hidden;
}
#web_contents .web_contents_in {
}
#content_list .item_unit {
float: left;
width:237px;
_width:237px;
height:114px;
margin: 15px 18px 0px 0px;
_margin: 15px 10px 0px 0px;
padding: 0px;
}
#content_list .item_img {
float: left;
width: 92px;
text-align: center;
background: #fff;
}
#content_list .frame img {
border: 1px solid #fff;
}
#content_list .frame {
border: 1px solid #0084b9;
}
#content_list .item_info {
float: right;
width: 135px;
_height:1px;
font-size: 10px;
line-height: 1.5em;
}
#content_list .item_info h4 {
margin: 0px 0px 5px 0px;
padding: 0px;
font-size: 12px;
}
#content_list .item_info h4 a {
padding: 0px;
color: #0084b9;
text-decoration: underline;
}
#content_list .item_info h4 a:hover {
color: #d00000;
}
#download_contents {
float: right;
width: 242px;
}
#download_contents .item_unit {
float: none;
width:242px;
height:114px;
margin: 15px 0px 0px 0px;
padding: 0px;
}

/* コンテンツ詳細 */
#content_detail {
margin: 10px 0px 0px 0px;
padding: 0px;
font-size: 12px;
line-height: 1.5em;
}
#content_detail p {
margin: 0px 0px 10px 0px;
padding: 0px;
}
#content_detail .h2_tib {
height: 35px;
margin: 0px 0px 15px 0px;
padding: 0px;
background: url(../contents/images/h2_ti_bg.gif) left top no-repeat;
}
#content_detail h2 {
margin: 0px;
padding: 10px 0px 0px 50px;
color: #fff;
font-size: 14px;
}
#content_detail h3 {
margin: 30px 0px 10px 0px;
padding: 3px 0px 3px 5px;
color: #007fbd;
font-size: 14px;
border-left: 5px solid #007fbd;
border-bottom: 1px solid #007fbd;
}
#content_detail h4 {
margin: 10px 0px 5px 0px;
padding: 0px 0px 0px 15px;
font-size: 12px;
background: url(../contents/images/ar01_ic_bl.gif) left center no-repeat;
}
#content_detail .content_detail_img {
float: left;
width: 374px;
margin: 0px;
padding: 20px 0px;
text-align: center;
background: #fff;
}
#content_detail .content_detail_copy {
float: right;
width: 374px;
margin: 0px;
padding: 0px;
}
#content_detail .content_detail_img02 {
float: left;
width: 500px;
margin: 0px;
padding: 20px 0px;
text-align: center;
background: #fff;
}
#content_detail .content_detail_copy02 {
float: right;
width: 250px;
margin: 0px;
padding: 0px;
}
#content_detail .sourceBox {
margin: 0px;
padding: 20px 10px;
color: #007fbd;
border: 1px solid #aaa;
background: #f5f5f5;
}
#content_detail .list1 {
margin: 0px;
padding: 0px 20px;
}
#content_detail .list1 li {
margin: 0px 0px 5px 0px;
padding: 0px 0px;
list-style: disc;
}
#content_detail .cat_win_blog {
width: 180px;
height: 330px;
margin: 0px auto;
padding: 0px;
}