@charset "Shift_JIS";

/* 製品開発ストーリー用スタイル */
/*============目次==============
　1. 共通
　2. ビジュアル
　3. contents
　4. テキスト
　5. テキスト
　6. テキスト
  7. テキスト
==============================*/

/*===========================
■1. 共通
============================*/

#story .contLeft{
	width:47.9%;
	float:left;
}

#story .contRight{
	width:47.9%;
	float:right;
}

#story .text-c{
	text-align:center !important;
}

#story a{
	text-decoration: none;
}

/* font
   ========================================================================== */
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#story h1{
	padding: 18px 0 20px 0;
}
#story h2{
	margin: 16px 0 30px !important;
}
#story h3{
	margin-bottom: 20px;
}

#story p{
	font-size: 81.3%;
	color: #613200;
	line-height: 24px;
}

/* margin
   ========================================================================== */
#story .mt14{
	margin-top: 14px;
}
#story .mt23{
	margin-top: 23px;
}
#story .mt29{
	margin-top: 29px;
}
#story .mt30{
	margin-top: 30px;
}
#story .mt33{
	margin-top: 33px;
}
#story .mt38{
	margin-top: 38px;
}
#story .mt44{
	margin-top: 44px;
}
#story .mt48{
	margin-top: 48px;
}
#story .mt50{
	margin-top: 50px;
}
#story .mt64{
	margin-top: 64px;
}



/*===========================
■2. ビジュアル
============================*/
#story #visual{
	width: 960px;
	background-color: #be562b;
	position: relative;
}
#story #visual #hukidashi1{
	position: absolute;
	top: 119px;
	left: 8px;
}
#story #visual #hukidashi2{
	position: absolute;
	top: 77px;
	left: 415px;
}


#story #visual .fBox{
	padding: 50px 55px 50px 65px;
}
#story #visual .fBox .contLeft{
	width: 440px;
}
#story #visual .fBox .contRight{
	width: 333px;
	padding-top: 10px;
}



/*===========================
■3. contents
============================*/
#story #contents{
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 75px;
	width: 780px;
}


/* cont-1
   ========================================================================== */
#story #contents #cont-1 .contLeft{
	width: 500px;
}

#story #contents #cont-1 .contRight{
	width: 242px;
}

#story #contents #cont-1 .contRight{
	position: relative;
}

#story #contents #cont-1 #takaosan{
	position: absolute;
	top: -43px;
	left: 0;
}


/* cont-2
   ========================================================================== */
#story #contents #cont-2 .contLeft{
	width: 410px;
}

#story #contents #cont-2 .contRight{
	width: 344px;
}


/* cont-3
   ========================================================================== */
#story #contents #cont-3 .contLeft{
	width: 353px;
}

#story #contents #cont-3 .contRight{
	width: 400px;
}


/* cont-4
   ========================================================================== */
#story #contents #cont-4 .contLeft{
	width: 241px;
}

#story #contents #cont-4 .contRight{
	width: 504px;
}

#story #contents #cont-4-Inner .contLeft{
	width: 289px;
}

#story #contents #cont-4-Inner .contRight{
	width: 186px;
}


/* cont-5
   ========================================================================== */
#story #contents #cont-5 .contLeft{
	width: 474px;
}

#story #contents #cont-5 .contRight{
	width: 276px;
}

#story #contents #cont-5-Inner .contLeft{
	width: 225px;
}

#story #contents #cont-5-Inner .contRight{
	width: 229px;
}

#story #contents #cont-5 #urlLixil{
	font-size: 62.5%;
	margin-top: -5px;
}