@charset "utf-8";
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ c-rep.jp top.css
URL : -
AUTHOR : digichro_onda
GUIDELINE : 1.0
NOTE : トップページ用スタイル
───────────────────────────────
LIST OF CONTENT
───────────────────────────────
area_main：メインエリア
area_sub：サブエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
area_information
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page_top div.area_information {
width:960px;
margin:0 auto 28px auto;
}
/* ───────────────────────────────────
div.section_information_btn
─────────────────────────────────── */
body.page_top div.area_information div.section_information_btn {
}
/* ───────────────────────────────────
div.section_information_txt
─────────────────────────────────── */
body.page_top div.area_information div.section_information_txt {
margin-top:22px;
padding:24px 34px 20px 34px;
border:1px solid #b8b8b8;
}
body.page_top div.area_information div.section_information_txt_only {
margin-top:0;
}
body.page_top div.area_information div.section_information_txt p {
margin-bottom:10px;
font-weight:bold;
}
body.page_top div.area_information div.section_information_txt p.last {
margin-bottom:0;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
contents：コンテンツ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page_top div#area_main {
}
body.page_top div#area_main div.section_cmn {
width:650px;
}
/* ───────────────────────────────────
section_carousel：カルーセルセクション
─────────────────────────────────── */
body.page_top div.section_carousel div.head_ttl_img {
position:relative;/* 一覧ボタンの絶対配置用 */
width:940px;
margin-bottom:10px;
}
body.page_top div.section_carousel div.head_ttl_img div.btn_list {
position:absolute;
top:4px;
right:0;
}
body.page_top div.section_carousel {
position:relative; /* ナビゲーションボタン ul.block_btn の絶対配置用 */
width:940px;
padding-bottom:15px;
background:url(../img/top/carousel_bg.jpg) no-repeat left bottom;
}
body.page_top div.section_carousel div.section_carousel_inner {
width:900px;
margin:0 auto;
padding:0 20px;
overflow:hidden;
}
body.page_top div.section_carousel div.caroufredsel_wrapper {
width:900px!important;
}
body.page_top div.section_carousel ul.block_carousel {
width:900px;
margin-left:10px;
overflow:hidden;
}
body.page_top div.section_carousel ul.block_carousel li {
position:relative;
display:block!important;
float:left;
width:171px;
height:125px;
margin-right:3px;
padding:3px;
background:url(../img/top/carousel_bg_box_off.jpg) no-repeat left top;
overflow:hidden;
}
body.page_top div.section_carousel ul.block_carousel li p.img {
display:table-cell;
width:154px;
height:116px;
text-align:center;/* 水平垂直方向センタリング用の記述 ここから */
vertical-align:middle;
behavior: expression(
this.currentStyle.getAttribute("display")=="block" && (
heightBase = document.createElement('div'),
heightBase.className = 'heightBase',
this.appendChild(heightBase),
this.style.behavior = "none"
)
);
}
body.page_top div.section_carousel ul.block_carousel li p.img a {
width:154px;
margin:auto;
vertical-align:middle;
}
* html body.page_top div.section_carousel ul.block_carousel li p.img a {
display:inline;/* for IE6 */
zoom:1;
}
*:first-child+html div.section_carousel ul.block_carousel li p.img a {
display:inline;/* for IE7 */
zoom:1;
}
body.page_top div.section_carousel ul.block_carousel li p.img div.heightBase{
height:100%;
display:inline;
zoom:1;
vertical-align:middle;
}/* 水平垂直方向センタリング用の記述 ここまで */
body.page_top div.section_carousel ul.block_carousel li img.icn_zoom {
position:absolute;
right:20px;
bottom:12px;
}
/* ul.block_carousel_navi */
body.page_top div.section_carousel ul.block_carousel_navi {
}
body.page_top div.section_carousel ul.block_carousel_navi li {
width:10px;
height:21px;
}
body.page_top div.section_carousel ul.block_carousel_navi li a {
display:block;
width:10px;
height:21px;
}
body.page_top div.section_carousel ul.block_carousel_navi li a span {
display:none;
}
body.page_top div.section_carousel ul.block_carousel_navi li.prev {
position:absolute;
top:83px;
left:10px;
}
body.page_top div.section_carousel ul.block_carousel_navi li#foo1_prev a {
background:url(../img/top/carousel_navi_left_off.png) no-repeat left top;
}
body.page_top div.section_carousel ul.block_carousel_navi li#foo1_prev a:hover {
background:url(../img/top/carousel_navi_left_on.png) no-repeat left top;
}
body.page_top div.section_carousel ul.block_carousel_navi li#foo1_prev.disabled a {
background:url(../img/top/carousel_navi_left_no.png) no-repeat left top;
cursor: default;
}
body.page_top div.section_carousel ul.block_carousel_navi li#foo1_prev.disabled a:hover {
background:url(../img/top/carousel_navi_left_no.png) no-repeat left top;
}
body.page_top div.section_carousel ul.block_carousel_navi li.next {
position:absolute;
top:83px;
right:10px;
}
body.page_top div.section_carousel ul.block_carousel_navi li#foo1_next a {
background:url(../img/top/carousel_navi_right_off.png) no-repeat left top;
}
body.page_top div.section_carousel ul.block_carousel_navi li#foo1_next a:hover {
background:url(../img/top/carousel_navi_right_on.png) no-repeat left top;
}
body.page_top div.section_carousel ul.block_carousel_navi li#foo1_next.disabled a {
background:url(../img/top/carousel_navi_right_no.png) no-repeat left top;
cursor: default;
}
body.page_top div.section_carousel ul.block_carousel_navi li#foo1_next.disabled a:hover {
background:url(../img/top/carousel_navi_right_no.png) no-repeat left top;
}
/* pagination */
body.page_top div.section_carousel div.pagination {
text-align:center;
}
body.page_top div.section_carousel div.pagination a {
display:inline-block;
width:8px;
height:8px;
margin-right:22px;
background:url(../img/top/carousel_mrk_off.gif) no-repeat 0 0;
}
body.page_top div.section_carousel div.pagination a.selected {
background:url(../img/top/carousel_mrk_on.gif) no-repeat 0 0;
cursor:default;
}
body.page_top div.section_carousel div.pagination a span {
display:none;
}
/* ───────────────────────────────────
section_news
─────────────────────────────────── */
body.page_top div#area_main div.section_news {
}
body.page_top div#area_main div.section_news dl.block_entry_list {
width:630px;
margin:0 auto;
border-bottom:none;
}
body.page_top div#area_main div.section_news div.frame_gray dl.block_entry_list {
width:618px;
padding-top:10px;
padding-bottom:15px;
background-image:none;
}
/*
─────────────────────────────────── */
body.page_top div#area_main div.section_news dl.block_entry_list dt {
clear:both;
float:left;
width:84px;
margin-top:6px;
padding-top:8px;
border-top:1px dotted #d5d5d5;
font-size:85%;
line-height:1.4;
}
/* ― first ―――――――――――――――*/
body.page_top div#area_main div.section_news dl.block_entry_list dt.firstChild {
margin-top:0;
/*background:none;*/
border-top:none;
}
/* span.date ───────────────────────────────── */
body.page_top div#area_main div.section_news dl.block_entry_list dt span.date {
margin-left:4px;
}
body.page_top div#area_main div.section_news dl.block_entry_list dd span.mrk_new {
margin-left:5px;
color:#cc0000;
font-weight:bold;
font-size:85%;
}
/*
─────────────────────────────────── */
body.page_top div#area_main div.section_news dl.block_entry_list dd {
float:left;
width:524px;
margin-top:6px;
border-top:1px dotted #d5d5d5;
padding:8px 0 0 10px;
background:url(../img/common/icn_link_black_left.gif) no-repeat 0 1em;
font-size:85%;
line-height:1.4;
}
/* ― first ―――――――――――――――*/
body.page_top div#area_main div.section_news dl.block_entry_list dd.firstChild {
margin-top:0;
background:url(../img/common/icn_link_black_left.gif) no-repeat 0 0.9em;
border-top:none;
}
body.page_top div#area_main div.section_news dl.block_entry_list dd.nolink {
background:url(../img/common/icn_link_black_left.gif) no-repeat 0 1em;
}
body.page_top div#area_main div.section_news dl.block_entry_list dd a {
padding-top:2px;
padding-bottom:2px;
}
body.page_top div#area_main div.section_news dl.block_entry_list dd a:hover {
}
body.page_top div#area_main div.section_news dl.block_entry_list dd.link_pdf {
background-position:0 0;
}
body.page_top div#area_main div.section_news dl.block_entry_list dd a span.link_win {
background-position:right 0;
}
/*
.top_01{
float:left;
padding-left:2px;
margin-bottom:20px;
}
img.img_right {
float: right;
padding-left: 15px;
}
*/
body.page_top div#area_main div.section_bnr ul.block_bnr li {
float:left;
width:315px;
}
body.page_top div#area_main div.section_bnr ul.block_bnr li + li {
padding-left:20px;
}
/* ───────────────────────────────────
section_facebook
─────────────────────────────────── */
body.page_top div#area_main div.section_facebook {
margin-bottom:60px!important;
}
body.page_top div#area_main div.section_facebook .block_label {
float:left;
width:141px;
}
body.page_top div#area_main div.section_facebook .block_facebook {
float:right;
width:500px;
}