@charset "utf-8";

.rightmenu .col1wrap {
	padding-bottom:0;
}

#recommend {
	margin:0;
}

/* ギャラリー */
.gallery {
	border:10px solid #000;
	overflow:hidden;
	position:relative;
	background-color:#000;
}

.gallery div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	max-width:100%;
	_width:100%;
}

#gallery1 {
	z-index:4;
}

#gallery2 {
	z-index:3;
}

#gallery3 {
	z-index:2;
}

#gallery4 {
	z-index:1;
}

.gallery div img {
	max-width:100%;
	_width:100%;
}

.galleryTabs a {
	display:block;
	font-size:184%;
	padding:10px 0 15px 15px;
}

.comingSoon a {
	display:block;
	font-size:184%;
	padding:10px 0 15px 15px;
}

.galleryTabs a:hover,
.galleryTabs .current {
	color:#000;
	background: url(/common/img/gallery_tab.png) no-repeat 0 0;
	overflow:hidden;
}

.comingSoon a:hover {
	color:#333;
	background: none;
	overflow:hidden;
	cursor:default;
}

.galleryTabs a:hover .galleryNum,
.galleryTabs .current .galleryNum {
	color:#FFF;
}

/*
.galleryTabs {
	padding:0 0 40px 40px;
}

.galleryTabs {
	padding:0 0 40px 40px;
	float:left;
	355px;
}
*/

.galleryTabs {
	padding:0 0 33px 0;
	float:left;
	width:600px;
}

.comingSoon {
	padding:0 0 40px 0;
	width:140px;
	float:left;
}

/*
.galleryTabs li {
	float:left;
	padding:0 40px 0 0;
	line-height:2.0em;
}
*/
.galleryTabs li {
	float:left;
	width:155px;
	line-height:2.0em;
}

#gallery3rdTab {
	width:125px;
}

#gallery4thTab {
	width:130px;
}

.comingSoon li {
	float:left;
	line-height:2.0em;
}

.galleryTxt {
	display:block;
	font-size:76%;
	margin:-8px 0 0 40px;
	line-height:1.2em;
}

.comingSoon .galleryTxt {
	display:block;
	font-size:76%;
	margin:-15px 0 0 40px;
}

/* ニュース */

#news {
	position:relative;
	padding:0 0 0 10px;
	overflow:hidden;
	float:left;
	clear:both;
}

.thumbs {
	position:absolute;
	width:20000em;
}

.thumbsWrap {
	position:relative;
	overflow:hidden;
	width:445px;
	height:395px;
}

.naviLine {
	display:block;
	background:url(/common/img/bg_dot_black.png) repeat 0 0;
	width:100%;
	height:4px;
	clear:both;
	overflow:hidden;
}

.naviTitle {
	font-size:225%;
	line-height:1.1em;
	float:left;
	margin:2px 0 2px 2px;
	color:#000;
}

.navi {
	height:17px;
	margin:9px 0 0 0;
	padding:0 0 0 37px;
	float:left;
}

.navi a {
	background:transparent url(/common/img/scroll_navi_btn.png) no-repeat scroll 0 0;
	display:block;
	font-size:1px;
	color:#000;
	height:17px;
	width:17px;
	float:left;
	margin:0;
	cursor:pointer;
	text-indent:-9999px;
}

.navi a:hover {
	background-position:0 -34px;
}

.navi a.active {
	background-position:0 -17px;
}

.itemsWrap {
	display:block;
	margin:20px 0 0 0;
	float:left;
	width:445px;
}

.itemsWrap a.disabled {
	visibility:hidden !important;
}

.items {
	position:relative;
	display:block;
	height:95px;
	margin:0;
	clear:both;
}

.itemsImg {
	display:block;
	position:relative;
	width:142px;
	height:80px;
	float:left;
	z-index:1;
	overflow:hidden;
}

.itemsImg a {
	display:block;
	color:#FFF;
	width:134px;
	height:72px;
	_width:142px;
	_height:80px;
}

.itemsImg a:hover {
	border:4px solid #000;
}

.itemsImg img {
	position:absolute;
	vertical-align:bottom;
	z-index:-1;
	left:0;
	top:0;
}

.itemsTitle {
	font-weight:normal;
	padding:0 10px 0 20px;
	_padding:0 5px 0 15px;
	float:left;
	font-size:84%;
}

.itemsTitle a {
	color:#e60012;
}

.itemsTitle a:hover {
	color:#000;
}

.itemsDate {
	color:#888;
	float:left;
	width:100px;
	font-size:84%;
}

.itemsBody {
	padding:0 0 0 20px;
	_padding:0 0 0 15px;
	float:left;
	width:280px;
}

.itemsEntryTitle {
	padding:0 0 0 20px;
	_padding:0 0 0 15px;
	float:left;
	width:280px;
}

.spacer {
	display:none;
	position:relative;
	background:transparent url(/common/img/spacer.png) no-repeat scroll 0 0;
	height:15px;
	float:left;
	clear:both;
}

#news .blackDotLine {
	display:block;
	background:url(/common/img/bg_dot_black_1px.png) repeat-x left bottom;
	width:265px;
	height:1px;
	overflow:hidden;
	float:right;
	padding:0 0 0 20px;
	margin:2px 0;
}

img.newsSnap {
	margin:-10px 0 0 0;
}

/* スナップ */

#snap {
	position:relative;
	padding:0 10px 0 0;
	margin:-5px 0 0 0;
	overflow:hidden;
	float:right;
	width:260px;
	_width:270px;
}

#snap h2 {
	position:relative;
	display:block;
	font-size:259%;
	line-height:0.5em;
	/line-height:1.5em;
	_top:-15px;
	margin:0;
	z-index:10;
}

*:first-child+html #snap h2 {
	top:-20px;
}

#snap .naviLineTop {
	position:relative;
	display:block;
	background: url(/common/img/blog/bg_dot_black_3px.png) repeat-x 0 50%;
	height:6px;
	overflow:hidden;
	/overflow:visible;
	width:190px;
	top:8px;
	_top:2px;
	left:7px;
	_left:15px;
	z-index:10;
}

*:first-child+html #snap .naviLineTop {
	top:5px;
}

#snap .naviLineBottom {
	display:block;
	position:relative;
	background: url(/common/img/blog/bg_dot_black_3px.png) repeat-x 0 50%;
	width:260px;
	height:6px;
	margin:2px 0 15px 0;
	/margin:2px 0 5px 0;
	top:0;
	_top:-31px;
	left:0;
	clear:both;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#snap .naviLineBottom {
		top:-3px;
	}
}

*:first-child+html #snap .naviLineBottom {
	top:-32px;
}

#snap .thumbsWrap {
	position:relative;
	z-index:1;
	overflow:hidden;
	top:0;
	left:0;
	_top:-26px;
	width:260px;
	height:213px;
	clear:both;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#snap .thumbsWrap {
		top:-3px;
	}
}

*:first-child+html #snap .thumbsWrap {
	top:-32px;
}

#snap .thumbs {
	top:0;
	left:0;
}

#snap .itemsWrap {
	display:block;
	position:relative;
	margin:0;
	float:left;
	width:260px;
	height:213px;
	z-index:1;
	overflow:hidden;
}

#snap .itemsWrap a {
	display:block;
	color:#FFF;
	width:246px;
	height:199px;
	_width:260px;
	_height:213px;
}

#snap .itemsWrap a:hover {
	border:7px solid #000;
}

#snap .itemsWrap img {
	position:absolute;
	vertical-align:bottom;
	z-index:-1;
	left:0;
	top:-20px;
}

#snap .itemsTitle {
	position:absolute;
	color:#000;
	padding:3px 0 0 0;
	width:100%;
	top:400px;
	left:0;
	z-index:10;
}

#snap .navi {
	position:relative;
	margin:-5px 5px 0 0;
	padding:0;
	/top:-28px;
	left:-5px;
}

*:first-child+html #snap .navi {
	top:-28px;
}

#snap a.next,
#snap a.prev {
	position:relative;
	display:block;
	background: url(/common/img/scroll_nextback_btn.png) no-repeat 0 0;
	width:7px;
	height:9px;
	cursor:pointer;
	float:left;
	top:-1px;
	_top:-26px;
	overflow:hidden;
}

*:first-child+html #snap a.next,
*:first-child+html #snap a.prev {
	top:-29px;
}

#snap a.next {
	left:5px;
}

#snap a.prev {
	margin:0 5px 0 0;
}

#snap a.next:hover {
	background-position:0 -18px;
}

#snap a.prev {
	background-position:0 -9px;
}

#snap a.prev:hover {
	background-position:0 -27px;
}

#snap a.disabled {
	visibility:hidden !important;		
}

.more a {
	display:block;
	background: url(/common/img/more_btn.png) no-repeat 40px 0;
	position:relative;
	padding:0 25px 0 0;
	_padding:0 45px 0 0;
	width:30px;
	_width:55px;
	height:9px;
	_top:-36px;
	float:right;
	line-height:0.6em;
	/line-height:0.8em;
	overflow:hidden;
	color:#888;
}

#snap .more a {
	margin:-1px 0 0 0;
	_margin:10px 0 0 0;
}

*:first-child+html #snap .more a {
	top:-28px;
}

.more a:hover {
	background-position:40px -9px;
	color:#e60012;
}

/* トピックス */
#topics,
#blog {
	position:relative;
	padding:0 10px;
	margin:0 0 10px 0;
	/margin:0 0 20px 0;
	overflow:hidden;
	clear:both;
}

#topics .more,
#blog .more {
	padding:25px 0 0 0;
}

#topics .more a,
#blog .more a {
	_top:0;
}

#topics .naviTitle,
#blog .naviTitle {
	margin:13px 0;
	font-size:251%;
	color:#000;
}

#topics .navi,
#blog .navi {
	margin:23px 0 0 0;
	padding:0 0 0 31px;
}

#topics .thumbsWrap,
#topics .itemsWrap,
#blog .thumbsWrap,
#blog .itemsWrap,
#topics #itemsFirst {
	width:783px;
}

#topics #itemsFirst {
	height:150px;
	margin:0;
}

#topics #itemsFirst .itemsImg {
	width:260px;
	height:150px;
}

#topics #itemsFirst .itemsImg a {
	width:252px;
	height:142px;
	_width:260px;
	_height:150px;
}

#topics .items,
#blog .items {
	width:262px;
	height:190px;
	float:left;
	clear:none;
	padding:0;
}

#topics #itemsFirst .itemsDate,
#blog #itemsFirst .itemsDate {
	padding:0 0 0 10px;
	width:100px;
}

#topics .itemsDate,
#blog .itemsDate {
	padding:0 0 0 10px;
	width:90px;
}

#topics .itemsTitle,
#blog .itemsTitle {
	float:left;
	padding:0;
	font-size:100%;
	margin: 5px 0;
	width:250px;
}

#topics .itemsTitle a {
	color:#000;
}

#topics .itemsTitle a:hover {
	color:#F00;
}

#topics .itemsBody,
#blog .itemsBody {
	padding:5px 0 0 0;
	width:250px;
}

#topics .blackDotLine,
#blog .blackDotLine {
	display:block;
	background:url(/common/img/bg_dot_black_1px.png) repeat-x left bottom;
	width:245px;
	height:1px;
	overflow:hidden;
	float:left;
}

#itemsFirst .blackDotLine {
	display:block;
	background:url(/common/img/bg_dot_black_1px.png) repeat-x left bottom;
	width:510px;
	height:1px;
	overflow:hidden;
	float:right;
	zoom:1;
}

#itemsFirst .itemsTitle {
	float:left;
	padding:0 0 0 10px;
	font-size:150%;
	margin: 5px 0 10px;
	width:500px;
}

#itemsFirst .itemsBody {
	float:left;
	padding:5px 0 0 10px;
	width:500px;
}

.itemsCategory {
	float:left;
	padding:0 0 0 10px;
}

.itemsCategory a {
	font-weight:normal;
	color:#888;
}

.itemsCategory a:hover {
	color:#F00;
}

.COMMUNICATIONcolor a {
	font-size:68%;
}

/* ブログ */

#blog .items {
	clear:none;
	height:160px;
}

#blog .itemsTitle {
	width:90px;
	margin:0;
	padding:0 0 0 8px;
	line-height:1.0em;
}

#blog .itemsTitle a {
	font-size:84%;
	font-weight:normal;
	color:#e60012;
}

#blog .itemsTitle a:hover {
	color:#000;
}

#blog .itemsDate {
	width:90px;
	padding:0 0 0 8px;
}

#blog .itemsBody {
	width:250px;
	padding:3px 0 0 0;
}

#blog .itemsImg {
	width:142px;
	height:80px;
}

#blog .itemsImg a {
	width:134px;
	height:72px;
	_width:142px;
	_height:80px;
}

#blog .itemsEntryTitle {
	width:250px;
	margin:5px 0;
	padding:0;
}

#blog .itemsImg img {
	width:142px;
}