@charset "UTF-8";

/*
	eHistory
	Main CSS
*/

/* layout */
#contents {margin-left:0; padding-bottom:2px;}
.rside {float:left; width:220px; margin-left:2px;}

/* main */
.happenview {margin:0 0 10px 15px;}
.mainlatest .outline {float:left; position:relative; width:360px; background:url("/image/main/bg_roundbox.gif") no-repeat left bottom;}
.mainlatest h2 {height:6px; padding:12px; background:url("/image/main/bg_roundbox.gif") no-repeat left top;}
.more {position:absolute; right:0;}
.more img {border:0 !important;}

/* themelist */
.themelist {display:inline; height:290px; margin:0 10px 0 2px;}
.themelist ul {margin:10px;}
.themelist li {overflow:hidden; height:75px; padding-top:3px;}
.themelist a img {float:left; margin-right:10px; margin-top:-3px; padding:3px; border:1px solid #eee;}
.themelist a {color:#0953ba; font-weight:bold;}
.themelist span {padding-left:5px;}
.themelist p {float:left; width:230px; padding-top:5px;}
.themelist .more {top:10px;}

/* todaylist */
.todaylist {overflow:hidden; height:160px;}
.todaylist a img {float:left; margin:15px 10px 0 10px; padding:3px; border:1px solid #eee;}
.todaylist ul {float:left; width:200px; margin-top:15px;}
.todaylist li {line-height:120%;}
.todaylist a {color:#0953ba; font-weight:bold;}
.todaylist .more {top:-8px;}

/* historylist */
.historylist {height:120px; margin-top:10px;}
.historylist a img {float:left; margin:5px 10px; padding:3px; border:1px solid #eee;}
.historylist ul {float:left; width:240px; margin-top:8px;}
.historylist li {line-height:150%;}
.historylist a {color:#0953ba; font-weight:bold;}
.historylist .more {top:1px;}

/* photolist */
.photolist {display:inline; height:135px; margin:10px 10px 10px 2px;}
.photolist a img {float:left; margin:10px; padding:3px; border:1px solid #eee;}
.photolist ul {float:left; width:240px; margin-top:13px;}
.photolist li {line-height:150%;}
.photolist a {color:#0953ba; font-weight:bold;}
.photolist .more {top:-3px;}

/* newslist */
.newslist {height:135px; margin-top:10px;}
.newslist h3 {position:absolute; top:25px;}
.newslist div a img {float:left; margin:32px 10px 10px 10px; padding:3px; border:1px solid #eee;}
.newslist ul {float:left; width:242px; margin-top:28px;}
.newslist li {margin-bottom:3px; padding-bottom:2px; background:url("/image/main/bg_line_dot.gif") no-repeat left bottom; line-height:130%;}
.newslist strong {display:inline-block; width:162px; padding-left:8px; background:url("/image/board/bu_square_blue.gif") no-repeat left center;}

.newslist .tabpresident {right:170px;}
.newslist .tabgov {right:95px;}
.newslist .tabnotice {right:20px;}

/* movielist */
.movielist {clear:both; width:735px; height:180px; margin:0 0 10px 0; background:url("/image/main/bg_roundbox_big.gif") no-repeat left bottom;}
.movielist h2 {height:6px; padding:12px; background:url("/image/main/bg_roundbox_big.gif") no-repeat left top;}
.movielist object {margin:16px;}

/* votelist */
#votelist {height:70px; margin-bottom:10px; background:url("/image/main/bg_rside_gray.gif") no-repeat left bottom;}
#votelist h2 {height:14px; padding:3px 12px; font-weight:bold; background:url("/image/main/bg_rside_gray.gif") no-repeat left top;}
#votelist ul {overflow:hidden; height:37px; margin:3px 0 0 8px;}
#votelist li {float:left; padding:0 4px; line-height:140%; white-space:nowrap;}
#votelist a {color:#9caad7; font-weight:bold;}
#votelist .first {background:none;}

/* votemedia */
#votemedia {position:relative; height:135px; margin-bottom:10px; padding-top:30px; background:url("/image/main/bg_rside_gray.gif") no-repeat left bottom;}
#votemedia h3 {position:absolute; left:0; top:2px;}
#votemedia h3 img {padding:0 !important; border:0 !important;}
#votemedia strong {font-weight:bold;}
#votemedia ol {margin-left:10px; height:130px;}
#votemedia li {line-height:150%; margin-bottom:3px;}
#votemedia img {margin-right:5px; vertical-align:middle;}
#votemedia a img {padding:3px; border:1px solid #eee;}

#votemedia .tabvotemovie {left:10px;}
#votemedia .tabvotephoto {left:65px;}

/* calendar */
.calendar {position:relative; height:145px;}
.calendar h2 {margin-bottom:3px; padding-left:15px; font-weight:bold; background:url("/image/main/bu_arrow.gif") no-repeat left center;}

.calendar table {width:210px;}
.calendar th {padding:5px; background:#8c8cbe; text-align:center;}
.calendar td {padding:3px; text-align:center;}
.calendar td a {font-weight:bold;}
.calendar .sunday,
.calendar .sunday a {color:#f00;}

.calendar .before {position:absolute; right:30px; top:0;}
.calendar .after {position:absolute; right:10px; top:0;}

/* notice */
.notice {position:relative; height:130px; margin:7px 0; background:url("/image/main/bg_rside_line.gif") no-repeat left bottom;}
.notice h2 {height:15px; padding:10px; background:url("/image/main/bg_rside_line.gif") no-repeat left top;}
.notice ul {margin-left:15px;}
.notice li {padding-left:2px; line-height:130%; background:none;}
.notice .more {position:absolute; right:10px; top:10px; background:none;}
.notice .dot {padding-right:2px; margin-bottom:2px;}

/* govad */
.govad {position:relative; height:150px; margin-bottom:10px; background:url("/image/main/bg_rside_blue.gif") no-repeat left bottom;}
.govad h2 {height:18px; padding:5px 10px; background:url("/image/main/bg_rside_blue.gif") no-repeat left top;}
.govad .thumbnail {margin-left:19px;}
.govad .movie {position:absolute; right:60px; top:2px;}
.govad .print {position:absolute; right:10px; top:2px;}

/* info */
.info {position:relative; height:117px; margin-bottom:5px; background:url("/image/main/bg_rside_gray.gif") no-repeat left bottom;}
.info h2 {height:18px; padding:5px 10px; background:url("/image/main/bg_rside_gray.gif") no-repeat left top;}
.info ul {overflow:hidden; margin-left:4px;}
.info li {float:left;}

/* banner */
.banner {overflow:hidden; margin-top:3px;}
.banner li {float:left;}
.bannerli {margin-top:30px;}

.bannerad {margin-bottom:3px;}
.bannerad img {border: 1px solid #ddd;margin-left:1px;}
.arrow img {border: 0px; }