@charset "UTF-8";

#wrapper {
	background:url(../images/top/bg_wrap.jpg) no-repeat center top;
}
#header .hinner {
	height:auto;
}
#header .mttl {
	width:1000px;
	margin:0 auto;
	padding:185px 0 179px;
}
.inner {
	width:1000px;
}

/* .serviceSet */
.serviceSet {
	background:url(../images/top/bg_services.jpg) no-repeat center top;
    background-size: cover;
	padding-bottom:18px;
}
.serviceSet .ttl01 {
	text-align:center;
	padding-bottom:47px;
}

/* .worksSet */
.worksSet {
	background:url(../images/top/bg_works.jpg) no-repeat center top;
	padding-bottom:65px;
}
.worksSet .ttl01 {
	text-align:center;
	padding-bottom:23px;
}
.worksSet .title {
	text-align:center;
	padding-bottom:31px;
}
.worksSet ul {
	width:960px;
	margin:0 auto;
	clear:both;
	padding-bottom:12px;
}
.worksSet ul li {
	width:200px;
	float:left;
	padding:0 20px 25px;
}
.worksSet ul li img {
	width:200px;
	height: auto;
}
.worksSet ul li .tit {
	font-size:14px;
	font-weight:bold;
	color:#8a6239;
	border-bottom:#808080 1px dotted;
	padding:9px 0 3px;
}
.worksSet ul li .txt {
	padding:8px 0;
	line-height:1.3;
}

/* .jiinSet */
.jiinSet {
	background:url(../images/top/bg_jiin.jpg) no-repeat center top;
	padding:99px 0 72px;
}
.jiinSet .ttl01 {
	float:left;
	padding:0 0 0 30px;
}
.jiinSet .txt {
	width:666px;
	float:right;
	line-height:1.9;
}

/* .voiceSet */
.voiceSet {
	background:url(../images/top/bg_voice.jpg) no-repeat center top;
	padding-bottom:84px;
}
.voiceSet .ttl01 {
	text-align:center;
	padding-bottom:22px;
}
.voiceSet .title {
	text-align:center;
	padding-bottom:18px;
}
.voiceSet .photos {
	float:left;
	padding:0 0 0 47px;
}
.voiceSet .txt {
	width:415px;
	float:right;
	line-height:1.8;
	color:#231815;
	padding:8px 0 128px;
}
.voiceSet .links {
	text-align:left;
	padding:0 0 0 25px;
	/*float:left;*/
	text-align: center;
}

/* .topArea */
.topArea {
	background:url(../images/top/bg_blog.jpg) no-repeat center top;
	padding-bottom:28px;
}
.topArea .ttl01 {
	text-align:center;
	padding-bottom:12px;
}
.blogSet {
	width:280px;
	float:left;
	padding:0 20px;
}
.blogSet ul {
	width:100%;
	clear:both;
	margin-top:-11px;
	padding-bottom:12px;
}
.blogSet li {
	border-bottom:#808080 1px dotted;
}
.blogSet li a {
	width:100%;
	padding:11px 0;
	display:table;
	color:#000;
}
.blogSet li p {
	width:110px;
	display:table-cell;
	vertical-align:middle;
}
.blogSet li p img {
	width:80px;
	height: auto;
}
.blogSet .links {
	text-align:left;
}
.blogSet .links a {
	background:url(../common/images/ico04.gif) no-repeat right center;
	padding:0 18px 0 0;
}
.blogSet li div {
	width:170px;
	display:table-cell;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
}
.blogSet li div .dates {
	display:block;
	color:#8a6239;
}
.facebookSet {
	width:280px;
	float:left;
	padding:0 45px 0 25px;
}
.facebookSet div {
	width:240px;
	height:340px;
	margin:0 auto;
}
.twitterSet {
	width:280px;
	float:left;
}
.twitterSet div {
	width:240px;
	height:340px;
	margin:0 auto;
}




/* .tvcmSet */
.tvcmSet {
	background:url(../images/top/bg_tvcm.jpg) no-repeat center top;
	padding-bottom:84px;
}
.tvcmSet .ttl01 {
	text-align:center;
	padding-bottom:30px;
	
}
.movie {
    text-align: center;
    padding: 0 1% 30px 1%;
	width: 30%;
	display: inline-block;
}

/*インスタ*/
.instabox {
	padding:0 0 20px 0;
}
.instabox ul{
	padding: 0 0 0px 0;
}
.instabox li{
	display: inline-block;
	padding: 10px;
	width: 180px;
}
.instabox li img{
	width: 100%;
}

