@charset "Shift_JIS";

/*汎用設定*/

*
{
	padding: 0px;
	margin: 0px;
}
body,table
{
	color: #fff;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.7em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
.ie body,table
{
	color: #fff;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.7em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
.gecko body,table
{
	color: #fff;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.7em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
.mac.safari body,table
{
	color: #fff;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.6em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
.mac.gecko body,table
{
	color: #fff;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.6em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
.mac.chrome body,table
{
	color: #fff;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.6em;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
body
{
	background: url(../images/bg.jpg) #000 no-repeat top center fixed;
}

a:link
{
	text-decoration: none;
	color: #CC0000;
}
a:visited
{
	text-decoration: none;
	color: #CC0000;
}
a:hover
{
	text-decoration: underline;
	color: #ff9900;
}
img
{
	border: none;
}

/*エリア指定*/


#social
{
	width: 880px;
	height: 50px;
	margin: 0px auto;
	background: url(../images/social.png) no-repeat;
	position: relative;
}
#social .social
{
	position: absolute;
	top: 13px;
	left: 370px;
	width: 500px;
}
#social .famitsu-logo a
{
	position: absolute;
	top: 12px;
	left: 9px;
	width: 95px;
	height: 24px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#wrapper
{
	width: 860px;
	margin: 0px auto;
	background: url(../images/bg2.png) repeat-y;
	padding: 0px 10px;
}


/*コンテンツ*/

#header
{
	width: 860px;
	height: 813px;
	background: url(../images/header.jpg) no-repeat;
	position: relative;
}
#header .text01
{
	position: absolute;
	top: 145px;
	left: 467px;
	width: 361px;
	color: #333;
}
#header .movie
{
	position: absolute;
	top: 520px;
	left: 40px;
}
#pic02
{
	width: 860px;
	height: 1055px;
	background: url(../images/pic02.jpg) no-repeat;
	position: relative;
}
#pic02 .text01
{
	position: absolute;
	top: 87px;
	left: 476px;
	width: 355px;
}
#pic02 .text02
{
	position: absolute;
	top: 354px;
	left: 90px;
	width: 355px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic02 .text03
{
	position: absolute;
	top: 411px;
	left: 31px;
	width: 202px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic02 .text04
{
	position: absolute;
	top: 562px;
	left: 323px;
	width: 189px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic02 .text05
{
	position: absolute;
	top: 616px;
	left: 530px;
	width: 301px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic02 .text06
{
	position: absolute;
	top: 952px;
	left: 50px;
	width: 351px;
	color: #333;
}
#pic02 .text07
{
	position: absolute;
	top: 952px;
	left: 460px;
	width: 350px;
	color: #333;
}
#pic03
{
	width: 860px;
	height: 862px;
	background: url(../images/pic03.jpg) no-repeat;
	position: relative;
}
#pic03 .text01
{
	position: absolute;
	top: 95px;
	left: 35px;
	width: 204px;
	color: #333;
}
#pic03 .text02
{
	position: absolute;
	top: 482px;
	left: 35px;
	width: 385px;
	color: #333;
}
#pic03 .text03
{
	position: absolute;
	top: 372px;
	left: 457px;
	width: 92px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic03 .text04
{
	position: absolute;
	top: 688px;
	left: 52px;
	width: 86px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic03 .text05
{
	position: absolute;
	top: 642px;
	left: 699px;
	width: 116px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}

#pic04
{
	width: 860px;
	height: 946px;
	background: url(../images/pic04.jpg) no-repeat;
	position: relative;
}

#pic04 .text01
{
	position: absolute;
	top: 187px;
	left: 233px;
	width: 175px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic04 .text02
{
	position: absolute;
	top: 43px;
	left: 458px;
	width: 101px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic04 .text03
{
	position: absolute;
	top: 349px;
	left: 47px;
	width: 103px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic04 .text04
{
	position: absolute;
	top: 351px;
	left: 686px;
	width: 124px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic04 .text05
{
	position: absolute;
	top: 623px;
	left: 30px;
	width: 289px;
	color: #333;
}

#pic05
{
	width: 860px;
	height: 750px;
	background: url(../images/pic05.jpg) no-repeat;
	position: relative;
}
#pic05 .text01
{
	position: absolute;
	top: 59px;
	left: 32px;
	width: 438px;
	color: #333;
}
#pic05 .text02
{
	position: absolute;
	top: 357px;
	left: 31px;
	width: 276px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic05 .text03
{
	position: absolute;
	top: 222px;
	left: 694px;
	width: 137px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic05 .text04
{
	position: absolute;
	top: 321px;
	left: 678px;
	width: 134px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic05 .text05
{
	position: absolute;
	top: 481px;
	left: 480px;
	width: 333px;
	color: #333;
}


#pic06
{
	width: 860px;
	height: 968px;
	background: url(../images/pic06.jpg) no-repeat;
	position: relative;
}
#pic06 .text01
{
	position: absolute;
	top: 96px;
	left: 683px;
	width: 145px;
}
#pic06 .text02
{
	position: absolute;
	top: 284px;
	left: 46px;
	width: 231px;
	color: #333;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic06 .text03
{
	position: absolute;
	top: 452px;
	left: 51px;
	width: 368px;
	color: #333;
}
#pic06 .text04
{
	position: absolute;
	top: 705px;
	left: 51px;
	width: 250px;
	color: #F33;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic06 .text05
{
	position: absolute;
	top: 625px;
	left: 588px;
	width: 96px;
	color: #F33;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}
#pic06 .text06
{
	position: absolute;
	top: 880px;
	left: 310px;
	width: 217px;
	color: #F33;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
}

#banner
{
	width: 860px;
	height: 134px;
	background: url(../images/footer.jpg) no-repeat;
	position: relative;
}

#banner .official-link a
{
	position: absolute;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	width: 800px;
	height: 100px;
	top: 10xp;
	left: 30px;
}

#bottom
{
	width: 880px;
	height: 50px;
	background: url(../images/bottom.png) no-repeat;
	position: relative;
	margin: 0px auto;
}
#bottom .text01
{
	position: absolute;
	top: 17px;
	left: 0px;
	width: 880px;
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 1px;
	text-align: center;
}


/*フォント*/

.font10
{
	font-size: 10px;
	line-height: 1.5em;
	letter-spacing: 1px;
}


/*フッター*/

#copyright-area
{
	padding: 20px;
	text-align: center;
}

.copyright
{
	margin: 0px auto;
	width:700px;
	text-align:center;
	color:#333333;
}

.footer-area
{
	color: #cccccc;
	padding: 20px 0px;
	background: #fff;
}

/*ソーシャルブックマークアイコン*/

ul.bookmark_button {
	list-style: none;
	clear: both;
}
ul.bookmark_button li {
	float: right;
}
ul.bookmark_button li.continue {
	padding-left: 10px;
}
ul.bookmark_button li.twitter {
}
ul.bookmark_button li.hatena {
	padding-left: 10px;
}
ul.bookmark_button li.facebook {
	padding-left: 10px;
}
ul.bookmark_button li.gplus {
	padding-left: 10px;
}
iframe.twitter-share-button {
width: 105px!important;
}