@charset "utf-8";
@import url("_normalize.css");
@import url("_template.css");

#content_left {float: left;width: 522px;margin-left: 5px;}
#content_right {float: right;width: 208px;margin:10px 10px 0 0;}

/*------------------------------------------------------------------------------------------------
informationBanner
------------------------------------------------------------------------------------------------*/
#informationBanner {
 position: relative;
 width: 759px;height: 331px;background: url('../images/banner/bg_banner.png') 0px 0px no-repeat;
}
#bigBanner {
	width: 710px;
	height: 202px;
	position: relative;
	padding: 24px 0 0;
	margin:0 0 0 24px;
}
#bigBanner li {
	position: absolute;
}

#thumbnail {
	position: relative;
	width: 647px;
 	height: 65px;
 	overflow: hidden;
 	margin: 3px 0 0 55px;
 }
#thumbnail ul {
 	position: absolute;
 	
 	padding: 5px 0px 0px 0px;
}
#thumbnail li {
	float: left;
	margin-right: 5px;
}
#thumbnail li a {
	position: relative;
	display: block;
}
#thumbnail li .current {position: absolute;left: 0px;top: -5px;}

#pager-prev {
	position: absolute;
	left: 27px;
	top:250px;

}
#pager-next {
	position: absolute;
	right:30px;
	top:250px;

}
#current {
	position: absolute;
	left: 55px;
	top: 229px;
}

/*------------------------------------------------------------------------------------------------
important
------------------------------------------------------------------------------------------------*/
#important {background: url('../images/index/important_repeat.jpg') 0px repeat-y;width: 516px;margin: 0px 0px 0px 4px;}
#important .title {background: url('../images/index/important_title.jpg') 0px 0px no-repeat;height: 31px;}
#important .title span {display: block;filter:Alpha(Opacity=0);Opacity:0.0;}
#important ul {background: url('../images/index/important_bottom.jpg') 0px bottom no-repeat;padding: 5px 35px 20px;}
#important li:after,.newsWidget .boxContent li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #important li,* html .newsWidget .boxContent li             { zoom: 1; } /* IE6 */
*:first-child+html #important li,*:first-child+html .newsWidget .boxContent li { zoom: 1; } /* IE7 */
#important li {background: url('../images/index/icon_important.png') 0px 0px no-repeat;padding: 0 0 0 28px;line-height: 2em;}
#important li ,
#important li a {color: #cb5d1a;}
/*#important li:first-child,
#important li:first-child a {color: #dc0034; font-weight:bold;}
*/
#important li a {text-decoration: none;float: left;width: 336px;}
#important li a:hover {text-decoration: underline;}
#important li tt,.newsWidget .boxContent li tt {float: right;font-size: 12px;font-family:Arial, Helvetica;}
/*------------------------------------------------------------------------------------------------
news
------------------------------------------------------------------------------------------------*/
.newsWidget {width: 522px;background: url('../images/index/news_repeat.gif') left repeat-y;position: relative;margin-bottom: 15px;}
.newsWidget .title {height: 49px;}
.newsWidget .title span {display: block;filter:Alpha(Opacity=0);Opacity:0.0;}
.newsWidget .tabBox {padding: 0 10px 0 14px;}
.newsWidget .tabNav {height: 31px;padding:0 0 4px 2px;background: url('../images/index/tabNav_bg.gif') bottom repeat-x;}
.newsWidget .tabNav li {float: left;}
.newsWidget .boxBottom {background: url('../images/index/news_bottom.png') left bottom no-repeat;width: 100%;height: 44px;position: absolute;bottom: -15px;z-index: 11;}
.newsWidget .boxContent {padding: 8px 12px;}
.newsWidget .boxContent li {line-height: 2em;background: url('../images/dotted.gif') bottom repeat-x;}
.newsWidget .boxContent li div {text-overflow: ellipsis;}
.newsWidget .boxContent li img {float: left;margin: 4px 15px 0 0;}
.newsWidget .boxContent li img.imgNew {margin: 8px 5px 0 0;}
.newsWidget .boxContent li a {float: left;width: 310px;overflow: hidden;}
.newsWidget .boxContent li,.newsWidget .boxContent li a {color: #444;}
.newsWidget .tabContent {position: relative;z-index: 12;}


#news1 .title {background: url('../images/index/news_title.jpg') 0px 0px no-repeat;}
#news1 .more,#news2 .more {position: absolute;right: 0px;top: -80px;}
#news2 .title {background: url('../images/index/news_title2.jpg') 0px 0px no-repeat;}
#news3 .title {background: url('../images/index/news_title3.jpg') 0px 0px no-repeat;}
#news3 .more {position: absolute;right: 22px;top: 13px;}
#news1 .tabContent ul {height: 240px;}
#news2 .tabContent ul {height: 120px;}

/*------------------------------------------------------------------------------------------------
Social Tab
------------------------------------------------------------------------------------------------*/
#social {}
#social .boxTop {background: #fff;}
#social .tabNav {height: 32px;}
#social .tabNav li {float: left;margin: 0px;}
#social .tabNav a {display: block;height: 32px;}
#social .box {background: url('../images/index/snsTab_box_bg.jpg') left top repeat-y;}
#social .boxContent {background: url('../images/index/snsTab_bottom.jpg') left bottom no-repeat;padding: 12px 15px 15px 15px;}

#sns {height: 59px;width: 208px;margin: 0 auto;}
#sns li {float: left;margin-right: 2px;}
#sns li.youtube {margin-right: 0;}

/*------------------------------------------------------------------------------------------------
SS List
------------------------------------------------------------------------------------------------*/
.ss_list {padding:8px 0px 10px 8px;margin-bottom: 0px;position: relative;z-index: 12;}
.ss_list li {float: left;width: 150px;margin-right: 16px;}
.ss_list li.last {margin-right: 0px;}
.ss_list li li {float: none;margin-right: 0px;font-size: 10px;line-height: 1.7em;}
.ss_list li li.post_title {font-size: 12px;line-height: 26px;}

.ss_list .ss_thumb {
	width: 148px;height: 112px;
	border: 1px solid #91e7fc;
	text-align: center;
	background-color: #fff;
}
.ss_list .ss_thumb a {
	display: table-cell;
	vertical-align: middle;
	width: 148px;height: 112px;overflow: hidden;}
.ss_list .ss_thumb img {width: 148px;}