@charset "UTF-8";

/* CSS Document */
/*================

Information
css スーパーアクションオンライン ランディングページ ver.1
	ベーススタイル
Site URL:	
File type:	css
File name:	base.css
Summary:	
Create:		2010.05

================*/


/*==================================================*//*==================================================*//*==================================================*/
/* 文書基本要素設定 */
/* -------------------------------------------------*/
/* body要素 */
body {
	margin: 0;			/* win IE 6 用（ユニバーサルセレクタでは効かない為）*/
	padding: 0;			/* win IE 6 用（ユニバーサルセレクタでは効かない為）*/
	color: #ffffff;		/* mac safari用 */
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	background-image: url("");
	background-position: center;
	background-repeat: no-repeat;
	background-color: #001540;
}

/* -------------------------------------------------*/
/* リンク設定*/
/*a{color: #FFEE33; text-decoration: none;}*/
a:link {color: #1AD9FF; text-decoration: none;}
a:visited {color: #3377FF; text-decoration: none;}
a:hover {color: #3377FF; text-decoration: none;}
a:active {color: #1AD9FF; text-decoration: none;}

/* -------------------------------------------------*/
/* 基本テキスト設定*/
.text-lead {font-size: 14px;}		/* テキスト：リード文*/
.text-lead-mid {font-size: 14px; font-weight: bold;}	/*テキスト：リード文－見出し*/

.text-body {font-size: 12px; line-height:}		/* ボディーテキスト*/
.text-body-mid {font-size: 12px; font-weight: bold; line-height:}	/* ボディーテキスト：見出し*/

.text-caption{font-size: 10px;}		/* キャプション*/
.text-caption-mid {font-size: 10px; font-weight: bold;}	/* キャプション：見出し*/

strong {color:#1AD9FF; font-weight:bold; font-size:1em;}	/*強調*/



/* -------------------------------------------------*/
/* 絶対的な位置配置でオフレフト非表示 */
.offleft {position: absolute; top: 0; left: -999px;}


p {text-align: left;}



/*==================================================*//*==================================================*//*==================================================*/
/* コンテンツ部分 */
/* -------------------------------------------------*/
/* 全体のコンテナ*/
#container {
	padding: 0px;
	width: 100%;
	margin: 0px auto;
	background-image: url("../images/welcome_1/container-bg.gif");
	background-position: top center;
	background-repeat: repeat-x;
}


/* -------------------------------------------------*/
/* -- ヘッダー -- */
#header {
	margin: 0 auto;
	padding: 0;
	height: 600px;
	width: 100%;
	background-image: url("../images/welcome_1/header-bg.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}

#header h1 {
	visibility: hidden;
	position: absolute;
	top: -1000px;
}

#header-flash {
	margin: 0 auto;
	width: 1000px;
}




/*==================================================*//*==================================================*/
/* -------------------------------------------------*/
/* -- wrapper:ニュース -- */
#wrapper-news {
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url("../images/welcome_1/news-bg.jpg");
	background-repeat: repeat-x;
	background-position: center top;
}

#wrapper-news h2 {
	margin: 0 auto;
	padding: 0;
	background-color: #0081A;
}

#news-body {
	font-size: 16px;
	font-weight: 1.2em;
	line-height: 1.1em;
	margin: 0 auto;
	padding: 20px 0px 30px 0px;
	width: 1000px;
	background-image: url("../images/welcome_1/news-bg_body.jpg");
	background-repeat: repeat-x;
	background-position: center -100px;
	background-color: #002266;
}
#news-body dl {
	padding: 0 280px 20px 280px;
	text-align: left;
}
#news-body dt {
	text-align: center;
	padding: 0 0 0.6em 0;
	color:#1AD9FF;
	font-weight:bold;
	font-size:1.6em;
}
#news-body dd {
	margin: 0;
	padding: 0;
}
#news-body p {
	font-size: 1.2em;
	text-indent: -1em;
	padding: 0.4em 0 0 1em;
}
#news-body .note {
	padding: 1em 0 0 0;
	text-indent: 0;
}

/* -- ニュース:告知 -- */
#news-announcement {
	width: 100%;
	padding: 0 auto 10px auto;
	margin: 0 auto;
	background-image: url("../images/welcome_1/news-btn-bg.gif");
/*	background-repeat: repeat-x;
*/
}
#news-announcement:after {
	content: "";
	display: block;
	visibility: hidden;
	padding: 5px 0 0 0;
}

/* -- ボタン_news部分 -- */
#news-btn {
	width: 100%;
	height: 52px;
	margin: 0 auto 0 auto;
	padding: 9px 0;
	display: block;
	background-image: url("../images/welcome_1/news-btn-campain_1-bg.gif");
	background-repeat: repeat-x;
	text-indent: -10000px;
	overflow: hidden;
}
/* -- ボタン_news部分：今すぐアクセス！ -- */
a:link.news-btn-campain_1 {
	width: 350px;
	height: 52px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_news-campain_1.jpg");
	background-position: 0 0;
	text-indent: -10000px;
	overflow: hidden;
}
a:visited.news-btn-campain_1 {
	width: 350px;
	height: 52px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_news-campain_1.jpg");
	background-position: 0 0;
	text-indent: -10000px;
	overflow: hidden;
}
a:hover.news-btn-campain_1 {
	width: 350px;
	height: 52px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_news-campain_1.jpg");
	background-position: 0 52px;
	text-indent: -10000px;
	overflow: hidden;
}


/* -- ボタン_news部分：今すぐプレイ！！ -- */
#news-btn_1-2 {
	width: 350px;
	height: 60px;
	margin: 0 auto 0 auto;
	padding: 10px 0;
	display: block;
	background-color: #00081A;
	background-image: url("../images/welcome_1/news-btn-campain_1-bg.gif");
	background-repeat: repeat-x;
	text-indent: -10000px;
	overflow: hidden;
/*border: solid #ff0000 1px;
*/
}
a:link.btn_btn-campain_1-2 {
	width: 350px;
	height: 60px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_news-campain_1-2.jpg");
	background-position: 0 0;
	text-indent: -10000px;
	overflow: hidden;
}
a:visited.btn_btn-campain_1-2 {
	width: 350px;
	height: 60px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_news-campain_1-2.jpg");
	background-position: 0 0;
	text-indent: -10000px;
	overflow: hidden;
}
a:hover.btn_btn-campain_1-2 {
	width: 350px;
	height: 60px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_news-campain_1-2.jpg");
	background-position: 0 60px;
	text-indent: -10000px;
	overflow: hidden;
}


/* -- ボタン_news部分：今すぐチェック！！ -- */
#news-btn_1-check {
	width: 350px;
	height: 60px;
	margin: 0 auto 0 auto;
	padding: 10px 0 3px 0;
	display: block;
	background-color: #00081A;
	background-image: url("../images/welcome_1/news-btn-campain_1-bg.gif");
	background-repeat: repeat-x;
	text-indent: -10000px;
	overflow: hidden;
/*border: solid #ff0000 1px;
*/
}
a:link.btn_news-campain_1-check {
	width: 350px;
	height: 60px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_news-campain_check.jpg");
	background-position: 0 0;
	text-indent: -10000px;
	overflow: hidden;
}
a:visited.btn_news-campain_1-check {
	width: 350px;
	height: 60px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_news-campain_check.jpg");
	background-position: 0 0;
	text-indent: -10000px;
	overflow: hidden;
}
a:hover.btn_news-campain_1-check {
	width: 350px;
	height: 60px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_news-campain_check.jpg");
	background-position: 0 60px;
	text-indent: -10000px;
	overflow: hidden;
}





/* -- ボタン：オフィシャルサイトへGO!! -- */
#news-btn_officialsite {
	width: 100%;
	height: 80px;
	margin: 0 auto 0 auto;
	padding: 20px 0;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}
a:link.news-btn_officialsite {
	width: 400px;
	height: 80px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_go_fficialsite.jpg");
	background-position: 0 0;
	text-indent: -10000px;
	overflow: hidden;
}
a:visited.news-btn_officialsite {
	width: 400px;
	height: 80px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_go_fficialsite.jpg");
	background-position: 0 0;
	text-indent: -10000px;
	overflow: hidden;
}
a:hover.news-btn_officialsite {
	width: 400px;
	height: 80px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_go_fficialsite.jpg");
	background-position: 0 80px;
	text-indent: -10000px;
	overflow: hidden;
}

/* -- ボタン：オフィシャルサイトへGO!!_2[青] -- */
#news-btn_officialsite-2 {
	width: 100%;
	height: 52px;
	margin: 0 auto 0 auto;
	padding: 5px 0;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}
a:link.news-btn_officialsite-2 {
	width: 350px;
	height: 52px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_go_fficialsite-2.jpg");
	background-position: 0 0;
	text-indent: -10000px;
	overflow: hidden;
}
a:visited.news-btn_officialsite-2 {
	width: 350px;
	height: 52px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_go_fficialsite-2.jpg");
	background-position: 0 0;
	text-indent: -10000px;
	overflow: hidden;
}
a:hover.news-btn_officialsite-2 {
	width: 350px;
	height: 52px;
	display: block;
	margin: 0 auto 0 auto;
	background-image: url("../images/welcome_1/btn_go_fficialsite-2.jpg");
	background-position: 0 52px;
	text-indent: -10000px;
	overflow: hidden;
}






/*==================================================*//*==================================================*/
/* -------------------------------------------------*/
/* -- wrapper:スーパーアクションオンラインの3つの特徴 -- */
#wrapper-about {
	margin: 0 auto;
	padding: 0 0 50px 0;
	width: 1000px;
	background-color: #002266;
	background-image: url("../images/welcome_1/about-bg.jpg");
	background-position: center 0;
	background-repeat: no-repeat;
}

/* -- 特徴説明Box包括 -- */
#wrapper-about-conts {
	margin: 0 0 0 30px;
	padding: 0;
	width: 960px;
/*border: #00ff00 solid 1px;
*/
}
#wrapper-about-conts:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}

/* -- 特徴説明Box -- */
#about-cont-box {
	margin: 0;
	padding: 0 20px 0 0;
	width: 300px;
	float: left;
}

#about-cont-box p {
	margin: 0;
	padding: 10px 2px 0 10px;
	width: 288px;
	float: left;
	font-size: 1.2em;
}



/*==================================================*//*==================================================*/
/* -------------------------------------------------*/
/* -- wrapper:スクリーンショット -- */
#wrapper-ss {
	margin: 0 auto;
	padding: 0 0 50px 0;
	width: 1000px;
	background-color: #002266;
	background-image: url("../images/welcome_1/ss-bg.jpg");
	background-position: center 0;
	background-repeat: no-repeat;
}

#wrapper-ss h2 {
	margin: 0;
	padding: 0;
}

/* -- スクリーンショット：サムネイル -- */
#ss-thumbnail {
	margin: 10px 0 30px 30px;
	width: 952px;
}
#ss-thumbnail:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}


#ss-thumbnail img {
	float: left;
	padding: 0 12px 10px 0;
	display: block;
}




/*==================================================*//*==================================================*/
/* -------------------------------------------------*/
/* -- wrapper:フッター -- */
#wrapper-footer {
	margin: 0 auto;
	padding: 20px 0 40px 0;
	background-color: #00081A;
}
#wrapper-footer:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}

#wrapper-footer ul {
	margin: 0 auto;
	padding: 0 0 25px 0;
	width: 940px;
	list-style-type: none;
}

#wrapper-footer li {
	display: inline;
}


/* -- コピーライト表記 -- */
#copyright {
	margin: 0 auto;
	padding: 0 30px 0 30px;
	width: 940px;
	text-align: left;
}
#copyright:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}


#copyright img {
	padding: 0 35px 0 0;
	display: block;
	float: left;
}

#copyright p {
	padding: 0 0 0 5px;
	color: #CCCCCC;
}