@charset "utf-8";

div#contents .titleArea{
	width:880px;
	margin:0 auto;
	position: relative;
}

/* ==========================================================================
 titleBar
=========================================================================== */

div#contents .titleBar{
	margin:20px auto 16px auto;
	width:880px;
	position: relative;
}

div#contents .socialArea {
	position: absolute;
	top: 14px;
	right: 70px;
	z-index:100;
}
div#contents .titleBar p{
	margin:0;
	padding:0.5em 0 0 1.5em;
}

/* ==========================================================================
 itemlist
=========================================================================== */

.beinglist{
	width:880px;
	margin:20px auto 15px auto;
}

ul.itemlist {
	width:910px;
	margin:0 0 0 -20px !important;
	padding:0;
	list-style-type: none;
}

ul.itemlist li {
	float: left;
	margin: 0;
	padding:0 0 15px 20px;
	position:relative;
}

.itemlist li .fb_btn{
	position: absolute;
	left: 185px;
	bottom: 25px;
}
ul.itemlist li.item01 ul,
ul.itemlist li.item02 ul,
ul.itemlist li.item03 ul,
ul.itemlist li.item04 ul{
	padding-left:8px;
}
ul.itemlist li.item01 li,
ul.itemlist li.item02 li,
ul.itemlist li.item03 li,
ul.itemlist li.item04 li{
	float: left;
	margin: 0;
	padding:0 0 0 12px;
	position:relative;
}

.itemlist li.item01 .btnBlock{
	position: absolute;
	left: 20px;
	top: 226px;
}
.itemlist li.item02 .btnBlock{
	position: absolute;
	left: 20px;
	top: 226px;
}
.itemlist li.item03 .btnBlock{
	position: absolute;
	left: 20px;
	top: 226px;
}
.itemlist li.item04 .btnBlock{
	position: absolute;
	left: 20px;
	top: 226px;
}




/* ==========================================================================
 presentArea
=========================================================================== */

.inner .presentArea{
	width:880px;
	margin:0 auto 20px auto;
}
.inner h4{
	margin-bottom:15px !important;
	text-align:center;
}

.inner .presentArea ul{
	width:880px;
	margin:0 auto;
}
.inner .presentArea ul li{
	float:left;
}
.inner .presentArea ul li.pl10{
	padding-left:10px;
}

/* ==========================================================================
 bnrArea
=========================================================================== */

.inner .bannerBlock{
	width:880px;
	margin:10px auto 30px !important;
	padding:0 !important;
}

/* ==========================================================================
 btnarea
=========================================================================== */

.btnarea{
	background:url(../images/default_btn_bg_top.gif) no-repeat left top;
	width:880px;
	padding-top:17px;
	margin:0 auto;
}
.btnarea_inner{
	background:url(../images/default_btn_bg_bottom.gif) no-repeat left bottom;
	width:880px;
	padding-bottom:17px;
}
.btnarea_inner2{
	background:url(../images/default_btn_bg_body.gif) repeat-y left top;
	width:861px;
	padding-left:19px;
}
.btnarea .end{
	padding:0px !important;
}
.btnarea span,.tabarea_btnset span{color:#cccccc;}
.btnarea img{
	display: inline !important;  
    vertical-align: middle !important;
}
.btnarea dt,.btnarea dd{
	padding-bottom:10px;
}
.btnAreaFrame{
	width:880px;
	padding:0;
	background:url(../images/default_btn_bg_body.gif) repeat-y left top;
}