@charset "UTF-8";
/* CSS Document */

/* ************************************************ */
/*                      コンテンツ                      */
/* ************************************************ */


/*
	#mv
=================== */
#mv {	background: url(../img/bg_mv.png) center top no-repeat;}
#mv .layout {
	margin: 0 auto;
	position: relative;
	width: 940px;
	height: 455px;
}
#mv h1 {
	position: absolute;
	top: 61px;
	left: 420px;
}
#mv .logo {
	position: absolute;
	top: 9px;
	left: -50px;
}
#mv .smile {
	position: absolute;
	top: 133px;
	left: 119px;
}
#mv .goods {
	position: absolute;
	top: 279px;
	left: 869px;
}
#mv .sns {
	position: absolute;
	top: 10px;
	left: 683px;
	width: 320px;
	height: 30px;
	font-size: 0;
}
#mv .sns li {	float: left;}
#mv .sns li.fb {	width: 114px;}
#mv .sns li.tw {	width: 110px;}
#mv .sns li.ln {	width: 94px;}


/*
	#trouble
=================== */
#trouble {	background: url(../img/bg_troubl.png) left top no-repeat;}
#trouble .layout {
	margin: 0 auto;
	position: relative;
	width: 940px;
	height: 342px;
}
#trouble h2 {
	position: absolute;
	top: 0;
	left: 51px;
}
#trouble p {
	position: absolute;
	top: 71px;
	left: -83px;
}
#trouble .check {
	position: absolute;
	top: 0;
	left: 658px;
	width: 332px;
	height: 297px;
	background: url(../img/bg_trouble_check.png) left top no-repeat;
}
#trouble .check h3 {
	position: absolute;
	top: 63px;
	left: 23px;
}
#trouble .check .btn {
	display: block;
	position: absolute;
	top: 140px;
	left: 26px;
}

/* 20151030 add */
.banner_mama{
	padding: 8px 0;
	text-align: center;
	background: url(../img/banner_mama_bg.png) center top repeat-y;
}


/*
	#solution
=================== */
#solution {
	margin: 0 auto 80px;
	width: 940px;
}

/* .section */
#solution .section {	margin-bottom: 53px;}
#solution .section .layout {
	padding-top: 20px;
	position: relative;
	background: url(../img/bg_solution_section.png) left bottom no-repeat;
}
#solution .section .layout .desc {
	line-height: 1.75;
	color: #745e4b;
	font-size: 16px;
}
#solution .section .layout .image {
	position: absolute;
	top: 21px;
	left: 34px;
	-moz-box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;
}
#solution .society img:hover {	opacity: 0.7;}

/* .sl */
#solution .sl .layout {	height: 463px;}
#solution .sl .layout h4 {
	position: absolute;
	top: 21px;
	left: 382px;
}
#solution .sl .layout .desc {
	position: absolute;
	top: 95px;
	left: 386px;
	width: 522px;
	height: 79px;
}
#solution .sl .layout .recommend {
	position: absolute;
	top: 174px;
	left: 383px;
}
#solution .sl .layout .society {
	position: absolute;
	top: 337px;
	left: 470px;
}
#solution .sl .layout .links {
	position: absolute;
	top: 380px;
	left: 32px;
	width: 490px;
	font-size: 0;
}
#solution .sl .layout .links li {
	margin: 0 4px 2px 0;
	float: left;
	width: 175px;
}
#solution .sl .layout .links li.soukai {	clear: both;}
#solution .sl .layout .links li.brand {
	padding: 7px 0 0 3px;
	width: 122px;
}


/* .socks */
#solution .socks {	margin-bottom: 21px;}
#solution .socks .layout {	height: 434px;}
#solution .socks .layout h4 {
	position: absolute;
	top: 20px;
	left: 382px;
}
#solution .socks .layout .desc {
	position: absolute;
	top: 94px;
	left: 385px;
	width: 521px;
	height: 77px;
}
#solution .socks .layout .recommend {
	position: absolute;
	top: 177px;
	left: 379px;
}
#solution .socks .layout .society {
	position: absolute;
	top: 322px;
	left: 458px;
}
#solution .socks .layout .links {
	position: absolute;
	top: 343px;
	left: 32px;
	width: 360px;
	font-size: 0;
}
#solution .socks .layout .links li {
	margin: 0 4px 2px 0;
	float: left;
	width: 175px;
}
#solution .socks .layout .links li.brand {
	padding: 7px 0 0 3px;
	width: 130px;
}

/* .mag */
#solution .mag {	margin-bottom: 18px;}
#solution .mag .layout {	height: 502px;}
#solution .mag .layout h4 {
	position: absolute;
	top: 20px;
	left: 383px;
}
#solution .mag .layout .desc {
	position: absolute;
	top: 93px;
	left: 385px;
	width: 521px;
	height: 122px;
}
#solution .mag .layout .recommend {
	position: absolute;
	top: 215px;
	left: 383px;
}
#solution .mag .layout .society {
	position: absolute;
	top: 348px;
	left: 458px;
}
#solution .mag .layout .links {
	position: absolute;
	top: 384px;
	left: 32px;
	width: 360px;
	font-size: 0;
}
#solution .mag .layout .links li {
	margin: 0 4px 2px 0;
	float: left;
	width: 175px;
}
#solution .mag .layout .links li.brand {
	padding: 7px 0 0 3px;
	width: 130px;
}
#solution .mag .layout .detail {
	position: absolute;
	top: 478px;
	left: 28px;
}

/* .refle */
#solution .refle {	margin-bottom: 18px;}
#solution .refle .layout {	height: 495px;}
#solution .refle .layout h4 {
	position: absolute;
	top: 20px;
	left: 383px;
}
#solution .refle .layout .desc {
	position: absolute;
	top: 92px;
	left: 385px;
	width: 522px;
	height: 140px;
}
#solution .refle .layout .recommend {
	position: absolute;
	top: 231px;
	left: 385px;
}
#solution .refle .layout .society {
	position: absolute;
	top: 374px;
	left: 478px;
}
#solution .refle .layout .links {
	position: absolute;
	top: 408px;
	left: 32px;
	width: 360px;
	font-size: 0;
}
#solution .refle .layout .links li {
	margin: 0 4px 2px 0;
	float: left;
	width: 175px;
}
#solution .refle .layout .links li.brand {
	padding: 7px 0 0 3px;
	width: 130px;
}

/* .shorts */
#solution .shorts {	margin-bottom: 0;}
#solution .shorts .layout {	height: 484px;}
#solution .shorts .layout h4 {
	position: absolute;
	top: 20px;
	left: 383px;
}
#solution .shorts .layout .desc {
	position: absolute;
	top: 92px;
	left: 386px;
	width: 521px;
	height: 119px;
}
#solution .shorts .layout .recommend {
	position: absolute;
	top: 211px;
	left: 387px;
}
#solution .shorts .layout .society {
	position: absolute;
	top: 364px;
	left: 482px;
}
#solution .shorts .layout .links {
	position: absolute;
	top: 396px;
	left: 32px;
	width: 360px;
	font-size: 0;
}
#solution .shorts .layout .links li {
	margin: 0 4px 2px 0;
	float: left;
	width: 175px;
}
#solution .shorts .layout .links li.brand {
	padding: 7px 0 0 3px;
	width: 130px;
}


/*
	.forTop
=================== */
.forTop {
	margin: 0 auto 32px;
	width: 1040px;
	text-align: right;
}