@charset "UTF-8";/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display:block
}
audio, canvas, video {
	display:inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
display:none;
height:0
}
[hidden] {
display:none
}
html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
html, button, input, select, textarea {
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,sans-serif
}
body {
	margin:0
}
a:focus {
	outline:thin dotted
}
a:active, a:hover {
	outline:0
}
h1 {
	font-size:2em;
	margin:0.67em 0
}
h2 {
	font-size:1.5em;
	margin:0.83em 0
}
h3 {
	font-size:1.17em;
	margin:1em 0
}
h4 {
	font-size:1em;
	margin:1.33em 0
}
h5 {
	font-size:0.83em;
	margin:1.67em 0
}
h6 {
	font-size:0.67em;
	margin:2.33em 0
}
abbr[title] {
	border-bottom:1px dotted
}
b, strong {
	font-weight:bold
}
blockquote {
	margin:1em 40px
}
dfn {
	font-style:italic
}
hr {
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0
}
mark {
	background:#ff0;
	color:#000
}
p, pre {
	margin:1em 0
}
code, kbd, pre, samp {
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,monospace, serif;
	_font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,'courier new', monospace;
	font-size:1em
}
pre {
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word
}
q {
	quotes:none
}
q:before, q:after {
	content:'';
	content:none
}
small {
	font-size:80%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-0.5em
}
sub {
	bottom:-0.25em
}
dl, menu, ol, ul {
	margin:1em 0
}
dd {
	margin:0 0 0 40px
}
menu, ol, ul {
	padding:0 0 0 40px
}
nav ul, nav ol {
	list-style:none;
	list-style-image:none
}
img {
	border:0;
	-ms-interpolation-mode:bicubic
}
svg:not(:root) {
overflow:hidden
}
figure {
	margin:0
}
form {
	margin:0
}
fieldset {
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:0.35em 0.625em 0.75em
}
legend {
	border:0;
	padding:0;
	white-space:normal;
*margin-left:-7px
}
button, input, select, textarea {
	font-size:100%;
	margin:0;
	vertical-align:baseline;
*vertical-align:middle
}
button, input {
	line-height:normal
}
button, select {
	text-transform:none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer;
*overflow:visible
}
button[disabled], html input[disabled] {
	cursor:default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing:border-box;
	padding:0;
*height:13px;
*width:13px
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow:auto;
	vertical-align:top
}
table {
	border-collapse:collapse;
	border-spacing:0
}
body {
	font:14px/1.0 helvetica, arial, verdana,\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
* font-size:81.25%
}
table {
	font-size:inherit
}
select, input, textarea {
	font:99% helvetica, arial, verdana,\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif
}
pre, code {
	font:115% monospace;
* font-size:100%
}
html, button, input, select, textarea {
	color:#222
}
body {
	font-size:1em;
	line-height:1.4;
	-webkit-text-size-adjust:100%;
	background:#eef2f4;
	color:#727272;
	position:relative
}
::-moz-selection {
background:#b3d4fc;
text-shadow:none
}
::selection {
background:#b3d4fc;
text-shadow:none
}
a {
	outline:none !important
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}
img {
	vertical-align:middle;
	border:0
}
fieldset {
	border:0;
	margin:0;
	padding:0
}
textarea {
	resize:vertical
}
.ir {
	background-color:transparent;
	border:0;
	overflow:hidden;
*text-indent:-9999px
}
.ir:before {
	content:"";
	display:block;
	width:0;
	height:150%
}
.hidden {
	display:none !important;
	visibility:hidden
}
.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto
}
.invisible {
	visibility:hidden
}
.clearfix:before, .clearfix:after {
	content:" ";
	display:table
}
.clearfix:after {
	clear:both
}
.clearfix {
*zoom:1
}

@media screen and (max-width: 768px) {
#apDiv1 {
	position:absolute;
	width:0px;
	height:0px;
	z-index:10;
}
.pc {
display:none
}
body {
background:#e6eff6
}
.wrapper {
width:100%;
margin:0;
text-align:left
}
header#global {
width:100%
}
header#global h1 {
text-align:center;
background:#fff;
margin:0;
padding:3px 0
}
header#global h1 img {
width:100px
}
header#global nav ul, header#global nav ul li {
margin:0;
padding:0;
text-align:center
}
header#global nav ul {
*zoom:1;
background:#e4f0f8;
background:-moz-linear-gradient(top, #e4f0f8 0%, #d6e6f4 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4f0f8), color-stop(100%, #d6e6f4));
background:-webkit-linear-gradient(top, #e4f0f8 0%, #d6e6f4 100%);
background:-o-linear-gradient(top, #e4f0f8 0%, #d6e6f4 100%);
background:-ms-linear-gradient(top, #e4f0f8 0%, #d6e6f4 100%);
background:linear-gradient(to bottom, #e4f0f8 0%, #d6e6f4 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4f0f8', endColorstr='#d6e6f4', GradientType=0 )
}
header#global nav ul:before, header#global nav ul:after {
content:" ";
display:table
}
header#global nav ul:after {
clear:both
}
header#global nav ul li {
padding:5px 0
}
header#global nav ul li a {
display:block
}
header#global nav ul li#n-01 a, header#global nav ul li#n-02 a, header#global nav ul li#n-04 a {
border-right:1px dotted #fff
}
header#global .alpha li {
width:33%;
float:left
}
header#global .beta {
border-top:1px solid #fff;
*zoom:1
}
header#global .beta:before, header#global .beta:after {
content:" ";
display:table
}
header#global .beta:after {
clear:both
}
header#global .beta li {
width:50%;
float:left
}
#page-footer {
color:#929598;
font-size:12px
}
#page-footer .imgover {
display:none
}
#page-footer #to-top {
clear:both;
text-align:center;
margin:15px auto 20px auto
}
#page-footer .wrapper {
background:#031a50 url(../images/footer-bg.jpg) top left repeat-x
}
#page-footer a {
color:#929598;
text-decoration:none
}
#page-footer a:hover {
color:#fff;
text-decoration:underline
}
#page-footer aside ul {
padding:20px 0 0 0;
text-align:center;
*zoom:1
}
#page-footer aside ul:before, #page-footer aside ul:after {
content:" ";
display:table
}
#page-footer aside ul:after {
clear:both
}
#page-footer aside ul li {
margin:0 10px 15px 10px
}
#page-footer .alpha {
margin:0 0 10px 20px;
padding:0;
text-align:left;
font-size:10px
}
#page-footer .beta {
margin:0 0 10px 20px;
padding:0;
text-align:left
}
#page-footer .beta li {
display:inline;
line-height:1.6
}
#page-footer .beta li:after {
content:"｜"
}
#page-footer .beta li.kose:after {
content:""
}
#page-footer .beta li:nth-child(4) a:before {
white-space:pre;
content:"\A"
}
#page-footer .copyright {
clear:both;
text-align:center;
margin:0 auto;
padding:1em 0
}
.sns {
padding:20px 0 0 10px;
height:24px
}
.sns .twitter {
width:100px;
overflow:hidden
}
.sns .facebook {
width:116px
}
.sns .mixi {
width:80px;
overflow:hidden
}
.sns .btn {
float:left;
text-align:left
}
.page {
background:#eef2f4
}
.page ul, .page li {
margin:0;
padding:0;
list-style:none
}
.page h1.title {
margin:0 0 15px 0;
background:url(../images/page-title-bg-sp.jpg) 0 0 no-repeat;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-ms-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto
}
.page .breadcrumb {
display:none
}
.product ul li {
list-style:none
}
.product #content-main {
padding-top:10px
}
.product .sub-nav {
margin:0 auto 5px auto
}
.product .sub-nav ul {
padding:0;
*zoom:1
}
.product .sub-nav ul:before, .product .sub-nav ul:after {
content:" ";
display:table
}
.product .sub-nav ul:after {
clear:both
}
.product .sub-nav ul li {
width:50%;
float:left
}
.product .sub-nav ul li a {
display:block;
margin:0 5px;
padding:10px;
height:24px;
-webkit-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
background:#235ab2;
text-align:center
}
.product .sub-nav ul li:first-child a {
background:#6099f4
}
.product .sub-nav ul li img {
height:13px
}
.product-top a.btn_system {
display:block;
-webkit-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
behavior:url(/PIE.htc);
position:relative;
background:#6099f4;
text-decoration:none;
color:#FFF;
margin:15px;
padding:10px;
text-align:center;
}
.product-top a:hover.btn_system {
background:#91bbff;
}


.product-top .series h1 {
padding-left:15px;
margin-left:10px;
height:40px;
line-height:40px;
font-size:16px;
font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
font-weight:normal;
color:#235ab2;
border-left:1px solid #235ab2
}
.product-top .series .notes {
display:none
}
.product-top .series .items {
clear:both;
padding:5px 0 15px 0
}
.product-top .series .items ul {
padding-left:9px;
*zoom:1
}
.product-top .series .items ul:before, .product-top .series .items ul:after {
content:" ";
display:table
}
.product-top .series .items ul:after {
clear:both
}
.product-top .series .items ul li.item {
margin:0 10px 10px 0;
padding:10px 10px 10px 5px;
border:3px solid #fff;
background:#fff;
font-size:13px;
line-height:1.3;
-webkit-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-o-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
*zoom:1;
position:relative
}
.product-top .series .items ul li.item:before, .product-top .series .items ul li.item:after {
content:" ";
display:table
}
.product-top .series .items ul li.item:after {
clear:both
}
.product-top .series .items ul li.item img {
display:block;
margin:0 10px 0 0;
width:15%;
float:left
}
.product-top .series .items ul li.item .sp.role {
background:#4482e5;
padding:5px 5px 3px 5px;
font-size:10px;
line-height:1.0;
color:#fff
}
.product-top .series .items ul li.item h2 {
margin:14px 0 0 0;
font-weight:normal;
font-size:14px
}
.product-top .series .items ul li.item a {
display:block;
height:100%;
color:#333;
text-decoration:none
}
.product-top .series .items ul li.item i {
position:absolute;
top:0;
right:0;
width:25px;
height:100%;
background:#e8ecf0 url(../images/product/index-arrow-sp.png) center center no-repeat;
background-size:12px
}
.product-step #content-main h1 {
padding-left:15px;
margin-left:10px;
height:40px;
line-height:40px;
font-size:16px;
font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
font-weight:normal;
color:#235ab2;
border-left:1px solid #235ab2
}
.product-step #step-box {
margin:0 10px 10px 10px;
padding:10px 0 10px 0;
border:3px solid #fff;
background:#fcfcfd;
border:4px solid #fff;
font-size:13px;
line-height:1.3;
-webkit-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-o-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1)
}
.product-step #step-box #step-sp {
width:288px;
margin:0 auto 10px auto
}
.product-step #step-box #step-sp li {
margin:0
}
.product-step #step-box #step-sp img {
display:block
}
.product-step #step-box .name {
display:none
}
.product-step #step-box .notes {
font-size:12px;
line-height:13px;
margin-left:10px
}
/*product-series*/
.product-series #series_all {
margin:2%;
}
.product-series #series_all li {
margin-bottom:2%;
position:relative;
}
.product-series #series_all li .pc {
	display:none;
}
.product-series #series_all li span {
	position:absolute;
	top:76%;
	left:5%;
	width:90%;
	font-size:14px;
	line-height:22px;
	text-decoration:none;
	color:#333;
}
.product-series #series_all li.sekkisei span,.product-series #series_all li.seikisho span {
	position:absolute;
	top:72%;
	left:5%;
	width:90%;
	font-size:14px;
	line-height:22px;
	text-decoration:none;
	color:#333;
}

.product-history #content-main h1 {
padding-left:15px;
margin-left:10px;
height:40px;
line-height:40px;
font-size:16px;
font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
font-weight:normal;
color:#235ab2;
border-left:1px solid #235ab2
}
.product-history .content-body {
margin:0 10px 10px 10px;
padding:10px 10px 10px 5px;
border:3px solid #fff;
background:#fcfcfd;
border:4px solid #fff;
font-size:13px;
line-height:1.3;
-webkit-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-o-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
*zoom:1
}
.product-history .content-body:before, .product-history .content-body:after {
content:" ";
display:table
}
.product-history .content-body:after {
clear:both
}
.product-history #story .alpha {
width:50%;
float:left;
text-align:center;
font-size:11px;
color:#666
}
.product-history #story .alpha img {
width:20%
}
.product-history #story .column-a .figure {
width:48%;
float:right;
text-align:left
}
.product-history #story .column-a .figure img {
width:70%
}
.product-history #story .description {
clear:both;
font-size:12px;
line-height:16px
}
.product-history #story .column-b .figure {
text-align:center;
margin-bottom:10px
}
.product-history #story .column-b .figure img {
width:70%
}
.product-history #history {
margin-bottom:20px
}
.product-history #history #chronology {
padding:20px 0 0 0;
margin:15px 0 0 0;
background:url(../images/product/history/chronology-top-line.gif) 0 0 repeat-x;
position:relative
}
.product-history #history #chronology #flow {
position:absolute;
top:45px;
left:5px;
width:2px;
height:1035px;
background:#235ab2;
z-index:2
}
.product-history #history #chronology ul {
padding:0 0 10px 0;
background:url(../images/product/history/chronology-bottom-line.gif) left bottom repeat-x
}
.product-history #history #chronology ul li {
*zoom:1;
color:#333;
padding:0;
position:relative;
z-index:3
}
.product-history #history #chronology ul li:before, .product-history #history #chronology ul li:after {
content:" ";
display:table
}
.product-history #history #chronology ul li:after {
clear:both
}
.product-history #history #chronology ul li p {
margin:0;
padding:0;
font-size:11px
}
.product-history #history #chronology ul li .year {
color:#133262;
display:block;
width:2.5em;
text-align:center;
margin:9px 0;
padding:3px;
line-height:1.0;
float:left;
background:#235ab2;
color:#fff
}
.product-history #history #chronology ul li .year.pc {
display:none
}
.product-history #history #chronology ul li .year a {
color:#133262
}
.product-history #history #chronology ul li .event {
display:block;
margin:0 0 2px 4em;
padding:12px 35px 12px 10px;
background:#f2f2f2;
border-bottom:2px solid #e0effc
}
.product-history #history #chronology ul li.odd .event {
background:#f8fbfc
}
.product-history #history #chronology ul li a {
display:block;
text-decoration:none;
color:#235ab2
}
.product-history #history #chronology ul li figure {
position:absolute
}
.product-history #history #chronology ul li figure img {
width:100%;
display:block
}
.product-history #history #chronology ul li#h-02 figure {
width:12px;
top:0;
right:8px
}
.product-history #history #chronology ul li#h-04 figure {
width:20px;
top:8px;
right:5px
}
.product-history #history #chronology ul li#h-05 figure {
width:12px;
top:2px;
right:9px
}
.product-history #history #chronology ul li#h-06 figure {
width:20px;
top:15px;
right:5px
}
.product-history #history #chronology ul li#h-07 figure {
width:12px;
top:7px;
right:8px
}
.product-history #history #chronology ul li#h-08 figure {
width:20px;
top:11px;
right:4px
}
.product-history #history #chronology ul li#h-09 figure {
width:12px;
top:8px;
right:7px
}
.product-history #history #chronology ul li#h-10 figure {
width:12px;
top:8px;
right:6px
}
.product-history #history #chronology ul li#h-11 figure {
width:12px;
top:10px;
right:6px
}
.product-history #history #chronology ul li#h-12 figure {
width:25px;
top:16px;
right:3px
}
.product-history #history #chronology ul li#h-13 figure {
width:12px;
top:8px;
right:6px
}
.product-history #history #chronology ul li#h-14 figure {
width:12px;
top:8px;
right:7px
}
.product-history #history #chronology ul li#h-15 figure {
width:12px;
top:12px;
right:7px
}
.product-history #history #chronology ul li#h-16 figure {
width:20px;
top:16px;
right:3px
}
.product-history #history #chronology ul li#h-17 figure {
width:20px;
top:12px;
right:5px
}
.product-history #history #chronology ul li#h-18 figure {
width:14px;
top:12px;
right:8px
}
.product-history #history #chronology ul li#h-19 figure {
width:12px;
top:7px;
right:8px
}
.product-history #history #chronology ul li#h-20 figure {
width:17px;
top:15px;
right:6px
}
.product-history #history #chronology ul li#h-21 figure {
width:14px;
top:12px;
right:8px
}
.product-detail #content-main .info {
margin:20px 5px 20px 5px;
padding:5px 10px 10px 10px;
background:#fff;
border:2px solid #fff
}
.product-detail #content-main .info .category {
margin:10px 0;
*zoom:1
}
.product-detail #content-main .info .category:before, .product-detail #content-main .info .category:after {
content:" ";
display:table
}
.product-detail #content-main .info .category:after {
clear:both
}
.product-detail #content-main .info .category span {
float:left;
display:block;
color:#fff;
background:#4482e5;
padding:0 8px;
margin:0;
font-size:11px;
height:20px;
line-height:20px
}
.product-detail #content-main .info .category span.step {
float:left;
background:none;
height:20px
}
.product-detail #content-main .info .category span.step img {
display:block
}
.product-detail #content-main .info .header {
color:#090909
}
.product-detail #content-main .info .header h2 {
font-size:18px;
display:inline-block;
margin:0 0 10px 0
}
.product-detail #content-main .info .header .sub {
font-size:10px;
display:inline
}
.product-detail #content-main .info figure {
text-align:center
}
.product-detail #content-main .info figure img {
width:180px
}
.product-detail #content-main .info .price {
color:#666;
font-size:12px
}
.product-detail #content-main .info .copy {
color:#333;
font-size:14px
}
.product-detail #content-main .info .notes {
font-size:11px
}
.product-detail #content-main .info .prize {
display:none
}
.product-detail #content-main .info .prize-sp {
width:285px;
*zoom:1;
margin:0 auto
}
.product-detail #content-main .info .prize-sp:before, .product-detail #content-main .info .prize-sp:after {
content:" ";
display:table
}
.product-detail #content-main .info .prize-sp:after {
clear:both
}
.product-detail #content-main .info .prize-sp li {
float:left
}
.product-detail #content-main .info .prize-sp li img {
display:block
}
.product-detail #content-main .info .prize-sp li:first-child {
width:65px
}
.product-detail #content-main .info .prize-sp li:nth-child(2) {
width:70px
}
.product-detail #content-main .info .prize-sp li:nth-child(3) {
width:80px
}
.product-detail #content-main .info .prize-sp li:nth-child(4) {
width:70px
}
.product-detail #content-main #feature,.product-detail #content-main #howto, .product-detail #content-main #wakan {
margin:20px 5px 20px 5px;
padding:0 0 10px 0;
background:#fff;
border:2px solid #fff
}
.product-detail #content-main #step {
width:284px;
margin:20px auto 20px auto;
padding:10px;
background:#fff;
border:2px solid #fff
}
.product-detail #content-main #step h3 {
margin:0
}
.product-detail #content-main #step ul {
margin:0;
*zoom:1;
background:url(../images/product/detail/step-ul-bg-sp.png) center bottom no-repeat;
background-size:284px
}
.product-detail #content-main #step ul:before, .product-detail #content-main #step ul:after {
content:" ";
display:table
}
.product-detail #content-main #step ul:after {
clear:both
}
.product-detail #content-main #step ul.no-next {
background-position:-98px bottom
}
.product-detail #content-main #step ul.no-prev {
background-position:100px bottom
}
.product-detail #content-main #step ul li {
float:left
}
.product-detail #content-main #step ul li .item {
height:117px;
width:88px;
position:relative
}
.product-detail #content-main #step ul li .item span {
display:block;
text-align:center
}
.product-detail #content-main #step ul li .item span.cat {
padding:5px 0;
color:#496ce8;
font-size:11px;
line-height:13px
}
.product-detail #content-main #step ul li .item img {
position:absolute
}
.product-detail #content-main #step ul li .item.h-esthe img, .product-detail #content-main #step ul li .item.essence-ex img, .product-detail #content-main #step ul li .item.d-essence img, .product-detail #content-main #step ul li .item.bb-cream img, .product-detail #content-main #step ul li .item.sunpro img, .product-detail #content-main #step ul li .item.sunprogel img, .product-detail #content-main #step ul li .item.c-cream img {
bottom:5px;
left:50%;
margin-left:-25px
}
.product-detail #content-main #step ul li .item.lotion, .product-detail #content-main #step ul li .item.cream, .product-detail #content-main #step ul li .item.emulsion, .product-detail #content-main #step ul li .item.wash {
background-image:url(../images/product/step-or.png);
background-position:center 80px;
background-repeat:no-repeat;
background-size:16px
}
.product-detail #content-main #step ul li .item.lotion img.alpha {
bottom:5px;
left:-5px
}
.product-detail #content-main #step ul li .item.lotion img.beta {
bottom:5px;
right:-5px
}
.product-detail #content-main #step ul li .item.cream img.alpha {
bottom:5px;
left:0
}
.product-detail #content-main #step ul li .item.cream img.beta {
bottom:5px;
right:0
}
.product-detail #content-main #step ul li .item.emulsion img.alpha {
bottom:5px;
left:-5px
}
.product-detail #content-main #step ul li .item.emulsion img.beta {
bottom:5px;
right:-5px
}
.product-detail #content-main #step ul li .item.wash img.alpha {
bottom:5px;
left:-5px
}
.product-detail #content-main #step ul li .item.wash img.beta {
bottom:5px;
right:-5px
}
.product-detail #content-main #step ul li h4 {
margin:0 auto;
text-align:center
}
.product-detail #content-main #step ul li.prev {
width:98px
}
.product-detail #content-main #step ul li.prev .item {
margin-right:10px;
background-color:#fff;
border:1px solid #d2dbfb
}
.product-detail #content-main #step ul li.current {
width:88px
}
.product-detail #content-main #step ul li.current .item {
background-color:#e8ecf0;
border:1px solid #d2e2fb
}
.product-detail #content-main #step ul li.next {
width:98px
}
.product-detail #content-main #step ul li.next .item {
margin-left:10px;
background-color:#fff;
border:1px solid #d2dbfb
}
.product-detail #content-main #step ul.no-prev .current {
margin-left:98px
}
.product-detail #content-main #step ul.no-prev .next {
float:right
}
.product-detail #content-main #howto h3 ,
.product-detail #content-main #feature h3 {
color:#fff;
background:#4482e5;
font-size:16px;
height:36px;
line-height:36px;
padding-left:10px;
margin:0 0 10px 0
}


.product-detail #content-main #howto .group .step {
	float: left;
	width: 130px;
	height: 375px;
	padding-left: 10px;
}
.product-detail #content-main #howto .group .step p {
	margin: 0;
}
.product-detail #content-main #howto .group .step p.step_image {
	margin: 0;
}
.product-detail #content-main #howto .group .step p.step_image img {
	width: 100%;
	height: auto;
}
.product-detail #content-main #howto .group .step p.step_title {
	font-size: 14px;
	color: #223C90;
}
.product-detail #content-main #howto .group .step p.step_howto {
	margin: 0;
	font-size: 11px;
	color: #333;	
}


.product-detail #content-main #feature ul {
margin:0 10px 0 30px
}
.product-detail #content-main #feature ul li {
list-style-type:square;
color:#4482e5;
font-size:16px;
line-height:18px
}
.product-detail #content-main #feature ul li span {
color:#4e4e4e;
font-size:12px
}
.product-detail #content-main #feature p.notes {
font-size:11px;
line-height:13px;
margin:10px 0 0 30px
}
.product-detail #content-main #wakan h3 {
color:#fff;
background:#98a552;
font-size:16px;
height:36px;
line-height:36px;
padding-left:10px;
margin:0 0 10px 0
}
.product-detail #content-main #wakan ul {
padding:0 10px
}
.product-detail #content-main #wakan ul li {
display:inline;
line-height:1.0
}
.product-detail #content-main #wakan ul li span {
display:inline-block;
font-size:11px;
color:#fff;
background:#776d4e;
padding:3px 8px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px
}
.product-detail #content-main #step {
background:#f9fbfc;
border:1px solid #d5dbe0;
margin-bottom:20px
}
.product-detail #content-main #ingredients {
margin:0 5px 20px 5px
}
.product-detail #content-main #ingredients #ingredients-header {
background:#5377b3 url(../images/product/detail/plus.png) right center no-repeat;
padding:12px 18px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-ms-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-o-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
cursor:pointer;
position:relative;
z-index:10
}
.product-detail #content-main #ingredients #ingredients-header:hover {
background-color:#7797ce
}
.product-detail #content-main #ingredients #ingredients-header.opened {
background-image:url(../images/product/detail/minus.png)
}
.product-detail #content-main #ingredients #ingredients-header h3 {
color:#fff;
margin:0;
line-height:1.0;
font-size:16px;
font-weight:normal
}
.product-detail #content-main #ingredients #ingredients-body {
font-size:10px;
line-height:1.2;
padding:10px 10px 10px 10px;
margin:-6px 10px 10px 10px;
background:#fff;
-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-ms-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-o-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
-ms-border-radius:0 0 6px 6px;
-o-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
display:none;
position:relative;
z-index:3;
}
.product-detail #content-main #ingredients #ingredients-body p {
margin-bottom:0;
}

/*category*/
.product-category nav.category_select {
	margin:10px;
}
.product-category nav.category_select li {
	float:left;
	width:30%;
	margin:5px;
}
.product-category nav.category_select li a {
	text-decoration:none;
	display:block;
	padding:10px 4px;
	text-align:center;
	font-size:14px;
	color:#617489;
	background:#FFF;
	border-radius:4px;
}
.product-nayami section.series p.e_subtitle {
	color:#FFF;
	font-size:14px;
	padding:8px 12px;
	margin:5px auto 10px;
	width:93%;
}
.product-nayami section.series p.e_subtitle_sekkisei {
	background:#85a5e3;
}
.product-nayami section.series p.e_subtitle_supreme {
	background:#8695aa;
}
.product-nayami section.series p.e_subtitle_seikisho {
	background:#31466e;
}
.product-nayami section.series p.e_subtitle_junkisui {
	background:#5ebc4c;
}
.product-detail .small_text {
	font-size:12px;
	line-height:14px;
	font-weight:normal;
}
.detail-junkisui #content-main #step,
.detail-seikisho #content-main #step,
.detail-supreme #content-main #step,
.detail-sekkisei #content-main #step {
	width:90%;
	text-align:center;
}
.detail-junkisui #content-main #step ul li {
	float:left;
	width:18%;
	text-align:center;
	padding:1%;	
}
.detail-junkisui #content-main #step ul li .item {
	background-color: #FFFFFF;
    border: 1px solid #D2DBFB;
	text-align:center;
	width:100%;
	height:auto;
	padding-bottom:10px;
}
.detail-junkisui #content-main #step ul li .item_current {
	background-color: #E8ECF0;
}
.detail-junkisui #content-main #step ul li .item span.cat {
    color: #496CE8;
    font-size: 10px;
    line-height: 13px;
    padding: 5px 0;
}
.detail-junkisui #content-main #step ul li .item img {
	position:relative;
}
.detail-seikisho #content-main #step ul li.cleansing {
	float:left;
	/*width:38%;*/
	margin-left: 9%;
	text-align:center;
	padding:1%;
}
.detail-seikisho #content-main #step ul li.special {
	float:left;
	width:57%;
	text-align:center;
	padding:1%;
}
.detail-seikisho #content-main #step ul li .item {
	background-color: #FFFFFF;
    border: 1px solid #D2DBFB;
	text-align:center;
	width:100%;
	height:auto;
	padding-bottom:10px;
}
.detail-seikisho #content-main #step ul li .item_current {
	background-color: #E8ECF0;
}
.detail-seikisho #content-main #step ul li .item span.cat {
    color: #496CE8;
    font-size: 10px;
    line-height: 13px;
}
.detail-seikisho #content-main #step ul li.cleansing .item a {
	float:left;
	width:49%;
}
.detail-seikisho #content-main #step ul li.special .item a {
	float:left;
	width:32%;
}
.detail-seikisho #content-main #step ul li .item img {
	position:relative;
}
.detail-supreme #content-main #step ul li {
	float:left;
	width:18%;
	text-align:center;
	padding:1%;	
}
.detail-supreme #content-main #step ul li .item {
	background-color: #FFFFFF;
    border: 1px solid #D2DBFB;
	text-align:center;
	width:100%;
	height:auto;
	padding-bottom:10px;
}
.detail-supreme #content-main #step ul li .item_current {
	background-color: #E8ECF0;
}
.detail-supreme #content-main #step ul li .item span.cat {
    color: #496CE8;
    font-size: 10px;
    line-height: 13px;
    padding: 5px 0;
}
.detail-supreme #content-main #step ul li .item img {
	position:relative;
}
.detail-supreme #content-main #step ul li.supreme_cleansing_cream {
	margin-left:28%;
}
.detail-supreme #content-main #step ul li.supreme_cleansing_cream2 {
	margin-left:19%;
}
.detail-supreme #content-main #step ul li.supreme_makeupbase {
	margin-right:19%;
}
.detail-supreme #content-main #step ul li.supreme_makeupbase2 {
	margin-right:38%;
}
.detail-supreme #content-main #step ul li.supreme_basemake {
	width:77%;
}
.detail-supreme #content-main #step ul li.supreme_basemake a {
	float:left;
	width:31%;
	padding:0 1%;
}
.detail-sekkisei #content-main #step ul li {
	float:left;
	width:18%;
	text-align:center;
	padding:1%;	
}
.detail-sekkisei #content-main #step ul li .item {
	background-color: #FFFFFF;
    border: 1px solid #D2DBFB;
	text-align:center;
	width:100%;
	height:auto;
	padding-bottom:10px;
	overflow: hidden;
}
.detail-sekkisei #content-main #step ul li .item_current {
	background-color: #E8ECF0;
}
.detail-sekkisei #content-main #step ul li .item span.cat {
    color: #496CE8;
    font-size: 10px;
    line-height: 13px;
    padding: 5px 0;
}
.detail-sekkisei #content-main #step ul li .item img {
	position:relative;
	width: 30px;
}
.detail-sekkisei #content-main #step ul li.sekkisei_sunpro {
	float:left;
	width:31%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_sunpro a {
	float:left;
	width:31%;
	padding:0 1%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_sunpro .bb_cream{ background-color:#e8ecf0;}
.detail-sekkisei #content-main #step ul li.sekkisei_sunpro .bb_cream a {
	float:left;
	width:20%;
	padding:0 1%;
}
.detail-sekkisei #content-main #step ul li.bb_cream a{
	margin-right:17%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_wash {
	float:left;
	width:57%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_wash2 {
	margin-left:9%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_wash a {
	float:left;
	width:22%;
	padding:0 1%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_c_cream {
	margin-left:17%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_cream {
	float:left;
	width:38%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_cream a {
	float:left;
	width:48%;
	padding:0 1%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_emulsion {
	float:left;
	width:38%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_emulsion div a img{
	width:100%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_emulsion2 div a img{
	width:100%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_cream div a img{
	width:100%;
}
.detail-sekkisei #content-main #step ul li div.pro1 a img{
	width:100%;
}

.detail-sekkisei #content-main #step ul li.sekkisei_emulsion a {
	float:left;
	width:48%;
	padding:0 1%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_emulsion2 {
	float:left;
	width:28%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_emulsion2 a {
	float:left;
	width:40%;
	padding:0 5%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_emulsion .pro3 a{
	width:30%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_cream2 {
	margin-right:9%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_lotion2 {
	margin-left:9%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_lotion {
	float:left;
	width:57%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_lotion a {
	float:left;
	width:31%;
	padding:0 1%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_essence_ex {
	margin-right:18%;
}
.detail-sekkisei #content-main #step ul li.sekkisei_c_whitening_mask {
	margin-left:18%;
}
}
@media screen and (max-width: 480px) {
#apDiv1 {
	position:absolute;
	width:0px;
	height:0px;
	z-index:10;
}
.product-series #series_all li span {
	position:absolute;
	font-size:10px;
	text-decoration:none;
	color:#333;
	line-height:14px;
}
.product-series #series_all li.sekkisei span, .product-series #series_all li.seikisho span {
	position:absolute;
	font-size:10px;
	text-decoration:none;
	color:#333;
	line-height:14px;
}

.product-category nav.category_select li a {
	text-decoration:none;
	display:block;
	padding:10px 4px;
	text-align:center;
	font-size:12px;
	color:#617489;
	background:#FFF;
	border-radius:4px;
}

}
@media screen and (min-width: 769px) {
#apDiv1 {
	position:absolute;
	width:0px;
	height:0px;
	z-index:10;
}
.sp {
display:none
}
.page {
background:#eef2f4 url(../images/page-bg.jpg) center top repeat-x
}
.wrapper {
width:960px;
margin:0 auto;
text-align:left
}
.page #main {
padding:100px 0 80px 0;
background:transparent url(../images/page-main-bg.png) center top no-repeat
}
header#global {
width:100%;
background:transparent url(../images/home/header-bg.png) center top no-repeat;
position:fixed;
top:0;
z-index:999;
height:103px;
background-position:center -35px
}
header#global .wrapper {
height:65px;
padding-top:8px;
*zoom:1;
position:relative
}
header#global .wrapper:before, header#global .wrapper:after {
content:" ";
display:table
}
header#global .wrapper:after {
clear:both
}
header#global .wrapper #top {
position:absolute;
top:12px;
left:50%;
margin:0 0 0 -75px;
padding:0
}
header#global .wrapper #top img {
/*width:150px;
height:58px*/
}
header#global .wrapper .alpha {
width:390px;
float:left
}
header#global .wrapper .beta {
width:350px;
float:right
}
header#global .wrapper nav ul, header#global .wrapper nav ul li {
margin:0;
padding:0
}
header#global .wrapper nav ul {
*zoom:1;
height:65px
}
header#global .wrapper nav ul:before, header#global .wrapper nav ul:after {
content:" ";
display:table
}
header#global .wrapper nav ul:after {
clear:both
}
header#global .wrapper nav ul li {
float:left;
text-indent:-9999px;
padding:0 20px
}
header#global .wrapper nav ul li a {
display:block;
height:65px;
background-image:url(../images/global-nav.png);
background-repeat:no-repeat
}
header#global .wrapper nav ul li#n-01 a {
width:70px;
background-position:-20px 0
}
header#global .wrapper nav ul li#n-01 a:hover {
background-position:-20px -65px
}
header#global .wrapper nav ul li#n-01.active a {
background-position:-20px -65px
}
header#global .wrapper nav ul li#n-02 a {
width:100px;
background-position:-130px 0
}
header#global .wrapper nav ul li#n-02 a:hover {
background-position:-130px -65px
}
header#global .wrapper nav ul li#n-02.active a {
background-position:-130px -65px
}
header#global .wrapper nav ul li#n-03 a {
width:100px;
background-position:-270px 0
}
header#global .wrapper nav ul li#n-03 a:hover {
background-position:-270px -65px
}
header#global .wrapper nav ul li#n-03.active a {
background-position:-270px -65px
}
header#global .wrapper nav ul li#n-04 a {
width:135px;
background-position:-630px 0
}
header#global .wrapper nav ul li#n-04 a:hover {
background-position:-630px -65px
}
header#global .wrapper nav ul li#n-04.active a {
background-position:-630px -65px
}
header#global .wrapper nav ul li#n-05 a {
width:105px;
background-position:-805px 0
}
header#global .wrapper nav ul li#n-05 a:hover {
background-position:-805px -65px
}
header#global .wrapper nav ul li#n-05.active a {
background-position:-805px -65px
}
.page header#global {
height:103px;
background-position:center -35px
}
.page header#global .wrapper {
padding-top:8px
}
.page header#global .wrapper #top {
top:12px
}
.fancybox-lock header#global {
overflow-y:scroll
}
#page-footer {
background:#031a50 url(../images/footer-bg.jpg) top left repeat-x;
color:#929598;
font-size:12px;
margin-top:20px
}
#page-footer a {
color:#929598;
text-decoration:none
}
#page-footer a:hover {
color:#fff;
text-decoration:underline
}
#page-footer aside ul {
*zoom:1;
padding:30px 0 0 0;
text-align:center
}
#page-footer aside ul:before, #page-footer aside ul:after {
content:" ";
display:table
}
#page-footer aside ul:after {
clear:both
}
#page-footer aside ul li {
margin:0 10px 20px 10px
}
#page-footer .alpha {
width:30%;
float:right;
margin:0 20px 0 0;
padding:0;
text-align:right;
font-size:10px
}
#page-footer .beta {
width:60%;
float:left;
margin:0 0 0 20px;
padding:0;
text-align:left
}
#page-footer .beta li {
display:inline
}
#page-footer .beta li:after {
content:"｜"
}
#page-footer .beta li.kose:after {
content:""
}
#page-footer .copyright {
clear:both;
text-align:center;
margin:0 auto;
padding:1em 0
}
#page-footer #to-top {
position:static;
clear:both;
text-align:right;
margin:0 10px 0 0
}
#page-footer #to-top.fixed {
position:fixed;
right:0;
bottom:0;
z-index:20
}
#page-footer #to-top.absolute {
position:absolute;
right:0;
top:-33px
}
#page-footer .sns {
padding:20px 0 0 10px;
height:24px
}
#page-footer .sns a {
color:#06246c
}
#page-footer .sns .twitter {
width:110px;
overflow:hidden
}
#page-footer .sns .facebook {
width:110px
}
#page-footer .sns .mixi {
width:110px;
overflow:hidden
}
#page-footer .sns .btn {
float:left;
text-align:left
}
.page ul, .page li {
margin:0;
padding:0;
list-style:none
}
.page #content h1.title {
font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
font-size:30px;
color:#1e50a2;
line-height:1.0;
height:80px;
margin:0;
padding:6px 0 0 60px;
font-weight:normal
}
.page .breadcrumb {
background:#dce6eb;
color:#1e50a2;
border-bottom:1px dotted #54a3f8;
margin:0 10px 30px 10px
}
.page .breadcrumb a {
color:#1e50a2;
text-decoration:none
}
.page .breadcrumb a:hover {
text-decoration:underline
}
.page .breadcrumb ul {
margin:0;
padding:0 0 0 16px;
height:32px;
line-height:32px;
font-size:12px
}
.page .breadcrumb ul li {
margin:0 10px 0 0;
padding:0 0 0 15px;
list-style:none;
display:inline;
background:url(../images/arrow-ss.png) left center no-repeat
}
.page .breadcrumb ul li:first-child {
padding-left:0;
background:none
}
.page #page-footer {
margin-top:0;
position:relative
}
.product ul li {
list-style:none
}
.product .sub-nav {
margin:0 10px;
padding:15px 0;
background:#fafbfc;
border:4px solid #fff
}
.product .sub-nav ul {
padding:0 0 0 16px;
*zoom:1
}
.product .sub-nav ul:before, .product .sub-nav ul:after {
content:" ";
display:table
}
.product .sub-nav ul:after {
clear:both
}
.product .sub-nav ul li {
width:438px;
height:70px;
line-height:70px;
float:left;
text-align:center
}
.product .sub-nav ul li:first-child {
margin-right:22px
}
.product .sub-nav ul li a {
display:block;
-webkit-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
behavior:url(/PIE.htc);
position:relative;
background:#235ab2;
height:70px;
line-height:70px
}
.product .sub-nav ul li.index a {
background:#2d80ee
}
.product .sub-nav ul li.index a:hover {
background:#388eff
}
.product .sub-nav ul li.step a {
background:#6099f4
}
.product .sub-nav ul li.step a:hover {
background:#83bffc
}
.product .sub-nav ul li.history a {
background:#235ab2
}
.product .sub-nav ul li.history a:hover {
background:#2165d2
}
.product-top #content-main {
padding-top:5px
}

.product-top a.btn_system {
display:block;
-webkit-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.2);
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
behavior:url(/PIE.htc);
position:relative;
background:#6099f4;
line-height:40px;
width:25%;
float:right;
text-decoration:none;
color:#FFF;
margin:20px 15px 0 0;
padding:10px;
text-align:center;
}
.product-top a:hover.btn_system {
background:#91bbff;
}
.product-top .series h1 {
width:60%;
float:left;
padding-left:30px;
margin-left:10px;

line-height:30px;
font-size:30px;
font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
font-weight:normal;
color:#235ab2;
border-left:2px solid #235ab2
}
.product-top .series .notes {
padding:0 10px 0 0;
font-size:14px;
font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#636363
}
.product-top .series .items {
clear:both;
padding:5px 0 50px 0
}
.product-top .series .items ul {
padding-left:9px;
*zoom:1
}
.product-top .series .items ul:before, .product-top .series .items ul:after {
content:" ";
display:table
}
.product-top .series .items ul:after {
clear:both
}
.product-top .series .items ul li.item {
width:174px;
height:264px;
margin:0 10px 10px 0;
border:3px solid #fff;
background:#fff;
float:left;
text-align:center;
font-size:13px;
line-height:1.3;
-webkit-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-o-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
behavior:url(/PIE.htc);
position:relative
}
.product-top .series .items ul li.item img {
display:block;
margin:2px auto 3px auto;
/*width:116px;*/
height:164px
}
.product-top .series .items ul li.item:hover {
border-color:#235ab2
}
.product-top .series .items ul li.item:hover .role {
background:#235ab2;
color:#fff
}
.product-top .series .items ul li.item a {
color:#333;
text-decoration:none
}
.product-top .series .items ul li.item a .pc {
display:block;
height:36px;
line-height:36px;
background:#fff;
color:#4482e5;
font-size:14px
}
.product-top .series .items ul li.item a .pc:hover {
background:#235ab2;
color:#fff
}
.product-top .series .items ul li.item h2 {
margin:0;
font-weight:normal;
font-size:13px
}
.product-step #content-main {
padding-top:5px
}
.product-step #step h1 {
padding-left:30px;
margin-left:10px;
height:60px;
/*line-height:60px;*/
font-size:30px;
font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
font-weight:normal;
color:#235ab2;
border-left:2px solid #235ab2
}
.product-step #step-box {
margin:0 10px 50px 10px;
padding:15px;
background:#fafbfc;
border:4px solid #fff
}
.product-step #step-box h2, .product-step #step-box h3 {
margin:0;
padding:0;
line-height:1.0
}
.product-step #step-box h2 {
width:35px;
float:left;

}
.product-step #step-box .step-items {
margin-left:35px
}
.product-step #step-box .step-items .header {
width:30px;
float:left
}
.product-step #step-box .step-items .step-content {
margin-left:30px;
position:relative
}
.product-step #step-box .step-items .step-content .item {
position:absolute;
text-align:center;
background:#fff;
border:1px solid #d2e2fb;
font-size:12px
}
/*
.product-step #step-box .step-items .step-content .item#step-12, .product-step #step-box .step-items .step-content .item#step-13, .product-step #step-box .step-items .step-content .item#step-14 {
border-color:#4bc6ee
}
.product-step #step-box .step-items .step-content .item#step-12 h4, .product-step #step-box .step-items .step-content .item#step-13 h4, .product-step #step-box .step-items .step-content .item#step-14 h4 {
color:#4bc6ee
}
*/
.product-step #step-box .step-items .step-content .item h4 {
font-size:11px;
font-weight:normal;
color:#4482e5;
margin:6px 0 2px 0
}
.product-step #step-box .step-items .step-content .item .figure {
margin:0 0 0 0
}
.product-step #step-box .step-items .step-content .item .figure img {
width:60px;
}
.seikisho-step #step-box .step-items .step-content .item .figure img {
width:65px;
}
.junkisui-step #step-box .step-items .step-content .item .figure img {
width:70px;
}
.product-step #step-box .step-items .step-content .item .name {
margin:4px 0 0 0;
font-size:9px;
line-height:16px;
color:#333;
}
.product-step #step-box .step-items .step-content .item .area1 {
width:66px;
float:left;
}
.product-step #step-box .step-items .step-content .item .area2 {
width:106px;
float:left;
}
.product-step #step-box .step-items .step-content .item .area3 {
width:83px;
float:left;
}
.product-step #step-box .step-items .step-content .item .area4 {
width:70px;
float:left;
}
.product-step #step-box .step-items .step-content .item .area5 {
width:147px;
float:left;
}
.product-step #step-box .step-items .step-content .item .area6 {
width:102px;
float:left;
}
.product-step #step-box .step-items .step-content .item .area7 {
width: auto;
float: none;
/*width:109px;
float:left;*/
}
.product-step #step-box #night-care {
background:#f3f5ff;
margin-bottom:30px;
*zoom:1;
height:471px
}
.product-step #step-box #night-care:before, .product-step #step-box #night-care:after {
content:" ";
display:table
}
.product-step #step-box #night-care:after {
clear:both
}
.product-step #step-box #night-care .step-content {
width:827px;
height:471px;
background:url(../images/product/sekkisei/night-care-bg_0305_0.png) 0 0 no-repeat
}
.product-step #step-box #night-care .step-content #step-1 {
top:44px;
left:13px;
width:82px;
height:192px
}
.product-step #step-box #night-care .step-content #step-2 {
top:44px;
left:104px;
width:356px;
height:192px;
*zoom:1;
background:#fff url(../images/product/step-or.png) center 65px no-repeat
}
.product-step #step-box #night-care .step-content #step-2:before, .product-step #step-box #night-care .step-content #step-2:after {
content:" ";
display:table
}
.product-step #step-box #night-care .step-content #step-2:after {
clear:both
}
.product-step #step-box #night-care .step-content #step-3 {
top:44px;
left:470px;
width:178px;
height:192px;
*zoom:1;
background:#fff url(../images/product/step-or.png) center 65px no-repeat
}
.product-step #step-box #night-care .step-content #step-3 .area1 { width:58px;}
.product-step #step-box #night-care .step-content #step-3:before, .product-step #step-box #night-care .step-content #step-3:after {
content:" ";
display:table
}
.product-step #step-box #night-care .step-content #step-3:after {
clear:both
}
.product-step #step-box #night-care .step-content #step-4 {
top:44px;
left:658px;
width:150px;
height:192px;
*zoom:1;
background:#fff url(../images/product/step-or.png) center 65px no-repeat
}
.product-step #step-box #night-care .step-content #step-4:before, .product-step #step-box #night-care .step-content #step-4:after {
content:" ";
display:table
}
.product-step #step-box #night-care .step-content #step-4:after {
clear:both
}
.product-step #step-box #night-care .step-content #step-5 {
top:291px;
left:354px;
width:113px;
height:170px
}
.product-step #step-box #night-care .step-content #step-6 {
top:291px;
left:370px;
width:113px;
height:170px
}
.product-step #step-box #night-care .step-content #step-7 {
top:291px;
left:504px;
width:174px;
height:170px;
*zoom:1;
background:#fff url(../images/product/step-or.png) center center no-repeat
}
.product-step #step-box #night-care .step-content #step-7:before, .product-step #step-box #night-care .step-content #step-7:after {
content:" ";
display:table
}
.product-step #step-box #night-care .step-content #step-7:after {
clear:both
}
.product-step #step-box #day-care {
background:#f0f6ff;
*zoom:1;
height:600px;
margin-bottom: 30px;
}
.seikisho-step #step-box #day-care {
background:#f0f6ff;
*zoom:1;
height:213px;
}
.product-step #step-box #day-care:before, .product-step #step-box #day-care:after {
content:" ";
display:table
}
.product-step #step-box #day-care:after {
clear:both
}
.product-step #step-box #day-care .step-content {
width:827px;
height:600px;
background:url(../images/product/sekkisei/day-care-bg_0305_0.png) 0 0 no-repeat
}
.product-step #step-box #day-care .step-content #step-8 {
top:46px;
left:12px;
width:290px;
height:300px;
*zoom:1;
background:#fff url(../images/product/step-or.png) center 65px no-repeat
}
.product-step #step-box #day-care .step-content #step-8:before, .product-step #step-box #day-care .step-content #step-8:after {
content:" ";
display:table
}
.product-step #step-box #day-care .step-content #step-8:after {
clear:both
}
.product-step #step-box #day-care .step-content #step-9 {
top:46px;
left:320px;
width:140px;
height:300px;
*zoom:1;
background:#fff url(../images/product/step-or.png) center 65px no-repeat
}
.product-step #step-box #day-care .step-content #step-9:before, .product-step #step-box #day-care .step-content #step-9:after {
content:" ";
display:table
}
.product-step #step-box #day-care .step-content #step-9:after {
clear:both
}
.product-step #step-box #day-care .step-content #step-10 {
top:46px;
left:479px;
width:81px;
height:300px;
*zoom:1;
background:#fff url(../images/product/step-or.png) center 65px no-repeat
}
.product-step #step-box #day-care .step-content #step-10:before, .product-step #step-box #day-care .step-content #step-10:after {
content:" ";
display:table
}
.product-step #step-box #day-care .step-content #step-10:after {
clear:both
}
.product-step #step-box #day-care .step-content #step-11 {
top:46px;
left:592px;
width:222px;
height:540px;
}
.product-step #step-box #day-care .step-content #step-12 {
top:430px;
left:453px;
width:122px;
height:155px;
}
.product-step #step-box #day-care .step-content #step-13 {
top:255px;
left:501px;
width:153px;
height:192px;
}
.product-step #step-box #day-care .step-content #step-14 {
top:420px;
left:665px;
width:101px;
height:192px;
}
.product-step #step-box #night-care .step-content #step-15 {
top:291px;
left:317px;
width:200px;
height:170px;
}
.product-step #step-box #night-care .step-content #step-16 {
top:291px;
left:257px;
width:102px;
height:170px;
}
.product-step #step-box #night-care .step-content #step-17 {
top:291px;
left:690px;
width:123px;
height:170px;
}
.supreme-step #step-box #night-care .step-content {
width:827px;
height:471px;
background:url(../images/product/supreme/night-care-bg.png) 0 0 no-repeat
}
.supreme-step #step-box #day-care .step-content {
width:827px;
height:471px;
background:url(../images/product/supreme/day-care-bg.png) 0 0 no-repeat
}
.product-step #step-box #night-care .step-content #supreme-step-1 {
top:44px;
left:13px;
width:103px;
height:192px;
}
.product-step #step-box #night-care .step-content #supreme-step-2 {
top:44px;
left:123px;
width:103px;
height:192px;
}
.product-step #step-box #night-care .step-content #supreme-step-3 {
top:44px;
left:259px;
width:132px;
height:192px;
}
.product-step #step-box #night-care .step-content #supreme-step-4 {
top:44px;
left:420px;
width:132px;
height:192px;
}
.product-step #step-box #night-care .step-content #supreme-step-5 {
top:291px;
left:117px;
width:122px;
height:170px;
}
.product-step #step-box #night-care .step-content #supreme-step-6 {
top:291px;
left:251px;
width:123px;
height:170px;
}
.product-step #step-box #night-care .step-content #supreme-step-7 {
top:291px;
left:436px;
width:124px;
height:170px;
}
.product-step #step-box #night-care .step-content #supreme-step-8 {
top:291px;
left:572px;
width:122px;
height:170px;
}
.product-step #step-box #day-care .step-content #supreme-step-9 {
top:44px;
left:13px;
width:103px;
height:182px;
}
.product-step #step-box #day-care .step-content #supreme-step-10 {
top:44px;
left:149px;
width:132px;
height:182px;
}
.product-step #step-box #day-care .step-content #supreme-step-11 {
top:44px;
left:310px;
width:132px;
height:182px;
}
.product-step #step-box #day-care .step-content #supreme-step-12 {
height: 417px;
left: 474px;
top: 44px;
width: 312px;
}
.product-step #step-box #day-care .step-content #supreme-step-13 {
top:281px;
left:335px;
width:122px;
height:180px;
}
.seikisho-step #step-box #night-care .step-content {
width:827px;
height:251px;
background:url(../images/product/seikisho/night-care-bg.png) 0 -250px no-repeat;
}
.seikisho-step #step-box #day-care .step-content {
width:827px;
height:200px;
background:url(../images/product/seikisho/day-care-bg.png) 0 0 no-repeat;
}
.seikisho-step #step-box #night-care .step-content #seikisho-step-1 {
height: 192px;
left: 13px;
top: 44px;
width: 213px;
}
.seikisho-step #step-box #night-care .step-content #seikisho-step-2 {
height: 168px;
left: 80px;
top: 42px;
width: 334px;
}
.seikisho-step #step-box #day-care .step-content #seikisho-step-3 {
   height: 156px;
    left: 182px;
    top: 46px;
    width: 123px;
}
.junkisui-step #step-box #night-care .step-content {
width:827px;
height:471px;
background:url(../images/product/junkisui/night-care-bg.png) 0 0 no-repeat;
}
.junkisui-step #step-box #day-care .step-content {
width:827px;
height:471px;
background:url(../images/product/junkisui/day-care-bg.png) 0 0 no-repeat;
}
.junkisui-step #step-box #night-care .step-content #junkisui-step-1,
.junkisui-step #step-box #day-care .step-content #junkisui-step-1 {
height: 192px;
left: 15px;
top: 44px;
width: 133px;
}
.junkisui-step #step-box #night-care .step-content #junkisui-step-2,
.junkisui-step #step-box #day-care .step-content #junkisui-step-2 {
height: 192px;
left: 181px;
top: 44px;
width: 132px;
}
.junkisui-step #step-box #night-care .step-content #junkisui-step-3,
.junkisui-step #step-box #day-care .step-content #junkisui-step-3 {
   height: 192px;
    left: 342px;
    top: 44px;
    width: 132px;
}
.junkisui-step #step-box #night-care .step-content #junkisui-step-4,
.junkisui-step #step-box #day-care .step-content #junkisui-step-4 {
   height: 167px;
    left: 42px;
    top: 291px;
    width: 122px;
}
.junkisui-step #step-box #night-care .step-content #junkisui-step-5 {
   height: 167px;
    left: 168px;
    top: 291px;
    width: 122px;
}


.product-step #step-box #day-care .step-content #or {
position:absolute;
top:325px;
left:648px;
z-index:5
}
  .product-step #step-box #day-night-care {
    background: #f3f5ff;
    *zoom: 1;
    height: 214px;
    /* .step-content */
  }
  /* line 765, ../sass/_pc_product.scss */
  .product-step #step-box #day-night-care .step-items {
    margin-left: 0;
  }
  /* line 7, ../sass/_mixin.scss */
  .product-step #step-box #day-night-care:before, .product-step #step-box #day-night-care:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  /* line 12, ../sass/_mixin.scss */
  .product-step #step-box #day-night-care:after {
    clear: both;
  }
  /* line 774, ../sass/_pc_product.scss */
  .product-step #step-box #day-night-care .step-content {
    width: 827px;
    height: 214px;
    float: left;
    margin-left: 40px;
  }
.product-step #step-box .notes {
text-align:right;
font-size:12px;
margin-bottom:0
}
/*product-series*/
.product-series #series_all {
	margin:0;
}
.product-series #series_all li {
margin:0 9px;
position:relative;
float:left;
}
.product-series #series_all li .sp {
	display:none;
}
.product-series #series_all li span {
	position:absolute;
	top:270px;
	left:13px;
	width:192px;
	font-size:12px;
	text-decoration:none;
	color:#333;
	line-height:20px;
}



.product-history #content-main {
padding-top:0px;
}
.product-history #story h1, .product-history #history h1 {
padding-left:30px;
margin-left:10px;
height:60px;
line-height:60px;
font-size:30px;
font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
font-weight:normal;
color:#235ab2;
border-left:2px solid #235ab2
}
.product-history .content-body {
margin:0 10px 50px 10px;
padding:20px 15px 20px 15px;
background:#fafbfc;
border:4px solid #fff
}
.product-history #story .content-body {
font-size:16px;
line-height:24px;
color:#040000;
*zoom:1
}
.product-history #story .content-body:before, .product-history #story .content-body:after {
content:" ";
display:table
}
.product-history #story .content-body:after {
clear:both
}
.product-history #story .content-body .alpha {
width:200px;
float:left;
text-align:center;
font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
font-size:13px;
color:#666
}
.product-history #story .content-body .beta {
width:680px;
float:right
}
.product-history #story .content-body .beta .column-a {
*zoom:1
}
.product-history #story .content-body .beta .column-a:before, .product-history #story .content-body .beta .column-a:after {
content:" ";
display:table
}
.product-history #story .content-body .beta .column-a:after {
clear:both
}
.product-history #story .content-body .beta .column-a .figure {
width:210px;
float:left
}
.product-history #story .content-body .beta .column-a .description {
width:470px;
float:right
}
.product-history #story .content-body .beta .column-b {
clear:both;
*zoom:1
}
.product-history #story .content-body .beta .column-b:before, .product-history #story .content-body .beta .column-b:after {
content:" ";
display:table
}
.product-history #story .content-body .beta .column-b:after {
clear:both
}
.product-history #story .content-body .beta .column-b .description {
width:280px;
float:left;
}
.product-history #story .content-body .beta .column-b .figure {
width:366px;
float:right;
}
.product-history #history #chronology {
padding:20px 0;
margin:30px 40px;
background:url(../images/product/history/chronology-top-line.gif) 0 0 repeat-x;
position:relative
}
.product-history #history #chronology #flow {
position:absolute;
top:7px;
left:0;
z-index:10;
width:24px;
height:774px
}
.product-history #history #chronology ul {
padding:0 0 40px 25px;
background:url(../images/product/history/chronology-bottom-line.gif) left bottom repeat-x
}
.product-history #history #chronology ul li {
font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
*zoom:1;
color:#333;
border-bottom:2px solid #e0effc;
padding:2px 0;
position:relative
}
.product-history #history #chronology ul li:before, .product-history #history #chronology ul li:after {
content:" ";
display:table
}
.product-history #history #chronology ul li:after {
clear:both
}
.product-history #history #chronology ul li p {
margin:0;
padding:0 0 0 30px;
font-size:16px;
line-height:35px;
height:35px;
background:#f2f2f2
}
.product-history #history #chronology ul li.odd p {
background:#f8fbfc
}
.product-history #history #chronology ul li .year {
color:#133262;
font-size:18px;
font-weight:bold;
display:block;
width:5em;
float:left
}
.product-history #history #chronology ul li .year a {
color:#133262
}
.product-history #history #chronology ul li .event {
display:block;
margin-left:6em
}
.product-history #history #chronology ul li a {
margin-left:-54px;
padding-left:54px;
display:block;
text-decoration:none;
color:#235ab2;
background:url(../images/product/history/history-list-bg.jpg) 0 0 no-repeat
}
.product-history #history #chronology ul li a:hover {
background-color:#e0effc;
background-position:left bottom
}
.product-history #history #chronology ul li figure {
position:absolute;
z-index:20
}
.product-history #history #chronology ul li figure a {
background-image:none
}
.product-history #history #chronology ul li figure a:hover {
background-color:transparent
}
.product-history #history #chronology ul li#h-02 figure {
top:-38px;
right:38px
}
.product-history #history #chronology ul li#h-04 figure {
top:-13px;
right:110px
}
.product-history #history #chronology ul li#h-05 figure {
top:-38px;
right:38px
}
.product-history #history #chronology ul li#h-06 figure {
top:-12px;
right:110px
}
.product-history #history #chronology ul li#h-07 figure {
top:-33px;
right:38px
}
.product-history #history #chronology ul li#h-08 figure {
top:-12px;
right:110px
}
.product-history #history #chronology ul li#h-09 figure {
top:-30px;
right:38px
}
.product-history #history #chronology ul li#h-10 figure {
top:-35px;
right:120px
}
.product-history #history #chronology ul li#h-11 figure {
top:-34px;
right:36px
}
.product-history #history #chronology ul li#h-12 figure {
top:-12px;
right:110px
}
.product-history #history #chronology ul li#h-13 figure {
top:-45px;
right:38px
}
.product-history #history #chronology ul li#h-14 figure {
top:-40px;
right:110px
}
.product-history #history #chronology ul li#h-15 figure {
top:-24px;
right:36px
}
.product-history #history #chronology ul li#h-16 figure {
top:-6px;
right:96px
}
.product-history #history #chronology ul li#h-17 figure {
top:-24px;
right:26px
}
.product-history #history #chronology ul li#h-18 figure {
top:-26px;
right:104px
}
.product-history #history #chronology ul li#h-19 figure {
top:-26px;
right:37px
}
.product-history #history #chronology ul li#h-20 figure {
top:2px;
right:100px
}
.product-history #history #chronology ul li#h-21 figure {
top:-21px;
right:35px
}
.product-detail #content-main {
width:880px;
padding:30px;
margin:0 auto;
background:#fff;
-webkit-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-o-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.1);
behavior:url(/PIE.htc);
position:relative
}
.product-detail #content-main .info {
*zoom:1;
padding-bottom:30px
}
.product-detail #content-main .info:before, .product-detail #content-main .info:after {
content:" ";
display:table
}
.product-detail #content-main .info:after {
clear:both
}
.product-detail #content-main .info .alpha {
width:530px;
float:right;
text-align:left
}
.product-detail #content-main .info .beta {
width:320px;
float:left;
text-align:center
}
.product-detail #content-main .info .category span {
display:inline-block;
background:#4482e5;
color:#fff;
font-size:16px;
padding:5px 15px
}
.product-detail #content-main .info .category span.step {
display:none
}
.product-detail #content-main .info .header h2 {
color:#090909;
font-size:30px;
font-weight:normal;
display:inline;
margin-right:10px
}
.product-detail #content-main .info .header .sub {
color:#090909;
font-size:21px;
display:inline
}
.product-detail #content-main .info .copy {
font-size:18px;
line-height:24px;
color:#333
}
.product-detail #content-main .info .notes {
font-size:12px
}
.product-detail #content-main .info .prize {
margin:0;
padding:0;
*zoom:1
}
.product-detail #content-main .info .prize:before, .product-detail #content-main .info .prize:after {
content:" ";
display:table
}
.product-detail #content-main .info .prize:after {
clear:both
}
.product-detail #content-main .info .prize li {
float:left;
margin-right:20px
}
.product-detail #content-main #feature, .product-detail #content-main #wakan {
border:1px solid #dce0e6;
background:#f0f4fb;
padding:20px 30px;
margin-bottom:20px;
*zoom:1
}
.product-detail #content-main #feature:before, .product-detail #content-main #feature:after, .product-detail #content-main #wakan:before, .product-detail #content-main #wakan:after {
content:" ";
display:table
}
.product-detail #content-main #feature:after, .product-detail #content-main #wakan:after {
clear:both
}
.product-detail #content-main #feature h3, .product-detail #content-main #wakan h3 {
margin:0;
width:100px;
float:left
}
.product-detail #content-main #feature ul, .product-detail #content-main #wakan ul {
margin:0 0 0 120px;
line-height:20px
}
.product-detail #content-main #feature ul {
margin-left:130px
}
.product-detail #content-main #feature ul li {
list-style-type:square;
color:#4482e5;
font-size:16px
}
.product-detail #content-main #feature ul li span {
color:#4e4e4e;
font-size:14px
}
.product-detail #content-main #feature p.notes {
font-size:12px;
line-height:14px;
margin-left:130px
}
.product-detail #content-main #wakan {
background:#f7f8ef
}
.product-detail #content-main #wakan ul {
*zoom:1
}
.product-detail #content-main #wakan ul:before, .product-detail #content-main #wakan ul:after {
content:" ";
display:table
}
.product-detail #content-main #wakan ul:after {
clear:both
}
.product-detail #content-main #wakan ul li {
width:96px;
float:left;
margin-bottom:16px
}

.product-detail #content-main #howto {
    background: none repeat scroll 0 0 #F0F4FB;
    border: 1px solid #DCE0E6;
    margin-bottom: 20px;
    padding: 20px 30px;
}

.product-detail #content-main #howto h3 {
	margin: 0 0 20px;
    color: #333333;
    font-size: 18px;
    line-height: 24px;
	font-weight: normal;
}
.product-detail #content-main #howto .group {
	background-color: #FFF;
	padding: 20px;
}
.product-detail #content-main #howto .group .step {
	float: left;
	width: 170px;
	height: 375px;
	padding-left: 20px;
}
.product-detail #content-main #howto .group .step p {
	margin: 0;
}
.product-detail #content-main #howto .group .step p.step_image {
	margin: 0;
}
.product-detail #content-main #howto .group .step p.step_title {
	font-size: 14px;
	color: #223C90;
}
.product-detail #content-main #howto .group .step p.step_howto {
	margin: 0;
	font-size: 11px;
	color: #333;	
}

.product-detail #content-main #step {
background:#f9fbfc;
margin-bottom:20px
}
.product-detail #content-main #step .step-box {
display:none
}
.product-detail #content-main #ingredients {
margin-bottom:20px
}
.product-detail #content-main #ingredients #ingredients-header {
background:#5377b3 url(../images/product/detail/plus.png) right center no-repeat;
padding:12px 18px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-ms-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-o-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
behavior:url(/PIE.htc);
cursor:pointer;
position:relative;
z-index:10
}
.product-detail #content-main #ingredients #ingredients-header:hover {
background-color:#7797ce
}
.product-detail #content-main #ingredients #ingredients-header.opened {
background-image:url(../images/product/detail/minus.png)
}
.product-detail #content-main #ingredients #ingredients-header h3 {
color:#fff;
margin:0;
line-height:1.0;
font-size:20px;
font-weight:normal
}
.product-detail #content-main #ingredients #ingredients-body {
font-size:12px;
line-height:1.3;
padding:10px 15px 20px 15px;
margin:-6px 10px 10px 10px;
background:#fff;
-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-ms-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-o-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
-ms-border-radius:0 0 6px 6px;
-o-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
behavior:url(/PIE.htc);
display:none;
position:relative;
z-index:3;
}
.product-detail #content-main #ingredients #ingredients-body p {
margin-bottom:0;
}
/*category*/
.product-category nav.category_select {
	margin:0 10px 10px;
}
.product-category nav.category_select li {
	float:left;
	width:15%;
	margin:5px;
}
.product-category nav.category_select li a {
	text-decoration:none;
	display:block;
	padding:10px 4px;
	text-align:center;
	font-size:14px;
	color:#617489;
	background:#FFF;
	border-radius:4px;
}
.product-nayami section.series p.e_subtitle {
	color:#FFF;
	font-size:14px;
	padding:8px 12px;
	margin:0 auto 15px;
	width:918px;
}
.product-nayami section.series p.e_subtitle_sekkisei {
	background:#85a5e3;
}
.product-nayami section.series p.e_subtitle_supreme {
	background:#8695aa;
}
.product-nayami section.series p.e_subtitle_seikisho {
	background:#31466e;
}
.product-nayami section.series p.e_subtitle_junkisui {
	background:#5ebc4c;
}
.product-detail .small_text {
	font-size:12px;
	line-height:14px;
	font-weight:normal;
}
}