@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
}
body{color:#474747;font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size:13px; line-height:1}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td,p{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
/* end clearfix */


/*==================================
cmn
==================================*/

/*-------other-------*/
a img {opacity: 1;}
a:hover img {opacity: 0.3;t}
a { color: #373737; text-decoration: none; }
a:visited { color: #373737; text-decoration: none; }
a:hover { color: #373737; text-decoration: none; }
body { min-width: 980px; background:#000 ; min-height: 1000px;}

/*-------header-------*/
#header a img {opacity: 1;transition: all 0.5s ease-out 0s;}
#header a:hover img {opacity: 0.3;transition: all 0.2s ease-out 0s;}
#header a { color: #373737; text-decoration: none; }
#header { background: url(../../images/pc/bg_hd.gif) 0 0 repeat-x; height: 86px; position:relative ;z-index:500}
#header_inner { position: relative; width: 980px; margin: 0 auto; }
#header h1 { top: 10px; left: -5px; position: absolute; }
#header #headertxt { top: 25px; left: 95px; position: absolute; }
#header ul { top: 25px; left: 313px; position: absolute; }
#header li { float: left; overflow: hidden; }
#header li a { display: block; overflow: hidden; text-indent: 104%; white-space: nowrap; height: 61px; }
#header li:nth-child(1) { background: url(../../images/pc/gnav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/gnav.gif) 0 -61px no-repeat }
#header li:nth-child(2) { background: url(../../images/pc/gnav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/gnav.gif) -133px -61px no-repeat }
#header li:nth-child(3) { background: url(../../images/pc/gnav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/gnav.gif) -266px -61px no-repeat }
#header li:nth-child(4) { background: url(../../images/pc/gnav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/gnav.gif) -399px -61px no-repeat }
#header li:nth-child(5) { background: url(../../images/pc/gnav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/gnav.gif) -532px -61px no-repeat }
/*-------footer-------*/
#footer{ width:100%; background:#000; position:relative; z-index:9000; border-top:solid 1px #5b5b5b; min-height:100px; color:#fff}
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position:relative; z-index:9999}
#footer img { padding-right: 8px; float: left; }
#footer  p#copyright{ font-size:10px; color:#fff;font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif;position:absolute; top:20px; right:0px ;}
#footer  #sns{   position:absolute; top:20px; right:-46px}

/*==================================
top
==================================*/
#container { background: #eeeeee; }
#wrap { width: 980px; margin: 0 auto; }

/*-------sidebar-------*/
#sidebar { width: 198px; float: left; padding-bottom: 80px; }
#sidebar #nav { font-size: 16px; }
/*フォトコンテスト用*/
body.photocontest #sidebar #nav dt { padding: 8px 0 6px 54px; font-size: 14px; background: url(../../images/pc/sidebar_ico_photocontest.png) #ffa92f 8px 4px no-repeat; border-top: 5px solid #ffcd86; border-bottom: 5px solid #ffcd86; line-height: 1.1; font-weight: bold; color: #FFFFFF; }
/*ツイートキャンペーン用*/
body.tweetcontest #sidebar #nav dt { padding: 8px 0 6px 54px; font-size: 14px; background: url(../../images/pc/sidebar_ico_tweetcontest.png) #3cbbe7 8px 4px no-repeat;border-top: 5px solid #88defc; border-bottom: 5px solid #88defc; line-height: 1.1; font-weight: bold; color: #FFFFFF; }
#sidebar #nav li a { background: url(../../images/pc/sidebar_ico.png) white 12px 16px no-repeat; padding: 17px 0 0 34px; display: block; margin-bottom: 2px; height: 29px; color: #000000; }
#sidebar #nav li a:hover { background: url(../../images/pc/sidebar_ico.png) #ffed71 12px 16px no-repeat; }
#sidebar .info_contest { background: #fff; margin-bottom: 2px; }
#sidebar .info_contest dt { background: url(../../images/pc/sidebar_ico_campaign.png) 8px 12px no-repeat; padding: 15px 0 0 24px; display: block; margin-bottom: 2px; height: 20px; color: #000000;clear:both }
#sidebar .info_contest dd li { width: 186px; margin: 0 auto 2px; }
#sidebar .info_contest dd li img { width: 186px; }
#sidebar .info_contest dd p a { background: url(../../images/pc/ico_link.gif) 0 5px no-repeat; float: right; padding: 6px 6px 12px 18px; font-size: 12px; }
#sidebar .info_contest dd p a:hover { text-decoration: underline; }

/*-------contents-------*/
#contents { width: 752px; float: right; font-size: 16px; }
#contents #info { background: url(../../images/pc/info_bg.png) 0 0 no-repeat; height: 56px; margin: 26px 0 6px; color: #FFFFFF; }
#contents #sns{ margin:0 auto 10px; width:260px;}
#info p { width: 190px; text-align: center; padding: 8px 0; float: left; }
#info .ticker { float: right; padding: 12px 10px 0; width: 540px; text-align: left; position: relative; overflow: hidden; }
#info .ticker a { color: #FFFFFF; }
#info .ticker ul { width: 100%; position: relative; }
#info .ticker ul li { width: 100%; display: none; }
#contents h3 { margin-bottom: 14px; }
#contents h3 .txt_close{ padding-top:12px; text-align:center; font-size:18px}
#contents #wrap_contest { margin-bottom: 50px; background: url(../../images/pc/contents_bg_btm.gif) white center bottom no-repeat; padding-bottom: 26px; }
#wrap_contest:before { background: url(../../images/pc/contents_bg_top.gif) center top no-repeat; content: " "; display: block; height: 26px; }
#contents h4 { background: url(../../images/pc/tit_bg.gif) 0 0 no-repeat; padding: 8px 10px 8px; height: 18px; margin-bottom: 20px; color: #FFFFFF; font-size: 20px; }
#contents p { line-height: 1.5; }
#contents .txt_caution { font-size: 13px; line-height: 1.4; text-indent: -1em; padding-left: 1em; padding-top: 20px; display: block; }
#contents .txt_close { color:#FF4C6C;padding-bottom:8px; display:block}

/*-------result-------*/
#contents #result{ margin-bottom: 20px; background: url(../../images/pc/contents_bg_btm.gif) white center bottom no-repeat; padding-bottom: 26px;  }
#contents #result:before { background: url(../../images/pc/contents_bg_top.gif) center top no-repeat; content: " "; display: block; height: 26px; }
#contents #result_area{ height:500px; width: 708px; margin: 0 auto; background:url(../../../images/pc/bg_result01.gif) center top no-repeat #FFFFFF; position:relative; z-index:1;}
#contents #result h5{ text-align:center}
#contents p.result_txt_first{ display:block; width: 708px; margin: auto 0; padding:25px 0 0 0;}
#contents p#result_img{ display:block; width:560px; height:345px; position:absolute; bottom:-65px; left:70px; z-index:2}
#contents p#result_img_02{ display:block; text-align:center;}

#contents p.result_txt_info{ display:block; font-size:35px; color:#fd6681; text-align:center; padding:0px 0 0 0; font-weight:bold;}
#contents p.result_txt_info span{ width:45px; height:40px; margin:5px;}
#contents p.result_txt{ display:block; text-align:center; padding:0 0 20px 0;}
#contents p.result_line{ display:block; text-align:center; padding:20px 0 40px 0;}

#contents #result_present li{ width:330px; float:left; display: block; position:relative; padding-top:10px}
#contents #result_present li.left{ margin:0px 25px 0 0px;}
#contents #result_present .list_even{ margin-right:0}

#contents #result_present_02 li{ width:218px; float:left; display: block; position:relative; padding-top:10px}
#contents #result_present_02 li.left{ margin:0px 15px 0 0px;}
#contents #result_present_02 .list_even{ margin-right:0}
#contents #result_present_02 .result_txt_info{ display:block; font-size:30px; color:#fd6681; text-align:center; padding:0px 0 0 0; font-weight:bold;}
#contents #result_present_02 .result_txt_info span{ width:35px; height:38px; margin:5px;}
#contents #result_area_2{ height:auto; width:698px; background:url(../../../images/pc/bg_result02.gif) center top no-repeat; margin:0 auto; padding:65px 0 0 10px;}

/*-------gallery-------*/
#contents #gallery{ margin-bottom: 20px; background: url(../../images/pc/contents_bg_btm.gif) white center bottom no-repeat; padding-bottom: 26px;  }
#contents #gallery:before { background: url(../../images/pc/contents_bg_top.gif) center top no-repeat; content: " "; display: block; height: 26px; }
#contents #gallery h5{ text-align:center}


/*-------contest_products-------*/
#contents #contest_products{ margin-bottom: 20px; background: url(../../images/pc/contents_bg_btm.gif) white center bottom no-repeat; padding-bottom: 26px;  }
#contents #contest_products:before { background: url(../../images/pc/contents_bg_top.gif) center top no-repeat; content: " "; display: block; height: 26px; }
#contents #contest_products h4{ color: #FD6C87; font-size:21px; border-bottom:1px dashed #8d8d8d
; width: 708px; margin: 0 auto 20px; padding:0 0 8px; background:none}
#contents #contest_products ul { width: 708px; margin: 0 auto; }
#contents #contest_products ul li{ margin:0 0 0 0; float:left; width:350px}
#contents #contest_products ul li span{ display:block; padding-bottom:4px; line-height:1.3; }
#contents #contest_products .products_img{ padding-right:10px;float:left; }
#contents #contest_products .products_img img{border:1px solid #ccc}
#contents #contest_products .products_txt_name{ font-size:18px}
#contents #contest_products .products_txt_shop{ color:#FD6C87; padding-bottom:0px}
#contents #contest_products .products_txt_info{ font-size:14px}

#contest_special{width: 668px; margin: 20px auto 0; padding:20px; background:#EFEFEF }
#contest_special .special_tit{ padding-bottom:8px; display:block}
#contest_special .special_img_bnr{ float:left; padding-right:14px}


/*-------contest_about-------*/
#contents #contest_about { width: 708px; margin: 0 auto 40px; }
/*フォトコンテスト用*/
#contents #contest_about .course_photo{ padding:10px 0 20px}
#contents #contest_about .course_photo h5{ text-align:center}
/*ツイートキャンペーン用*/
#contents #contest_about .course_tweet{ padding:10px 0 20px}
#contents #contest_about .course_tweet h5{ text-align:center}
#contents #contest_about .course_tweet #about_present{ width:360px; margin:0 auto}

#contents #contest_about dl { background: url("../../images/pc/line.gif") no-repeat scroll 0 0; padding-top: 26px; ; margin-top:20px}
#contents #contest_about dt { clear: both; background: url(../../images/pc/contest_tit_bg.gif) 0 0 no-repeat; color: #FFFFFF; padding: 7px 0 4px; height: 18px; width: 106px; text-align: center; float: left; margin-right: 12px; }
#contents #contest_about dd { width: 560px; float: left; padding: 4px 0 16px; line-height:1.2}
#contents #about_present li{ width:226px; float:left; display: block; position:relative; margin:20px 12px 0 0}

/*#contents #about_present .list_01{ margin-left:114px;margin-right:12px}
#contents #about_present .list_02{ margin-right:114px}
#contents #about_present .list_even{ margin-right:0}
#contents .present_txt_number{ background: url("../../images/pc/present_bg_number.png") no-repeat scroll 0 0; width:56px; height:56px; text-align:center; color:#FFFFFF; position:absolute; top:-10px; left:20px; padding-top:12px; font-size:13px}
#contents .present_txt_number span{ font-size:22px}
#contents .present_txt_info { text-align:center; padding-top:12px; }
#contents .present_txt_info span{ color:#ff4c6c; display:block; padding-bottom:8px;font-size:28px; line-height:1.2;background: url("../../images/pc/bg_present_award.gif") no-repeat center 0;}
#contents .present_txt_info span.txt_font_s{ font-size:13px; color:#474747; background:none}*/

#contents #about_present .list_01{ margin-left:114px;margin-right:12px}
#contents #about_present .list_02{ margin-right:114px}
#contents #about_present .list_even{ margin-right:0}
#contents #about_present li{ width:348px; float:left; display: block; position:relative; margin:20px 12px 0 0}
#contents #about_present .list_even{ margin-right:0}
#contents .present_txt_number{ background: url("../../images/pc/present_bg_number.png") no-repeat scroll 0 0; width:56px; height:56px; text-align:center; color:#FFFFFF; position:absolute; top:-10px; left:20px; padding-top:12px; font-size:13px}
#contents .present_txt_number span{ font-size:22px}
#contents .present_txt_info { text-align:center; padding-top:12px; }
#contents .present_txt_info span{ color:#ff4c6c; display:block; padding-bottom:4px;font-size:28px; line-height:1.2}
#contents .present_txt_info span.txt_f22{ font-size:20px}

/*-------contest_entry-------*/
#contest_entry { width: 708px; margin: 0 auto 40px; }
/*フォトコンテスト用*/
#contents #contest_entry .course_photo{ padding-bottom:30px}
#contents #contest_entry .course_tweet h5{ text-align:center; padding-bottom:20px}
#contest_entry  .course_photo #entry_btn_twitter{ background: url("../../images/pc/entry_btn_twitter.gif") no-repeat scroll 0 0; width:333px; height:48px; line-height:0; padding:0; display:block;opacity: 1;}
#contest_entry  .course_photo #entry_btn_twitter a{ background: url("../../images/pc/entry_btn_twitter.gif") no-repeat scroll 0 -48px; width:333px; height:48px; line-height:0; padding:0; display:block;opacity: 1;}
#contest_entry  .course_photo #entry_btn_twitter a:hover{ opacity: 0}
/*ツイートキャンペーン用*/
#contents #contest_entry .course_tweet{ padding-bottom:0}
#contents #contest_entry .course_photo h5{ text-align:center; padding-bottom:20px}
#contest_entry  .course_tweet #entry_btn_twitter{ background: url("../../images/pc/entry_btn_tweet.gif") no-repeat scroll 0 0; width:333px; height:48px; line-height:0; padding:0; display:block;opacity: 1;}
#contest_entry  .course_tweet #entry_btn_twitter a{ background: url("../../images/pc/entry_btn_tweet.gif") no-repeat scroll 0 -48px; width:333px; height:48px; line-height:0; padding:0; display:block;opacity: 1;}
#contest_entry  .course_tweet #entry_btn_twitter a:hover{ opacity: 0}

#contest_entry p { padding-bottom: 4px; }
#contest_entry .entry_step dt { float: left; width: 208px; clear: both; padding-bottom: 10px; }
#contest_entry .entry_step dd { float: left; width: 500px; line-height: 1.4; font-size: 17px; padding-bottom:20px}
#contest_entry .entry_step dd .step_tit { background: url("../../images/pc/contest_tit_bg.gif") no-repeat scroll 0 0; color: #FFFFFF; height: 18px; margin: 0 12px 10px 0; padding: 6px 0 4px; text-align: center; width: 106px; display: block; line-height: 1; }


#contest_entry .entry_step dd #btn_follow_mh { margin: 4px 0 0; display: block; }
#contest_entry .entry_step dd #entry_txt_tweet { font-size: 13px; border: 2px solid #c0e4e9; padding: 18px; margin-top: 8px; line-height: 1.6; border-radius: 10px;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  ; margin-bottom:16px}

#contest_entry #twitter-widget-2{ margin-bottom:40px !important}

#contest_entry #entry_caution_photo { background: url("../../images/pc/line.gif") no-repeat scroll 0 0; padding-top: 26px; }
#contest_entry #entry_caution_photo dt { font-size: 20px; text-align: center; color: #fd6c87; padding-bottom: 14px; }
#contest_entry #entry_caution_photo dd li { text-indent: -1em; padding-left: 1em; font-size: 14px; font-size: 14px; line-height: 1.4; padding-bottom: 12px; }

/*-------contest_rule-------*/
#contents #contest_rule { width: 708px; margin: 0 auto 10px; }
#contents #contest_rule li { text-indent: -1em; padding-bottom: 12px; padding-left: 1em; font-size: 14px; line-height: 1.4; }
#contents #contest_rule a{ color:#2678DF;text-decoration:underline}
#contents #contest_rule a:hover{ text-decoration:none}

#contents .txt_link a { background: url("../../images/pc/ico_link.gif") no-repeat scroll 0 10px; padding: 6px 6px 12px 18px; color: #2597af; }
#contents .txt_link a:hover { text-decoration: underline; }

#contents .line{background: url("../../images/pc/line.gif") no-repeat 0 0 ;margin-top: 20px;padding-top: 26px;}
#contents .p_top20{ padding-top:20px}
#contents .txt_b{ font-weight:bold}

#contents em { color: #fd6c87; }