@charset "UTF-8";

/***************************************
*
*	1. index
*	2. blog
*	3. page
*	4. contact
*
***************************************/

/* 1.  index*/
/* ------------------------------------------------------------------------------------ */
#TopContentsWrap{
}
#HiddenContents{
	border-bottom:#E7E7E7 solid 1px;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

#HiddenContents .hidden-box{
	margin-bottom: 30px;
	display: none;
}
#HiddenContents .hidden-box.cur{
	display: block;
}
#HiddenContents .hidden-img{
	float: left;
	width: 400p;
	overflow: hidden;
	border: 4px solid #333;
}
#HiddenContents .hidden-text{
	margin-left: 440px;
}
#HiddenContents .hidden-text h5{
	font-weight: bold;
	font-size: 110%;
	color: #333;
	margin-bottom: 10px;
}
.btn-hidden-box-close a{
	display:block;
	background:url(../img/index/btnClose.png) no-repeat;
	width:57px;
	height:10px;
	text-indent:-9999px;
	overflow:hidden;
	float: right;
}
#TopContentsThumb{
	border-bottom:#E7E7E7 solid 1px;
	padding: 20px 0 30px;
	position:relative;
	margin-bottom: 30px;
}
#TopContentsThumb li{
	background: none;
	padding: 0;
	margin-right:20px;
	margin-bottom:20px;
	width: 300px;
	overflow: hidden;
	float: left;
	cursor: pointer;
}
.news{
	width: 450px;
	float: left;
}
.news h2{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 7px;
	background: url(../img/common/ico_01.png) no-repeat 0 50%;
	padding-left: 16px;
}
.news li .date{
	margin-right: 4px;
}

/* 2.  blog*/
/* ------------------------------------------------------------------------------------ */
div.blog-description{
	margin: 0 0 30px;
}
div.post{
	margin: 0 0 30px;
}
.post .contents-head,
#BlogComment .contents-head{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 7px;

}
.meta{
	border: 1px solid #e7e7e7;
}
.submit{
	text-align: center;
}
.pagination {
	text-align: center;
}
.pagination .disabled {
	display:none;
}
.page-numbers {
	text-align:right;
}
.pagination .number,
.pagination .prev,
.pagination .next,
.pagination .current{
	padding:5px 8px;
	border:1px solid #e2e2e2;
	margin:0 2px;
	text-decoration: none;
}
.pagination .current {
	background-color: #efefef;
}
.pagination a:hover{
	background-color: #999;
	color:#fff;
}

/* 3.  page*/
/* ------------------------------------------------------------------------------------ */

/* 4.  contact*/
/* ------------------------------------------------------------------------------------ */