html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}
table {
    border-spacing: 0;
}
fieldset,img,abbr,acronym {
    border: 0;
} 
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
q:before,q:after {
    content: '';
}
a {
    text-decoration: none;
	outline: none;
	color: #0036d3;
}
a:hover {
    text-decoration: underline;
    color: #0036d3;
}
a img,:link img,:visited img {
    border: none;
	border-style:none;
}
img {
    vertical-align: bottom;
	border-style:none;
	border:none;
}
address {
    font-style: normal;
}
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}  



/* layout
===================================================*/
.campaign a{
	text-decoration: none!important;
	color: #0068b7!important;
}

.campaign a:hover{
	text-decoration: underline!important;
	color:#7a0200!important;
}

a:hover img.hoverImg{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background-color:#FFF;
}

.imgover {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.imgover:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

img {
	border: 0;
	vertical-align:bottom;
}

.float_r{ float: right;}
.float_l{ float: left;}

.t_center{ text-align:center;}
.r_center{ text-align:right;}

.mrgB5{ margin-bottom:5px;}
.mrgB20{ margin-bottom:20px;}

.pink{ color:#e7368e;}

#bannerAdv{
margin:0 0 5px 0!important;
}

	

/* contents
===================================================*/

/* body{
	background-color:#f2f6c7;
	}

.head_bar{
	width:100%;
	height:43px;
	background-color:#5b4e29;
	}

.wrapper {
	width:1040px;
	background-color:#FFF;
	margin:0 auto;
}

.head{
	background-color:#7c7154;
	height:100px;
	width:100%;
	}

#all_Content{
	width: 1000px;
	margin:20px 20px 0 20px;
	clear:both;
	overflow:hidden;
}


.sideBar-ads{
	width:200px;
	height:1000px;
	background-color: #666;
	float:right;
	}
	
.footer{
	background-color:#CCC;
	width:100%;
	height:140px;
	}

.mita_mitai01 {
background: url(http://www.kinenote.com/main/common/img/icon/mita_mitai_new.png) no-repeat;
background-position: 0 0;
display: block;
height: 21px;
text-indent: -9999px;
margin: 0 auto;
width: 92px;
}

.mita_mitai02 {
background: url(http://www.kinenote.com/main/common/img/icon/mita_mitai_new.png) no-repeat;
background-position: 0 -52px;
display: block;
height: 21px;
text-indent: -9999px;
margin: 0 auto;
width: 92px;
}

.mita_mitai02:hover, .mita_mitai02_s {
background: url(http://www.kinenote.com/main/common/img/icon/mita_mitai_new.png) no-repeat;
background-position: 0 -78px;
display: block;
height: 21px;
text-indent: -9999px;
margin: 0 auto;
width: 92px;
} */


/* 個別スタイル
---------------------------------------------------*/
.campaign{
	text-align:left;
	/* float:left; */
	width:998px!important;
	padding:0 0 0px 0;
	margin:0 0 30px 0;
	font-size:13px;
	background:url(../images/cont_bk.png) top left repeat;
	border:1px solid #999999;
	}
	
	
.campaign .header{
	clear:both;
	width:960px;
	height:420px;
	margin:20px 20px 0px 20px;
	}
	
.campaign .header h1{
	margin:0 0 20px 0;
	}


.ninja_onebutton{
	/* position:absolute;
	top:490px;
	left:595px;
	z-index:1; */
	float:right;
	margin:0 20px 0 0;
	}
	

.campaign .main{
	background:url(../images/main_bk.gif) top left no-repeat;
	width:960px;
	margin:0 0 20px 20px;
	}	
					
.campaign .main .main_inn{
	padding:0 20px;
	}

	
.campaign .pagetop{
	/* float:right; */
	clear:both;
	overflow:hidden;
	margin:0 0 40px 0;
	text-align:right;
	padding:0 40px 0 0;
	}
	
	
	
/* for mixit up */
/* *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, button{
  font-family: 'Helvetica Neue', arial, sans-serif;
} */

.controls{
	padding:30px 0 0 0;
}

.controls ul{
	margin:0 0 10px 0;
	}

.controls ul li.title{
	font-weight:bold;
	width:50px;
	display:inline-block;
	}

.controls ul li{
	display:inline;
	margin:0 2px;
	}

.controls ul li span{
  display: inline-block;
  padding: .4em 0;
  width:90px;
  text-align:center;
  background: #f1d571;
  border: 0;
  font-size: 12px;
  font-weight: 300;
  border-radius: 2px;
  cursor: pointer;
}

.controls ul li span.active{
  background: #59493f;
  color:#FFF;
}

.controls ul li span:focus{
  outline: 0 none;
}

.controls ul li span + label{
  margin-left: 1em;
}

.container{
  padding: 2% 2% 0;
  text-align: justify;
  font-size: 0.1px;
  margin:0 0 40px 0;
  
  -webkit-backface-visibility: hidden;
}

.container:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container .mix{
  display: inline-block;
  /* width: 49%; */
  width:173;
  height:252px;
  /* background:url(../images/kine_bk.png) top left no-repeat; */
}

.container .gap{
  display: inline-block;
  /* width: 49%; */
  width:173;
  height:252px;
}

.container .mix{
  text-align: left;
  /* background: #03899c; */
  margin:0 1px 2% 1px;
  display: none;
}



.book_info{
	width:920px;
	height:195px;
	background:url(../images/book_infobk.gif) top left no-repeat;
	position:relative;
	}
	
.book_info .cover{
	position:absolute;
	top:25px;
	left:55px;
	}

.book_info .info{
	width:685px;
	position:absolute;
	display:block;
	top:30px;
	left:180px;
	font-size:13px;
	}
	
.book_info .info h3{
	font-size:16px;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #c2ac8b;
	}
	
.book_info .info p{
	font-size:13px;
	line-height:1.6;
	}


/* .container .mix:after{
  content: attr(data-myorder);
  color: white;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  padding: 4% 6%;
  font-weight: 700;
} */

/* .container .mix:before{
  content: '';
  display: inline-block;
  padding-top: 60%;
} */

/* @media all and (min-width: 420px){
  .container .mix,
  .container .gap{
    width: 32%;
  }
}

@media all and (min-width: 640px){
  .container .mix,
  .container .gap{
    width: 23.5%;
  }
} */


/* lightbox */
.memory{
	padding:20px;
	font-size:13px;
	}
	
.memory .memory_lblock{
	float:left;
	width:316px;
	}
	
.memory .memory_lblock .book{
	background:url(../images/lignt_kinejun.png) top left no-repeat;
	width:316px;
	height:455px;
	}
	
.memory .memory_lblock .book img{
	margin:25px 0 0 18px;
	}
	
.memory .memory_lblock .frame{
	width:316px;
	height:455px;
	background:url(../images/lignt_kinejun.png) top left no-repeat;
	}

.memory .memory_lblock .frame img{
	margin:17px 0 0 17px;
	}
	
.memory .kine_link{
	display:block;
	text-align:center;
	}
	
.memory .kine_link span{
	display:block;
	font-size:16px;
	}
	
.memory .memory_rblock{
	float:right;
	width:505px;
	}
	
.memory .comment{
	margin:0 0 15px 0;
	font-size:14px;
	}

.memory .kaisetu{
	background-color:#f8f2e9;
	padding:0 20px 20px 20px;
	font-size:12px;
	}
	
.memory .notxt{
	white-space:nowrap;
	}
	
.memory .time{
	display:block;
	margin:5px 0 0 0;
	}