@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;
}
h2{
	margin: 0!important;
	padding: 0!important;
}

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

#utapri {
	background: url(../img/bg_dotted.png) 0 0 repeat-y;
	color: #474747;
}
#utapri a {
	color: #ff8f2a;
	text-decoration: none;
}
#utapri a:hover {
	color: #ccc;
}
#utapri #navarea {
  padding: 17px 0 8px;
}
#utapri #navarea ul {
	text-align: center;
}
#utapri #navarea ul li {
	display: inline-block;
	margin: 4px;
}
#utapri #navarea ul a {
  width: 346px;
  position: relative;
  display: block;
}
#utapri #navarea ul .nav_goods a span {
  position: absolute;
  right: -15px;
  top: -25px;
  z-index: 100;
}

#utapri .utapri_content {
	padding: 0;
}
#utapri .utapri_content h2 {
	padding: 0;
	margin: 0;
	line-height: 0;
	font-size: 0;
}
#utapri #utapri_contact {
	margin: 0 auto;
	padding: 20px 0;
}
#utapri_copy {
  margin-top: 10px;
}

#utapri #mv {
	width: 735px;
	position: relative;
}
#utapri .com {
	z-index: 1000;
	position: absolute;
	top: 0;
}
#utapri #mv h1,
#utapri #mv img {
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	display: block;
}

#utapri #navarea {
}
#utapri #navarea ul {
	text-align: center;
}

#utapri .inr {
  background: url(../img/bg_content.png) bottom center no-repeat;
  padding-bottom: 35px;
}
#utapri .inr .date {
  padding: 25px 0;
}
#utapri .inr section {
  width: 625px;
  margin: 0 auto;
}
#utapri .inr section + section {
  margin-top: 25px;
}
#utapri .inr section h3 {
  width: 625px;
  position: relative;
  line-height: 0;
  font-size: 0;
}
#utapri .inr section h3 span {
  position: absolute;
  top: -15px;
  left: -15px;
}
#utapri .inr section .box_inr {
  width: 625px;
  margin: 0 auto;
  padding: 25px 0 30px;
  background: url(../img/bg_box.png) bottom center no-repeat;
}
#utapri .inr section .box_inr .p_info {
  width: 556px;
  margin: 0 auto;
  padding-top: 10px;
  display: table;
}
#utapri .inr section .box_inr .p_info .p_price {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
#utapri .inr section .box_inr .p_info .p_price img {
  vertical-align: middle;
}
#utapri .inr section .box_inr .p_info .btn_store {
  width: 290px;
  display: table-cell;
  overflow: hidden;
}
#utapri .inr section .box_inr .p_info .btn_store img {
  float: right;
}
#utapri .inr section .box_inr .txt_list {
  width: 556px;
  text-align: left;
  border-top: 1px solid #c5edfa;
  padding-top: 20px;
  margin: 20px auto 0;
}

#utapri #snac {
  margin-top: 20px;
}


/* 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 ;}

.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;	}
