@charset "utf-8";

/* CSS Document */

/* 共通 
------------------------------------------------------*/
body {font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;}


#wrapper a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

#wrapper a img:hover {
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}


/* a～iボタン */
#q-Box .a {display: block; width: 146px; height: 35px;
				    background: url(../images/btn_question_a.jpg) no-repeat 0 0; cursor:pointer;}
#q-Box .a:hover {background-position: 0 bottom;}
#q-Box .b {display: block; width: 146px; height: 35px;
				    background: url(../images/btn_question_b.jpg) no-repeat 0 0; cursor:pointer;}
#q-Box .b:hover {background-position: 0 bottom;}
#q-Box .c {display: block; width: 146px; height: 35px;
				    background: url(../images/btn_question_c.jpg) no-repeat 0 0; cursor:pointer;}
#q-Box .c:hover {background-position: 0 bottom;} 
#q-Box .d {display: block; width: 146px; height: 35px;
				    background: url(../images/btn_question_d.jpg) no-repeat 0 0; cursor:pointer;}
#q-Box .d:hover {background-position: 0 bottom;}
#q-Box .e {display: block; width: 146px; height: 35px;
				    background: url(../images/btn_question_e.jpg) no-repeat 0 0; cursor:pointer;}
#q-Box .e:hover {background-position: 0 bottom;}
#q-Box .f {display: block; width: 146px; height: 35px;
				    background: url(../images/btn_question_f.jpg) no-repeat 0 0; cursor:pointer;}
#q-Box .f:hover {background-position: 0 bottom;}
#q-Box .g {display: block; width: 146px; height: 35px;
				    background: url(../images/btn_question_g.jpg) no-repeat 0 0; cursor:pointer;}
#q-Box .g:hover {background-position: 0 bottom;}
#q-Box .h {display: block; width: 146px; height: 35px;
				    background: url(../images/btn_question_h.jpg) no-repeat 0 0; cursor:pointer;}
#q-Box .h:hover {background-position: 0 bottom;}
#q-Box .i {display: block; width: 146px; height: 35px;
				    background: url(../images/btn_question_i.jpg) no-repeat 0 0; cursor:pointer;}
#q-Box .i:hover {background-position: 0 bottom;}  



/* メイン
------------------------------------------------------*/
#wrapper {background:url(../images/pokenazo_cnt_bg.jpg) repeat; min-width:1000px;}

#main-Cnt {background:url(../images/pokenazo_main_bg.jpg) repeat-x top right; height:585px;}
#main-Cnt #main-v {background:url(../images/pokenazo_main_img.png) no-repeat top center; height:635px;}
#main-Cnt #main-v p {text-align:center; margin:0 auto;}
#main-Cnt #main-v .cpKikan {position:relative; margin-top:-27px; font-size:0px;}
#main-Cnt #main-v .cpTitle {text-align:center; padding-top:30px;}

#main-Cnt #GaiyoBox {width:890px; margin:0 auto; overflow:auto;}
#main-Cnt #GaiyoBox .cpHead {margin:22px 0 0 19px; vertical-align:top; font-size:0px;}
#main-Cnt #GaiyoBox p {margin-top:21px; margin-left:5px;}


/* 詳細 
------------------------------------------------------*/
#Contents {margin:0 auto; text-align:center;}

/* 参加方法 */
#Contents .head01 {padding:30px 35px 2px 0;}
#Contents .head02 {padding:60px 130px 2px 0;}
#Contents .head03 {padding:60px 80px 2px 0;}
#Contents .ft {font-size:0px;}
#Contents #join-Box {width:975px; margin:0 auto;}
#Contents #join {background:url(../images/pokenazo_join_bgcnt.png) repeat-y;}

#Contents #join #stepBox {width:551px; text-align:left; margin-left:40px; float:left;}
#Contents #join #stepBox .text {margin-bottom:6px;}
#Contents #join #shopBox { font-size:10px; line-height:13px; color:#6b2c31; margin-bottom:10px; margin-top:5px;}
#Contents #join #shopBox p {float:left; margin-right:10px;}
#Contents #join li {float:left;}
#Contents #join .mail {float:left; margin-left:5px;}
#Contents #join .img {font-size:0px;}
#Contents #join .line {padding-bottom:2px;}


/* キーワードを探れ！ */

#keyWord-Head {background:url(../images/pokenazo_key_story_head.png) no-repeat; width:975px; height:54px; margin:0 auto;}
#keyWord {background:url(../images/pokenazo_key_story_body.png) repeat-y; width:975px; height:470px; margin:0 auto; padding-bottom:5px;}
#keyWord .puzzle {padding:0 40px 0 0; float:right;}
#keyWord .story-Box {float:left; padding:0 0 0 40px;}
#keyWord .clearboth {clear: both;}

#question {background:url(../images/pokenazo_key_story_tunagi.png) no-repeat; width:975px; height:696px;
						margin:0 auto; padding-bottom:15px;}
/* クエスチョン */
#q-Img p {display: none;}
#q-Img p:first-child {display: inline;}

#q-Box {width:820px; padding-left:80px; text-align:left; margin-bottom:10px;}
#q-Box #q-Img {margin-bottom:10px; padding-top:130px;}

#q-Box li{display:inline-block; vertical-align:top;
					margin-bottom:10px; margin-left:15px;}
#q-Box li:first-child {margin-left:0px;}
#q-Box .btnposi {float:left; padding-right:10px;}
#q-Box .attxt {font-size:12px; line-height:16px; color:#6b2c31;
						text-align:left;}


/* 注意事項 */
.attention-Box {width:916px; background-color:#FFFFFF; border:solid 2px #ffe840; margin:0 auto;
				padding:20px;}
.att-txtNormal {font-size:14px; line-height:21px; color:#6c2c31; text-align:left;}
.att-txtBold {font-size:18px; font-weight:bold; color:#df2500;
						   text-align:left; margin-bottom:10px;}


/* アイテムラインナップ */
#item .head01 {padding:30px 0 2px 0;}
#item #item-Box {padding-bottom:20px;}
#item #item-Box li {display:inline-block; vertical-align:top;}
#item #item-Box li .item02{margin-left:20px;}
#item #item-Box li .item03{margin-left:20px;}


/* 関連リンク */
#link {padding-top:30px;}
#link .head-img {padding-bottom:20px;}
#link #link-Box ul {padding-bottom:30px; padding-right:30px;}
#link #link-Box li {display:inline-block; vertical-align:top; padding-left:30px;}


/* コピーライト */
.copy{line-height:16px; font-size:11px; color:#4a4949; text-align:center; margin:0 auto; padding-bottom:20px; padding-top:20px;}


/* フッター
------------------------------------------------------*/
#footer-Box {background-color:#FFFFFF;}
#footer-Box .Contents {width:980px; margin:0 auto; padding-top:15px; padding-bottom:25px;}
#footer-Box .Contents .txt {font-size:10px; line-height:14px; text-align:left; color:#666666;}
#footer-Box .Contents .flL {float:left;}
#footer-Box .Contents .flR {float:right;}
#footer-Box .Contents .pa10 {padding-left:10px;}
#footer-Box .Contents .ma10 {margin-left:10px;}



/* 成功おめでとう 
------------------------------------------------------*/
#cn-Box {background:url(../images/pokenazo_key_story_body.png) repeat-y; width:975px; /*height:1850px;*/
						 margin:0 auto; padding-bottom:15px;}
#Contents #cn-Box #cn {margin:0 auto; text-align:center;}
#Contents #cn-Box #cn .pic {padding-bottom:18px;}
#Contents #cn-Box #cn .pic img {margin-top:-20px;}
#Contents #cn-Box #cn .puz {float:left; padding-left:47px;}
/* ツイート背景  */
#Contents #cn-Box #cn .twbg {background:url(../images/pokenazo_cong_bg.png) no-repeat 420px 18px; height:330px;}
#Contents #cn-Box #cn .cntext {padding:123px 25px 10px 0;}
#Contents #cn-Box #cn .twbtn {padding-right:18px;}

#Contents #cn-Box #cn .pre-he {padding:0 0 15px 0;}
#Contents #cn-Box #cn .pre-img {float:left; padding-left: 37px;}
#Contents #cn-Box #cn .pre-line {font-size:0px; padding-top:5px; margin-bottom:5px;}
#Contents #cn-Box #cn .cam-tit {padding-top:30px;}
#Contents #cn-Box #cn .here {margin-bottom:2px; margin-top:-14px; margin-right:124px;}


/* 応募方法 */ 
#Contents #cn-Box #cam-Box {width:856px; margin:0 auto; text-align:left;}
#Contents #cn-Box #cam-Box .mem {padding:14px 0 12px 20px;}
#Contents #cn-Box #cam-Box .mem-te {padding:0 0 0 20px;}

/* PCから */ 
#Contents #cn-Box #cam-Box .bbg {background:url(../images/pokenazo_cong_btnbg.jpg) no-repeat; width:398px; height:102px;
								 margin-left:20px; margin-top:14px; float:left;}
#Contents #cn-Box #cam-Box .bbg .btn {padding:20px 0 0 35px;}
/* その他 */
#Contents #cn-Box #cam-Box .qbg {background:url(../images/pokenazo_cong_qrbg.jpg) no-repeat; width:398px; height:130px;
								 margin-left:445px; margin-top:5px;}								 
#Contents #cn-Box #cam-Box .qbg .text {padding:34px 0 0 20px;}							 
#Contents #cn-Box #cam-Box .mail {padding:3px 0 0 20px;}


/* 注意事項 */
#Contents #cn-Box #cn .cam-tit02 {text-align:center;}
#Contents #cn-Box #cn .att-Box {background:url(../images/pokenazo_cong_cambg.jpg) no-repeat 600px top; height:205px; background-size:contain; margin-bottom:10px;}
#Contents #cn-Box #cn .att-Box p {font-size:12px; line-height:20px; color:#424242; margin:0 0 0 20px;}