/*
===============================================================================
/css/concert.css
あくちょめアーティスト紹介用スタイルシート
===============================================================================*/

/* [HTMLTag] BODY
===============================================================================*/
body {
	min-width:780px;

	margin : 0px;
	background : #ffffff url("../images/bg.gif") repeat-y top center;
	text-align:center;
}

/* Contents
===============================================================================*/
#contents {
	padding:30px 20px 8px;
	width:780px;
	height : 2800px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:740px;
} html>body #contents {width:740px;}


.titleblock {
	margin : 0px auto;
	width : 780px;
	height : 80px;
	background-color : #487CB8;
	text-align : center;
}
.concertbox {
	margin : 0px auto;
	width : 780px;
	background-color : #E6F9FF;
	height : 2880px;
	text-align : center;
}
.artistbox {
	width : 780px;
	height : 50px;
	text-align : left;
	font-size:11px;
}
.bannerbox {
	margin-top : 20px;
	width : 778px;
	color: #223F62;
	font-size : 11px;
	font-family : sans-serif;
	float: left;
}
.bannertext {
	width : 270px;
	height : 55px;
	color: #223F62;
	font-size : 11px;
	font-family : sans-serif;
	text-align : right;
	float : left;
}
.bannerbox_l {
	width : 180px;
	height : 40px;
	text-align : right;
	float : left;
}
.bannerbox_r {
	width : 180px;
	height : 40px;
	text-align : left;
	float : left;
}
.bannerbox_s {
	margin-top : 10px;
	width : 30px;
	height : 40px;
	float : left;
}
.tdartist {
	width : 120px;
	padding : 2px 5px;
	text-align : left;
	color: #223F62;
	font-size : 11px;
}
.tdartist2 {
	width : 60px;
	padding : 2px 5px;
	text-align : left;
	color: #223F62;
	font-size : 11px;
}
.tdartist3 {
	width : 80px;
	padding : 2px 5px;
	text-align : left;
	color: #223F62;
	font-size : 11px;
}
.thartist {
	width : 80px;
	padding : 2px 10px;
	text-align : right;
	color: #223F62;
	font-size : 11px;
}
.tableartist {
	margin : 10px 0px 0px 50px;
	color: #223F62;
}
.datebox {
	margin : 10px auto 0px;
	padding : 0 0 0 20px;
	width : 740px;
	text-align : left;
	color: #223F62;
	font-size : 14px;
	font-weight : 600;
	font-family : sans-serif;
}
.dateboxclosed {
	margin : 10px auto 0px;
	padding : 0 0 0 20px;
	width : 740px;
	text-align : left;
	color: #aabfe2;
	font-size : 14px;
	font-weight : 600;
	font-family : sans-serif;
}
.profile {
	margin : 20px;
	width : 710px;
	padding: 10px;
	border-style : solid;
	border-color : #FF5503;
	border-width: 1px;
	background : #ffffff;
	height : 200px;
	text-align : center;
}
.profileclosed {
	margin-top : 20px;
	margin-bottom : 20px;
	margin-left : 0px;
	width : 778px;
	background : #E6F9FF;
	text-align : center;
}
.profile_pix {
	margin : 3px;
	width : 220px;
	height : 180px;
	float: left;
}
.profile_text {
	margin : 3px;
	width : 470px;
	height : 180px;
	float: left;
	color: #223F62;
	font-size : 11px;
	line-height : 120%;
	text-align : left;
	font-family: sans-serif, monospace;
}
.profile2 {
	margin : 20px;
	width : 710px;
	padding: 10px;
	border-style : solid;
	border-color : #FF5503;
	border-width: 1px;
	background : #ffffff;
	height : 250px;
	text-align : center;
}
.profile_text2 {
	margin : 3px;
	width : 470px;
	height : 245px;
	float: left;
	color: #223F62;
	font-size : 11px;
	line-height : 120%;
	text-align : left;
	font-family: sans-serif, monospace;
}
.profile3 {
	margin : 20px 20px 10px;
	width : 710px;
	padding: 10px;
	border-style : solid;
	border-color : #FF5503;
	border-width: 1px;
	background : #ffffff;
	height : 225px;
	text-align : center;
}
.profile_text3 {
	margin : 3px;
	width : 470px;
	height : 220px;
	float: left;
	color: #223F62;
	font-size : 11px;
	line-height : 120%;
	text-align : left;
	font-family: sans-serif, monospace;
}
.menubtnblock {
	margin : 0px auto;
	width : 778px;
	height : 60px;
	background : #E6F9FF;
}
.menubtnblocksingle2 {
	margin : 0px 10px 0px 550px;
	width : 200px;
	height : 40px;
	text-align : right;
}


/* Skipper
===============================================================================*/
#skipper {
	display:none;
}

/* Title
===============================================================================*/
#title {
	margin:0px;

	text-align:left;

	width:780px;
	height:378px;
}
#title p {
	float:left;

	margin:0;
	padding:0;
}

/* [HTMLTag] A
===============================================================================*/
a {
	text-decoration:none;
}
a:link {
	color:#18C;
}
a:visited {
	color:#059;
}
a:hover, a:active {
	text-decoration:underline;
}

/* [HTMLTag] IMG (All blocked)
===============================================================================*/
img {
	display:block;
}

/* [HTMLTag] A > Link Image
===============================================================================*/
a img {
	border:none;
}

/* [HTMLTag] P
===============================================================================*/
p {
	line-height:1.5em;
}

/* ClearFix(Trickey, prepared for IE Mac' misinheritance of Clear)
===============================================================================*/
.clearFix {
	clear:both;
}

/* Font Face
===============================================================================*/
/* To avoid IE Mac's font set bug when font-family setted in body or html */
td, th, caption, li, p, dt, dd, h1, h2, h3, h4, h5, h6, a {
	font-family:"ＭＳ Ｐゴシック", Osaka, Gothic, sans-serif;
}


/* Footer
===============================================================================*/
#footer {
	margin:0 auto;
	padding:17px 0;

	background:#52788C url("../images/bg_footer.gif") no-repeat left top;
	text-align:center;
	font : 8pt #ffffff;
	width:780px;
	min-height:11px;
}
#footer a {
	text-decoration:none;
}
#footer a:link {
	color:#fff;
}
#footer a:visited {
	color:#fff;
}
#footer a:hover {
	text-decoration:underline;
}
#footer li {
 	display:inline;
	padding:0 20px;

	font-size:0.8em;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:x-small;
} html>body #footer li {font-size:x-small;}
#footer p {
	margin:5px 0 0;
	padding:0;

	color:#5E88A0;

	font-size:0.8em;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: 8pt;
} html>body #footer p {font-size:x-small;}
#footer .english {
 	border-right:1px solid #fff;
}
#footer .english a:link, #footer .english a:visited {color:#5ce;}
#footer .sitemap {
 	border-right:1px solid #fff;
}
#footer .plain {
	margin : 0px 0px;
	width : 460px;
	height : 14px;
	float : left;
}


/* Contents > Page Top
===============================================================================*/
p.pagetop {
	clear:left;

	margin:0;
	padding:0.5em 0 0.25em;

	text-align:right;

	width:688px;
}
p.pagetop a {
	padding-right:15px;
	font-size : 8pt;
	background:#E6F9FF url("../images/pagetop.gif") no-repeat right center;
	
	/* Tricky for Mac IE */
	position:relative;
	left:-15px;
}
/* hide from IE on Mac \*/
p.pagetop a {
	position:static;
}
html>body #contents p.pagetop a {position:static;}
/* end of hack */


