@charset "UTF-8";
/* ******************************************************************

	--home.css--

	1. Layout setting

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/

#pagewrap {
	width:100%;
}

#pageHome {
	background-color:#fdeeac;
	max-width:640px;
}
#box01 {
	position:relative;
}
#navi {
	position:relative;
	max-width:640px;
}
.pagetop{
	margin:auto;
	overflow:hidden;
	display:block;
}

.pagetop2{
	margin-top:10px
}

.koushin{
	position:relative;
	max-width:640px;
	width:auto;
	height:70px;
}

.koushinbox{
	font-size: 0.8rem;
	color: #FFF;
	font-weight: normal;
	line-height: 16px;
	position: absolute;
	width: 90%;
	top: 5px;
	left: 11px;
	margin: 10px 10px 10px 10px;
}

.imgs{
	position:relative;
	width:100%;
	height:70px;
}

#tabwrap{
	position:relative;
	display:block;
}

.tabbox{
	position:absolute;
																																																																															top:1%;																																																																																width:95%;																																																																											margin-left:2.5%;
																																																																																}
																																																																																
.tableft{
	float: left;
	width:25%;
}

.tabright{
	float: right;
	width:25%;
}

#headwrap{
	position:relative;
	display:block;
}

.headbox{
	position:absolute;
																																																																															top:0;																																																																																width:100%;
																																																																																}
																																																																																
.headleft{
	float: left;
	width:17%;
}

.headright{
	float: right;
	width:83%;
}

.carousel01 {
	width:380px;
	background:url("../img/example/img_example06.png") no-repeat;
	position:absolute;
}

.carousel01 ul {
}
.carousel01 li {
	float:left;
	margin:0 7px;
	padding:34px 53px 20px 54px;
}
.carousel01 li img {
}
.carousel01Pager {
	padding-top:17px;
}
.carousel01Pager a {
	position:relative;
	display:inline-block;
	margin:0 6px 0 3px;
	border:1px solid #A2A2A2;
}
.carousel01Pager a.selected span,
.carousel01Pager a:hover span {
	position:absolute;
	left:0;
	top:0;
	width:52px;
	height:63px;
	background:#000;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	opacity:0.5;
}

.moveob{
	position:relative;
}
