@charset 'shift_jis';	/*エンコード形式に合わせて変更*/

/* common cssの初期化
---------------------------------------------------------------------------------------*/
* {
	font-family:'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0;
	padding: 0;
}

html, body {
	font-family:'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
	height: 100%;
	width: 100%;
	color:#393939;
	line-height: 140%;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family:'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family:'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}
strong{
	font-weight:bold;
	}
img {
	vertical-align:bottom;
	}
a{
 outline:none;
 }

/* common 全ページ共通部分
---------------------------------------------------------------------------------------*/

/*廻り込み解除BOXここから*/
.clr:after {
	content:"";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.clr {
	display:inline-table;
	min-height:1%;
}

* html .clr {
	height:1px;
}
.clr {
	display:block;
}
/*廻り込み解除BOXここまで*/

a:link{
	text-decoration:underline;
}
a:visited{
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
a:active{
	text-decoration:none;}
hr {
	display:none;
	}

body #container .displayNone {
	display:none;
	}

/*bodyのスタイル
----------------------------*/

body {
	/* font-size:small; */
	font-size: small; /* モダンブラウザ向け */
	*font-size: small; /* IE 7向け */
	*font: x-small; /* IE 6以下 */
	background: url(../img/bg.gif);
	}
div#container {
	width: 900px;
	margin:0 auto;
}


div#contentWrap{
	width:900px;
	margin: 0 auto;
	height:100%;
	position:relative;
	}



/* header ----------------------------*/
div#header{
	height:66px;
	width:900px;
	float:left;}
div#header h1{
	float:left;
	padding:24px 0 0 1px;}
div#header ul{
	list-style-type: none;
	width:405px;
	float:right;
	margin:40px 0 0 0;
}	
div#header ul li{
	float:left;
	margin: 0 20px 0 0;}	
div#header ul li.last{
	margin: 0;}	
/* コンテンツ ----------------------------*/
div#contents {
	width:900px;
	float:left;
	background:#FFF;
	}
ul#navigation{
	list-style-type: none;
	padding:0 0 60px 0;
	height:67px;}
ul#navigation li{
	float:left;}
p.pagetop{
	clear:both;}
	
/* フラッシュ */
div#flash {
	width:900px;
	height:408px;
	position:relative;
	float:left;
	margin:0 auto;
	background: url(../../img/bgFlash.jpg) no-repeat center top;
	}

#flashContents {
	outline: none;
	margin:0;
	padding:0;
}
div#flash object{
	position:absolute;
	z-index:2;
}
img.noFlash{
	padding:106px 0 0 151px;}
/* プロモーションムービー
----------------------------*/
div#movie{
	width:900px;
	float:left;
	background: url(../../img/bgMovie.jpg) no-repeat 667px 7px;
}
div#movie div.inner{
	width:872px;
	float:left;
	margin:26px 0 0 15px;
	display: inline;
}
/* read */
div#movie div.inner div.read{
	width:650px;
	height:87px;
	line-height:160%;}
div#movie div.inner div.read h3{
	margin:0 0 5px 0;}
/* movieList */
div#movie div.inner div.movieList{
	width:872px;
	float:left;
	margin:0 0 25px 0;}
div#movie div.inner div.movieList div.col{
	width:280px;
	float:left;
	background: url(../../img/bgMovie02.gif) no-repeat top;
	padding:3px 0 0 0;
	margin:0 15px 0 0;
}
div#movie div.inner div.movieList div.last{
	margin:0;
}
div#movie div.inner div.movieList div.col div.inn{
	height:200px;
	background: url(../../img/bgMovie03.gif) no-repeat bottom;
	padding:11px 0 6px 0;
}
div#movie div.inner div.movieList div.col div.heightLine-mov01 {
	padding:0;
}

div.movieList div.col div.inn img.mov{
	margin:0 0 10px 20px;
	border:solid 1px #d4d4d4;}
div.movieList div.col div.inn h4{
	margin:0 0 6px 23px;}
div.movieList div.col div.inn p.btn{
	padding:0 0 0 147px;}
	
	
/* cast */
div#movie div.inner div.cast{
	width:872px;
	float:left;
	margin:0;
}
div#movie div.inner div.cast h3{
	margin:0 0 9px 0;}
div#movie div.inner div.cast div.castList{
	width:860px;
	float:left;
	padding:0 0 1px 0;
	background: url(../../img/lineUnder.gif) repeat-x bottom;
}
div#movie div.inner div.cast div.last{
	padding:0 0 45px 0;
	background:none;
}
div#movie div.inner div.cast div.castList div.castBlock{
	width:286px;
	float:left;
	background: url(../../img/lineSide.gif) repeat-y right;
	font-size: x-small;
	padding:10px 0 8px 0;
}
div#movie div.inner div.cast div.castList div.last{
	background:none;
	padding:10px 0 8px 0
}
div#movie div.inner div.cast div.castList div.castBlock img.image{
	border: 1px solid #d4d4d4;
	float:left;
	display:inline;
	margin:5px 0 0 10px;
}
div#movie div.inner div.cast div.castList div.castBlock dl{
	float:left;
	margin:0 0 0 10px;
	display:inline;
	width:200px;}
div#movie div.inner div.cast div.castList div.castBlock dl dt{
	margin:0 0 5px 0;}
/* 開発者に聞いた！！丸ブラシのギモン
----------------------------*/
div#developer{
	width:900px;
	float:left;
	margin:0 0 35px 0;
}	
div#developer div.inner{
	width:872px;
	float:left;
	margin:26px 0 0 15px;
	display: inline;
}
div#developer div.inner div.readWrap{
	width:872px;
	float:left;
	background: url(../../img/bgDeveloper01.gif) no-repeat top;
	padding:2px 0 0 0;
}
div#developer div.inner div.read{
	width:872px;
	float:left;
	background: url(../../img/bgDeveloper02.gif) no-repeat bottom;
	margin:0 0 33px 0;
}
div#developer div.inner div.read img.developer{
	float:left;
	padding:1px 29px 1px 8px;}
div#developer div.inner div.read dl{
	width:410px;
	float:left;
	margin:25px 45px 0 0;
	}
div#developer div.inner div.read dl dt{
	margin:0 0 5px 0;}
div#developer div.inner div.read dl dt strong{
	font:small;}
div#developer div.inner div.read div.swf{
	padding:12px 0 0 0;}
div#developer div.inner div.point{
	width:872px;
	float:left;
	margin:0;
	background: url(../../img/lineUnder.gif) repeat-x bottom;

}
div#developer div.inner div.last{
	background:none;

}
div#developer div.inner div.point div.col{
	width:436px;
	float:left;
	background: url(../../img/lineSide.gif) repeat-y right;
}
div#developer div.inner div.point div.last{
	width:436px;
	float:left;
	background:none;
}
div#developer div.inner div.point div.col img.image{
	float:right;
	padding:38px 15px 0 0;}
	div#developer div.inner div.point div.col dl{
		float:left;
		width:275px;
		display:inline;
		padding:15px;}
	div.point div.col dl dt{
		padding:0 0 5px 0;}

/* 商品ラインナップ
----------------------------*/
div#lineup{
	width:900px;
	float:left;
	margin:80px 0 35px 0;
}	
div#lineup div.inner{
	width:885px;
	float:left;
	margin:26px 0 0 15px;
	display: inline;
}
div#lineup div.inner h3{
	margin:0 0 13px 5px;
	clear:both;}
div#lineup div.inner div.itemBox{
	width:194px;
	float:left;
	margin:0 25px 20px 0;}
div#lineup div.inner div.farst{
	display:inline;
	margin:0 25px 20px 5px;}
div#lineup div.inner div.last{
	margin:0;}
div#lineup div.inner div.itemBox a img.itemImage{
	border:solid 3px #d4d4d4;}

div#lineup div.inner div.itemBox a:hover img.itemImage{
	border:3px solid #3EACDF;
}
div#lineup div.inner div.itemBox h4{
	margin:10px;}
div#lineup div.inner div.itemBox p{
	margin:0 0 0 6px;}
/* footer
----------------------------*/
div#footer{
	width:900px;
	float:left;
	padding:10px 0 50px 0;}
div#footer p{
	float:left;
	padding:0 0 0 10px;}
div#footer ul{
	list-style-type: none;
	width:405px;
	float:right;
	margin:0;
}	
div#footer ul li{
	float:left;
	margin: 0 20px 0 0;}	
div#footer ul li.last{
	margin: 0;}





/* movieContents */
div#movieContents {
	width:480px;
	margin: 0 auto;
	background:#fff;
}
div#movieContents p {
	width:480px;
	height:40px;
	text-align:center;
	padding:10px 0 0 0;
}
div#movieContents p#player {
	width:480px;
	height:270px;
	padding:0;
}