@charset "utf-8";

/*//////////////////////////////////////////////////////////
//  - CSS for at PIA Features
//  - tomika in FUKUOKA
//  - 2010-07-08 (Tue)
//////////////////////////////////////////////////////////*/

/* ---------------------------------------------------------
- Common
----------------------------------------------------------*/

.clear      { clear: both; }
.textcenter { text-align: center; }
.bold      { font-weight: bold; }

.icon01 {
	background: url(http://image.pia.jp/images2/static/pia/feature/event/tomica/icon01.gif) no-repeat left top;
	padding-left: 17px ;
}

#tomika {
	width: 980px;
	background: #0099FF url(http://image.pia.jp/images2/static/pia/feature/event/tomica/bg.jpg) no-repeat left top;
	margin: 0 auto;
	padding: 0;
}

/* ---------------------------------------------------------
-  Header
----------------------------------------------------------*/

#tomika #tomika-header {
	position: relative;
	width: 980px;
	height: 511px;
	background: url(http://image.pia.jp/images2/static/pia/feature/event/tomica/header_bg.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
}

#tomika #tomika-header #tomika-header-main {
	position: absolute;
	left:0;
	top: 0;
	width: 980px;
	height: 400px;
	margin: 0 ;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#tomika #tomika-header .tomika-link-hp {
	position: absolute;
	left: 553px;
	top: 360px;
	margin: 0;
	padding: 0;
}

#tomika #tomika-header .tomika-link-ticket {
	position: absolute;
	left: 553px;
	top: 390px;
	width: 218px;
	height: 38px;
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/event/tomica/btn_ticket.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}


#tomika #tomika-header .tomika-link-ticket a {
	display: block;
	width: 218px;
	height: 38px;
	margin: 0;
	padding: 0;
}

#tomika #tomika-header .tomika-link-ticket a:hover{
	background-color: #fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}


/* ---------------------------------------------------------
-  Tenji
----------------------------------------------------------*/

#tomika #tomika-tenji {
	/*position: absolute;*/
	left: 0;
	top: 580px;
	width: 980px;
	height: 516px;
	background: url(http://image.pia.jp/images2/static/pia/feature/event/tomica/tenji_bg.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
}

#tomika #tomika-tenji #tomika-tenji-main {
	position: absolute;
	width: 980px;
	height: 516px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

/* ---------------------------------------------------------
-  Atraction
----------------------------------------------------------*/
#tomika #tomika-atraction {
	left: 0;
	top: 1010px;
	width: 980px;
	height: 544px;
	background: url(http://image.pia.jp/images2/static/pia/feature/event/tomica/atraction_bg.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
}

#tomika #tomika-atraction-main {
	position: absolute;
	width: 980px;
	height: 544px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

/* ---------------------------------------------------------
-  Ticket
----------------------------------------------------------*/

#tomika #tomika-ticket {
	margin: 0;
	padding:0;
}

#tomika #tomika-ticket #tomika-ticket-content {
	background: url(http://image.pia.jp/images2/static/pia/feature/event/tomica/ticket_bg.gif) repeat-y 0 0;
	width: 980px;
	margin: 0;
	padding:0;
}

#tomika #tomika-ticket .content-left {
	width: 450px;
	padding: 10px 0 20px 60px;
	float: left;
}


#tomika #tomika-ticket .content-right {
	width: 395px;
	padding: 0;
	margin: 10px;
	float: left;
	border:3px solid #4DD24D;
}


#tomika #tomika-ticket .content-rl {
	padding-left: 130px;
	clear:both;
}

#tomika #tomika-ticket .content-left dl{
	clear:both;
	padding: 0;
	margin: 0;
}

#tomika #tomika-ticket .content-left dl dt{
	width: 70px;
	float: left;
	font-weight:bold;
	clear:both;
}


#tomika #tomika-ticket .content-left dl dt{
	width: 70px;
	float: left;
	font-weight:bold;
	clear:both;
	margin-bottom:10px;
}

#tomika #tomika-ticket .content-left dl dd{
	width: 380px;
	float: left;
}

#tomika #tomika-ticket .content-right p{
	padding: 10px;
}

#tomika #tomika-ticket p.link-ticket {
	left: 1px;
	top: 1px;
	width: 218px;
	height: 38px;
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/event/tomica/btn_ticket.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#tomika #tomika-ticket .link-ticket a {
	display: block;
	width: 218px;
	height: 38px;
	margin: 0;
	padding: 0;
}

#tomika #tomika-ticket .link-ticket a:hover{
	background-color: #fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

/* ---------------------------------------------------------
-  coment
----------------------------------------------------------*/

#tomika #tomika-coment {
	padding: 5px;
	margin: 30px;
	border:2px solid #FF6699;
	width: 910px;
	background-color: #FFFFFF;
}

#tomika #tomika-coment div.content-box{
	padding: 20px;
	border:2px solid #FF6699;
	background-color: #FFFFFF;
}

#tomika .copy{
	text-align: right;
	margin-right: 30px;
}

#tomika .space_btm30{
	margin-bottom: 30px;
	
}