/*

Style.css

*/

/*

1.Reset, Common

2.cleaFix

3.Header

4.LeftMenu

5.Top

6.SideMenu, MainArea

7.link（2階層以下）

*/

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

 	1.Reset, Common

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

* {

        margin: 0;

        padding: 0;

        font-style: normal;

	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;

	font-weight:normal;

	font-size: 12px;

	letter-spacing:0px;

}

/* よく登場する要素のリセット */

h3, h4, h5, h6, p, address,

ul, ol, li, dl, dt, dd,

table, caption, th, td, img, form {

        margin: 0;

        padding: 0;

        border: none;

        font-style: normal;

        font-weight: normal;

        font-size: 100%;

}

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */

textarea { font-size: 100%; }



/* 画像の下にできる隙間をなくす */

img { vertical-align: bottom; 

	margin:0;

	border:0;

}

/* hr 要素は不可視で使う */

hr { display: none; }



body {

	background:#000;

}

#Header {

	height:50px;

	width:100%;

	background:#000;

}

#Wrapper {

	width:100%;

	background:#000;

}

#W1060 {

	width:1061px;

	background:url(img2/lefboxBG2.gif) repeat-y;

}

#LeftBox_Top {

	float:left;

	width:220px;

	background:#000 url(img2/left_bg2.gif) no-repeat;

	position:relative;top:-230px;

}

#LeftBox {

	float:left;

	width:220px;

	background:#000 url(img2/left_bg2.gif) no-repeat;

	position:relative;top:-145px;

}

#RightBox {

	float:left;

	width:840px;

	background:#000;

	border-left: 1px #2e2e2e solid;




}

#Contents {

	width:800px;

	padding:20px;

}

#Footer{

	width:100%;

	background:#000;

}

#Footer img{
	margin-left:220px;

}

a {

	text-decoration:none;

}

a:hover {

	text-decoration:underline;

}

.center {

	text-align:center;

}

.right {

	text-align:right;

}

.bold {

	font-weight:bold;

}

.pd20 {

	padding:20px;

}

.pd10 {

	padding:10px;

}

.pTop_1em {

	padding-top:1em;

}

.f_left {

	float:left;

}

.fontBig {

	font-size:125%;

}

h1 {

	height:95px;

	width:100%;

	background:url(img2/headerBG.gif);

}

h1 img {

	margin-left:220px;

}

#Logo {

	width:100%;

	background:#000;

	height:180px;

}

h2 {

	color:#FFF;

	font-size:125%;

	font-weight:bold;

	margin-top:1em;

	padding:4px 0 0 10px;

	width:590px;

	height:32px;

}

.h2_Office {

	background-color:#555;
	width:560px;
	text-align:center;
	line-height:32px;
	margin: 1em auto;
	padding:0 0 0 0;
}

.h2_Message {

	background-color:#555;
	width:480px;
	text-align:center;
	line-height:32px;
	margin: 1em auto;
	padding:0 0 0 0;


}


.h2_Press {

	background: url(img2/press/press_h01.gif) no-repeat;

}

.h2_Business {

	background: url(img2/business/business_h01.gif) no-repeat;

}

.h2_Artist {

	background: url(img2/artist/artist_h01.gif) no-repeat;

}

.h2_Shops {

	background: url(img2/shops/shops_h01.gif) no-repeat;

}

.h2_Careers {

	background: url(img2/careers/careers_h01.gif) no-repeat;

}

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

 	2.cleaFix

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

.clearFix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearFix {

	display: inline-block;

	min-height: 1%;

}

/* Hides from IE-mac \*/



* html .clearFix {

	height: 1%;

}

.clearFix {

	display: block;

}

/* End hide from IE-Mac */

/* DWｼﾏｼﾓ */

.clearfix + *{

    clear: both;

}

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

 	3.Header

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

#Header ul {

	width:1060px;

} 

#Header li {

	float:right;

	list-style-type:none;

	margin:13px 15px 0px 15px;

	text-align:right;

}

#Header li a{

	color:#FFF;

	font-size:10px;

}

#Header li a:hover {

	color:#CC0000;

}

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

 	4.LeftMenu

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

#menu1  {

	padding:180px 0 0 0;

}

#menu2,

#menu5,

#menu8 {

	padding:28px 0 0 0;

}

#menu3,

#menu4,

#menu6,

#menu7 {

	padding:29px 0 0 0;

}

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

 	5.Top

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

#Contents_Top {

	width:800px;

	padding:10px;

}

#TopFlash {

	width:755px;

	padding-left:65px;

	background: url(img2/top2_whatsnew.gif) no-repeat;

	background-position:-10px 0px;

}



#TopTopics {

	width:800px;

	line-height:1.8em;

	background:#000;

}

#newsbox {

	background: url(img2/top2_topics.gif) no-repeat;

	background-position:-10px 20px;

	padding:20px 0 0 65px;

	width:755px;

	color:#fff;

}

#newsbox a {

	padding-left:1em;

	color:#fff;

}

#newsbox a:hover {

	padding-left:1em;

	color:#CC0000;

}

#copy {

	text-align:center;

	padding:15px;

	font-size: 11px;
	
	color:#999;

}

.ul_business01,

.ul_business02  {

	padding:1em 2em;

}

.ul_business01 li {

	list-style-type:none;

	padding:0.5em 0;

}

.ul_business01 li a {

	font-size:125%;

	font-weight:bold;

}

.ul_business02 li{

	list-style-type:decimal;

	padding:1em 0 0 0;

	font-size:125%;

	font-weight:bold;

	color:blue;

}

.ul_business03 li{

	list-style-type:none;

	padding:1.5em 0 0 0;

	font-weight:bold;

}

.ol_artist li {

	list-style-type:decimal;

	margin:0.5em 0 0.5em 3em;

}

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

 	6.SideMenu, MainArea

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

#SideMenu {

	float:left;

	width:160px;

}

#SideMenu li{

	list-style-type:none;

	padding-bottom:14px;

}

#MainArea {

	float:left;

	width:608px;

	border:1px solid #CCC;

	padding:15px;

	line-height:1.8em;

}

#MainArea_office {

	float:left;

	width:610px;

	border: 0px;

	padding:15px;

	line-height:1.8em;
	
	background-color:#000000;
	
	color:#FFFFFF;

}

.table_company,

.table_business,

.table_artist {

	width:90%;

	margin:1em auto;

	border-collapse:collapse;



}

.table_company td {

	border-top:0px;

	border-bottom:1px solid #CCC;

	padding:3px 3px;

}

.td_paddng20 td {

	padding:1em 0 1em 0;

}

.table_business td {

	border:1px solid #CCC;

	padding:5px;

}

.td_pd_contact td {

	padding:1em 0 1em 0;

}

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

 	7.link（2階層以下）

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

.link_office a,

.link_office a:hover,

.link_office a:visited {
	color:#003366;

}

.color792901 {
	color:#003366;

}



.link_artist a,

.link_artist a:hover,

.link_artist a:visited {

	color:#195305;

}

.color195305 {

	color:#195305;

}



.link_business a,

.link_business a:hover,

.link_business a:visited {

	color:#797901;

}

.color797901 {

	color:#797901;

}



.link_press a,

.link_press a:hover,

.link_press a:visited {

	color:#37325a;

}

.color37325a {

	color:#37325a;

}



.link_shops a,

.link_shops a:hover,

.link_shops a:visited {

	color:#501464;

}

.color501464 {

	color:#501464;

}

.shoplink {

	font-size:125%;

	font-weight:bold;

}

.link_careers a,

.link_careers a:hover,

.link_careers a:visited {

	color:#8c153d;

}

.color8c153d {

	color:#8c153d;

}

#linkRed a{

	color:#CC0000;

}

#linkRed a:hover {

	color:#CC0000;

}

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

 	Gallery

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


#MainAreaG {
	float:left;
	width:640px;
	border:0px;
	padding:0px;
	line-height:1.8em;
}

#MainAreaC {
	float:right;
	width:640px;
	border:0px;
	padding:0px;
	line-height:1.8em;
}

#g_grid {
	width: 640px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.g_btn {
	float:left;
	background:#fff;
	border:1px solid #ddd;
	width: 118px;
	height:118px;
	text-align:center;
	margin: 0px 10px 10px 0px;
}

.g_btn5 {
	float:left;
	background:#fff;
	border:1px solid #ddd;
	width: 118px;
	height:118px;
	text-align:center;
	margin: 0px 0px 10px 0px;
}

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

 	ARTIST専用CSS

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

#copy2 {
	text-align:center;
	padding:15px 20px 0 20px;
	font-size: 11px;	
	color:#999;
}

#lead {
	background-color:#E0F0E0;
	width:578px;
	padding:15px;
}



.banner1 { 
	margin-top:35px;
}

.banner2 {
	margin-top:20px;
}