@charset "utf-8";
/*
 Share Style [
----------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}

body {
  background:#999999;
  font-family:メイリオ, Arial,sans-serif;
  font-size:80%;
}

html {
	overflow-y:scroll;
}

h2 {
	font: bold 24px/34px Arial, Helvetica, sans-serif;
	color:#95b220;
	padding:0 0 10px 0;
}
h2 a {
	color:#555;
}
h2 a:hover {
	color:#95b220;
}


h4 {
	font: bold 16px/24px Arial, Helvetica, sans-serif;
	color:#363636;
	padding:5px 0 5px 0;
}


p,li,dt,dl {
	line-height:1.6;
}
p {
	margin:0 0 1em 0;
}
li {
	list-style-type:none;
}
img {
	border:0;
}
address {
	font-style:normal;
}
.clear {
	clear:both;
}

/*
 Link Color [
----------------------------------------------------------- */
a:link {
  text-decoration:none;
}
a:visited {
  text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#adca36;
}
a:active {
}

/*
 container [
 ----------------------------------------------------------- */
 
 #container {
  width: 1120px;
  padding:0px 15px;
  margin: 0 auto;
}

/*
 add end year banner2012 [
----------------------------------------------------------- */
#endyear_left {
  width: 80px;
  height:1000px;
  background: url() repeat-y;
  float:left;
  display: inline;
}

#endyear_right {
  width: 60px;
  height:1000px;
  background: url() repeat-y;
  float:right;
  display: inline;
}


/*
 Head [
----------------------------------------------------------- */
#head {
	width: 980px;
	height: 76px;
	background: url(../images/logo2013_top.jpg) no-repeat;
	float: left;
	display: inline;
}

#head2 {
  width: 980px;
  height: 76px;
  background: url(../images/logo2012_top.jpg) no-repeat;
  float:left;
  display: inline;
}


.logo a {
	display:block;
	text-indent:-9999px;
	height:76px;
	width:383px;
	float:left;
	display:inline;
	}
	
.logo img{
	display:none;
}

/*
 nav [
----------------------------------------------------------- */
#nav {
  height: 60px;
  /width: 980px;
  list-style-type: none;
  font-size:120%;
  margin-top: 10px;
  color:#fff;
  float: left;
  display: inline;
  text-shadow:1px 2px 2px #000;
}

#nav li{
	float:left;
	display: inline;
	margin-right:20px;
}

#nav a {
  color:#fff;
  text-decoration:none;
}

#nav a:hover {
  color:#adca36;
  text-decoration:none;
}

/*
 main [
 ----------------------------------------------------------- */

 
 #main {
  width: 980px;
  height:100%;
  float:left;
  display: inline;
}


/*
 top visual[
----------------------------------------------------------- */

#slideshow { position:relative; width:950px; height:287px; margin:0px; background:#fff;
border-radius:0.5em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-o-border-radius: 0.5em;
-ms-border-radius: 0.5em;
margin-bottom:10px;}

#slideshow img { position:absolute; top:9px; left:9px; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }





/*
 top page middle[
----------------------------------------------------------- */
#top-middle {
  width: 950px;
  background:#fff;
  float: left;
  display: inline;
  margin-top:10px;
  margin-bottom:20px;
  border-radius:0.5em;
}

/* -------- wraper content main -------- */

.wb_wrap_sec {
	padding:0 0 19px 0;
}
.wb_sec_top, .wb_sec_bottom {
	background:url(images/top_bottom.png) no-repeat 0 0;
	height:6px;
}
.wb_sec_middle {
	background:#fff;
	border-left:1px solid #d7e5e9;
	border-right:1px solid #d7e5e9;
}
.wb_sec_top {
	background-position:0 -7px;
}

/* -------- content main section2 -------- */

.boxes_container {
	height:195px;
	padding:25px 0 25px 22px;

}
.boxes {
	width:270px;
	height:194px;
	position:relative;
	float:left;
	margin:0 0 0 26px;
}
.toplayer {
	background:url(../images/overlay.png) no-repeat 0 0;
	width:270px;
	height:194px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;
}
.image_box {
	width:267px;
	height:188px;
	position:absolute;
	top:2px;
	left:1px;
}
.text_layer {
	background:url(../images/txt_bg.png) repeat-x 0 0;
	width:235px;
	position:absolute;
	bottom:5px;
	left:2px;
	z-index:5;
	padding:8px 15px;
}
.title {
	font: bold 13px/22px Arial, Helvetica, sans-serif;
	text-shadow:0px 1px 1px rgba(0,0,0,.6);
	color:#fff;
}
.links {
	color:#c8d6db;
	display:block;
	font: 12px/16px Arial, Helvetica, sans-serif;
}
.wb_clear {
	clear:both;
}




/*
sales banner[
----------------------------------------------------------- */

.bnr_box {
  width: 950px;
  height:100%;
  float:left;
  display:inline;
}

#sales_bnr1 {
	width: 250px;
	background-image: url(../images/bnr_cont1.jpg);
	height: 200px;
	margin: 0px 0px 0px 60px;
	padding-top: 20px;
	float: left;
	display: inline;
}

#sales_bnr2 {
  width: 250px;
  height:126px;
  margin:0px 0px 0px 60px;
  padding-top:20px;
  float:left;
  display:inline;
}

#sales_bnr3 {
  width: 250px;
  background-image: url(../images/bnr_cont1.jpg);
  height:100%;
  margin:0px 0px 0px 60px;
  padding-top:10px;
  float:left;
  display:inline;
}

#sales_bnr4 {
  width: 250px;
  height:100%;
  margin:0px 0px 0px 60px;
  padding-top:10px;
  float:left;
  display:inline;
}

#sleep-menu {
  width: 200px;
  height: 190px;
  background-color: #E5E5E5;
  background-image: url(../images/menu_mamechishiki.jpg);
  background-repeat: no-repeat;
  padding-top: 30px;
  float: left;
  display: inline;
}

#sleep-menu-nav {
  list-style-type: none;
  margin-top: 10px;
  margin-left: 5px;
}

#sleep-menu-nav li{
	float:left;
	display: inline;
}

#sales_bnr1 h3 {
	font: bold 24px/32px Arial, Helvetica, sans-serif;
	text-shadow:0px 1px 1px rgba(0,0,0,.6);
	color:#ffffff;
	padding:5px 0 5px 0;
}

#sales_bnr1 h4 {
	font: bold 18px/26px Arial, Helvetica, sans-serif;
	text-shadow:0px 1px 1px rgba(0,0,0,.6);
	color:#fff;
}




/*
how it works[
----------------------------------------------------------- */
.col-2 {
	width:680px;
}

.wb_fl {
	float:left;
}

.z-up {
	z-index:10;
	position:relative;
}

.pad1 {
	padding:7px 17px;
}

.sidebar {
	background: url(../images/howitworks-sidebar-bg.jpg) no-repeat right top;
	float: right;
	width: 204px;
	height: 988px;
	margin:80px -17px 0 0;
}


/*
 footer [
----------------------------------------------------------- */
#foot {
	width: 950px;
	height: 30px;
	margin-top:20px;
	float: left;
	display: inline;
	color: #FFFFFF;
	padding-left: 20px;
	font-size: 100%;
	padding-top: 15px;
	background-color: #999999;  
}

#donotuse {
	width: 950px;
	height: 40px;
	float: left;
	display: inline;
	color: #fff;
	font-size: 80%;
	padding-top: 5px;
}

/* 130905追加 */
.fb_area{
	display:block;
	border:none;
	overflow:hidden;
	width:115px;
	height:21px;
	margin:25px 0px 0px 350px;
	float:left;
}

.twitter{
	display:block;
	border:none;
	width:125px;
	height:21px;
	margin:25px 0px 0px 0px;
	float:left;
}

.lineup {
	display:block;
	width:780px;
	font-size: 12px;
	color: #e3540b;
	text-align:left;
	margin:0 auto;
}