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:1000px!important;
	padding:0 0 0px 0;
	margin:0 0 30px 0;
	font-size:13px;
	background:url(../images/com_bk.jpg) top left repeat-y;
	color:#FFF;
	}
	
.campaign .header{
	clear:both;
	overflow:hidden;
	position:relative;
	margin:0 0 30px 0;
	}

.ninja_onebutton{
	position:absolute;
	top:500px;
	left:595px;
	}
						
.campaign .header h2{
	text-align:center;
	font-size:16px;
	color:#FFF;
	line-height:1.8;
	letter-spacing:0.02em;
	margin:0 0 70px 0;
	}
	
.campaign .header .navi{
	margin:0 0 0 20px;
	}	

.campaign .header .navi li{
	float:left;
	}

.campaign .header .navi li a{
	display:block;
	}

.campaign .section{
	margin:0 0 60px 20px;
	clear:both;
	overflow:hidden;
	}
	
.campaign .entry{
	}
	
.campaign .entry .btn{
	float:left;
	margin:0 3px 10px 3px;
	}

.campaign .entry .watch a{ display:block; width:186px;}


.campaign .entry .movie1, .campaign .entry .movie2, .campaign .entry .movie3{ float:left; width:320px;}	
.campaign .entry .movie1 a, .campaign .entry .movie2 a, .campaign .entry .movie3 a{ display:block;}	
.campaign .entry .movie1 .btn_left{margin-left:70px}
.campaign .entry .movie1 .watch{ margin:0 0 0 72px; clear:both; overflow:hidden;}
.campaign .entry .movie1 .exp{
	width:320px;
	height:150px;
	background:url(../images/entry_exp01.png) top left no-repeat;
	font-size:13px;
	}
.campaign .entry .movie1 .exp span{
	display:block;
	padding:30px 10px 0 20px;
	line-height:1.4;
	}
	
.campaign .entry .movie2 .btn_left{margin-left:65px}
.campaign .entry .movie2 .watch{ margin:0 0 0 67px; clear:both; overflow:hidden;}
.campaign .entry .movie2 .exp{
	width:320px;
	height:150px;
	background:url(../images/entry_exp02.png) top left no-repeat;
	font-size:13px;
	}
.campaign .entry .movie2 .exp span{
	display:block;
	padding:30px 10px 0 20px;
	line-height:1.4;
	}
	
.campaign .entry .movie3 .btn_left{margin-left:55px}
.campaign .entry .movie3 .watch{ margin:0 0 0 57px; clear:both; overflow:hidden;}
.campaign .entry .movie3 .exp{
	width:320px;
	height:150px;
	background:url(../images/entry_exp03.png) top left no-repeat;
	font-size:13px;
	}
.campaign .entry .movie3 .exp span{
	display:block;
	padding:30px 10px 0 20px;
	line-height:1.4;
	}
	
	
.campaign .explain .writer{
	width:960px;
	height:302px;
	background:url(../images/exp_writer.png) top left no-repeat;
	}

.campaign .explain .writer p{
	padding:125px 100px 0 270px;
	}
	
.campaign .present .info{
	width:960px;
	height:217px;
	background:url(../images/present_bk.png) top left no-repeat;
	}

	
.campaign .present .info ul{
	padding:28px 0 0 0px;
	margin:0 0 0 115px;
	font-size:13px;
}
.campaign .present .info ul li{
	padding:1px 0;
	}

.campaign .pagetop{
	text-align:right;
	margin:50px 60px 50px 0;
	clear:both;
	overflow:hidden;
	}