header {
	position: fixed;
	margin:0 auto;
	padding:10px 0 0;
	width:100%;
	background:url(../../images/header_bg.png) repeat;}

#haed_inner {
	margin:0 auto;
	display:table;}


/* ------------------------------
	
	share

------------------------------ */
#share {
	padding:0 10px;
	width:90px;
	display:table-cell;}

#share li {
	width:40px;
	display:inline-block;}


/* ============================

	clearfix
	
============================ */
#wrap .clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;}
	
 /* IE6 */
* html #wrap .clearfix { zoom: 1;}

 /* IE7 */
*:first-child+html #wrap .clearfix { zoom: 1;}



/* ------------------------------
	
	h

------------------------------ */
h1 {
	margin:0;
	padding:0 10px;
	width:94px;
	display:table-cell;}

#wrap h2{
	margin:0 auto;
	text-align:center;}

#wrap h3{
	margin:50px 10px 0;
	padding:2px 5px;
	widows:750px;
	color:#FFFFFF;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	background-color:#FF3300;}

#wrap h4{
	margin:0 0 5px;
	height:auto;
	padding-left:35px;
	color:#ff78a5;
	font-weight:bold;
	background:url(../../images/award_2016_letter.png) left center no-repeat;}



/* ------------------------------
	
	wrap

------------------------------ */
#wrap {
	margin:0 auto;
	padding:80px 0 0;
	font-size:16px;}

#wrap .cooperation{
	margin:5px 0 0;
	font-size:11px;
	text-align:right;}


/* ============================

	caption
	
============================ */
#wrap .caption{
	width:965px;
	margin:20px auto;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #FF3300;}

/* --- p --- */
#wrap .cap_tx{
	margin:0;
	letter-spacing:0.1em;
	line-height:1.5em;
	text-align:left;}
	
#wrap .cap_tx2{
	margin:10px 0 0;
	font-size:14px;
	text-align:right;}


/* ============================

	tab
	
============================ */
#tab{
	margin:0 auto;
	width:960px;
	list-style-type:none;
	overflow:hidden;}

#tab li{
	margin:0 10px 0 0;
	padding:5px 0;
	width:81px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border:1px #FF9900 solid;
	border-bottom:none;
	cursor:pointer;
	float:left;}
	
#tab li:hover{
	color:#FFFFFF;
	background-color:#FF9900;}

#tab .active{
	color:#FFFFFF;
	background-color:#FF9900;}

 .disnon{
	 display: none;}


/* ============================

	author_list
	
============================ */
#wrap .author_list{
	margin:10px auto;
	padding-left:1.5em;
	width:960px;
	list-style-type:none;
	overflow:hidden;}

#wrap .author_list li{
	width:182px;
	margin-right:10px;
	line-height:1.8em;
	letter-spacing:0.1em;
	float:left;}


/* ============================

	column
	
============================ */
#wrap .column{
	width:960px;
	margin:0 auto;
	border:2px solid #FF9900;
	padding:5px;}

#wrap .inner{
	width:910px;
	margin:10px auto;
	overflow:hidden;}

/* --- dl.book_list --- */
#wrap .book_list{
	margin:0 auto;
	width:455px;
	float:left;
	overflow:hidden;}

#wrap .book_list dt{
	margin:0;
	width:180px;
	text-align:center;
	float:left;}

#wrap .book_list dd{
	width:275px;
	margin:0;
	float:left;}

#wrap .book_list dd > ul{
	margin:5px 5px 0;
	list-style-type:none;}

/* --- p --- */
#wrap .con_title{
	margin:0 5px;
	font-weight:bold;}

#wrap .comment{
	margin:10px auto 0;
	padding:5px;
	width:910px;
	font-size:14px;
	line-height:1.5em;
	background-color:#FFC;}

#wrap .PageTop{
	margin:10px 5px 20px;
	font-size:12px;
	text-align:right;
	letter-spacing:0.1em;}