@charset "Shift_JIS";

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

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

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

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

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

#info a{
	text-decoration: none;
}

#info div.catalog{
	background: #fff;
	margin: 0 auto;
	padding: 0 40px 53px 40px;
	position: relative;
	text-decoration: none;}


.DownloadReader {
    border-top: 1px dashed #CCCCCC;
    display: block;
    clear: both;
    font-size: 83%;
    color: #613200;
    margin: 10px 0 0 20px !important;
    padding-left: 100px !important;
    padding-top: 5px !important;
    background: url(/common/img/bana/getreader.gif);
    background-repeat: no-repeat;
    background-position:left 10px;
}
a.GoPlay {
    background: url("../img/btn_play.gif") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    display: block;
    padding: 0 0 25px;
}
a.GoLink{
	background: url(../img/link.gif) no-repeat left top;
	padding:0 0 0 25px !important;
	font-size: 90%;
}

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

#info h1{
	padding: 18px 0 10px 10px;
}
#info div.catalog h2{
	margin: 16px 0 10px !important;
	padding-top: 10px;
}
#info h3{
	margin-bottom: 20px;
}

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

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



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


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



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


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

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

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

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


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

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


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

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


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

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

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

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


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

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

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

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

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