@charset "Shift_JIS";

/* ブラウザのスタイルを初期化 ---------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* clearfix---------------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* 全体構造---------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
body {
	background:#000000 url(../img/bg_default.jpg) top center repeat-x;
}
body#special {
	background:#62400D url(../img/special_bg_default.jpg) top center repeat-x;
}


/* コンテンツ部---------------------------------------------------- */
#wrapper {
	background:url(../img/head_bg_default.jpg) top center no-repeat;
	text-align:center;
}
#wrapperBgBtm {
	background:url(../img/bg_bottom.jpg) bottom center repeat-x;
}
body#special #wrapper {
	background:url(../img/special_head_bg_default.jpg) top center no-repeat;
	text-align:center;
}
body#special #wrapperBgBtm {
	background:url(../img/special_bg_bottom.jpg) bottom center repeat-x;
}
#contCenter {
	width:900px;
	margin:0 auto;
	display:table;
}
.contents {
	width:840px;
	padding:0 30px 30px;
	background:#111111;
	display:table;
	text-align:left;
}
body#special .contents {
	width:840px;
	padding:0 30px 30px;
	background:#FFFF99 url(../img/special_contents_bg.jpg) left top repeat-x;
	display:table;
	clear:both;
	text-align:left;
}
.contRead {
	width:840px;
	padding-top:30px;
	display:table;
}
.contRead p.topRead {
	width:580px;
	float:left;
}
.contRead img.topBanner {
	width:240px;
	float:right;
}
.boxDefault {
	width:840px;
	margin:15px auto 0;
	padding:7px;
	border:solid 3px #333;
	background:#EEEEEE url(../img/text_box_bg.jpg) top repeat-x;
	display:table;
}
/* firefox hack */
.boxDefault, x:-moz-any-link, x:default { width:820px; }
/* IE7, IE8 hack */
.boxDefault { width/*\**/:840px\9; }

.boxDefaultTextArea {
	padding:0 15px 15px;
}
.pageup {
	width:915px;
	margin-top:-35px;
	position: absolute;
	text-align:right;
}


/* メインイメージ---------------------------------------------------- */
.mainImage { width:900px; height:182px; clear:both; }
.mainnavi {
	padding:1px 0 0;
}
.mainnavi ul {
	padding:0;
	margin:0;
	position: absolute;
}
.mainnavi ul { margin-left/*\**/:-300px\9; }

.mainnavi ul li {
	float:left;
	padding-right:1px;
}
.mainnavi ul li.btnEnd {
	float:left;
	padding-right:0;
}



/* ヘッダ部---------------------------------------------------- */
.header {}
.header h1,
.header h2,
.header p {
	padding:15px 0;
	float:left;
}

/* フッタ部---------------------------------------------------- */
.footer {
	height:50px;
	width:100%;
	text-align:center;
	display:table;
}
.footer .copy {
	padding:15px 0 10px;
	color:#444444;
}
body#special .footer .copy {
	padding:15px 0 10px;
	color:#FFFF99;
}


/* テキスト---------------------------------------------------- */
.textb { font-weight: bold; }

.textS { font-size: 11px; line-height: 16px; }
.textM { font-size: 12px; line-height: 20px; }
.textL { font-size: 14px; line-height: 24px; }
.textLB { font-size: 14px; line-height: 24px; font-weight:bold; }
.textLL { font-size: 16px; line-height: 26px; }
.textLLB { font-size: 16px; line-height: 26px; font-weight:bold; }

.textWhite { color:#FFFFFF; }


/* リンク---------------------------------------------------- */
a { color: #ff3300; }
a:link, a:visited { text-decoration: underline;}
a:active, a:hover { text-decoration: none;}



/* トップページ---------------------------------------------------- */

#sidebar {
	width: 940px;
	height:84px;
	margin-left:-50px;
	background:url(../img/top_scrollmenu_bg.jpg) left top no-repeat;
	position: absolute;
}

#sidebar ul {
	margin:43px 0 0 20px;
}
#sidebar ul li {
	padding-right:1px;
	display:inline;
	float:left;
}

.keywordArea {
	padding-top:35px;
}
.keywordLinkPositoin {
	margin-top:-90px;
	height:90px;
}
.keyWoadTextLeft {
	width:485px;
	float:left;
}
.keyWoadTextRight {
	width:485px;
	float:right;
}
.keyWoadPhotoLeft {
	width:320px;
	float:left;
}
.keyWoadPhotoRight {
	width:320px;
	float:right;
}
.keyWoadText {
	padding:15px 0 0 15px;
}

.boxTopProduct {
	margin-top:50px;
}

.topProductSub {
	padding-top:25px;
	clear:both;
}
.topProductPhoto01 {
	width:222px;
	margin-top:20px;
	float:left;
}
.topProductTextArea01 {
	width:568px;
	margin-top:10px;
	float:left;
}
.topProductTextArea01 dt {
	width:110px;
	margin-top:10px;
	clear:both;
	float:left;
}
.topProductTextArea01 dd {
	width:448px;
	margin-top:10px;
	padding-left:10px;
	float:left;
}
.topProductPhoto02 {
	width:320px;
	margin-top:20px;
	padding-left:20px;
	float:right;
}
.topProductTextArea02 {
	width:450px;
	margin-top:10px;
	float:left;
}
.topProductTextArea02 dt {
	width:110px;
	margin-top:10px;
	clear:both;
	float:left;
}
.topProductTextArea02 dd {
	width:330px;
	margin-top:10px;
	padding-left:10px;
	float:left;
}
p.topProductSub03 {
	width:450px;
	padding:10px 0;
	float:left;
}
ul.topProductTextArea03 {}
ul.topProductTextArea03 li {
	padding-top:5px;
	text-indent:-1.35em;
	margin-left:1.35em;
}
.topProductNote {
	width:790px;
	margin-top:50px;
	background-color:#CCC;
	clear:both;
}
.topProductNoteTop {
	background:url(../img/top_note_box_head.gif) top no-repeat;
}
.topProductNoteBtm {
	background:url(../img/top_note_box_bottom.gif) bottom no-repeat;
	padding:15px;
}
.topProductNote ul li {
	margin:5px 0 0 1em;
	text-indent:-1em;
}
.topPrductCopy {
	width:840px;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
	color:#999;
	background-color:#333;
}
ul.topLink {
	margin-top:15px;
}
ul.topLink li {
	margin-top:5px;
}
ul.topLink li.option {
	margin-top:15px;
	padding-top:15px;
	border-top:solid 1px #CCC;
}



/* 歴史---------------------------------------------------- */

.boxHistoryTop {
	width:840px;
	margin:40px auto 0;
	padding:7px 0;
	border:solid 3px #333;
	background:#EEEEEE url(../img/text_box_bg.jpg) top repeat-x;
	display:table;
}
.boxHistory {
	width:840px;
	margin:15px auto 0;
	padding:7px 0;
	border:solid 3px #333;
	background:#EEEEEE url(../img/text_box_bg.jpg) top repeat-x;
	display:table;
}
.boxHistoryTop {
	width:840px;
}
.boxHistory {
	width:840px;
}


/* firefox hack */
div.boxHistoryTop,  x:-moz-any-link { width:830px; }
div.boxHistory,  x:-moz-any-link { width:830px; }
/* IE7, IE8 hack */
div.boxHistoryTop { width/*\**/:840px\9; }
div.boxHistory { width/*\**/:840px\9; }










.boxDefaultTextArea {
	padding:0 0 15px 18px;
}
.boxHistoryTop h3,
.boxHistory h3 {
	margin-left:7px;
}
.historyPhotoLeft {
	width:232px;
	margin-top:25px;
	float:left;
}
.historyPhotoRight {
	width:219px;
	margin-top:25px;
	padding-right:7px;
	float:right;
}
.historyTextRight {
	width:575px;
	margin-top:25px;
	float:left;
}
.historyTextLeft {
	width:576px;
	margin-top:25px;
	float:left;
}
.historyText {
	margin-top:10px;
}
ul.historyPhotos {
	margin-top:25px;
}
ul.historyPhotos li {
	width:112px;
	padding-right:3px;
	float:left;
}



/* おまけ---------------------------------------------------- */
.specialPagelink {
	width:840px;
	padding:0;
	margin:25px -1px 0;
}
.specialPagelink .best10 {
	width:421px;
	float:left;
}
.specialPagelink .timeattack {
	width:419px;
	float:left;
}
p.special_title01 {
	margin:25px -2px 0 -2px;
	}
p.special_read {
	margin-top:10px;
	}

div.best1 {
	margin-top:25px;
}
div.best1box {
	width:840px;
	border:solid 3px #F60;
	padding:30px;
	display:table;
	background-color:#FFF;
}
div.best2box {
	width:840px;
	border:solid 3px #608B9F;
	padding:30px;
	display:table;
	background-color:#FFF;
}

/* firefox hack */
div.best1box,  x:-moz-any-link { width:774px; }
div.best2box,  x:-moz-any-link { width:774px; }
/* IE7, IE8 hack */
div.best1box { width/*\**/:840px\9; }
div.best2box { width/*\**/:840px\9; }





div.best1box .photo01,
div.best2box .photo01,
div.best3box .photo01,
div.best4box .photo01{
	float:left;
}
div.best1box .photo02,
div.best2box .photo02,
div.best3box .photo02,
div.best4box .photo02{
	float:right;
}
p.best8photo img {
	float:left;
	margin-right:1px;
}

div.best1read {
	clear:both;
}
div.best1read p.best1sub {
	padding:10px 0;
	clear:both;
}
div.rankingSet {
	width:840px;
	display:table;
}
.rankingLeft {
	width:410px;
	padding-top:15px;
	float:left;
}
.rankingright {
	width:410px;
	padding-top:15px;
	float:right;
}
div.best3box {
	width:410px;
	border:solid 3px #A34329;
	padding:20px 12px;
	display:table;
	background-color:#FFF;
}
div.best4box {
	width:410px;
	border:solid 3px #82938E;
	padding:20px 12px;
	display:table;
	background-color:#FFF;
}

/* firefox hack */
div.best3box,  x:-moz-any-link { width:380px; }
div.best4box,  x:-moz-any-link { width:380px; }
/* IE7, IE8 hack */
div.best3box { width/*\**/:410px\9; }
div.best4box { width/*\**/:410px\9; }

div.timeattackArea {
	margin-top:65px;
}

div.challengeArea {
	margin-top:35px;
	width:840px;
	display:table;
}
div.challengeBox {
	border:solid 3px #FFCC33;
	background: #FFF url(../img/special_text_box_bg.jpg) left top repeat-x;
	padding:7px 7px 22px;
	display:table;
}
div.regulationArea {
	width:790px;
	margin:25px 15px;
	padding:5px 0 10px;
	background-color:#FFE599;
}
div.regulationArea dl {
	margin:0 15px;
	display:table;
}
div.regulationArea dl dt {
	width:110px;
	margin-top:10px;
	display:block;
	float:left;
}
div.regulationArea dl dd {
	width:260px;
	padding-left:10px;
	margin-top:10px;
	display:block;
	float:left;
}
p.bombMachineTitle {
	margin:45px 15px 0;
}
div.bombMachineArea {
	margin:15px 15px 0;
}
div.bombMachineArea .bombMachinePhoto {
	width:260px;
	float:left;
}
div.bombMachineArea .bombMachineInfo {
	width:510px;
	float:right;
}
div.bombMachineArea .bombMachineInfo dl {
	display:block;
}
div.bombMachineArea .bombMachineInfo dl dt {
	width:120px;
	padding-bottom:5px;
	float:left;
}
div.bombMachineArea .bombMachineInfo dl dt.clear {
	width:90px;
	clear:both;	
	float:left;
}
div.bombMachineArea .bombMachineInfo dl dd {
	width:140px;
	padding-left:10px;
	padding-bottom:5px;
	float:left;
}
.bombMachineText {
	padding-top:5px;
	clear:both;
}

div.presentBox {
	margin:15px 15px 0;
}
div.specialApplyArea {
	width:790px;
	display:table;
	clear:both;
}
div.specialApplyBox {
	width:570px;
	height:274px;
	float:left;
	background:#FFE599 url(../img/special_apply_bottom.gif) bottom left no-repeat;
}

.specialApplyPhoto {
	width:280px;
	margin-top:10px;
	float:left;
}
.specialApplyRead {
	width:490px;
	margin-top:10px;
	float:right;
}

.specialApplySub {
	padding-bottom:30px;
}
p.applyMail {
	padding-left:60px;
	float:left;
}
p.applyQR {
	padding-left:95px;
	float:left;
}

div.specialPresent {
	width:220px;
	float:right;
}