/*
6px 	0.5em 	50% 
7px 	0.583em 	58.3% 
8px 	0.667em 	66.7% 	
9px 	0.75em 	75% 	
10px 	0.833em 	83.3% 	
11px 	0.917em 	91.7% 	
12px 	1em 		100% 	
13px 	1.083em 	108.3% 	
14px 	1.167em 	116.7% 	
15px 	1.25em 		125% 	
16px 	1.333em 	133.3% 	
17px 	1.417em 	141.7% 	
18px 	1.5em 		150% 	
19px 	1.583em 	158.3% 	
20px 	1.667em 	166.7% 	
21px 	1.75em 		175% 	
22px 	1.833em 	183.3% 	
23px 	1.917em 	191.7% 	
24px 	2em 		200% 	
25px 	2.083em 	208.3% 	
26px 	2.167em 	216.7% 	
27px 	2.25em 	225% 	
28px 	2.333em 	233.3% 	
29px 	2.417em 	241.7% 	
30px 	2.5em 	250% 	
31px 	2.583em 	258.3% 	
32px 	2.667em 	266.7% 	
33px 	2.75em 	275% 	
34px 	2.833em 	283.3% 	
35px 	2.917em 	291.7% 	
36px 	3em 		300% 
*/



/**
*
*	common properties
*
**/

html {-webkit-text-size-adjust: none;}

body{
	background-color: #fff;
	color: #333;
	margin: 0;
	padding: 0;
}

img, a{
	border: none;
	outline: none;
}

label{
	cursor: pointer;
}

p {
	line-height: 1.6em;
}

.no-scroll {
	overflow: hidden;
}

.clearfix:after {
	content:"";
	display:block;
	clear:both;
}

ol, ul{list-style: none;}

a:link,
a:visited{
	color: #000000;
	text-decoration: none;
}

a:hover,
a:active{
	text-decoration: underline;
}

img {
	vertical-align: bottom;
}

.mincho {
	
}

.tac {
	text-align: center;
}

.fcr {
	color: #ff0000;
}

.fwb {
	font-weight: bold;
}

.hidden-elem {
	display: none;
}

.sp-elem {
	display: none;
}

.sp-il-elem {
	display: none;
}

.table {
	display: table;
}

.table-row {
	display: table-row
}

.table-cell {
	display: table-cell;
}

.inactive {
	opacity: 0.5;
}

.col-wrapper:after {
	content:"";
	display:block;
	clear:both;
}

.col-wrapper .left {
	float: left;
}

.col-wrapper .right {
	float: right;
}

#hidden-contents {
	display: none;
}

.modal-hidden-contents {
	display: none;
}

#modal-base-layer{
	background: #000;
	color: #000;	
	display: none;
	position: fixed;
	_position: absolute;
	top:0px;
	right:0px;
	width: 100%;
	height: 100px;	
	z-index: 9900;
	text-align: center;
}

#modal-contents-layer {
	display: none;
	overflow-y: scroll;
    position: fixed;
	top:0;
	left:0;
	text-align: center;
	width: 100%;	
	z-index: 9901;
}

#modal-contents-layer #modal-iscroll-container-inner {
	overflow: hidden;
}

#wrapper {
	text-align: center;
	min-width: 1200px;
}

.recall-notification {
	margin: 20px auto;
}

#products #body-soap-section .recall-notification {
	margin-top: -30px;
	margin-bottom: 30px;
}

#product-detail .recall-notification {
	margin-top: -30px;
	margin-bottom: 40px;
}

.recall-notification a:hover,
.recall-notification a:active {
	opacity: 0.7;
}


/**
*
*	modules
*
**/

#trunk {
	padding-top: 0;
	overflow: hidden;
}



/**
*
*	product-detail
*
**/

#product-detail .end-note {
	color: #ff0000;
	font-size: 133.3%;
	text-align: center;
	margin-bottom: 60px;
}

#product-detail .end-note a:link,
#product-detail .end-note a:visited{
	color: #ff0000;	
	text-decoration: underline;
}

#product-detail .products__title__wrap{
	max-width: 1200px;
	margin:51px auto 64px;
	padding:0 20px;
}
#product-detail .products__title{
	padding:15px 0;
	text-align:center;
	background:#9bbbeb;
	color:#fff;
}
#product-detail .products__title h2{
	
	font-size:32px;
	font-weight:normal;
	letter-spacing:3px;
	line-height: 1.5;
}
#product-detail .products__title p{
	padding-top:15px;
	
	font-size:20px;
	letter-spacing:3px;
	line-height: 1.5;
}

#product-detail #page-header-section .product-category-name {
	padding: 40px 0 0 30px;
}

#product-detail #page-header-section .product-category-copy {
	position: absolute;
	right: 30px;
	top: 40px;
}

#product-detail #contents-section {
	margin: 0 auto;
	width: 1200px;
}

#product-detail #contents-section #main {
	float: left;
	margin-left: 70px;
	text-align: left;
	width: 800px;
}

#product-detail #main .product-images {
	float: left;
	width: 268px;
}

#product-detail #main .product-main-images {
	margin-bottom: 60px;
}

#product-detail #main .product-main-images .exception-01 {
	margin-left: -52px;
}

#product-detail #main .product-images .exception-02 {
	margin-left: -46px;
	width: 372px;
}

#product-detail #main .product-main-images li {
	display: none;
}

#product-detail #main .product-main-images li.first {
	display: block;
}

#product-detail #main .other-product-images li {
	float: left;
}

#product-detail #main .other-product-images li .product-image {
	cursor: pointer;
}

#product-detail #main .product-images .banner {
	margin-top: 30px;
	margin-left: -20px;
}

#product-detail.body-oil-essence-n #main .other-product-images li .product-image {
	cursor: default;
}

#product-detail #main .other-product-images li .product-image-description {
	font-size: 83.3%;
	margin-top: 15px;
	text-align: center;
}

#product-detail #main .product-info {
	color: #2c3684;
	float: right;
	width: 465px;
}

#product-detail #main .product-info .icon-new {
	margin-bottom: 15px;
}

#product-detail #main .product-info .icon-new img {
	display: inline-block;
	margin-right: 6px;
	margin-bottom: 10px;
	vertical-align: middle;
}

#product-detail #main .product-info .product-effects {
	color: #ec008c;
	font-size: 120%;
	margin-bottom: 20px;
}

#product-detail #main .product-info .product-categories {
	margin-bottom: 14px;
}

#product-detail #main .product-info .product-categories li {
	float: left;
	margin-right: 10px;
}

#product-detail #main .product-info .product-categories li.last {
	margin-right: 0;
}

#product-detail #main .product-info .product-name {
	font-size: 200%;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 25px;
}

#product-detail.perfect-gel-morning-protect #main .product-info .product-name {
	margin-bottom: 10px;
}

#product-detail #main .product-info .product-name-whitening {
	background: url(../../img/pc/products/detail/category_label_06.png) no-repeat left top;
	line-height: 1em;
	padding-left: 22px;
}

#product-detail #main .product-info .product-name-whitening .caption {
	font-size: 58.3%;
}

#product-detail #main .product-info .product-name .product-category-label {
	padding-left: 12px;
	position: relative;
	top: 5px;
}

#product-detail #main .product-info .product-name .product-category-label img {
	vertical-align: top;
}

#product-detail #main .product-info .product-name .product-category-label-01 {
	padding-left: 0;
}

#product-detail #main .product-info .lead-01 {
	font-size: 116.7%;
	line-height: 2.2em;
	margin-bottom: 25px;
}
#product-detail #main .product-info .lead-01 sup {
	font-size: 83.3%;
	position: relative;
	top: -0.2em;
}

#product-detail #main .product-info .product-parameter-01 {
	margin-bottom: 18px;
}

#product-detail #main .product-info .text-01 {
	line-height: 1.8em;
	margin-bottom: 25px;
}
#product-detail #main .product-info .text-02 {
	line-height: 1.8em;
	margin-top: 25px;
}
#product-detail #main .product-info .text-03 {
	line-height: 1.8em;
	margin-top: 35px;
}

#product-detail #main .product-info .text-01 sup {
	font-size: 83.3%;
	position: relative;
	top: -0.2em;
}

#product-detail #main .product-info .features-01 {
	line-height: 1.8em;
	margin-bottom: 25px;
	margin-left: 1em;
}

#product-detail #main .product-info .features-01 li:before {
	content: "●";
}

#product-detail #main .product-info .features-01 li {
	text-indent: -1em;
}

#product-detail #main .product-info .features-01 li .underline {
	border-bottom: 1px solid #2c3684;
}

#product-detail #main .product-info .features-01 sup {
	font-size: 83.3%;
	position: relative;
	top: -0.2em;
}

#product-detail #main .product-info dl dt {
	margin-bottom: 5px;
}

#product-detail #main .product-info .banners {
	margin-top: 35px;
}
#product-detail #main .product-info .banners img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: auto;
}

#product-detail #main .product-info .btn-online-shop {
	margin-top: 50px;
}

#product-detail #main .product-info .btn-related-video {
	margin-top: 10px;
}

#product-detail #main .product-info .note-01 {
	line-height: 1.6em;
}

#product-detail #main .product-info .note-02 {
	margin-top: 25px;
	line-height: 1.6em;
}

#product-detail #main .product-info .note-03 li {
	margin-top: 10px;
	padding-left: 14px;
	line-height: 1.6em;
	list-style: none outside;
	position: relative;
}
#product-detail #main .product-info .note-03 span {
	position: absolute;
	top: 0;
	left: 0;
}
#product-detail #main .product-info .note-03 img {
	display: block;
}

#product-detail #main .cleansing-point {
	margin: 45px auto -30px;
	padding: 15px;
	border: 1px solid #c3dff4;
	border-radius: 10px;
}
#product-detail #main .cleansing-point h3 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
#product-detail #main .cleansing-point p {
	margin-top: 10px;
	line-height: 1.6em;
}

#product-detail .figure_moisture{
	margin-top:30px;
}
#product-detail .figure_moisture img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: auto;
}
#product-detail #main .package_release{
	display: inline-block;
	padding:15px 30px;
	margin-top:40px;
	border:solid 1px #c3dff4;
	border-radius:8px;
}

#product-detail #main .product-description {
	margin-top: 50px;
}

#product-detail #main .product-description .description {
	margin-bottom: 60px;
}

#product-detail #main .product-description .description {
	margin-bottom: 60px;
}

#product-detail #main .product-description .description-title {
	color: #2c3684;
	font-size: 133.3%;
	margin-bottom: 8px;
}

#product-detail #main .product-description .description-subtitle {
	color: #2c3684;
	font-size: 116.7%;	
	font-weight: bold;
	margin-bottom: 8px;
}

#product-detail #main .product-description .caption-01 {
	font-size: 116.7%;	
	margin-bottom: 2em;
}

#product-detail #main .product-description .cautions-01 {
	font-size: 116.7%;
	margin-bottom: 2em;	
	margin-left: 1em;
	line-height: 1.6em;	
}

#product-detail #main .product-description .cautions-01 li {
	text-indent: -1em;
}

#product-detail #main .product-description .cautions-01 strong {
	font-weight: normal;		
	text-decoration: underline;
}

#product-detail #main .product-description sup {
    vertical-align: super;
    font-size: 62.5%;
}

#product-detail #main .product-description .figure-01 {
	margin-bottom: 40px;
}

#product-detail #main .product-description .footnote {
    line-height: 1.6em;
}

#product-detail.perfect-whip-n #main .product-description .description-02 .right {
	margin-top: 15px;
	margin-right: 100px;
}

#product-detail.perfect-white-clay #main .product-description .description-02 .left {
	width: 530px;
}

#product-detail.perfect-white-clay #main .product-description .description-02 .figure-01 {
	margin: 60px 0;
}

#product-detail.perfect-white-clay #main .product-description .description-02 .right .figure-01 {
	margin-top: 30px;
}

#product-detail.perfect-whip-mask .product-description .steps {
	margin-top: 30px;
}

#product-detail.perfect-whip-mask .product-description .steps li {
	margin-bottom: 50px;
}

#product-detail.perfect-whip-mask .product-description .steps li:last-of-type {
	margin-bottom: 30px;
}

#product-detail.perfect-whip-mask .product-description .steps li .col {
	float: left;
}

#product-detail.perfect-whip-mask .product-description .steps li .col:last-of-type {
	margin-left: 14px;
}

#product-detail.perfect-whip-mask .product-description .steps li p {
	font-size: 116.7%;
}

#product-detail.perfect-whip-mask .product-description .steps li p.note {
	font-size: 100%;
}

#product-detail.perfect-whip-mask .product-description .steps li .index {
	color: #2c3684;
	font-weight: bold;
}

#product-detail.perfect-whip-mask .product-description .steps li .text-01 {
	color: #2c3684;
	font-size: 150%;
	font-weight: bold;
}

#product-detail.perfect-whip-mask .product-description .steps li .text-01 strong {
	color: #ff0000;
}

#product-detail.perfect-whip-mask .product-description .steps li .point {
	position: relative;
	padding-left: 60px;
	margin-top: 15px;
}

#product-detail.perfect-whip-mask .product-description .steps li .point:before {
	position: absolute;
	left: 0;
	top: -2px;
	display: block;
	content: "";
	width: 48px;
	height: 48px;
	background: url(../../img/pc/products/detail/perfect_whip_mask/icon_point.png) left top no-repeat;
}

#product-detail #sidebar {
	float: right;
	margin-right: 32px;
	text-align: left;
	width: 240px;
}

#product-detail #sidebar  #local-nav li.opened {
	background-color: #f7f7f7;
	color: #2c3684;	
	padding: 20px 5px 5px 20px;
	margin-bottom: 12px;
}

#product-detail #sidebar  #local-nav li.opened dt {
	background: url(../../img/pc/products/detail/icon_arrow_01.png) no-repeat left top;
	padding-left: 14px;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 12px;
	margin-bottom: 8px;
}

#product-detail #sidebar  #local-nav li.opened a:link,
#product-detail #sidebar  #local-nav li.opened a:visited {
	color: #2c3684;
}

#product-detail #sidebar  #local-nav li.opened li {
	margin-bottom: 15px;
}

#product-detail #sidebar  #local-nav li.opened li ul {
	margin-top: 7px;
}

#product-detail #sidebar  #local-nav li.opened li span:before {
	background-color: #2c3684;
	display: inline-block;
	margin-right: 5px;
	width: 3px;
	height: 12px;
	content: "";
	vertical-align: bottom;
}

#product-detail #sidebar  #local-nav li.opened li li {
	background: url(../../img/pc/products/detail/icon_arrow_02.png) no-repeat left 6px;
	padding-left: 10px;
	line-height: 1.6em;
	margin-bottom: 7px;
}

#product-detail #sidebar  #local-nav .category{
	margin-bottom: 6px;
}
#product-detail #sidebar  #local-nav .category a{
	display: block;
	padding:6px 16px;
	border:solid 1px #2c3684;
	color: #2c3684;
	font-weight: bold;
	font-size: 116.7%;
}
#product-detail #sidebar  #local-nav .category a:hover{
	border:solid 1px #2a7de2;
	background:#2a7de2;
	color: #fff;
	text-decoration: none;
}



#product-detail.perfect-gel-morning-protect .product-main-images,
#product-detail.perfect-gel-night-renewal .product-main-images {
	margin-left: -28px;
}

#product-detail #buy-box {
	position: relative;
	display: inline-block;
	margin: 0 auto;
}

#product-detail #buy-box .btn-modal-close {
	position: absolute;
	right: 10px;
	top: -100px;
}

#product-detail #buy-box ul li {
	display: inline-block;
	margin: 0 25px;
	font-size: 83.3%;
	vertical-align: top;
}

#product-detail #buy-box ul li a {
	display: block;
	color: #2c3684;
	font-size: 83.3%;
	text-decoration: none;
}

#product-detail #buy-box .btn-modal-close:hover,
#product-detail #buy-box ul li a:hover {
	opacity: 0.7;
	cursor: pointer;
}

#product-detail #buy-box ul li p {
	margin-top: 5px;
}

#product-detail #buy-box.body-oil-essence-n ul li p {
	display: inline-block;
	margin-top: 10px;
	line-height: 1em;
	text-align: left;
}




/**
*
*	tvcm
*
**/

#tvcm .section-inner {
	margin: 0 auto;
	width: 1200px;
}

#tvcm .page-title {
	margin: 50px 0 40px 0;
}

#tvcm #recommendation-section {
	background-color: #292a38;
	color: #fff;
}

#tvcm #recommendation-section .section-inner {
	padding-bottom: 30px;
}

#tvcm #recommendation-section .section-title {
	padding: 20px 0 22px 0;
}

#tvcm #recommendation-section .left {
	padding-left: 64px;
	width: 680px;
}

#tvcm #recommendation-section .left img {
	max-width: 100%;
	height: auto;
}

#tvcm #recommendation-section .right {
	text-align: left;
	width: 424px;
}

#tvcm #recommendation-section .right .table {
	margin-bottom: 20px;
}

#tvcm #recommendation-section .table .table-cell {
	display: table-cell;
	vertical-align: middle;
}

#tvcm #recommendation-section .table .left-col {
	padding-top: 6px;
	padding-left: 8px;
	width: 100px;
	vertical-align: middle;
}

/*
#tvcm #recommendation-section .table .product-name {
	font-size: 133.3%;
	line-height: 1.2em;
	margin-top: 10px;
}
*/

#tvcm #recommendation-section .table .product-name {
	margin-top: 5px;
	line-height: 1.4em;
}

#tvcm #recommendation-section .table .product-name li {
	margin: 2px 0;
}

#tvcm #recommendation-section .section-lead {
	font-size: 225%;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}

#tvcm #recommendation-section .text-01 {
	font-size: 116.7%;
	margin-bottom: 20px;
}

#tvcm #local-nav-wrapper {
	position: relative;	
	width: 100%;
	min-width: 1200px;
	height: 90px;
}

#tvcm #local-nav {
	background-color: #fff;	
	position: absolute;
	left: 0;
	top: 0;	
	width: 100%;
	height: 67px;	
	padding: 23px 0 0 0;
}

#tvcm #local-nav.fixed {
	position: fixed;
	top: 84px;
	min-width: 1200px;
	z-index: 1000;
}

#tvcm #local-nav ul {
	display: inline-block;
	margin-left: -12px;
}

#tvcm #local-nav li {
	float: left;
	margin: 0 19px;
}

#tvcm #ytber-section {
	background-color: #e7e7e7;
}

#tvcm #ytber-section .section-inner {
	padding: 38px 0 40px 0;
}

#tvcm #ytber-section .section-title {
	padding-bottom: 40px;
}

#tvcm #ytber-section .video-group .product-info .product-image {
	width: auto;
}

#tvcm #ytber-section .ytber-name {
	color: #2c3684;
	font-size: 200%;
	font-weight: bold;
}

#tvcm #yt-video-01 .product-name {
	margin-top: 0;
	line-height: 1.2em;
}

#tvcm #yt-video-01 .product-info {
	margin-top: 20px;
   margin-bottom: 15px;
}

#tvcm #yt-video-02 .product-info {
	margin-top: 18px;
   margin-bottom: 15px;
}

#tvcm #yt-video-02 .product-name {
	margin-top: 0;
	margin-bottom: 5px;
	line-height: 1.2em;
}

#tvcm #yt-video-01 .product-name span,
#tvcm #yt-video-01 .product-name ul,
#tvcm #yt-video-02 .product-name span {
	float: left;
	display: block;
}

#tvcm #yt-video-01 .product-name ul {
	margin-top: 8px;
}

#tvcm #yt-video-01 .product-name ul li {
	margin-bottom: 5px;
}

#tvcm #yt-video-01 .product-name span.icon,
#tvcm #yt-video-02 .product-name span.icon {
	padding: 0 20px;
}

#tvcm #yt-video-01 .product-name span.icon {
	margin-top: 23px;
}

#tvcm #cm-section {
	border-bottom: 3px solid #e7e7e7;
}

#tvcm #cm-section .section-inner {
	padding: 95px 0 50px 0;
}

#tvcm #cm-section .section-title {
	padding-bottom: 20px;
}

#tvcm #cm-video-01 .product-name {
	margin-top: 0;
	line-height: 1.2em;
}

#tvcm #cm-video-01 .product-info {
	margin-top: 20px;
    margin-bottom: 15px;
}

#tvcm #cm-video-02 .product-name {
	margin-top: 0;
	margin-bottom: 5px;
	line-height: 1.2em;
}

#tvcm #cm-video-01 .product-name span,
#tvcm #cm-video-02 .product-name span {
	float: left;
	display: block;
}

#tvcm #cm-video-01 .product-name span.icon,
#tvcm #cm-video-02 .product-name span.icon {
	padding: 0 10px;
}

#tvcm #skin-care-section {
	border-bottom: 3px solid #e7e7e7;
}

#tvcm #skin-care-section .section-inner {
	padding: 95px 0 50px 0;
}

#tvcm #skin-care-section .section-title {
	padding-bottom: 40px;
}

#tvcm #skin-care-section .video-group .product-info .product-image {
	width: 135px;
}

#tvcm #skin-care-section .video-group .product-info .product-meta .product-name {
	margin-top: 10px;
}

#tvcm #skin-care-section .video-group .product-info .product-meta .product-name li {
	margin: 4px 0;
}

#tvcm #skin-care-section .lp-banner {
	text-align: center;
	width: 496px;	
}

#tvcm #skin-care-section .lp-banner a {
	display: inline-block;
	margin-top: 200px;
}

#tvcm #rcmd-video-01 .product-name {
	margin-top: 0;
	margin-bottom: 5px;
	line-height: 1.2em;
}

#tvcm #rcmd-video-01 .product-info .product-image {
    float: left;
    width: 70px;
}

#tvcm #rcmd-video-01 .product-name span {
	float: left;
	display: block;
}

#tvcm #rcmd-video-01 .product-name span span {
	float: none;
	display: inline-block;
	margin-bottom: 5px;
}

#tvcm #rcmd-video-01 .product-name span.icon {
	padding: 14px 10px 0 10px;
}

#tvcm .video-wrapper .left {
	margin-left: 64px;
}

#tvcm .video-wrapper .right {
	margin-right: 64px;
}

#tvcm .video-group {
	margin-bottom: 40px;
}

#tvcm .video-group .product-info {
	display: inline-block;
	text-align: left;
}

#tvcm .video-group .product-info .product-image {
	float: left;
	width: 50px;
}

#tvcm .long-item .product-info .product-image {
	width: 40px;
}

#tvcm .fresh-item .product-info .product-image {
	width: 64px;
}
#tvcm .facewash-item .product-info .product-image {
	width: 100px;
}

#tvcm .video-group .product-info .product-meta {
	float: left;
}

#tvcm .video-group .product-info .product-meta .product-name {
	color: #2c3684;
	font-size: 100%;
	margin-top: 20px;
}

#tvcm .fresh-item .product-info .product-meta .product-name {
	margin-top: 5px;
	line-height: 1.4em;
}

#tvcm .fresh-item .product-info .product-meta .label {
	font-size: 10px;
	line-height: 1em;
}

#tvcm .video-group .video-title {
	color: #2c3684;
	font-size: 150%;
	font-weight: bold;
	margin: 10px 0 20px 0;
}

#tvcm .video-group .btn-wrapper {
	margin-top: 15px;
}

#tvcm #how-to-section {
	border-bottom: 3px solid #e7e7e7;
}

#tvcm #how-to-section .section-inner {
	padding: 50px 0 50px 0;
}

#tvcm #how-to-section .product-info {
	margin: 30px 0 0 0;
}

#tvcm #how-to-section .video-title {
	color: #2c3684;
	font-size: 150%;
	font-weight: bold;
	margin: 10px 0 15px 0;
}

#tvcm #how-to-section .btn-wrapper {
	margin-top: 15px;
}

#tvcm #method-section .section-inner {
	padding: 60px 0 50px 0;
}

#tvcm #method-section .section-title {
	padding-bottom: 40px;
}

#tvcm .video-player {
	opacity: 0;	
	position: relative;
	margin: 0 auto;
	width: 910px;
}

#tvcm .video-player .btn-modal-close {
	cursor: pointer;
	position: absolute;
	right: -50px;
	top: -50px;
}

#tvcm .video-player video {
	width: 100%;
	height: auto;
}

#tvcm .video-wrapper .center {
  clear: both;
	float: none;
	margin: 15px auto 40px auto;
}



/**
*
*	usages / aoi
*
**/


#usages.aio-usage .section .section-contents {
	margin: 0 auto;
	width: 1200px;
}

#usages.aio-usage #section-01 {
	background-color: #f7fafc;
	background-size: cover;
}

#usages.aio-usage #section-01 .section-contents {
	padding: 93px 0 25px 0;
}

#usages.aio-usage #section-01 .lead-01 {
	margin: 46px 0 52px 0;
}

#usages.aio-usage #section-01 ul {
	margin-left: 76px;
}

#usages.aio-usage #section-01 ul li div {
	float: left;
}

#usages.aio-usage #section-01 ul li div.comment {
	position: relative;
}

#usages.aio-usage #section-01 ul li div.comment a {
	position: absolute;
	left: 550px;
	top: 142px
}

#usages.aio-usage #section-01 ul li.item-02 div.comment a {
	position: absolute;
	left: 600px;
}

#usages.aio-usage #section-02 {
	background: url(../../img/pc/usages/aio/bg_01.png) left bottom repeat-x;
	padding-top: 75px;
	padding-bottom: 30px;
}

#usages.aio-usage #section-02 .lead-01 {
	margin: 52px 0 30px 0;
}

#usages.aio-usage #section-02 .lead-01 {
	margin: 52px 0 30px 0;
}

#usages.aio-usage #section-02 .col-wrapper {
	margin: 15px 0 60px 136px;
}

#usages.aio-usage #section-02 .col-wrapper .left img {
	display: inline-block;
	margin-top: -40px;
}

#usages.aio-usage #section-02 .col-wrapper .right {
	float: left;
	margin: 0 0 0 75px;
	text-align: left;
}

#usages.aio-usage #section-02 .col-wrapper .text-01 {
	margin: 33px 0 27px 0;
}

#usages.aio-usage #section-02 .btns a {
	display: inline-block;
	margin: 0 30px 0;
}

#usages.aio-usage #section-02 h3 {
	margin: 90px 0 53px 0;
}

#usages.aio-usage #section-03 {
	background: url(../../img/pc/usages/aio/bg_02.png) left bottom repeat-x;
	padding: 42px 0 ;
}

#usages.aio-usage #section-03 .lead-01 {
	margin: 52px 0 30px 0;
}

#usages.aio-usage #section-03 .col-wrapper {
	margin: 67px 0 30px 196px;
}

#usages.aio-usage #section-03 .col-wrapper .left img {
	display: block;
	margin-top: -120px;
}

#usages.aio-usage #section-03 .col-wrapper .right {
	float: left;
	margin: 0 0 0 110px;
	text-align: left;
}

#usages.aio-usage #section-03 .col-wrapper .text-01 {
	margin: 0 0 25px 0;
}

#usages.aio-usage #section-03 .btns a {
	display: inline-block;
	margin: 0 33px 0;
}

#usages.aio-usage #section-03 .figure-01 {
	margin-left: 458px;
	text-align: left;
}

#usages.aio-usage #section-03 .figure-02 {
	margin-top: 35px;
}

#usages.aio-usage #section-04 {
	background: url(../../img/pc/usages/aio/bg_03.png) left bottom repeat-x;
	padding: 50px 0 40px 0;
}

#usages.aio-usage #section-04 .lead-01 {
	margin: 30px 0;
}

#usages.aio-usage #section-04 .col-wrapper {
	margin: 48px 0 38px 150px;
}

#usages.aio-usage #section-04 .col-wrapper .left {
	display: inline-block;
	margin-top: -30px;
}

#usages.aio-usage #section-04 .col-wrapper .right {
	float: left;
	margin: 0 0 0 74px;
	text-align: left;
}

#usages.aio-usage #section-04 .col-wrapper .text-01 {
	margin: 0 0 25px 0;
}

#usages.aio-usage #section-04 .btns a {
	display: inline-block;
	margin: 0 33px 0;
}

#usages.aio-usage #section-04 .figure-01 {
	margin-left: 278px;
	text-align: left;
}

#usages.aio-usage #section-04 .figure-box {
	background-color: #fff;
	border-radius: 10px;
	margin: 70px auto 0 auto;
	padding: 40px 0 20px 0;
	width: 1094px;
}

#usages.aio-usage #section-04 .figure-box .text-03 {
	margin-bottom: 45px;
}

#usages.aio-usage #section-04 .figure-box ul.effects {
	margin-top: 18px;
}

#usages.aio-usage #section-04 .figure-box ul.effects li {
	color: #1f64c0;
	font-size: 108.3%;
	line-height: 1.8em;
	margin-bottom: 8px;
}

#usages.aio-usage #section-04 .figure-box ul.system {
	margin: 38px 0 0 82px;
}

#usages.aio-usage #section-04 .figure-box ul.system li {
	float: left;
}

#usages.aio-usage #section-04 .figure-box ul.system li span {
	display: block;
	height: 165px;
}

#usages.aio-usage #section-04 .figure-box ul.system li.item-03 img {
	margin-top: -45px;
}

#usages.aio-usage #section-04 .figure-box ul.system li figcaption {
	color: #1f64c0;
	font-size: 116.7%;
	line-height: 1.8em;
	margin-top: 10px;
	text-align: left;
}

#usages.aio-usage #section-04 .figure-box ul.system li.item-02 figcaption {
	margin-left: 23px;
}

#usages.aio-usage #section-04 .figure-box ul.system li.item-03 figcaption {
	margin-left: 12px;
}



/**
*
*	usages / emulsion
*
**/


#usages.emulsion-usage .section .section-contents {
	margin: 0 auto;
	width: 1400px;
}

#usages.emulsion-usage #section-01 .section-contents {
	padding: 80px 0 30px 0;
}

#usages.emulsion-usage #section-01 .section-contents .banner {
	margin-bottom: 80px;
}

#usages.emulsion-usage #section-01 .col-wrapper {
	margin: 20px auto 0 auto;
	width: 972px;
	text-align: left;
}

#usages.emulsion-usage #section-01 .col-wrapper .right {
	padding-top: 35px;
}

#usages.emulsion-usage #section-01 .col-wrapper .text-01 {
	margin-bottom: 40px;
}

#usages.emulsion-usage #section-02 {
	background-color: #f7f7f7;
}

#usages.emulsion-usage #section-02 .section-contents {
	padding: 52px 0 60px 0;
}

#usages.emulsion-usage #section-02 figure {
	margin: 46px 0 33px 0;
}

#usages.emulsion-usage #section-03 .section-contents {
	padding: 90px 0 114px 0;
}

#usages.emulsion-usage #section-03 .col-wrapper {
	margin: 96px auto 0 auto;
	width: 840px;
	text-align: left;
}

#usages.emulsion-usage #section-04 {
	background-color: #fff;
}

#usages.emulsion-usage #section-04 .section-contents {
	padding: 65px 0 110px 0;
}

#usages.emulsion-usage #section-04 .steps {
	margin: 96px 0 67px 0;
}

#usages.emulsion-usage #section-04 .item-box {
	background-color: #fff;
	border: 1px solid #2c3684;
	color: #2c3684;
	margin: 0 auto;
	padding: 30px 0;
	width: 615px;
}

#usages.emulsion-usage #section-04 .item-box .left {
	width: 178px;
	vertical-align: top;	
}

#usages.emulsion-usage #section-04 .item-box .right {
	text-align: left;
	vertical-align: top;
}

#usages.emulsion-usage #section-04 .item-box .categories li {
	float: left;
	margin-right: 10px;
}

#usages.emulsion-usage #section-04 .item-box .item-name {
	color: #2c3684;
	font-size: 150%;
	margin: 15px 0;
	line-height: 1.4em;
}

#usages.emulsion-usage #section-04 .item-box .item-description  {
	margin-bottom: 3px;
}

#usages.emulsion-usage #section-04 .text-01  {
	margin: 70px 0 60px 0;
}

#usages.emulsion-usage #section-04 .item-boxes  {
	display: flex;
}

#usages.emulsion-usage #section-04 .item-boxes .item-box  {
	float: left;
	margin: 0 28px;
	width: 540px;
}

#usages.emulsion-usage #section-04 .item-boxes .item-box .item-description  {
	margin-bottom: 0;
}
#usages.emulsion-usage #section-04 .item-boxes .item-box .links_wrapper{
	
}

#usages.emulsion-usage #section-04 .links_wrapper .links{
	list-style-type:none;
}
#usages.emulsion-usage #section-04 .links_wrapper h3{
	margin-bottom: 3px;	
}
#usages.emulsion-usage #section-04 .links_wrapper .links li{
	float: left;
	margin-left: 0px;

}

#usages.emulsion-usage #section-04 .note {
	margin: 54px 0 0 35px;
	color: #1f64c0;
	font-size: 116.7%;
	text-align: left;
}

#usages.emulsion-usage #section-04 .note h3 {
	margin-bottom: 15px;
	font-weight: bold;
}


#usages.emulsion-usage .links a:hover{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

#usages.emulsion-usage #section-visual{
	position:relative;
	padding-top: 7px;
	width: 1400px;
	margin: auto;
}
#usages.emulsion-usage #section-visual .links{
	list-style-type:none;
	position:absolute;
	bottom: 59px;
	left: 683px;
	margin-left: 0;
}
#usages.emulsion-usage #section-visual .links li{
	float: left;
}
#usages.emulsion-usage .bg-gray{
	background-color: #f7f7f7;	
	padding: 70px;
}

#usages .buy-box {
	position: relative;
	display: inline-block;
	margin: 0 auto;
}

#usages .buy-box .btn-modal-close {
	position: absolute;
	right: 10px;
	top: -100px;
}

#usages .buy-box ul li {
	display: inline-block;
	margin: 0 25px;
	font-size: 83.3%;
	vertical-align: top;
}

#usages .buy-box ul li a {
	display: block;
	color: #2c3684;
	font-size: 83.3%;
	text-decoration: none;
}

#usages .buy-box .btn-modal-close:hover,
#usages .buy-box ul li a:hover {
	opacity: 0.7;
	cursor: pointer;
}

#usages .buy-box ul li p {
	margin-top: 5px;
}
