@charset "utf-8";
@import "base.css";


/*layout*/
body{
	text-align:center;
	background-color:#D5B445;
}

#wrapper{
	width:746px;
	text-align:left;
	margin:0 auto;
	background-color:#fff;
}
#header{
	width:706px;
	padding:20px;
	position:relative;
}
* html #header{width:746px;}
#header a{
	position:absolute;
	right:20px;
}
.close-btn{top:20;}
.print-text{
	font-size:12px;
	font-weight:bold;
	margin-left:15px;
	top:45px;
}
#kanban{text-align:center;}
#main-contents .date{
	border:0;
	text-align:right;
	font-size:12px;
	margin-bottom:20px;
}
#main-contents{
	width:706px;
	padding:20px;
}
* html #main-contents{width:746px;}
#footer{
	background-color:#E9528E;
	color:#fff;
	font-size:12px;
	padding:5px 0;
	text-align:center;
}


/*記事内装飾*/
#main-contents h1{
	font-size: 1.5em;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
}
#main-contents h4{
	background: url(/common/images/zai/v1/article/midashi.gif) repeat-y left 0;
	padding:2px 0  2px 25px;
	font-size:1.1em;
	margin-bottom:25px;
}
#main-contents p{
	font-size:100%;
	line-height:1.6em;
	margin-bottom:25px;
}
#main-contents #next-info{text-align:center; margin-bottom:30px;}
#main-contents #next-info p{
	padding:10px 15px;
	border:solid 1px #804a22;
	background-color:#f3eccd;
	margin:0 auto;
	clear:both;
}
#main-contents #next-info p span{color:#804a22;}
#main-contents #next-info p a{color:#000;}
#main-contents #next-info p a:hover{color:#003366;}

/* クレジットとクレジットの注釈 */
.credit{
  clear:both;
  width:100%;
  font-size:0.8em;
  font-weight:bold;
}

#main-contents .figure{
  float:right;
  margin:0px 0px 10px 10px;
  padding:0px;
  font-size:12px;
  line-height:18px;
  border:0;
  background-color:#eee;
}
#main-contents .figure span{
  padding:5px;
  display:block;
}
.central{
  text-align:center!important;
  clear:both;
}
.figure-center{
  text-align: left;
  margin:0 auto 10px auto;
  padding:0px;
  border:0;
  background-color:#eee;
  font-size:12px;
  line-height:18px;
}
#main-contents .figure-center span{
  padding:5px;
  display:block;
}
#main-contents .figure-left{
  float:left;
  margin:0 10px 10px 0;
  padding:0px;
  border:0;
  background-color:#eee;
  font-size:12px;
  line-height:18px;
}
#main-contents .figure-left span{
  padding:5px;
  display:block;
}


/*
********************************************
▼floatをクリアするためのCSS▼
********************************************
 */
 
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
