/*--------------------------------------------------------------------
/- file   : style.css
/- admin  : MEGA-D Inc. Katsuya Shibata
/- update : 20070718
/- desc   : css for modern browser
/--------------------------------------------------------------------*/

@media screen, print { /* MacIEOp */

/************* Tag Override *************/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: #333 url(../images/bg.gif) left top repeat-x;
}

body {
	font-size: 80%;
	color: #333;
}

td, th {
	font-size: 80%;
	line-height:1.4;
}

p {
	margin-bottom:1.5em;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
}

a:link {
	color: #565000;
	text-decoration: underline;
}
a:visited {
	color: #555555;
	text-decoration: underline;
}
a:hover {
	color: #B0A737;
	text-decoration: underline;
}


/************* ClearFix Styles *************/

/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}

/* IE 7 and MacIE*/
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/************* Common Styles *************/

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}
.clear {
	clear: both;
}
.clear hr {
	visibility:hidden;
}
.pagetop {
    text-align:right;
	padding-top:10px;
}

/************* Layout Styles *************/

table#container {
	width: 760px;
	height:100%;
	margin: 0 auto;
    text-align:center;
	background:url(../images/container_bg.gif) center top repeat-y;
}
table#container td{
	vertical-align:top;
}
p#copyright {
	margin:10px 0 20px 0;
}
/************* top Styles *************/
div#flash {
	padding:49px 50px 35px 50px;
	background:url(../images/flash_bg.gif) center top no-repeat;
	margin-top:20px;
}
div#flash p.skipBtn{
	margin:25px 0 0 0;
}

/************* header Styles *************/
div#header {
	text-align:left;
}
div#header h1 {
	width:232px;
	float:left;
	padding:0;
	margin:0;
}
div#header p.headerCopy {
	margin:0;
	padding:0;
	float:left;
}
div#header p.entryBtn {
	padding:15px 30px 0 0;
	margin:0;
	float:right;
}
div#header ul#mainNavi {
	clear:both;
	margin:0 23px;
	padding:0;
	width:714px;
	height:52px;
	background:url(../images/header_navi_bg.gif) left top no-repeat;
	text-align:center;
}
div#header ul#mainNavi li{
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}
div#mainContent {
	clear:both;
	padding:0 28px;
	margin:10px 0 0 0;
	text-align:center;
}
div#mainContent p.headerFooter{
	padding:0;
	margin:0;

}
div#mainContentMargin {
	background: url(../images/maincontent_bg.gif) left top repeat-y;
	text-align:left;
	padding:10px 30px 20px 30px;
	margin:0 auto;
}
div#mainContentMargin h2{
	padding:15px 0 25px 0;
	border-bottom:#989031 solid 3px;
	margin:0;
}
div#mainContentMargin p.pagetop {
	text-align:right;
	margin:20px 0 0 0;
}

/************* event Styles *************/
div#mainContentMargin h3.eventMedia {
	margin:40px 0 0 0;
	padding:0;
}
div#mainContentMargin table.eventOutline {
	margin-top:0px;
	width:644px;
}
div#mainContentMargin table.eventOutline th,
div#mainContentMargin table.eventOutline td{
	padding:15px;
	font-size:90%;
	border-top:#FFF solid 1px;
	line-height:1.6;
}
div#mainContentMargin table.eventOutline th{
	width:150px;
	background:url(../images/event_outline_th.gif) right bottom no-repeat;
}
div#mainContentMargin table.eventOutline td{
	background:url(../images/event_outline_td.gif) left bottom repeat-x;
}
div#mainContentMargin p.eventBanner{
	padding-top:20px;
	text-align:center;
}

/************* brands Styles *************/
div#mainContentMargin div.brands {
	clear:both;
	padding:25px 0;
	background:url(../images/blockline.gif) left bottom repeat-x;
}
div#mainContentMargin div.brands div.leftImg{
	width:190px;
	text-align:right;
	float:left;
	padding-top:3px;
}
div#mainContentMargin div.brands div.rightTxt{
	width:400px;
	float:left;
	margin-left:35px;
}
div#mainContentMargin div.brands div.rightTxt ul{
	margin:15px 0 0 0;
	padding:0;
}
div#mainContentMargin div.brands div.rightTxt li{
	background:url(../images/link_mark.gif) 0 6px no-repeat;
	margin: 0 0 5px 0;
	padding-left:12px;
	list-style:none;
}

/************* artists Styles *************/
div#mainContentMargin div.artists {
	clear:both;
	padding:25px 0;
	background:url(../images/blockline.gif) left bottom repeat-x;
}
div#mainContentMargin div.artists div.leftImg{
	width:215px;
	text-align:right;
	float:left;
}
div#mainContentMargin div.artists div.rightTxt{
	width:390px;
	float:left;
	margin-left:25px;
}
div#mainContentMargin div.artists div.rightTxt h3{
	margin-bottom:8px;
	margin-top:5px;
}
div#mainContentMargin div.artists div.rightTxt ul{
	margin:15px 0 0 0;
	padding:0;
}
div#mainContentMargin div.artists div.rightTxt li{
	background:url(../images/link_mark.gif) 0 6px no-repeat;
	margin: 0 0 5px 0;
	padding-left:12px;
	list-style:none;
} 
div#mainContentMargin ul.artistsHeader{
	margin:0;
	padding:2px 0 0 0;
	
}
div#mainContentMargin ul.artistsHeader li{
	list-style:none;
	display:inline;
	margin:0 2px 0 0;
	padding:0;
	background:none;
}
/************* models Styles *************/
div#mainContentMargin div.models {
	clear:both;
	padding:0;
	width:510px;
	margin:40px 65px 0 65px;
}
div#mainContentMargin div.models img {
	margin-bottom:8px;
}
div#mainContentMargin div.models p.leftImg{
	width:220px;
	text-align:center;
	float:left;
}
div#mainContentMargin div.models p.rightImg{
	width:220px;
	text-align:center;
	float:right;
}
div#mainContentMargin p.viviMoreModels {
	text-align:center;
	font-size:130%;
	font-weight:bold;
	padding:20px 0;
}


/************* sponsors Styles *************/
div#mainContentMargin div.sponsors {
	clear:both;
	padding:25px 0;
	background:url(../images/blockline.gif) left bottom repeat-x;
}
div#mainContentMargin div.sponsors div.leftImg{
	width:190px;
	text-align:right;
	float:left;
	padding-top:3px;
}
div#mainContentMargin div.sponsors div.rightTxt{
	width:400px;
	float:left;
	margin-left:35px;
}
div#mainContentMargin div.sponsors div.rightTxt p.qrcode{
	margin:20px 0 0 0;
}
div#mainContentMargin div.sponsors div.rightTxt ul{
	margin:15px 0 0 0;
	padding:0;
}
div#mainContentMargin div.sponsors div.rightTxt li{
	background:url(../images/link_mark.gif) 0 6px no-repeat;
	margin: 0 0 7px 0;
	padding-left:12px;
	list-style:none;
}

/************* studio coast Styles *************/
div#mainContentMargin h3.coast{
	margin:25px 0 0 0;
	padding-left:15px;
}
div#mainContentMargin div.coastInfo{
	margin:15px 0 0 0;
	padding:0 15px;
}
div#mainContentMargin div.coastInfo h4{
	margin-top:5px;
	margin-bottom:8px;
}
div#mainContentMargin div.coastInfo div.leftImg{
	float:left;
	width:284px;
}
div#mainContentMargin div.coastInfo div.rightTxt{
	float:right;
	width:310px;
}

/************* entry Styles *************/
div#mainContentMargin h2.entry {
	text-align:center;
	color:#F00;
	border-bottom:none;
	padding:30px 0 10px 0;
	font-size:160%;
}
div#mainContentMargin table.entry {
	margin-top:0px;
	width:644px;
}
div#mainContentMargin table.entry th,
div#mainContentMargin table.entry td{
	padding:15px;
	border-top:#FFF solid 1px;
}
div#mainContentMargin table.entry th{
	width:150px;
	background:url(../images/event_outline_th.gif) right bottom no-repeat;
}
div#mainContentMargin table.entry td{
	background:url(../images/event_outline_td.gif) left bottom repeat-x;
}
div#mainContentMargin table.entry td ul{
	margin-top:15px;
}
div#mainContentMargin table.entry td li{
	margin-bottom:5px;
	margin-left:20px;
}
div#mainContentMargin p.submitBtn{
	text-align:center;
	padding-top:30px;
}
} /* MacIEOp */