/*
Theme Name: ATARIYA Ver2012
Theme URI: http://ataru-atariya.com
Description: versions 1.0
Version: 1.0
Author: kumi yoshimura
Tags: 
*/
@charset "utf-8"; 

@import url("css/reset.css");
@import url("css/common.css");
@import url("css/module.css");
/* CSS3 effect
-------------------------------*/

.f_item,
.a_item,
.post,
.bannerbox ul li,
#timeline .music .jk img,
#timeline .bubble p,
#leftPRbox,
.releasebox,
.message,
.twitterbox {
-webkit-box-shadow: #d5d5d5 1px 1px 2px;
-moz-box-shadow: #d5d5d5 1px 1px 2px;
box-shadow: #d5d5d5 1px 1px 2px;
}
.item {
-webkit-box-shadow: #d5d5d5 1px 1px 2px;
-moz-box-shadow: #d5d5d5 1px 1px 2px;
box-shadow: #d5d5d5 1px 1px 2px;
}
h1 {
	width: 100%;
	background: #ebf1f5;
}
h1 img {
	min-width: 962px;
	max-width: 1024px;
	min-height: 423px;
	max-height: 450px;
}
* html h1 img {
	width:expression(
		(document.documentElement.clientWidth > 1026)? "1024px" :
			(document.documentElement.clientWidth < 964)? "962px" :
			"98%"
		);
}
/* news-top
-------------------------------*/
	#options {
	width: 486px;
	margin: 0 0 10px 0;
	}
	#options p {
	float: left;
	margin: 0 0 0 0;
	padding: 3px;
	}
	.wrap {
	padding: 0px;
	clear: both;
	margin: 0px;
	overflow: hidden;
	}
	.f_item {
		width: 233px;
		height: 150px;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		background: #FFFFFF;
	}
	#filters p {
		padding: 10px 0 5px 10px;
		margin: 0 0 0 0;
	}
	.wrap:after,
	#filters:after { 
		content: ''; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.a_item {
		width: 233px;
		height: 200px;
		margin: 0 10px 10px 0;
		padding: 0 0 10px 0;
		background: #FFFFFF;
		float:left;
	}
	.item {
		width: 233px;
		height: 200px;
		margin: 0 10px 10px 0;
		padding: 0 0 10px 0;
		background: #FFFFFF;
	}
	.a_item:after,
	.item:after { 
		content: ''; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.a_item .time,
	.item .time {
		width: 233px;
		height: 30px;
		background: url(images/common/item_time.gif) no-repeat;
	}
	/*カテゴリーだしわけ*/
		.a_item .time.i_news_icon,
		.item .time.i_news_icon{
			background: url(images/common/item_i_news.gif) no-repeat;
		}
		.a_item .time.web_icon,
		.item .time.web_icon{
			background: url(images/common/item_web.gif) no-repeat;
		}
		.a_item .time.tv_icon,
		.item .time.tv_icon{
			background: url(images/common/item_tv.gif) no-repeat;
		}
		.a_item .time.radio_icon,
		.item .time.radio_icon{
			background: url(images/common/item_radio.gif) no-repeat;
		}
		.a_item .time.magazine_icon,
		.item .time.magazine_icon{
			background: url(images/common/item_magazine.gif) no-repeat;
		}
		.a_item .time.event_icon,
		.item .time.event_icon{
			background: url(images/common/item_event.gif) no-repeat;
		}
		.a_item div.time p.cid,
		.item div.time p.cid {
			margin: 0 0 0 0;
			padding: 4px 5px 5px 10px;
			width:85px;
			float:left;
		}
		.a_item div.time p.day,
		.item div.time p.day {
			margin: 0 0 0 0;
			padding: 8px 5px 5px 15px;
			width:34px;
			float:right;
		}
		.a_item .time:after,
		.item .time:after { 
			content: ''; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
	.a_item h2,
	.item h2 {
		margin: 0 0 0 0;
		padding: 3px 10px 10px 10px;
		border-bottom: 1px solid #d7dadb;
		height:32px;
		font-weight:bold;
	}
	/*.a_item p,
	.item p {
		margin: 0 0 0 0;
		padding: 10px 10px 5px 10px;
	}*/
	.info_post {
		height:95px;
		padding: 8px 10px 3px 10px;
		overflow: hidden;
	}
	p.more {
		padding: 0 10px 0 0;
		text-align: right;
		height:16px;
	}
/* news contents
-------------------------------*/
#defoma_col_l ul,
#news_col ul {
	margin-right: -10px;
	overflow: hidden;
	_zoom: 1;
}
	#defoma_col_l ul li,
	#news_col ul li {
		width: 233px;
		padding: 0 0 10px 0;
		background: #FFFFFF;
		float: left;
		margin-right: 10px;
	}
.post {
	background: #FFFFFF;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}
.post h2 {
	margin: 0 0 0 0;
	padding: 8px 0 0 15px;
	height: 30px;
	background: url(images/common/h2_ttl.gif) no-repeat;
}
.post_item {
	margin: 0 auto;
	padding: 10px 0 10px;
	width: 699px;
}
.post_item h3 {
	margin: 0 0 0 0;
	padding: 4px 0 10px 15px;
	height: 25px;
	background: url(images/common/h3_ttl.gif) no-repeat;
}
.post_item h4 {
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	height: 25px;
	background: url(images/common/arr_icon_m.gif) no-repeat;
}
.post_item .memo {
	background: #eff3f6;
	padding: 10px;
}
.post_item #toggle_button {
	margin: 0 0 0 0;
	padding: 4px 0 10px 15px;
	width: 699px;
	height: 25px;
	background: url(images/common/h3toggle_ttl.gif) no-repeat;
}
.post p {
	margin: 0 10px 10px 10px;
}

/* Release-TOP
-------------------------------*/
.releasebox {
	background: #FFFFFF;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
	.release {
		margin: 0 0 0 0;
		padding: 10px 0 0 10px;
	}
	.release h2 {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.release p {
		padding: 0 0 0 0;
	}
	.release img {
		padding:0;
	}
	.line {
		padding-bottom: 10px;
		border-bottom: 1px solid #d7dadb;
	}
	.release .link {
		padding: 0 0 0 20px;
		background: url(images/common/arr_icon_m.gif) no-repeat;
	}
/* irregular_tour
-------------------------------*/
.irregular_tour {
	background: #FFFFFF;
	padding:10px;
	margin: 0 0 10px 0;
}
h2.ir_tour  {
	margin: 0 0 0 0;
	padding: 8px 0 0 15px;
	height: 22px;
	background: url(images/common/h2_ttl.gif) no-repeat;
}
.irregular_tour h3 {
	margin: 0 0 0 0;
	padding: 0 0 10px 20px;
	height: auto;
	background: url(images/common/arr_icon_m.gif) no-repeat;
}
.irregular_tour p {
	margin: 0 0 10px 0;
}
.post_item p em {
	color:#C00;
}
/* banner
-------------------------------*/
.bannerbox {
	margin: 0 0 0 0;
}
.bannerbox ul {
	margin: 0 0 0 0;
}
.bannerbox ul li {
	margin: 0 0 10px 0;
	padding:10px;
	background: #FFF;
}
/* twitter_box
-------------------------------*/
.twitterbox {
	margin: 0 0 10px 0;
	background: #FFFFFF;
}
.twitterbox:after { 
		content: ''; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.twitterbox h2 {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.twitterbox p {
		margin: 0 0 0 0;
		padding: 10px 10px 10px 10px;
		border-bottom: 1px solid #d7dadb;
	}
	#twitter_update_list,
	#twitter_update_list2 {
		padding: 10px;
	}
/* message
-------------------------------*/
	.message {
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		background: #FFFFFF;
	}
	.message h2 {
		margin: 0 0 0 0;
		padding: 3px 10px 5px 10px;
		border-bottom: 1px solid #d7dadb;
		font-weight:bold;
	}
	.message p {
		margin: 0 0 0 0;
		padding: 10px 10px 5px 10px;
	}
	.message p a {
		padding: 0 0 0 0;
	}

/* timeline
-------------------------------*/
#timeline {
	margin: 0;
	padding: 0;
}
#timeline .year {
	margin: 0;
	padding: 0;
}
	#timeline .yearttl {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 3;
	zoom:1;
	}
		#timeline .yearttl .yearnum {
		float: left;
		width: 153px;
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
		font-size: 108% !important;
		font-weight: bold;
		}
		#timeline .yearttl .musicttl {
		float: left;
		width: 60px;
		margin: 0 10px 0 0;
		padding: 0 0 0 0;
		text-align: right;
		}
		#timeline .yearttl .topicsttl {
		float: left;
		margin: 0 10px 0 0;
		padding: 0 0 0 10px;
		width: 233px;
		}
		#timeline .yearttl .offerttl {
		float: left;
		margin: 0 10px 0 0;
		padding: 0 0 0 0;
		width: 233px;
		}
		#timeline .yearttl .actottl {
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 233px;
		}

	#timeline .month {
	background: url(images/common/even.gif) repeat-y;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
	zoom:1;
	}
	#timeline .month_odd {
	background: url(images/common/odd.gif) repeat-y;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
	zoom:1;
	}
	#timeline .yearttl:after,
	#timeline .month_odd:after,
	#timeline .month:after { 
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		font-size: 0.1em;
		line-height: 0;
	}
	#timeline .music {
	float: left;
	width: 233px;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	}
		#timeline .music .jk {
			width: 143px;
			margin: 0;
			padding: 0 10px 10px 10px;
			float: left;
		}
		#timeline img {
		}
		#timeline .music .jk p {
		margin: 0 0 0 0;
		padding: 0px 0px 5px 0px;
		}
		#timeline .music .m_num {
		width: 60px;
		margin: 0;
		padding: 0 10px 10px 0;
		float: right;
		text-align: right;
		}
	#timeline .topics {
	float: left;
	width: 233px;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	}
	#timeline .offer {
	float: left;
	width: 233px;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	}
	#timeline .acto {
	float: right;
	width: 233px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
		.bubble {
			position: relative;
		}
		#timeline .bubble p {
			background-color: #fff;
			padding:5px;
			margin: 0 0 5px 0;
			width: 218px;
		}
		#timeline .bubble .tail {
			display:block;
			border-top: 5px solid #fff;
			border-left: 5px solid transparent; 
			position: absolute;
			left: -5px;
			width: 0;
			height: 0;
			top: 10px;
			-display: none;
		}
/* single
-------------------------------*/

#normal_col_r.post:after,
#normal_col_r2.post:after{ 
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		font-size: 0.1em;
		line-heigh: 0;
}
.sns_btn {
	border-top: 1px splid #d7dadb;
	padding: 5px 0 0 0;
	clear:both;
}

	/* leftbox
	-------------------------------*/
	#leftPRbox {
		background: #FFFFFF;
		width: 233px;
		margin: 0 0 0 0;
		padding:0;
	}
	.leftimg_box,
	.leftQR_box,
	.leftshop_box {
		clear: both;
		margin: 0 0 0 0;
		padding: 0 0 5px 0;
	}
		.leftimg_box p {
			padding: 0 10px 5px 10px;
		}
		.leftimg_box img {
			padding: 10px 10px 5px 10px;
		}
		.leftQR_box img {
			padding:10px;
			width: 80px;
			float: left;
		}
		.leftQR_box p {
			padding:10px;
		}
		.leftshop_box {
			margin: 0 0 0 0;
			zoom:1;
		}
		.leftshop_box h4 {
			margin: 0 0 10px 0;
			padding: 0 0 0 0;
		}
		.leftshop_box img {
			padding: 0px 10px 0 10px;
		}
		.leftshop_box ul {
			margin: 0 0 0 0;
			padding: 0 0 5px 0;
		}
		.leftshop_box ul li {
			padding: 0 0 5px 0;
		}
		.leftQR_box:after,
		.leftshop_box:after { 
			content: ".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
			font-size: 0.1em;
			line-height: 0;
		}
	/* discography
	-------------------------------*/
	.disco {
		width: 679px;
		margin: 0 0 10px 10px;
	}
	.disco th {
		padding: 5px;
		background: #f5f8fa;
		text-align: center;
	}
	.disco tr {
		background: #f5f8fa;
		border-bottom: 1px solid #fff;
	}
	.disco tr.tr_odd {
		background: #fafdff;
	}
	.disco td {
		padding: 5px;
	}
	.disco td.try {
		width: 10%;
	}
	.sp_banner_box {
		margin: 0 0 15px 0;
		clear: both;
	}
	.sp_banner_box:after { 
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		font-size: 0.1em;
		line-height: 0;
	}
	.disco_pv {
		margin: 0 10px 15px 0;
		float: left;
	}
	#fade {
		display: none;
	}
	#fade:after { 
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		font-size: 0.1em;
		line-height: 0;
	}
	#fade h3 {
		margin: 0 0 10px 0;
		font-size: 108% !important;
	}
	#toggle_button {
		clear: both;
		cursor: pointer;
		background: #DDD;
		padding: 5px;
	}
	/* tour
	-------------------------------*/
	.tour {
		width: 100%;
	}
	.tour th {
		padding: 5px;
		background: #f5f8fa;
		text-align: center;
	}
	.tour tr {
		background: #f5f8fa;
		border: 1px solid #fff;
		text-align: center;
	}
	.tour tr.tr_odd {
		background: #fafdff;
		text-align: center;
	}
	.tour td {
		padding: 5px;
		border-right: 1px solid #fff;
		text-align: center;
	}
	/* tour2
	-------------------------------*/
	.tour2 {
		width: 100%;
	}
	.tour2 th {
		padding: 5px;
		background: #f5f8fa;
		text-align: center;
	}
	.tour2 tr {
		background: #f5f8fa;
		border: 1px solid #fff;
		text-align: center;
	}
	.tour2 tr.tr_odd {
		background: #fafdff;
		text-align: center;
	}
	.tour2 td {
		padding: 5px;
		border-right: 1px solid #fff;
		text-align: center;
	}
/* masonry_late
-------------------------------*/
.floatingHeader {
	position: fixed;
	top: 0;
	visibility: hidden;
}
*html .floatingHeader {
	display: none;
}
/*contact
-------------------------------*/
#contact {
	margin: 0 auto;
}
#contact .contact_item {
	padding: 10px;
}
#contact h2 {
	padding: 8px 0 0 18px;
	height: 30px;
	background: url(images/common/h2_ttl.gif) no-repeat;
}
.contact_area {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 10px;
}
.contact_blk {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
}
.contact_blk p {
	margin: 0 0 5px 0;
}
.select_blk {
	margin: 0 0 5px 0;
}
#contents1,#contents2{
	display:none;
}
#contents1 dd,#contents2 dd,#contents3 dd,#contents4 dd {
	margin: 0 0 0 0;
}
#contents1 em,#contents2 em,#contents3 em,#contents4 em {
	color:#C00;
	font-size:10px;
}
#contents2 dt {
	float:left;
	width:150px;
	padding:3px 0 0 0;
	clear:both;
}
#contents2 dd {
	margin-left:150px;
	padding:3px 5px 0 10px;
}
input {
	border: 1px solid #e5e5e5;
}
textarea {
	background: #f5f8fa;
	border: 1px solid #e5e5e5;
	margin: 0 0 5px 0;
}
/*message*/
.alignleft {float: left; padding: 0 10px 0 0;}
.alignright {float: right;}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.aligncenter:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.message_item {
	position:relative;
}
span.guard{
	position:absolute;
    display:block;
    width:699px;
	height:100%;
    background-image:url(images/common/spacer.gif);
	z-index:1;
}
/* Color Box
-------------------------------*/
/*
ColorBox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
User Style:
	Change the following styles to modify the appearance of ColorBox.  They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cb_box {
	display:none;
}

#cboxOverlay{background:#000;}
#colorbox{}
	#cboxContent{margin-top:20px;}
		.cboxIframe{background:#f0f3f5;}
		#cboxError{padding:50px; border:1px solid #ccc;}
		#cboxLoadedContent{border:5px solid #000; background:#000; color:#fff;}
		#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
		#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
		#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
		#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/common/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
		#cboxPrevious:hover{background-position:bottom left;}
		#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/common/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
		#cboxNext:hover{background-position:bottom right;}
		#cboxLoadingOverlay{background:#000;}
		#cboxLoadingGraphic{background:url(images/common/loading.gif) no-repeat center center;}
		#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/common/controls.png) no-repeat bottom center; width:28px; height:22px; text-indent:-9999px;}

		/*#cboxClose:hover{background-position:bottom center;}*/
/*
	The following fixes png-transparency for IE6 only.
	Since IE does not support background-positioning with filters, it is incompatible with CSS sprites.  
	Colorbox preloads the 'previous', 'next', 'close' hover-states to account for this.
*/
* html #contentPrevious{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/contents/wp-content/themes/atariya_2012/images/common/previous.png, sizingMethod='crop');}
* html #contentPrevious:hover{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/contents/wp-content/themes/atariya_2012/images/common/previousHover.png, sizingMethod='scale');}
* html #contentNext{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/contents/wp-content/themes/atariya_2012/images/common/next.png, sizingMethod='crop');}
* html #contentNext:hover{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/contents/wp-content/themes/atariya_2012/images/common/nextHover.png, sizingMethod='scale');}
* html #modalClose{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/contents/wp-content/themes/atariya_2012/images/common/close.png, sizingMethod='crop');}
/** html #modalClose:hover{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src/contents/wp-content/themes/atariya_2012/images/common/closeHover.png, sizingMethod='scale');}*/

/* 
	Because IE does not support CSS sprites while using the filter attribute 
	this area is for declaring hover-state backgrounds so they can be preloaded
*/
* html #preloadPrevious{background-image:url(http://ataru-atariya.com/contents/wp-content/themes/atariya_2012/images/common/previousHover.png);}
* html #preloadNext{background-image:url(http://ataru-atariya.com/contents/wp-content/themes/atariya_2012/images/common/nextHover.png);}
/** html #preloadClose{background-image:url(http://ataru-atariya.com/contents/wp-content/themes/atariya_2012/images/common/closeHover.png);}*/
.youtube{
background:#fff;
}