@charset "utf-8";

*{
	margin:0;
	padding:0;
}
html{
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0 auto;
	color: #000;
}
#container{
	width: 1014px;
	height: 738px;
	text-align: left;
	padding-left: 10px;
	margin: 0px auto;
	font-family: "A-OTF 太ゴB101 Pr5 Bold",Arial, Helvetica, sans-serif;
}
/*
body > #container{
	height: auto;
}
*/
ul{list-style: none;}
a{
	text-decoration: none;
	display: block;
}
a:hover{	}
img{border: none;}


/*aside
====================================================*/
aside{
	float: left;
	width: 155px;
	height: 548px;
	margin-right: 93px;
}
aside #pageTitle{
	width: 153px;
	height: 76px;
	padding-top: 191px;
	background: #12aecd;
}
aside #pageTitle h1{
	width: 103px;
	height: 76px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../img/txt_aside_title.png) no-repeat;
	background-position: center bottom;
}
.asideLogo{
	position: absolute;
	top: 295px;
	width: 155px;
	height: 46px;
}
.asideLogo img{
	padding:0px;
	margin:0px;
}
#companyInfo{
	position: absolute;
	top: 380px;
	width: 155px;
}
#companyInfo p{
	font-size: 10px;
	margin-bottom: 15px;
	line-height: 13px;
}
#companyInfo p a{
	display: block;
	color: #000000;
}
#companyInfo p a:hover{
	color: #999;
}
#companyInfo img.sns_icon{
	clear: both;
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	margin-bottom: 8px;
}
#companyInfo img.sns_txt{
	float: left;
	display: block;
	width: 98px;
	height: 18px;
	margin-top: 1px;
}
/*.headerStyle
====================================================*/
.headerStyle{
	float: left;
	position: relative;
	width: 600px;
	height: 32px;
	margin: 0 auto 53px;
	padding: 46px 0 0 0px;
}
dl.menu{
	position: relative;
	width: 100%;
	height: 100%;
}
dl.menu dt{
	width: 100%;
	height: 28px;
}
dl.menu dt ul{
	width: 100%;
	height: 100%;
}
dl.menu dt li{
	float: left;
	position: relative;
	top: 0px;
}
dl.menu dt li:nth-child(1){	margin-right: 37px;}
dl.menu dt li:nth-child(2){	margin-right: 43px;}
dl.menu dt li:nth-child(3){	margin-right: 42px;}
dl.menu dt li:nth-child(4){	margin-right: 44px;}
dl.menu dd{
	position: absolute;
	top: 28px;
	left: 0px;
	width: 38px;
	height: 2px;
	left: 0px;
	margin-top: 2px;
	background: #12abcd;
}
dl.menu img{
	display: block;
}

/*#mainContents
====================================================*/
#mainContents{
	float: left;
	width: 700px;
	height: 474px;
}
/*#contents
====================================================*/
#contents{
	position: relative;
	width: 637px;
	height: 474px;
	margin: 0 0 20px;
	overflow: hidden;
}
/*#carousel
====================================================*/
#carousel{
	position: absolute;
	top: -1347px;
	width: 627px;
	height: auto;
}
/*.page
====================================================*/
.page{
	width: 597px;
	height: 474px;
	padding-right: 30px;
	overflow-y: scroll;
}

/*#newsPosts
====================================================*/
#newsPosts{
	width: 100%;
	height: auto;
	font-size: 12px;
	line-height: 25px;
}
#newsPosts .newsSubList{
	margin-bottom: 30px;
}
#newsPosts .newsHead{
	width: 565px;
	height: auto;
	padding: 0 4px;
	margin: 0 auto 8px;
	border-bottom: 1px solid #000;
}
#newsPosts .newsTitle{
	float: left;
	width: auto;
	max-width: 565px;
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 1.5em;
	vertical-align: bottom;
}
#newsPosts p.newsTitle:first-letter,#newsPosts p.newsTitle a:first-letter{
	color: #12abcd;
}
#newsPosts .newsTitle a{
	display: block;
	font-weight: bold;
	color: #000;
}
#newsPosts .newsTitle a:hover{
	color: #999;
}
#newsPosts .newsData{
	height: 22px;
	width: auto;
	margin-left: 2px;
	font-size: 12px;
	line-height: 30px;
	vertical-align: bottom;
}
#newsPosts .newsLink{

}
#newsPosts .newsMessege{
	clear: both;
	width: 565px;
	margin: 0 auto;
	line-height: 1.5em;
}
/*#company
====================================================*/
#company{
	font-size: 12px;
	margin-bottom: 200px;
}
#company #companyLogo{
	margin-bottom: 40px;
}
#company h3{
	font-size: 16px;
	margin-bottom: 22px;
}
#company h3:first-letter{
	color: #12abcd;
}
#company dl{
	margin-bottom: 45px;
}
#company dl dt{
	border-bottom: 1px solid #000;
}
#company dl dd{
	margin-top: -1em;
	margin-bottom: 1.5em;
	text-align: right;
}
#company p{
	line-height: 1.5em;
}

/*#business
====================================================*/
#business{
	font-size: 12px;
	margin-bottom: 200px;
}
#business h3{
	font-size: 16px;
	margin-bottom: 16px;
}
#business h3:first-letter{
	color: #12abcd;
}
#business p{
	margin-bottom: 22px;
	line-height: 1.5em;
}
#business p.mbottom{
	margin-bottom: 65px;
}
#business dl{
	margin-bottom: 65px;
}
#business dl dt{
	font-size: 16px;
	margin-bottom: 8px;
}
#business dl dd{
	margin-bottom: 40px;
	line-height: 1.5em;
}
#business dl dd #artists{
	margin: 30px 15px 15px;
}
#business dl dd #artists .artist{
	float: left;
	width: 161px;
	height: auto;
	padding: 15px 10px 10px 10px;
	/*border: #000 dashed 1px;*/
}
#business dl dd #artists .artist{
}
#business dl dd #artists .artist p{
	text-align: center;
	margin: 10px auto 0px;
}
/*LightBoxの内容*/
#business dl dd .artist_content{
	display: none;
}
#cboxLoadedContent .artist_Info ul{
	width: 330px;
	font-size: 12px;
	text-align: left;
	margin: 0px auto;
}
#cboxLoadedContent .artist_Info ul li{
	display: block;
	line-height: 12px;
	margin: 5px 0;
}
#cboxLoadedContent .artist_Info ul li a{
	display: inline;
}
/*
#business dl dd #artists .artist .artistInfo{
	padding: 28px 0 0;
}
#business dl dd #artists .artist .artistInfo a{
	display: inline;
}
#business dl dd #artists .artist img{
	display: block;
	height: 161px;
}
*/
/*#pageBg
====================================================*/
#pageBg{
	position: fixed;
	bottom: 30px;
	right: 0px;
	width: 544px;
	height: 82px;
	overflow: hidden;
	background: url(../img/img_pageBg_name.png) no-repeat;
	background-position: 0px -524px;
}

/*.footerStyle
====================================================*/
.footerStyle{
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 30px;
	background: url(../img/img_address_bg.gif) repeat;
}
.footerStyle p{
	clear: both;
	width: 1024px;
	height: 100%;
	margin: 0 auto;
}

/*#topPage
====================================================*/
#topPage{
	position: fixed;
	top: 203px;
	width: 100%;
	height: 210px;
	padding: 0px;
}
#topLogo{
	width: 527px;
	margin: 0px auto 32px;
}
#topPage .logoTop{
	width: 527px;
	height: 62px;
	margin-bottom: 22px;
}
#topPage .logoBottom{
	width: auto;
	height: 62px;
}
#topPage .logo{
	position: relative;
	float: left;
	width: auto;
	height: 62px;
	top: -300px;
	opacity: 0;
}
/*#topMenu
====================================================*/
#topMenu{
	width: 527px;
	height: 32px;
	margin: 0 auto;
}
#topMenu dl{
	position: relative;
	width: 100%;
	height: 100%;
}
#topMenu dt{
	width: 100%;
	height: 28px;
}
#topMenu dt ul{
	width: 100%;
	height: 100%;
}
#topMenu dt li{
	float: left;
	position: relative;
	top: 0px;
	opacity: 0;
}
#topMenu dt li:nth-child(1){	margin-right: 18px;}
#topMenu dt li:nth-child(2){	margin-right: 22px;}
#topMenu dt li:nth-child(3){	margin-right: 30px;}
#topMenu dt li:nth-child(4){	margin-right: 23px;}
#topMenu dd{
	position: absolute;
	top: 28px;
	left: 0px;
	width: 38px;
	height: 2px;
	left: 0px;
	margin-top: 2px;
	background: #12abcd;
	opacity: 0;
	overflow: visible;
}
#topMenu img{
	display: block;
}
/*subPage
====================================================*/
#topMenu dt li{	top: 130px;}
#topMenu dt li{	opacity: 0;}

aside #pageTitle{	margin-top: -267px;}
.asideLogo{	opacity: 0;}
#companyInfo{	margin-left: -300px;opacity:0;}
.headerStyle{	opacity: 0;}
.headerStyle .menu dd{	opacity: 0;}
#carousel{	top: -1822px;}
#pageBg{	right: -544px;}


/*各クラス
===========================================================================*/
.posiRelative{
	position: relative;
}
#container ul li.last{
	margin: 0px;
}
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.fontsize12{font-size: 12px;}
.fontsize18{font-size: 18px;}
.fontsize20{font-size: 20px;}
.ulFloatleft li{float: left}

/*.clearFIX FIX							#content FIX
====================================================*/
.clearFIX:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

.clearFIX{
	display:inline-block;/* MAC IE用　*/
	min-height:1%;/* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html .clearFIX{height: 1%;}
.clearFIX{display: block;}
/*--ここまでMAC IEは非適用 */
/*================================================================*/