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: #ff3366!important;
}

.campaign a:hover{
	text-decoration: underline!important;
	color:#ff3366!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);
}

.nolink {
    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 40px 0;
	font-size:13px;
	color:#000;
	background:url(../images/cont_bk.png) top left repeat-y;
	padding-bottom: 50px;
	}
		
.campaign .header{
	clear:both;
	overflow:hidden;
	position:relative;
	/* height:357px; */
	/* height:450px; */
	}
	
.campaign .header h1{
	/* float:left; */
	/* margin:0 0 10px 0; */
	position:absolute;
	top:12px;
	left:35px;
	}
	
.campaign .header .year{
	font-size:50px;
	margin: 20px 0 30px 0px;
	text-align:center;
	}

.campaign .header .year li{
	padding:0 5px;
	font-family: 'Lora', serif;
	/* float:left; */
	display:inline;
	}
	
.campaign .header .year li a img{
	vertical-align: baseline!important;
	}
	


/* .select-box01 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select-box01 select {
	width: 180px;
	padding: 5px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
	font-size:16px;
}
 */

/* .dropdown {
  position:absolute;
  top:20px;
  right:0px;
} */

.dropdown {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  /* height: 35px; */
  width: 180px;
  background: #f2f2f2;
  border: 1px solid;
  border-color: white #f7f7f7 #f5f5f5;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  top:64px;
  right:40px;
}
.dropdown:before, .dropdown:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
  pointer-events: none;
}
.dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
.dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

.dropdown-select {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 6px 8px 10px 10px;
  /* height: 28px; */
  line-height: 14px;
  font-size: 12px;
  color: #62717a;
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  font-size:14px;
}
.dropdown-select:focus {
  z-index: 3;
  width: 100%;
  color: #394349;
  outline: 2px solid #49aff2;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: -2px;
}
.dropdown-select > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .dropdown {
  z-index: 1;
}
.lt-ie9 .dropdown-select {
  z-index: -1;
}
.lt-ie9 .dropdown-select:focus {
  z-index: 3;
}

/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
  .dropdown-select {
    padding-left: 6px;
  }
}

.dropdown-dark {
  background: #444;
  border-color: #111 #0a0a0a black;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.dropdown-dark:before {
  border-bottom-color: #aaa;
}
.dropdown-dark:after {
  border-top-color: #aaa;
}
.dropdown-dark .dropdown-select {
  color: #fff;
  text-shadow: 0 1px black;
  /* Fallback for IE 8 */
  background: #444;
}
.dropdown-dark .dropdown-select:focus {
  color: #ccc;
}
.dropdown-dark .dropdown-select > option {
  background: #444;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}













.ninja_onebutton{
	position:absolute; 
	/* left:655px; */
	right:40px;
	top:20px;
	/* padding:20px 40px 0 0px; */
	/* margin:0 475px 0 0; */
	/* float:left; */
	/* text-align:right; */
	}

.campaign .navi{
	padding: 10px 40px 10px 40px;
	margin: 10px 40px 30px 40px;
	background-color: #fff;
	clear:both;
	overflow:hidden;
	}
	
.campaign .navi li{
	float: left;
	padding: 0 22px;
	font-weight: bold;
	font-size: 15px;
	}
	
.campaign .navi li a{
	display:block;
	}
	
.campaign .month_title{
	margin: 0 0 5px 0;
	font-weight: bold;
	color: #1E3892;
	font-size: 20px;
	}	
	
.campaign .article{
	padding:0 40px;
	}
	
.campaign .info_bk{
	width:450px;
	height:385px;
	background:url(../images/info_lbk.png) top left no-repeat;
	float:left;
	margin:0 0 20px 0;
	}
	
	
.campaign .info_bk h3{
	font-size:15px;
	height:70px;
	line-height:70px;
	text-align:center;
	margin:0 0 10px 0;
	}

.campaign .info_bk ul{
	padding:0 35px 0 30px;
	font-size:12px;
	}	
	
.campaign .info_bk ul li{
	line-height:1.4;
	margin:0 0 5px 0;
	}

.campaign .info_bk ul .jk{
	width:110px;
	height:157px;
	/* background-color:#999; */
	float:left;
	margin:0 15px 45px 0;
	}	
	
.campaign .info_bk ul .btn{
	text-align:right;
	margin:10px 0 0 0;
	}	

.campaign .info_bk ul .comment{
	clear:both;
	overflow:hidden;
	margin:0px 10px;
	/* line-height:1.2; */
	}	

/*tableスタイル*/
.ff_info{
	width:100%;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.ff_info th{
	width: 25%;
	padding: 4px;
	text-align: left;
	vertical-align: top;
	color: #333;
	font-weight: bold;
	font-size: 17px;
	background-color: #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.ff_info td{
	padding: 8px;
	background-color: #fafafa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.arrow_to_top{
	padding: 3px;
	text-align: right;
}