@charset "UTF-8";

/*
/////////////////////////////////////////////////////////

　注意
　　●フォントサイズは%指定で行う。以下参考値
	77% == 10px
	85% == 11px
	93% == 12px  ←★標準
	100% == 13px
	108% == 14px
	116% == 15px
	123.1% == 16px
	131% == 17px
	138.5% == 18px
	146.5% == 19px
	153.9% == 20px
	161.6% == 21px
	167% == 22px

	●行間指定には単位を付けない事。
	●フォントサイズは継承がややこしいので、
	　なるべく親要素では指定しない事。


/////////////////////////////////////////////////////////
*/

/* ●ブラウザスタイル解除
-----------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}
fieldset,img{
	border: 0;
}
ol,ul{
	list-style: none;
	background-color: #000;
}


/* ● HTML要素
   --------------------------------------------- */
body{
	background: #000;
	color: #fff;
	font-size: 93%;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.3;
}
*:first-child+html body{
	/*font-size: 75%;*//*IE7*/
}
* html body {
	/*font-size: 75%;*//*IE6-5*/
}
/* フォントサイズは12pxが基準に設定されています
   もし特定の要素のフォントサイズを10px相当にしたい場合は、
   10÷12＝0.83…＝83%　→ font-size: 83%
   16px相当にする場合は、
   16÷12＝1.33…＝133%　→ font-size: 133%
   に設定して下さい */

img,input{
	vertical-align: bottom;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
	/*empty-cells: show;*/
}
em{
	font-style: normal;
}


/* ●その他
------------------------------------*/
/* ▽clearfix */
.clearfix:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}
.clearfix{
	overflow: hidden;
}
/* Hides from IE-mac ＼*/
* html .clearfix{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */

.clear {
	clear:both;
	height:0;
	line-height:0;
}

strong {
	font-weight:normal;
}

/* ●ヘッダー
------------------------------------*/
/* header */
#header {
	width: 980px;
	height: 60px;
	position: relative;
}
	#header h1, h2{
		display: block;
		float: left;
	}
	#header h1 {
		margin: 1px 0 0 10px;
	}
	#header h2 {
		margin: 40px 0 0 15px;
		font-size: 93%;
		font-weight: bold;
	}
	#header img#paint {
		float: right;
	}
	#header #google_translate_element {
		left: 370px;
  		position: absolute;
    	top: 15px;
    	width: 200px;
	}
	
/* ●メニュー
------------------------------------*/
/* menu */
#menu {
	margin: 0 0 0 500px;
	width: 330px;
	height: 36px;
}
	#menu ul li {
		float: left;
	}
	#menu a#home {
	    background: url("../img/common/home.gif") no-repeat scroll left top transparent;
   		display: block;
    	font-size: 10px;
    	height: 0;
    	overflow: hidden;
    	padding-top: 36px;
    	width: 163px;
	}
	#menu a#home:hover {
 		background: url("../img/common/home_on.gif") repeat scroll 0 0 transparent;
    	text-decoration: none;
	}
	#menu a#news {
	    background: url("../img/common/news.gif") no-repeat scroll left top transparent;
   		display: block;
    	font-size: 10px;
    	height: 0;
    	overflow: hidden;
    	padding-top: 36px;
    	width: 163px;
	}
	#menu a#news:hover {
 		background: url("../img/common/news_on.gif") repeat scroll 0 0 transparent;
    	text-decoration: none;
	}
	#menu a#artist {
	    background: url("../img/common/artist.gif") no-repeat scroll left top transparent;
   		display: block;
    	font-size: 10px;
    	height: 0;
    	overflow: hidden;
    	padding-top: 36px;
    	width: 164px;
	}
	#menu a#artist:hover {
 		background: url("../img/common/artist_on.gif") repeat scroll 0 0 transparent;
    	text-decoration: none;
	}
	#menu a#works {
	    background: url("../img/common/works.gif") no-repeat scroll left top transparent;
   		display: block;
    	font-size: 10px;
    	height: 0;
    	overflow: hidden;
    	padding-top: 36px;
    	width: 163px;
	}
	#menu a#works:hover {
 		background: url("../img/common/works_on.gif") repeat scroll 0 0 transparent;
    	text-decoration: none;
	}
	#menu a#casting {
	    background: url("../img/common/casting.gif") no-repeat scroll left top transparent;
   		display: block;
    	font-size: 10px;
    	height: 0;
    	overflow: hidden;
    	padding-top: 36px;
    	width: 163px;
	}
	#menu a#casting:hover {
 		background: url("../img/common/casting_on.gif") repeat scroll 0 0 transparent;
    	text-decoration: none;
	}
	#menu a#contact {
	    background: url("../img/common/contact.gif") no-repeat scroll left top transparent;
   		display: block;
    	font-size: 10px;
    	height: 0;
    	overflow: hidden;
    	padding-top: 36px;
    	width: 163px;
	}
	#menu a#contact:hover {
 		background: url("../img/common/contact_on.gif") repeat scroll 0 0 transparent;
    	text-decoration: none;
	}

/* ●フッター
------------------------------------*/	
#footer {
	margin: 20px auto 0;
	width: 550px;
	clear: both;
}
	#footer ul {
		display: block;
	}
	#footer ul li{
		display: block;
		float: left;
		margin: 0 23px 0 0px;
		font-size: 85%;
	}
	#footer ul li a{
		display: block;
		text-decoration: none;
	}
	#footer ul li a:link, a:visited{
		color:#9FA0A0;
	}
	address {
		clear: both;
		display: block;
		text-decoration: none;
		font-style: inherit;
		color:#9FA0A0;
		font-size: 85%;
		margin: 5px auto 50px;
		width: 320px;
	}
	#footer a:link.pink, a:visited.pink {
		color: #E4007F;
	}