@charset "UTF-8";

/* reset
----------------------------------------------------*/

h1,h2,h3,h4,h5,h6,
p,
ul,ol,li,dl,dt,dd,
img,
form {
  margin: 0;
  padding: 0;
  list-style: none;
  text-indent: 0;
  font-weight: normal;
  border: 0;}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000000;
  font-size: 75%; /* IE */}

html>/**/body div#elStyle {
  font-size: 12px; /* Except IE */}

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

/* base common
----------------------------------------------------*/

article#w1000 {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
}
#contentArea {
  background: white;
  width:1000px;
}
#contentAreaInner {
  padding:0;
  margin:0;
  width:735px;
  float:left;
}
#contentRight {
  width:235px;
  float:right;
  padding:0;
  margin:0;
}
.att {
  text-align: center;
  padding: 20px 0;
}

.loppi_hmv {
  width: 661px;
  margin: 0 auto 20px;
  padding: 20px 0;
  background: url(../img/goods_loppi_hmv_bg.png) no-repeat center bottom;
}
.loppi_hmv dl {}
.loppi_hmv dl dt {}
.loppi_hmv dl dd {}
.loppi_hmv dl dd ul {
  display: block;
  list-style-type: none;
  text-align: center;
}
.loppi_hmv dl dd ul li {
  display: inline-block;
  padding: 10px;
}


/* content base
----------------------------------------------------*/

#osomatsusan img {
  vertical-align: top;
}
#osomatsusan {
  background: url(../img/bg_stripe.png) 0 0 repeat-y;
  color: #474747;
  line-height: 1.6;
  position: relative;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
}
#osomatsusan a {
  color: #ff8f2a;
  text-decoration: none;
}
#osomatsusan a:hover {
  color: #ccc;
}
#osomatsusan #navarea {
  background: url(../img/bg_dot.png) 0 0 repeat-y;
}
#osomatsusan #navarea a {
  display: block;
}
#osomatsusan #navarea ul {
  overflow: hidden;
  text-align: center;
}
#osomatsusan #navarea ul li {
  display: inline-block;
}
#osomatsusan .osomatsusan_content {
  background: url(../img/bg_star.png) top center repeat-y;
  padding: 0;
}
#osomatsusan #osomatsusan_contact {
  margin: 0 auto;
  padding: 15px 0;
}
#osomatsusan_bnr {
  margin: 20px auto;
}
#osomatsusan_bnr li + li {
  margin-top: 10px;
}

/* content second common style
----------------------------------------------------*/

#osomatsusan.osomatsusan_sec #mv {
  position: relative;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
}
#osomatsusan.osomatsusan_sec .com {
  position: absolute;
}

#osomatsusan.osomatsusan_sec h1, 
#osomatsusan.osomatsusan_sec h1 img {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
/*
  padding-top: 39px;
*/
}

#osomatsusan.osomatsusan_sec #navarea {
  padding: 5px 0 15px;
}
#osomatsusan.osomatsusan_sec .inr {
  padding-bottom: 25px;
}
#osomatsusan.osomatsusan_sec .inr h2 {
}
#osomatsusan.osomatsusan_sec .copy {
  margin: 0 auto;
}
#osomatsusan.osomatsusan_sec .date {
  margin: 0 auto;
}
#osomatsusan.osomatsusan_sec .btnarea {
  width: 735px;
  margin: 15px auto 5px;
  padding: 20px 0;
  background: url(../img/bg_btn.png) repeat-y;
}
#osomatsusan.osomatsusan_sec .btnarea a {
  display: inline-block;
  margin: 0 5px;
}
#osomatsusan.osomatsusan_sec .prize .txt_list {
  text-align: left;
  font-size: 85.7%;
  margin-top: 5px;
  padding-left: 40px;
}
#osomatsusan.osomatsusan_sec .box {
  width: 670px;
  margin: 10px auto;
}
#osomatsusan.osomatsusan_sec .box h3 {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
#osomatsusan.osomatsusan_sec .box .box_inr {
  background: url(../img/bg_box.png) bottom center no-repeat;
  padding: 10px 0 25px;
}
#osomatsusan.osomatsusan_sec .box .box_inr .txt_list {
  text-align: left;
  font-size: 85.7%;
  margin-top: 5px;
  padding: 0 40px;
}
#osomatsusan.osomatsusan_sec .box .box_inr table {
  width: 600px;
  margin: 0 auto 10px;
  border: 1px solid #dfdfdf;
  border-collapse: collapse;
}
#osomatsusan.osomatsusan_sec .box .box_inr table th,
#osomatsusan.osomatsusan_sec .box .box_inr table td {
  padding: 5px;
  border: 1px solid #dfdfdf;
}
#osomatsusan.osomatsusan_sec .box .box_inr table th {
  background: #f7f7f7;
  font-weight: bold;
}
#osomatsusan.osomatsusan_sec .box .box_inr table tr td:nth-child(2) {
  text-align: left;
  padding: 5px 20px;
}
#osomatsusan.osomatsusan_sec #osomatsusan_contact {
  padding: 0 0 20px;
  margin-top: -10px;
}


/* top
----------------------------------------------------*/

#osomatsusan.osomatsusan_top .com {
  z-index: 10;
  position: absolute;
  top: 0;
}
#osomatsusan.osomatsusan_top {
  background: url(../img/bg_dot.png) 0 0 repeat-y;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
}
#osomatsusan.osomatsusan_top #mv {}
#osomatsusan.osomatsusan_top #mv h1,
#osomatsusan.osomatsusan_top #mv img {}
#osomatsusan.osomatsusan_top #mv img {}
#osomatsusan.osomatsusan_top #mv h1 {
  position: absolute;
  top: 538px;
  left: 15px;
}

#osomatsusan.osomatsusan_top #navarea {
  margin-top: 20px;
}

/* candy
----------------------------------------------------*/

/* karaage
----------------------------------------------------*/

#osomatsusan.osomatsusan_sec #karaage .date .txt_list {
  text-align: left;
  font-size: 85.7%;
  padding: 0 0 0 50px;
}
#osomatsusan.osomatsusan_sec #karaage .prize {
  margin-top: 15px;
}
#osomatsusan.osomatsusan_sec #karaage .target {
  line-height: 2.5;
}
#osomatsusan.osomatsusan_sec #karaage .target a {
  display: inline-block;
  margin: 0 5px;
}
#osomatsusan.osomatsusan_sec #karaage .guidelines {
  width: 590px;
  margin: 0 auto 10px;
  text-align: left;
  border-bottom: 2px solid #eee;
}
#osomatsusan.osomatsusan_sec #karaage .guidelines dt {
  font-weight: bold;
  font-size: 114.3%;
  border-top: 2px solid #eee;
  padding-top: 10px;
  margin-bottom: 5px;
  text-indent: -0.5em;
}
#osomatsusan.osomatsusan_sec #karaage .guidelines dd {
  margin-bottom: 10px;
  padding-left: 5px;
  line-height: 1.7;
}
#osomatsusan.osomatsusan_sec #karaage .guidelines .txt_list {
  font-size: 100%;
  margin-top: 0;
  padding: 0;
}

/* noodles
----------------------------------------------------*/

/* drink
----------------------------------------------------*/

/* goods
----------------------------------------------------*/

#osomatsusan.osomatsusan_sec #goods .p_box + .p_box {
  margin-top: 5px;
}
#osomatsusan.osomatsusan_sec #goods .p_box h3,
#osomatsusan.osomatsusan_sec #goods .p_box .p_img {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
#osomatsusan.osomatsusan_sec #goods .p_box .p_price {
  position: relative;
}
#osomatsusan.osomatsusan_sec #goods .p_box .p_price .btns {
  position: absolute;
  z-index: 10;
  top: 16px;
  right: 77px;
}
#osomatsusan.osomatsusan_sec #goods .p_box .pbx_inr {
  width: 735px;
  margin: 0;
  padding: 10px 0 35px;
  background: url(../img/bg_goods_pbox.png) center bottom no-repeat;
}
#osomatsusan.osomatsusan_sec #goods .txt_list {
  text-align: left;
  margin-top: 15px;
  padding-left: 88px;
}

/* original
----------------------------------------------------*/

#osomatsusan.osomatsusan_sec #original .p_box + .p_box {
  margin-top: 5px;
}
#osomatsusan.osomatsusan_sec #original .p_box h3,
#osomatsusan.osomatsusan_sec #original .p_box .p_img {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
#osomatsusan.osomatsusan_sec #original .p_box .p_price {
  position: relative;
}
#osomatsusan.osomatsusan_sec #original .p_box .p_price .btns {
  position: absolute;
  z-index: 10;
  top: 16px;
  right: 77px;
}
#osomatsusan.osomatsusan_sec #original .p_box .pbx_inr {
  width: 735px;
  margin: 0;
  padding: 10px 0 35px;
  background: url(../img/bg_original_pbox.png) center bottom no-repeat;
}
#osomatsusan.osomatsusan_sec #original .txt_list {
  text-align: left;
  margin-top: 15px;
  padding-left: 88px;
}

/* bromide
----------------------------------------------------*/

#osomatsusan.osomatsusan_sec #bromide .print_flow {
  margin-bottom: 15px;
}
#osomatsusan.osomatsusan_sec #bromide .print_flow li + li {
  margin-top: 8px;
}
#osomatsusan.osomatsusan_sec #bromide .print_flow + a {
  margin-bottom: 5px;
  display: block;
}

/* point
----------------------------------------------------*/

#osomatsusan.osomatsusan_sec #point .prize {
  margin-top: 15px;
}
#osomatsusan.osomatsusan_sec #point .entry {
  width: 700px;
  margin: 0 auto;
  overflow: hidden;
}
#osomatsusan.osomatsusan_sec #point .entry .e_box {
  width: 350px;
  float: left;
  position: relative;
}
#osomatsusan.osomatsusan_sec #point .entry .e_box .e_btn {
  display: block;
  position: absolute;
  top: 230px; left: 60px;
}

/* retweet
----------------------------------------------------*/

#osomatsusan.osomatsusan_sec #retweet .prize {
  margin-top: 15px;
}
#osomatsusan.osomatsusan_sec #retweet .btnarea {
  padding-bottom: 25px;
}
#osomatsusan.osomatsusan_sec #retweet .result {
  margin-top: 15px;
}
#osomatsusan.osomatsusan_sec #retweet .result a {
  color: #b790f7;
}
#osomatsusan.osomatsusan_sec #retweet .result a:hover {
  color: #888;
}
#osomatsusan.osomatsusan_sec #retweet .result p,
#osomatsusan.osomatsusan_sec #retweet .result ul {
  width: 600px;
  margin: 0 auto;
  text-align: left;
}
#osomatsusan.osomatsusan_sec #retweet .result p {
  margin-bottom: 15px;
}

/* target
----------------------------------------------------*/

body.target_pop {
  background: url(../img/bg_dotted_green.png);
}
.target_pop #osomatsusan {
  background: none;
  padding-bottom: 20px;
}
.target_pop #osomatsusan.candy_target .target_tt {
  height: 98px;
  line-height: 1;
  background: url(../img/target_candy_tt.png) left top repeat-x;
  position: relative;
  margin-bottom: 25px;
}
.target_pop #osomatsusan.noodles_target .target_tt {
  height: 98px;
  line-height: 1;
  background: url(../img/target_noodles_tt.png) left top repeat-x;
  position: relative;
  margin-bottom: 25px;
}
.target_pop #osomatsusan .target_tt h1 {
  width: 670px;
  margin: 0 auto;
  padding-top: 15px;
  line-height: 1;
  position: relative;
}
.target_pop #osomatsusan .target_tt h1 a {
  position: absolute;
  top: 15px; right: 0;
}
.target_pop #osomatsusan.osomatsusan_sec .box .box_inr {
    padding: 0 0 25px;
}
#osomatsusan .pop {
  margin-top: 15px;
}
.target_pop #osomatsusan .ansarea {
  width: 630px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #fff;
  padding: 15px;
  margin: 20px auto 0;
  border: 3px solid #1da179;
  text-align: left;
}
.target_pop #osomatsusan .ansarea h2 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #1da179;
  text-align: center;
}

/* style
----------------------------------------------------*/

.clr,
.clr img {
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.img_cnt {
  text-align: center !important;
}
.img_cnt img {
  margin: 0 auto;
}

.ov:hover img {
  opacity:0.80;
  filter:alpha(opacity=80);
}

.dsb {
  display: block !important;
}

.flt {
  float: left !important;
}
.frt {
  float: right !important;
}

.txt_list li {
  padding-left: 1em !important;
  text-indent: -1em !important;
  padding-bottom: 1px !important;
}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* margin-top */
.mt00 { margin-top: 0px !important ;}
.mt05 { margin-top: 5px !important ;}
.mt08 { margin-top: 8px !important ;}
.mt10 { margin-top: 10px !important ;}
.mt15 { margin-top: 15px !important ;}
.mt20 { margin-top: 20px !important ;}
.mt25 { margin-top: 25px !important ;}
.mt30 { margin-top: 30px !important ;}
.mt40 { margin-top: 40px !important ;}
.mt45 { margin-top: 45px !important ;}
.mt50 { margin-top: 50px !important ;}

/* padding-top */
.pt00 { padding-top: 0px !important ;}
.pt05 { padding-top: 5px !important ;}
.pt10 { padding-top: 10px !important ;}
.pt15 { padding-top: 15px !important ;}
.pt20 { padding-top: 20px !important ;}
.pt25 { padding-top: 25px !important ;}
.pt30 { padding-top: 30px !important ;}
.pt35 { padding-top: 35px !important ;}
.pt40 { padding-top: 40px !important ;}
.pt45 { padding-top: 45px !important ;}
.pt50 { padding-top: 50px !important ;}

/* margin-right */
.mr00 { margin-right: 0px !important ;}
.mr05 { margin-right: 5px !important ;}
.mr10 { margin-right: 10px !important ;}
.mr11 { margin-right: 11px !important ;}
.mr15 { margin-right: 15px !important ;}
.mr20 { margin-right: 20px !important ;}
.mr25 { margin-right: 25px !important ;}
.mr30 { margin-right: 30px !important ;}

/* padding-right */
.pr00 { padding-right: 0px !important ;}
.pr05 { padding-right: 5px !important ;}
.pr10 { padding-right: 10px !important ;}
.pr15 { padding-right: 15px !important ;}
.pr20 { padding-right: 20px !important ;}
.pr25 { padding-right: 25px !important ;}
.pr30 { padding-right: 30px !important ;}

/* margin-bottom */
.mb00 { margin-bottom: 0px !important ;}
.mb05 { margin-bottom: 5px !important ;}
.mb08 { margin-bottom: 5px !important ;}
.mb10 { margin-bottom: 10px !important ;}
.mb15 { margin-bottom: 15px !important ;}
.mb20 { margin-bottom: 20px !important ;}
.mb25 { margin-bottom: 25px !important ;}
.mb30 { margin-bottom: 30px !important ;}
.mb40 { margin-bottom: 40px !important ;}
.mb50 { margin-bottom: 50px !important ;}

/* padding-bottom */
.pb00 { padding-bottom: 0px !important ;}
.pb05 { padding-bottom: 5px !important ;}
.pb10 { padding-bottom: 10px !important ;}
.pb15 { padding-bottom: 15px !important ;}
.pb20 { padding-bottom: 20px !important ;}
.pb25 { padding-bottom: 25px !important ;}
.pb30 { padding-bottom: 30px !important ;}

/* margin-left */
.ml00 { margin-left: 0px !important ;}
.ml05 { margin-left: 5px !important ;}
.ml10 { margin-left: 10px !important ;}
.ml11 { margin-left: 11px !important ;}
.ml15 { margin-left: 15px !important ;}
.ml20 { margin-left: 20px !important ;}
.ml25 { margin-left: 25px !important ;}
.ml30 { margin-left: 30px !important ;}
.ml35 { margin-left: 35px !important ;}
.ml40 { margin-left: 40px !important ;}
.ml45 { margin-left: 45px !important ;}
.ml80 { margin-left: 80px !important ;}

/* padding-left */
.pl00 { padding-left: 0px !important ;}
.pl05 { padding-left: 5px !important ;}
.pl10 { padding-left: 10px !important ;}
.pl15 { padding-left: 15px !important ;}
.pl20 { padding-left: 20px !important ;}
.pl25 { padding-left: 25px !important ;}
.pl30 { padding-left: 30px !important ;}
.pl40 { padding-left: 40px !important ;}
.pl50 { padding-left: 50px !important ;}
.pl60 { padding-left: 60px !important ;}

.t_left {
  text-align: left !important;
}
.t_center {
  text-align: center !important;
}
.t_right {
  text-align: right !important;
}

.t_white {
  color: #fff !important;
}
.t_red {
  color: #c60a02 !important;
}

.t_bold {	font-weight: bold !important;	}
.t_normal {	font-weight: normal !important;	}

.t_xsml {	font-size: 66.7%;	}
.t_sml {	font-size: 83.3%;	}
.t_lrg {	font-size: 116.7%;	}
.t_xlrg {	font-size: 133.3%;	}


.lh12 {		line-height: 1.2 !important;	}
.lh15 {		line-height: 1.5 !important;	}
