@charset "utf-8";

/* CSS Document */

/*==========================================================================================

	// top.html

==========================================================================================*/

div#mainLeft {
	display: inline;
	float: left;
	width: 630px;
	margin: 0px 5px 20px 8px;
}

div#mainRight {
	display: inline;
	float: right;
	width: 250px;
}

/*==========================================================================================

	// メインフォト

==========================================================================================*/

div#mainPhoto {
	height: 350px;
	width: 900px;
	margin: 0 auto;
	margin-bottom: 5px;
}


div#mainPhoto a {
	display: block;
	height: 350px;
	width: 900px;
	text-indent: -9999px;
}


div#mainPhoto p {display: none;}

/*==========================================================================================

	// Information　最新情報

==========================================================================================*/

div#info {
	width: 300px;
	height:400px;
	margin-bottom:20px;
	float: left;
	margin-right: 10px;
	border:#CCCCCC solid 1px;}

div#info h2 {
	height:34px;
}

div#info hr{display:block;}

div#infoBox {
	overflow:auto;
	padding:5px 5px 13px 15px;
	height:348px;
	width: 270px;
}

div#info h3 {
	color:#009EFF;
	font-size:108%;
	font-weight:bold;
	margin-bottom:10px;
}

div#info h3 span {
	color:#FF0000;
	display:block;
	padding-bottom:5px;
}

div#info p { margin-bottom:10px; }

div#info p img {
	float:left;
	margin:0 10px 0 0;
}

/*==========================================================================================

	// modelblog

==========================================================================================*/

div#modelblog {
	overflow:hidden;
	width: 253px;
}

div#modelblog h2 {
	height:35px;
}

div#modelblogScrollBox {
	margin:7px 0px;
	width:250px;
}

div.modelblogBox {
	clear: both;
	padding: 0 0 12px;
	margin:0px 0px;
	background: url(../images/common-line.gif) no-repeat 0 5px;
	border-bottom:1px dotted #acacac;
}

div.modelblogBox img {border:1px solid #cccccc;}


div.modelblogBox div {
	float: right;
	width: 145px;
	font-size: 85%;
}

div.modelblogBox div p {line-height:1;}


div.modelblogBox h3 {
	display: block;
	padding: 1px 0 6px;
	font-weight: bold;
}


div.modelblogBox h3 a {
	color:#FF3300;
}


div.modelblogBox h3 a span.name {
	display:block;
	font-size:116%;

}
/*==========================================================================================

	// staffblog

==========================================================================================*/
div#staffBlog {
	clear: both;
	width:590px;
	padding: 5px 5px 13px 15px;
	height: 400px;
	border: #CCCCCC solid 1px;
}


div#staffblogBox h2 {
	height:34px;
}

div#staffblogBox {
	width:575px;
	overflow: auto;
	height: 380px;
}


div#staffblogBox h3 {
	color:#009EFF;
	font-size:108%;
	font-weight:bold;
	margin-bottom:10px;
}

div#staffblogBox h3 span {
	color:#FF0000;
	display:block;
	padding-bottom:5px;
}


div#staffblogBox .dayArea {
	width:550px;
	margin:10px 0 20px 0;
	clear: both;
}

div#staffblogBox p {
	margin-bottom:10px;
}

div#staffblogBox p img {
	float:left;
	margin:0 10px 0 0;
}

/*==========================================================================================

	// newRelease

==========================================================================================*/
div#newRelease {
	clear: both;
	width:590px;
	padding: 5px 5px 13px 15px;
	height: 590px;
	border: #CCCCCC solid 1px;
	margin-bottom:20px;
}


div#newReleaseBox h2 {
	height:34px;
}

div#newReleaseBox {
	width:575px;
	overflow: auto;
	height: 560px;
}

div#newReleaseBox ul li {
	float:left;
	padding: 10px;
	width:120px;
	height:250px;
}
div#newReleaseBox ul li img {
	margin-bottom: 5px;
}

div#newReleaseBox ul li span {
	display: block;
	line-height: 1.2em;
	overflow-y: hidden;
}
div#newReleaseBox ul li span.a1 {
	color: #F40CA6;
	height: 3.6em;
}
div#newReleaseBox ul li span.a2 {
	color: #009EFF;
	height: 1.2em;
}
div#newReleaseBox ul li span.a3 {
	height: 1.2em;
}

/*==========================================================================================

	// makersite

==========================================================================================*/

div#makersite {
	overflow:hidden;
	width: 253px;
}

div#makersite h2 {
	height:35px;
}

div#makersiteScrollBox {
	margin:7px 0px;
	width:250px;
}

div.makersiteBox {
	clear: both;
	padding: 0 0 12px;
	margin:0px 0px;
	background: url(../images/common-line.gif) no-repeat 0 5px;
}

div.makersiteBox img {border:1px solid #cccccc;}


div.makersiteBox div {
	float: right;
	width: 145px;
	font-size: 85%;
}

div.makersiteBox div p {line-height:1;}


div.makersiteBox h3 {
	display: block;
	padding: 1px 0 6px;
	font-weight: bold;
}


div.makersiteBox h3 a {
	color:#FF3300;
}


div.makersiteBox h3 a span.name {
	display:block;
	font-size:116%;

}