@charset "utf-8";

/* ------------------------- TOC 
setup
wrapper
contents
 ------------------------- */

/* ============================== setup */
body { color: #000; background-color: #fff; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #00f; }
a:link { color: #00f; }
a:visited { color: #66c; }
a:hover, a:active { color: #f00; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }


/* ============================== wrap around the contents */
#wrapper { width: 800px; margin:0 auto; }

/* ============================== contents */
#contents { padding: 25px 20px; 0 }
#contents h2 { background: url(../../img/h2_promotion.gif) no-repeat; width: 153px; height: 17px; }

/* ============================== promotion */
.promotion #contents .multi_column { width: 761px; margin-top: 30px; }
.promotion #contents .left_column,
.promotion #contents .right_column { width: 369px; }

.promotion #contents .multi_column h3 { width: 369px; height: 19px; }
.promotion #contents .multi_column dl img { vertical-align: bottom; }
.promotion #contents .multi_column dd { text-align: center; }
.promotion #contents .left_column h3 { background: url(../../img/h3_promotion01.gif) no-repeat;}
.promotion #contents .right_column h3 { background: url(../../img/h3_media_information01.gif) no-repeat; }
.promotion #contents .right_column dd { background: url(../../img/bg_promo_photo02.jpg) 50% 0 no-repeat; }


/* ============================== media_information */
.media_info #contents .multi_column { width: 760px; margin-top: 15px; }
.media_info #contents .left_column { width: 550px; padding: 15px 14px 0 15px; margin-right: 20px; border-right: 1px solid #ebe0d6; }
.media_info #contents .right_column { width: 160px; }

.media_info #contents .multi_column h3 { width: 559px; height: 19px; margin-left: -15px; background: url(../../img/h3_media_information02.gif) no-repeat; }
.media_info #contents .left_column p { line-height: 1.5; margin-top:11px; font-size: 92%; }
.media_info #contents .left_column .note { font-size: 84%; }
.media_info #contents .left_column dl { width: 530px; margin-top: 32px; }
.media_info #contents .left_column dt { height: 19px; color: #999; font-size: 109%; background: url(../../img/bg_dotted_border.gif)  0 bottom repeat-x; }
.media_info #contents .left_column dt em { color: #963; font-style: normal; }
.media_info #contents .left_column dd { text-align: left; }
.media_info #contents .left_column li { float: left; margin-top: 15px; margin-right: 25px; }
.media_info #contents .left_column li.most_right { margin-right: 0; }

.media_info #contents .right_column .pseudo_heading { background: url(../../img/bg_dotted_border02.gif)  0 bottom repeat-x; color:#963; height: 17px; font-size: 84%; }
.media_info #contents .right_column .archive_yearly { margin-top: 8px; }
.media_info #contents .right_column .archive_yearly li { padding-left: 16px; background: url(../../img/icon_arrow.gif) 0 50% no-repeat; color: #999; }

.media_info #pagetop { background: url(../../img/bar_end02.gif) no-repeat scroll 0 15px; display:block; height:20px; margin-top:45px; width:541px; }
.media_info #pagetop a.linktop { background: url(../../img/btn_pagetop.gif) no-repeat 0 0; float:right; height:13px; width:55px; }
.media_info #pagetop a:hover { background: url(../../img/btn_pagetop.gif) no-repeat 0 -13px; }
.alt { display:block; font-size:0; height:0; line-height:0; overflow:hidden; text-indent:-50000px; visibility:hidden; width:0; }