@charset "Shift_JIS";

/* ------------------------------------------------------------------------
　全体のレイアウト
------------------------------------------------------------------------ */
#suntory_contents{
	width: 100%;
	text-align: center;
	background: url(img/bg.gif) 0 0 repeat;
	padding-bottom: 30px;
}

#sportsCommonNavi{
	background-color:#000000;
	width:100%;
	height:24px;
}

#sportsLogo{
	width:888px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	height:24px;
}

#container{
	width:890px;
	text-align:left;
	margin:0 auto;
	background: #FFF;
	padding: 30px 0 20px;
	color: #00285C;
}

#container h3.title{
	margin: 0px 0px 5px;
	border-left: 6px solid #01255F;
	padding-left: 10px;
}

/*#container .waku{
	background: #FFF;
	margin: 0;
	width: 890px;
	padding: 30px 0 20px;
}*/

#contents{
	margin:0 65px;
}

/*入力フォームテーブル*/
/*アンケートテーブル*/
/*かんたん応募利用テーブル*/
/*会員登録情報変更テーブル*/
#quiz_area table,
#form_area table,
#enquete table,
#kantanriyou table,
#datahenko table{
	width:760px;
}

/* ------------------------------------------------------------------------
　応募要項
------------------------------------------------------------------------ */
/*説明部分全体のスタイル*/
#notes{
	margin:0 0 2em 1em;
	padding:0;
	font-size:80%;
	line-height: 140%;
}

#notes h4{
	font-size:100%;
	font-weight:bold;
	margin:1em 0 0 -1em;
	padding:0;
	color: #ff8400;
}

#notes h5{
	font-size:100%;
	font-weight:bold;
	margin:0.3em 0 0 0;
	padding:0;
}

/*説明部分p要素のスタイル*/
#notes p.list{
	padding:0;
	margin:0;
}

#notes p.kome{
	text-indent:-1em;
	padding:0;
	margin:0 0 0 1em;
}

/*宛先部分p要素のスタイル*/
#notes p.add1{
	padding:0;
	margin:0.7em 0 0 1em;
}

#notes p.add2{
	padding:0;
	margin:0 0 0.7em 1em;
}

/* ------------------------------------------------------------------------
　応募フォーム
------------------------------------------------------------------------ */
/* 枠、背景色
---------------------------------------------------- */
#quiz_area table th,
#quiz_area table td,
#form_area table th,
#form_area table td,
#enquete table th,
#enquete table td{
	border:1px solid #00A7CB;
}

#form_area table th,
#enquete table th{
	background-color:#E6F4F9;
}

#form_area table th.tl{
	background-color:#00A7CB;
	font-weight: bold;
	color: #FFF;
}

/*かんたん応募テーブル*/
#kantan{
	border-top: 1px solid #00A7CB;
	border-right: 1px solid #00A7CB;
	border-bottom: none;
	border-left: 1px solid #00A7CB;
	background: #E6F4F9;
}

/*応募フォーム見出し*/
/*アンケート見出し*/
#enquete .caution{
	color: #5f5f5f;
}

/* 余白
---------------------------------------------------- */
/*入力フォームテーブル*/
#form_area{
	padding:0 0 20px;
}

/*アンケートテーブル*/
#enquete table{
	margin: 0px;
}

/* メルマガパーミッション
---------------------------------------------------- */
#form_area table td .mailmag_r{
	float:left;
	width:420px;
	padding:0 0 0 20px;
}

/* ------------------------------------------------------------------------
　確認画面
------------------------------------------------------------------------ */
#formkakunin{
	margin-bottom: 20px;
}

/* ボタン位置調整
---------------------------------------------------- */
#submit_box2{
	text-align:left;
	padding:20px 100px;
}

/* ------------------------------------------------------------------------
　完了/期間外/エラー
------------------------------------------------------------------------ */
/*サンクス画面説明*/
#formthanks{
	text-align:center;
	padding:10px 0;
}

#formthanks h3{
	line-height: 140%;
	color:#003366;
	font-size:90%;
}

#formthanks p.lead{
	margin-top: 1em;
}


/* ------------------------------------------------------------------------
　リンクカラー
------------------------------------------------------------------------ */
#suntory_contents a {/* リンクテキストの設定 */
text-decoration:underline;
}

#suntory_contents a:link,
#suntory_contents a:visited {
color:#43ABC9;
text-decoration:underline;
}

#suntory_contents a:hover,
#suntory_contents a:active {
color:#43ABC9;
text-decoration:none;
}

/* ------------------------------------------------------------------------
　CP共通ヘッダー・ナビ
------------------------------------------------------------------------ */
/* ヘッダー */

#top_header{
	padding: 20px 0 0 0;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	background: url(img/top_header_bg2.gif) center top no-repeat;
}

#top_main{
	width: 890px;
	margin: 0 auto;
	text-align: left;
	background: url(img/top_visual2.jpg) 0 0 no-repeat;
}

#top_maincontents{
	width: 890px;
	height: 220px;
	position: relative;
}

#top_maincontents h1{
	display: block;
	width: 501px;
	height: 47px;
	position: absolute;
	top: 219px;
	left: 153px;
}

#top_maincontents .vs{
	display: block;
	width: 286px;
	height: 80px;
	position: absolute;
	top: 154px;
	left: 251px;
}

#top_maincontents .sub{
	display: block;
	width: 402px;
	height: 21px;
	position: absolute;
	top: 254px;
	left: 261px;
}

#top_maincontents .present{
	display: block;
	width: 189px;
	height: 83px;
	position: absolute;
	top: 23px;
	left: 704px;
}

#top_maincontents .ippan{
	display: block;
	width: 179px;
	height: 66px;
	position: absolute;
	top: 118px;
	left: 700px;
}

#top_maincontents .kids{
	display: block;
	width: 179px;
	height: 66px;
	position: absolute;
	top: 192px;
	left: 700px;
}

/* ナビ */

#top_nav{
	width: 890px;
	height: 186px;
}

#top_nav h2{
	width: 219px;
	float: left;
}

#top_nav ul{
	width: 669px;
	float: right;
	margin-top: 89px;
}

#top_nav ul li{
	float: left;
	position: relative;
}

#top_nav ul li .comment{
	position: absolute;
	left: 93px;
	top: 58px;
	z-index: 100;
}

/* Clearfix */
.Clearfix:after {
height:0;
content: "";
clear: both;
display: block;
visibility: hidden;
}
* html .Clearfix {
zoom:1;
}