@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
=================================================================== */
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	background:url(../img/bg_body.png);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a:link {
	color:#666666;
	text-decoration:none;
	-webkit-transition:color 0.1s ease-out;
}
a:visited {
	color:#666666;
}
a:hover {
	color:#333333;
}
a:active {
}

/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page > header {
	position:relative;
	margin:0 0 48px;
	min-height:85px;
	background-image:url(../img/bg_head.jpg);
	background-repeat:repeat-x;
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
#page > header h1 {
	padding:11px 0 8px;
	text-align:center;
}
#page > header h1 img {
	vertical-align:top;	
}
#page > header #snsBtn {
	position:absolute;
	top:32px;
	right:10px;
}
#page > header #snsBtn li {
	display:inline;
}

#contents {
	width:1160px;
	margin:0 auto;
}

#indexPr {
	width:1160px;
	display:inline-block;
	/zoom:1;
	/display:inline;
	text-align:center;
}
#indexPr > .leftBox {
	float:left;
	width:490px;
	padding:146px 0 0 170px;
	text-align:left;
}
#indexPr > .rightBox {
	position:relative;
	float:right;
	width:322px;
	min-height:698px;
	padding:0 163px 0 0;
	background:url(../img/pr_bg.png) no-repeat left top;
}
#indexPr h2 {
	margin:0 0 35px;
}
#indexPr p {
	margin:0 0 50px;
}
#indexPr .btn {
	text-align:center;	
}
#indexPr #appDescription {
	text-indent:-9999px;
	width:438px;
	height:118px;
	background:url(../img/pr_p.png);
}
#indexPr > .rightBox #gallery {
	position:absolute;
	top:113px;
	left:27px;
}

#feature {
	margin:-20px 0 0;
	clear:both;
	display:inline-block;
	/zoom:1;
	/display:inline;
	width:1160px;
}
#feature > h2 {
	display:none;
}
#feature > section {
	width:373px;
	float:left;
	margin:0;
	padding:0;
	color:#2A3333;
}
#feature > section:first-of-type {
	margin:0 21px 0 0;
}
#feature > section:last-of-type {
	margin:0 0 0 20px;	
}
#feature > section h3 {
	margin:0 0 7px;
	font-size:154%;
	text-align:center;
	line-height:1.3;
	letter-spacing:0.1em;
}
#feature > section p {
	font-size:108%;
	letter-spacing:0.1em;
}
#feature + p.btn {
	display:none;	
}

#page > footer {
	width:1160px;
	margin:0 auto;
	padding:26px 0 30px;
	clear:both;
	background:url(../img/footer_bg.png) repeat-x top left;
	text-align:center;
}
#page > footer > p img {
	margin:0 10px 0 0;
	vertical-align:middle;
}