@charset "UTF-8";

/*	aboutCSS
	
		■コンテンツ設定
		■文とサムネイル
		■スペック表
----------------------------------------------------------------------------------------------------------------------------------*/


/*	コンテンツ設定（各コンテンツ上書き）
----------------------------------------------------------------------------------------------------------------------------------*/

div#content {
width:840px;
margin:0 auto;
padding:40px 0 0 0;
}


div.sttl {
background-image:url(../Images/sttl_story.png);
background-repeat:no-repeat;
width:833px;
height:35px;
text-indent:-9999px;
font-size:1px;
margin:0px auto 10px 0px;
}


/*	文とサムネイル
----------------------------------------------------------------------------------------------------------------------------------*/

div#content div.story {
width:820px;
margin:20px auto 50px auto;
}

/* 最終段落 */
div#content div.end {
margin-bottom:0;
}

/*左段落*/
div#content div.story div.left {
float:left;
width:530px;
}

/* 小見出し */

div.story div.pttl {
width:530px;
height:50px;
background-repeat:no-repeat;
background-position:center center;
text-indent:-9999px;
}

div.story div.p01 {
background-image:url(../Images/pttl_01.png);
}

div.story div.p02 {
background-image:url(../Images/pttl_02.png);
}

div.story div.p03 {
background-image:url(../Images/pttl_03.png);
}


/* 文頭 */
div.story span img {
float:left;
margin:0 3px 0 0;
}

/* 文章 */
div.story span {
font-size:13px;
line-height:160%;
text-align:justify;
text-justify:distribute;
}

div.story div.hbr {
height:8px;
font-size:1px;
line-height:1px;
}


/* SS基本 */

div.story .shot {
	float:right;
	margin:50px 0 0 0;
	position:relative;
	display:block;
	width:245px;
	height:141px;
	background-position:top;
	background-repeat:no-repeat;
}

div.story .shot:hover {
	background-position:bottom;
}

/* SS眼鏡 */

div.story a.shot div {
	position:absolute;
	bottom:0;
	right:0;
	cursor:pointer;
}