@charset "utf-8";
/*--------------------------------------------------*/
/*	reset											*/
/*--------------------------------------------------*/
html {-webkit-text-size-adjust: 100%;}
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
header, footer, hgroup, section, article,
table, th, td, img, form, map, fieldset,
body, ul, li {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	line-height: 22px;
	list-style: none;
}
table {border-collapse: collapse;margin: 0px; padding: 0px;}
*:not(input):not(textarea):not(select),
input[type=image],
input[type=file],
input[type=submit],
input[type=button],
input[type=reset] {
	-moz-user-select: none;
	-webkit-user-select: none;
}
/*--------------------------------------------------*/
/*	link											*/
/*--------------------------------------------------*/
a {text-decoration: none;}
a:link    {color: #03c;}
a:visited {color: #03c;}
a:hover   {color: #f60;}
a:active  {color: #f60;}

/*--------------------------------------------------*/
/*	共通ボタン										*/
/*--------------------------------------------------*/
a.grayBtn,
p.grayBtn,
input.grayBtn {
	-webkit-appearance: none;
	display: block;
	width: 100px;
	margin: 10px auto;
	padding: 7px 0;
	color: #000;
	font-size: 18px;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	background: -webkit-linear-gradient(top,#fcfcfc,#dadada);
	background: -moz-linear-gradient(top,   #fcfcfc,#dadada);
	background: linear-gradient(to bottom,  #fcfcfc,#dadada);
	border: 1px solid #888;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.yellowBtn {
	display: block;
	width: 100px;
	margin: 0 auto;
	padding: 7px 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	background: -webkit-linear-gradient(top,#43ac00,#43ac00);
	background: -moz-linear-gradient(top,   #43ac00,#43ac00);
	background: linear-gradient(to bottom,  #43ac00,#43ac00);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
a.blueBtn,
p.blueBtn,
input.blueBtn {
	-webkit-appearance: none;
	display: block;
	width: 100px;
	margin: 0 auto;
	padding: 12px 0;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	background: -webkit-linear-gradient(top,#bbb,#aaa 50%,#aaa 51%,#bbb);
	background: -moz-linear-gradient(top,#bbb,#aaa 50%,#aaa 51%,#bbb);
	background: linear-gradient(to bottom,#bbb,#aaa 50%,#aaa 51%,#bbb);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


tr .td2 a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filyer: "alpha(opacity=70)";
}


.Curation .regularBtn{
	-webkit-appearance: none;
	display: block;
	width: 100px;
	margin: 0 auto;
	padding: 7px 0;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	background: -webkit-linear-gradient(top,#008080,#008080);
	background: -moz-linear-gradient(top,   #008080,#008080);
	background: linear-gradient(to bottom,  #008080,#008080);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


/*--------------------------------------------------*/
/*	基本スタイル									*/
/*--------------------------------------------------*/
body {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	width: 100%;
	min-width: 480px;
	color: #000;
	font-size: 14px;
	background: #fff;
	line-height: 1;
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
}

.wrapper{
	width: 1200px;
	margin: 0 auto;
}


.wrap{
	width: 100%;
	margin: 0 auto;
}


/*--------------------------------------------------*/
/*	パンくずリスト									*/
/*--------------------------------------------------*/
.breadcrumb {
	width: 1200px;
	position: relative;
	margin: 10px auto;
}
.breadcrumb li {
	display: inline-block;
	font-size: 12px;
	line-height: 17px;
}
.breadcrumb li a {
	text-decoration: underline;
}
.breadcrumb li:not(:last-child):after {
	display: inline-block;
	content: "\f105";
	font-family: FontAwesome;
	font-style: normal;
	padding: 0 4px 0 10px;
	color: #888;
}
.breadcrumb li:first-child a:before {
	display: inline-block;
	content: "\f015";
	font-family: FontAwesome;
	font-style: normal;
}


/*-----------------------------------------*/
/*	トップカテゴリー部分				*/
/*-----------------------------------------*/

.globalcontentsmenu {
	width: 1200px;
	margin: 0 auto;
}

.globalhead{
	float: left;
	margin: 0 10px 0 22px;
	width: 705px;
}

.menuber2{
	margin: -45px 0 0 0;
}

.menuber5{
	margin: -17px 0 0 0;
}

.globalranking{
	float: left;
	width: 225px;
	margin: -10px 0 0 0;
}


.rightArea{
	float: right;
	width: 225px;
}

.clear10{
	clear: both;
}


/*--------------------------------------------------*/
/*	左メニュー：カテゴリー							*/
/*--------------------------------------------------*/

.globalranking .leftgloval {
	margin: 0px 0 0 0;
}

.globalranking .leftgloval .leftTitle {
	padding: 8px 14px 7px 14px;
	color: #222;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	border-left: 3px solid #ddd;
	background: #eee;
}
.globalranking .leftgloval .leftTitle i {
	padding-right: 6px;
}
.globalranking .leftgloval .leftMenu {
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
.globalranking .leftgloval .category li a {
	position: relative;
	display: block;
	color: #000;
	text-decoration: none;
}
.leftgloval .category li:not(:last-child) a {
	border-bottom: 1px dotted #ccc;
}
.leftgloval .category li.parent a {
	padding: 8px 24px 8px 14px;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
}
.leftgloval .category li.child a {
	padding: 8px 24px 8px 26px;
	font-size: 13px;
	line-height: 18px;
}
.leftgloval .category li a:after {
	position: absolute;
	top: 50%;
	right: 8px;
	display: block;
	margin-top: -4px;
	color: #aaa;
	content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
}

.globalranking a img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filyer: "alpha(opacity=70)";
}

/*左カラムrankingタイトル*/

#left .leftTitle {
	border-left: 3px solid #43ac00;
	padding: 8px 14px 7px 14px;
	color: #222;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	background: #f0fffa;
}
#left .leftTitle i {
	padding-right: 6px;
}
#left .leftMenu {
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
.category li a {
	position: relative;
	display: block;
	color: #000;
	text-decoration: none;
}
.leftgloval .category li:not(:last-child) a {
	border-bottom: 1px dotted #ccc;
}
.leftgloval .category li.parent a {
	padding: 8px 24px 8px 14px;
	font-size: 13px;
	line-height: 18px;
}
.leftgloval .category li.child a {
	padding: 8px 24px 8px 26px;
	font-size: 13px;
	line-height: 18px;
}
.leftgloval .category li a:after {
	position: absolute;
	top: 50%;
	right: 8px;
	display: block;
	margin-top: -4px;
	color: #aaa;
	content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
}
.leftgloval .category li a:hover {
	background: #f0fffa;
	color: #222;
}
.leftgloval .category li a:hover:after {
	color: #777;
	content: "\f054";
}
/*--------------------------------------------------*/
/*	左メニュー：ランキング							*/
/*--------------------------------------------------*/
#left .ranking li:not(:last-child) {
	border-bottom: 1px dotted #ccc;
}
#left .ranking p {
	position: relative;
	padding: 10px 14px 4px 50px;
	font-size: 14px;
	line-height: 19px;
}
#left .ranking p img {
	position: absolute;
	top: 50%;
	left: 14px;
	width: 30px;
	height: 20px;
	margin-top: -10px;
}



#left .ranking table {
	width: 238px;
}
#left .ranking table .td1 {
	width: 90px;
	height: 75px;
	padding: 5px 10px;
	vertical-align: middle;
}
#left .ranking table .td1 a,
#left .ranking table .td1 img {
	display: block;
	width: 90px;
	height: 75px;
}

#left .ranking table .td1 img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filyer: "alpha(opacity=70)";
}

#left .ranking table .td2 {
	max-width: 118px;
	padding-right: 10px;
}
#left .ranking table tr:nth-child(1) .td2 {
	padding-top: 5px;
	vertical-align: top;
}
#left .ranking table tr:nth-child(2) .td2 {
	height: 34px;
	text-align: center;
	vertical-align: middle;
}
#left .ranking table tr:nth-child(3) .td2 {
	height: 23px;
	padding-bottom: 5px;
	vertical-align: bottom;
}
#left .ranking table .td2 .info1 {
	display: inline-block;
	padding: 0 2px;
	color: #fff;
	font-size: 12px;
	margin: 0 0 0 12px;
	background: #000;
	line-height: 14px;
}

/*--ランキングカテゴリわけ---*/
/*

各color
one       :008080 アンチエイジング
two       :f69    スキンケア
three     :CC0033 血圧
force     :FF0066 血糖
five      :BA55D3 コレステロール
six       :008BB2 免疫
seven     :008080 関節
eight     :f60    骨
nine      :555555 気分
ten       :EE0000 ストレス
eleven    :00CC00 ダイエット
twelve    :ffa07a 内臓
thirteen  :6495ed 禁煙
fourteen  :a0522d 宿便
fifteen   :6b8e23 男性の健康
sixteen   :cd5c5c 女性の健康
seventeen :ff33ff 大人の悩み

*/

#left .ranking table .td2 .info1.one {
	width: 80px;
	background: #008080;
	color: #fff;
	font-size: 10px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}

#left .ranking table .td2 .info1.two {
	width: 80px;
	background: #f69;
	color: #fff;
	font-size: 10px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}

#left .ranking table .td2 .info1.three {
	width: 80px;
	background: #CC0033;
	color: #fff;
	font-size: 10px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}

#left .ranking table .td2 .info1.force {
	width: 80px;
	background: #FF0066;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}

#left .ranking table .td2 .info1.five {
	width: 80px;
	background: #BA55D3;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}


#left .ranking table .td2 .info1.six {
	width: 80px;
	background: #008BB2;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}


#left .ranking table .td2 .info1.seven {
	width: 80px;
	background: #008080;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}


#left .ranking table .td2 .info1.eight {
	width: 80px;
	background: #555555;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}


#left .ranking table .td2 .info1.nine {
	width: 80px;
	background: #f60;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}


#left .ranking table .td2 .info1.ten {
	width: 80px;
	background: #EE0000;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}


#left .ranking table .td2 .info1.eleven {
	width: 80px;
	background: #00CC00;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}


#left .ranking table .td2 .info1.twelve {
	width: 80px;
	background: #ffa07a;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}


#left .ranking table .td2 .info1.thirteen {
	width: 80px;
	background: #6495ed;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}


#left .ranking table .td2 .info1.fourteen {
	width: 80px;
	background: #a0522d;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}


#left .ranking table .td2 .info1.fifteen {
	width: 80px;
	background: #6b8e23;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}


#left .ranking table .td2 .info1.sixteen {
	width: 80px;
	background: #cd5c5c;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}


#left .ranking table .td2 .info1.seventeen {
	width: 80px;
	background: #ff33ff;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	text-align: center;
}

/*--------*/



#left .ranking table .td2 .info2 {
	padding: 9px 0;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	vertical-align: bottom;
}
#left .ranking table .td2 .info2 span {
	padding-left: 1px;
	font-size: 10px;
}
#left .ranking table .td2 a {
	width: 85px;
	padding: 5px 0;
}

/*------------------------------------*/
/*左カラムの上段部分のボックス始まり*/
/*------------------------------------*/

.leftcontents{
	width: 350px;
	height: auto;
}	



/*------------------------------------*//*rightArea 右カラムの成分リスト*/
/*------------------------------------*/


.rightArea .leftgloval {
	margin: 10px 0 0 0;
}

.rightArea .leftgloval .leftTitle {
	padding: 8px 14px 7px 14px;
	color: #222;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	border-left: 3px solid #ddd;
	background: #eee;
}
.rightArea .leftgloval .leftTitle i {
	padding-right: 6px;
}
.rightArea .leftgloval .leftMenu {
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
.rightArea .leftgloval .category li a {
	position: relative;
	display: block;
	color: #000;
	text-decoration: none;
}
.leftgloval .category li:not(:last-child) a {
	border-bottom: 1px dotted #ccc;
}
.leftgloval .category li.parent a {
	padding: 8px 24px 8px 14px;
	font-size: 13px;
	line-height: 18px;
}
.leftgloval .category li.child a {
	padding: 8px 24px 8px 35px;
	font-size: 13px;
	line-height: 18px;
}
.leftgloval .category li a:after {
	position: absolute;
	top: 50%;
	right: 8px;
	display: block;
	margin-top: -4px;
	color: #aaa;
	content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
}


/*左カラムrankingタイトル*/

#left .leftTitle {
	border-left: 3px solid #43ac00;
	padding: 8px 14px 7px 14px;
	color: #222;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	background: #f0fffa;
}
#left .leftTitle i {
	padding-right: 6px;
}
#left .leftMenu {
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
.category li a {
	position: relative;
	display: block;
	color: #000;
	text-decoration: none;
}
.leftgloval .category li:not(:last-child) a {
	border-bottom: 1px dotted #ccc;
}
.leftgloval .category li.parent a {
	padding: 8px 24px 8px 14px;
	font-size: 15px;
	line-height: 18px;
}

.leftgloval .category li.parent a .inctyList{
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	bottom: 1px;
	right: 30px;

/*
	padding: 10px 0 0 20px;
	text-align: right;
*/
}






.leftgloval .category li.child a {
	padding: 8px 24px 8px 26px;
	font-size: 13px;
	line-height: 18px;
}
.leftgloval .category li a:after {
	position: absolute;
	top: 50%;
	right: 8px;
	display: block;
	margin-top: -4px;
	color: #aaa;
	content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
}
.leftgloval .category li a:hover {
	background: #f0fffa;
	color: #222;
}
.leftgloval .category li a:hover:after {
	color: #777;
	content: "\f054";
}


/
/*--------------------------------------------------*/
/*	商品詳細ページ		※商品詳細ページ			*/
/*--------------------------------------------------*/
.product {
	margin: 0px auto;
}
.product .productimg a img{
	width: 330px;
	height: 310px;
	display: block;
	margin: 0px auto;
}
.product .productimg a {
	display: block;
	width: 330px;
	margin: 0px auto;
	border: 1px solid #e0e0e0;
}
.product .productimg a img {
	margin: 0px auto;
	display: block;
	width: 330px;
	height: 330px;
}

.product .productimg a img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filyer: "alpha(opacity=70)";
}


/*--------------------------------------------------*/
/*お気に入り箇所*/
/*--------------------------------------------------*/

.bookmarklist{
	border: 2px solid #43ac00;
	font-size:20px;
	line-height: 1;
	border-radius: 5px;
	width: 330px;
	text-decoration: none;
	margin: 5px auto; 
	background: #43ac00;
	text-align: center;
}
.bookmarklist a{
	color:#fff;
	font-size:15px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 15px 0 15px 5px;
}
.bookmarklist .fa{
	color: #FF66CC;
	padding: 0 10px 0 0;
}
.bookmarklist:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filyer: "alpha(opacity=70)";
}



/*--------------------------------------------------*/
/*ソーシャルボタン配置部分*/
/*--------------------------------------------------*/


.socialbox{
	width: 330px;
	margin: 10px auto;
}

/*
.socialcontents ul {
	margin: 10px 0 0 0 ;
	border: 1px solid #ddd;
	font-size: 0;
}

.socialcontents ul li {
	display: inline-block;
	width: 24.7%;
	border-right: 1px solid #ddd;
}

.socialcontents ul li:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filyer: "alpha(opacity=70)";
}

.socialcontents ul li a{
	margin: 10px auto;
	display: block;
	text-align: center;
}

.socialcontents ul li:last-child{
	border-right: none;
}



.socialcontents ul li:nth-child(1) a img{
	width: 50px;
}
.socialcontents ul li:nth-child(2) a img{
	width: 50px;

}
.socialcontents ul li:nth-child(3) a img{
	width: 50px;

}
.socialcontents ul li:nth-child(4) a img{
	width: 50px;
}
*/

/*	new sns	*/

/*share-botton*/
.share-buttons{
    margin-bottom: 10px;
    text-align: center;
}
.share-buttons .inner a {
    position: relative;
    display: inline-block;
    width: 17%;
    height: 45px;
    line-height: 25px;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    padding:2px;
}
.share-buttons .inner .share-text{
    font-size: 8px;
}
.share-count-box {
    height:1.33333em;
    display:inline-block;
    text-align:center;
}
.share-buttons .inner .hatena-bookmark-button{
    background: #008fde;
}
.share-buttons .inner .facebook-button{
    background: #305097;
}
.share-buttons .inner .twitter-button{
    background: #55acee;
}
.share-buttons .inner .googleplus-button{
    background: #db4a39;
}
.share-buttons .inner .pocket-button{
    background: #ee4256;
}


/*--------------------------------------------------*/
/*シェア説明箇所*/
/*--------------------------------------------------*/

.campaign{
	font-size: 13px;
	margin: 10px auto;
	width: 100%;
	text-align: center;
}

.campaign .fa{
	font-size: 8px;
	color: #000;
	background: #FAFAD2;
}

/*--------------------------------------------------*/
/*	商品詳細ページ		※商品詳細ページ			*/
/*--------------------------------------------------*/

.allright{
	width: 980px;
}
.productarea2{
	vertical-align:top;
	margin: 10px auto;
}

.productarea2 p{
	text-align: left;
	font-size: 30px;
	font-weight: bold;
	vertical-align:top;
	padding: 0px 0 0 10px;
	line-height: 1.45;
}

.productarea2 .product_Detailarea{
	font-size: 17px;
	padding: 10px 10px 0 10px;
	line-height: 1.6;
	margin: 10px auto;
	width: 590px;
	letter-spacing: 0.1em;
}


/*--------------------------------------------------*/
/*	トップの更新と検索のテーブル					*/
/*			更新部分								*/
/*--------------------------------------------------*/


.info{
	margin: 13px 0 0 0;
}

.date{
	padding: 0 0 0 10px;
	font-size: 17px;
	font-weight: bold;
}

.sub_details{
	padding: 0 20px 10px 20px;
	font-size: 17px;
}


.link_sub_details{
	text-align: right;
	margin: -10px 20px 0 0;
}

.link_sub_details a{
	padding: 10px 0 10px 0;
	font-size: 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px
}

.link_sub_details a:hover {
	color: #e00000
}


/*----------------------------------*/
/*	new search*/


.searchArea {
	display: table;
	width: 574px;
	height: 46px;
	position: absolute;
	top: 2px;
	left: 300px;
}
.searchArea .searchItem {
	display: table-cell;
	width: 215px;
	vertical-align: top;
}
.searchArea .searchItem2 {
	display: table-cell;
	width: 579px;
	padding: 5px 0;
	vertical-align: top;
}
.searchArea .searchItem2 .inner {
	position: relative;
	width: 579px;
	height: 36px;
	background: #107000;
	border-radius: 0 5px 5px 0px;
}
.searchArea input[type="text"] {
	position:absolute;
	top: 3px;
	left: 3px;
	width: 500px;
	height: 30px;
	padding: 0 8px;
	font-size: 18px;
	line-height: 30px;
	border: none;
}
.searchArea input[type="image"] {
	position:absolute;
	top: 3px;
	left: 519px;
	display: block;
	width: 60px;
	height: 30px;
	line-height: 1;
	border: none;
}
.searchArea .heading {
	position: relative;
	width: 180px;
	height: 34px;
	padding: 5px 9px;
	font-size: 12px;
	line-height: 1.4;
	background: #efa;
	border: 1px solid #5a1;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.searchArea .heading:before {
	position: absolute;
	top: 13px;
	right: -8px;
	display: block;
	content: "";
	width: 0;
	border: 8px solid transparent;
	border-left-color: #5a1;
	border-right-width: 0;
}
.searchArea .heading:after {
	position: absolute;
	top: 13px;
	right: -7px;
	display: block;
	content: "";
	width: 0;
	border: 8px solid transparent;
	border-left-color: #efa;
	border-right-width: 0;
}



/*----------------------------------*/
#searchlistbox .searchlistname {
	font-size: 13px;
	font-weight: 700;
	text-align: center;
}

#searchlistbox .body {
	margin: 5px auto;
	width: 700px;
	border-right: 1px solid #73dc30;
	border-left: 1px solid #73dc30;
	border-bottom: 1px solid #73dc30;
	height: 218px;
	font-size: 11px;
	overflow: auto;
	background: #fff;
	border-top: 1px solid #73dc30
}

#searchlistbox .news {
	padding: 10px 0 0 0;
	margin-bottom: 20px;
	border-bottom: 1px dotted #bbb;
	line-height: 1.4
}


.news .newslist .fa-star{
	padding-left: 6px;
	color: #f90;
	font-size: 18px;
	font-weight: bold;
}

.newslistmore{
	text-align: right;
	padding: 5px 0 50px 3px;
	font-weight: bold;
	font-size: 11px;
	color: #eee;
	text-decoration: none;
}


.newslist a{
	text-align: right;
	font-size: 18px;
	padding: 0 0 0 10px;
}

/*--------------------------------------------------*/
/*	検索上位キーワード数部分						*/
/*--------------------------------------------------*/


.wordRanking{
	width: 223px;
	margin: 10px 10px 0 0px;
	border: 1px solid #73dc30;
}

.wordTitle{
	padding: 10px;
	background: #f0fffa;
}

.wordTitle .text1{
	letter-spacing: 0.1em;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0 0 8px;
}

.wordTitle .icon1{
	color: #fff;
	padding: 5px 2px 5px 5px;
	background: #006600;
	border-radius: 20px;
}

.wordRanking ul li{
	width: 170px;
	margin: 10px auto;
}

.wordRanking ul li a{
	font-size: 16px;
	text-decoration: none;
}

.wordRanking ul li a:hover{
	text-decoration: underline;
}

.icon2{
	color: #fff;
	padding: 5px 8px;
	background: #006600;
	border-radius: 20px;
}

.line1{
	width: 660px;
	margin: 3px 0 10px 45px;
	border-bottom: 1px solid #73dc30;
}

.line2{
	width: 900px;
	margin: 3px 0 10px 45px;
	border-bottom: 1px solid #73dc30;
}
/*--------------------------------------------------*/
/*	商品詳細ページ メーカーとか									*/
/*--------------------------------------------------*/
.prd {
	display: table;
	width: 620px;
	margin: 85px 10px 25px 10px;
}

.prd .cell2 {
	display: table-cell;
	width: 360px;
	vertical-align: middle;
}

.prd p {
	line-height: 1.3;
}
.prd table {
	width: 360px;
	margin-bottom: 10px;
}
.prd table th {
	width: 80px;
	padding: 7px 0;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	background: #ebebeb;
	border: 1px solid #d0d0d0;
	border-bottom: none;
}
.prd table td {
	padding: 7px 10px;
	font-size: 14px;
	line-height: 19px;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}
.prd table tr:last-child th,
.prd table tr:last-child td {
	border-bottom: 1px solid #d0d0d0;
}



/*--------------------------------------------------*/
/*	ruturned・point 返送・ポイントについて	*/
/*--------------------------------------------------*/

.returned{
	float: right;
	text-align: right;
	padding: 0 30px 0 0;
}

.sendText{
	float: left;
	text-align: left;
	padding: 0 0 0 10px;
}

/*	ruturned返送*/
.sidelink{
	padding: 5px 0;
}
.returned a{
	font-size: 13px;
}

/*	ruturned返送*/


.point{
	font-size: 13px;
	text-align: right;
}

.close{
	clear: both;
}

/*--------------------------------------------------*/
/*	商品詳細ページ		※商品詳細ページ			*/
/*--------------------------------------------------*/


.productname{
	text-align: left;
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 10px 0px;
	padding: 10px 0 0 0;
}

.right_contentsarea{
	margin: 10px auto;
	width: 980px;
}

.prd {
	margin: 10px 10px 10px 10px;
	width: 940px;
}
.prd .Curation .info1 {
	width: 260px;
	height: 262px;
	margin: 0 auto;
	overflow: hidden;
}
.prd .Curation .info1 a {
	display: block;
	width: 260px;
	height: 200px;
	border: 1px solid #ddd;
}
.prd .Curation .info1 a img {
	display: block;
	width: 240px;
	height: 200px;
}
.prd .Curation .info2 {
	margin: 10px 0 2px 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
}
.prd .Curation {
	width: 100%;
	margin: 0 auto;
}
.prd .Curation th {
	height: 36px;
	padding: 13px 0 5px 0;
	color: #222;
	font-size: 16px;
	text-align: center;
	line-height: 35px;
	background: #eee;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.prd .Curation td {
	padding: 10px 0;
	color: #000;
	font-size: 15px;
	text-align: center;
	line-height: 15px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.prd .Curation th:first-child  {border-left: 1px solid #ddd;}
.prd .Curation th:nth-child(3) {line-height: 15px;}
.prd .Curation th:last-child   {border-right: 1px solid #ddd;}
.prd .Curation td:last-child   {border-right: 1px solid #ddd;}
.prd .Curation td.info3 {width: ;}
.prd .Curation td.info8 {width: 64px;color: #f00; font-size: 20px; text-decoration: line-through;}
.prd .Curation td.info5 {width: 70px;color: #f00; font-size: 20px; font-weight: bold; padding: 15px 0 5px 0;}
.prd .Curation td.info6 {width: 70px;color: #f00; font-size: 20px; font-weight: bold; color: #222;}
.prd .Curation td.info7 {width: 60px;}
.prd .Curation td.info7 a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filyer: "alpha(opacity=70)";
}
.prd .Curation td.info8 span {color: #000; font-weight: normal;}
.prd .Curation td.info7 a.grayBtn {
	-webkit-appearance: none;
	display: block;
	width: 150px;
	margin: 0 auto;
	padding: 13px 8px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	background: -webkit-linear-gradient(top,#ea3030,#ca0000);
	background: -moz-linear-gradient(top,   #ea3030,#ca0000);
	background: linear-gradient(to bottom,  #ea3030,#ca0000)
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.size11{font-size: 16px;}

.mainText{
	margin: 10px auto;
}


/*-----------------------------------------------*/
/*					商品画像下					*/
/*-----------------------------------------------*/

.allright .underrightAll{
	width: 940px;
	margin: 10px 10px 10px 10px;
}

.allright table tr .border_Detail1{
	vertical-align: top;
	width: 225px;
	border: 1px solid #bbb;
	padding: 10px;
}

.allright table tr .border_Detail2{
	vertical-align: top;
	width: 225px;
	border: 1px solid #bbb;
	padding: 10px;
}

.list_title{
	font-weight: bold;
	font-size: 15px;
}	







/*--------------------------------------------------*/
/*	ヘッダー										*/
/*--------------------------------------------------*/

.tophead{
	width: 1200px;
}

.wrap h1{
	float: left;
	width: 98%;
	margin: 5px 0 8px 8px;
	font-size: 15px;
	color: #222;
}


#header_2p {
	position: relative;
	height: 69px;
	width: 1200px;
	line-height: 1.6;
}
.headerTop {
	position: relative;
	height: 69px;
	background: #fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
font-weight:normal;
}

/*logo部分*/
.logo {
	position: absolute;
	top: 20%;
	left: 10px;
	margin-top: -14px;
}
.logo
.logo a,
.logo a img {
	margin-left: -3px;
	width: 260px;
}


.headcontentslogo {
	position: relative;
	left: 900px;
	bottom: 85px;
	width: 300px;
}

.headcontentslogo li{
	margin: 12px 25px 0 25px;
	color: #006600;
	display: inline-block;
}

.headcontentslogo li a{
	color: #006600;
	font-size: 50px;
}

.headcontentslogo li .toggleMenu{
	font-size: 50px;
	cursor:pointer;
	color: #006600;
}

.headcontentslogo li .toggleMenu2{
	font-size: 50px;
	cursor:pointer;
	color: #006600;
}




.headcontentslogo li a:hover{
	color: #ff881c;
}

.headcontentslogo li p:hover{
	color: #ff881c;
}


.headcontentslogo li .toggleMenu .loginbtn{
	position: absolute;
	top: 60px;
	right: 232px;
	font-weight: bold;
	font-size: 13px;
}

.headcontentslogo li .toggleMenu2 .loginbtn{
	position: absolute;
	top: 60px;
	right: 223px;
	font-weight: bold;
	font-size: 13px;
}


.headcontentslogo li a .mailicon{
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	top: 60px;
	right: 145px;
}


.headcontentslogo li a .mailiconafter{
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	top: 60px;
	right: 137px;
}


ul .cart:hover span{
	color:#ff881c;
}

ul .cart img{
	position: absolute;
	top: -9px;
	right: 3px;
	width: 90px;
}


ul .cart a img{
	width: 90px;
}

.prdcart{
	position: absolute;
	top: 11px;
	right: 45px;
	font-size: 46px;
	font-weight: bold;
	color: #f00;
}






/*--------------------------------------------------*/
/*ログイン後のログイン箇所							*/
/*--------------------------------------------------*/

.log_details{
	font-size: 13px;
	
}

.log_contents li{
	width: 300px;
	margin: 10px auto;
	text-align: center;
	padding: 10px 0;	
	background: #ddd;
	border-bottom: 1px solid #222;
}

.log_contents li a{
	font-size: 28px;
	color: #222;
	text-decoration: none;
}

.menuber{
	margin: 10px auto;
	position: relative;
}

.topinfo{
	margin: 5px 0 0 0 ;
	font-size: 25px;
	font-weight: bold;
}
.topinfo .item2{
	font-size: 12px;
	font-weight: bold;
	background: #f00;
	padding: 12px 6px 12px 6px;
	color: #fff;
	border-radius: 40px;
}
.topinfo .item3{
	position: absolute;
	top: 1px;
	left: 36px;
	padding: 5px 0 0 10px;

}
.topinfomenu{
	margin: 50px 0 0 0;
	font-size: 25px;
	font-weight: bold;
}

.topinfomenu2{
	margin: 20px 0 0 0;
	font-size: 25px;
	font-weight: bold;
}

.topinfomenu3{
	margin: 5px 0 0 0;
	font-size: 25px;
	font-weight: bold;
}


.menuber4{
	margin: 0 0 15px 0;
}

.morelink{
	font-size: 14px;
	font-weight: normal;
}

.morelink a{
	text-decoration: none;
}

.morelink2{
	position: absolute;
	top: 9px;
	left: 280px;
	font-size: 14px;
	font-weight: normal;
}

.morelink2 a{
	text-decoration: none;
}

/*--------------------------------------------------*/
/*	配送の流れメイン部分					*/
/*--------------------------------------------------*/




.boxTitle {
	margin: 0 0 0 -5px;
	width: 667px;
	padding: 6px 14px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 19px;
	background: #222;
	border: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}
.boxBody {
	width: 670px;
	position: relative;
	margin: 0 0 0 -5px;
	padding: 12px;
	font-size: 14px;
	line-height: 22px;
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}
.mainText {
	position: relative;
	width: 720px;
	padding: 10px;
	font-size: 15px;
	line-height: 23px;
}
.mainText .banner {
	display: block;
	width: 720px;
	padding: 1px;
	border: 1px solid #ccc;
}
.pinkBox {
	margin: 0 auto;
	padding: 8px 10px;
	font-size: 13px;
	background: #fffafa;
	border: 1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.orangeBox {
	margin: 0 auto;
	padding: 8px 10px;
	font-size: 13px;
	line-height: 16px;
	background: #f0fffa;
	border: 1px solid #fc8;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.guide .sita,
.thanks .sita {
	margin: 10px 0;
	color: #f00;
	font-size: 40px;
	text-align: center;
}


.flow {
	width: 562px;
	margin: 0 0 80px 60px;
}
.flow li {
	float: left;
	display: inline-block;
	position: relative;
	width: 140px;
	height: 56px;
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
}
.flow li:first-child {
	border-left: 1px solid #bababa;
}
.flow li:last-child {
	border-right: 1px solid #bababa;
}
.flow li p,
.flow li a {
	display: block;
	position: relative;
	width: 70px;
	padding: 10px 20px 10px 50px;
	color: #000;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
	text-align: center;
}
.flow li:not(:last-child):after,
.flow li:not(:last-child) p:after,
.flow li:not(:last-child) a:after {
	position:absolute;
	top: 0;
	left: 140px;
	display: block;
	content: "";
	width: 0;
	border: 28px solid transparent;
	border-left-color: #bababa;
	border-right-width: 0;
}
.flow li:not(:last-child) p:after,
.flow li:not(:last-child) a:after {
	left: 139px;
	border-left-color: #fff;
}
.flow li p span,
.flow li a span {
	display: block;
	margin: 0 0 6px -6px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.flow li:nth-child(1) p:after {z-index: 10;}
.flow li:nth-child(1) a:after {z-index: 10;}
.flow li:nth-child(2) a:after {z-index: 8;}
.flow li:nth-child(3) a:after {z-index: 6;}
.flow li:nth-child(4) a:after {z-index: 4;}
.flow li:nth-child(5) a:after {z-index: 2;}
.flow li:nth-child(1), .flow li:nth-child(1):after {z-index: 9;}
.flow li:nth-child(1), .flow li:nth-child(1):after {z-index: 9;}
.flow li:nth-child(2), .flow li:nth-child(2):after {z-index: 7;}
.flow li:nth-child(3), .flow li:nth-child(3):after {z-index: 5;}
.flow li:nth-child(4), .flow li:nth-child(4):after {z-index: 3;}
.flow li:nth-child(5), .flow li:nth-child(5):after {z-index: 1;}
.flow li:hover a {
	background: #f0fffa;
}
.flow li:hover a:after {
	border-left-color: #f0fffa;
}




/*--------------------------------------------------*/
/*	サーチ部分						/
--------------------------------------------------*/

form.search {
	margin: 0;
	position:absolute;
	top: 5px;
	left: 330px;

}

/* --- ボックス --- */
form.search div {
width: 508px; /* ボックスの幅 */
padding: 3px 0 5px 0; /* ボックスのパディング（上下、左右） */
background-color: #f2f2f2; /* ボックスの背景色 */
border: 1px #808080 solid; /* ボックスの境界線 */
}

/* --- テキストボックス --- */
form.search input.textBox {
width: 398px; /* テキストボックスの幅 */
margin: 4px 4px 0 8px; /* テキストボックスのマージン（上右下左） */
padding: 6px 0 9px 0;
background-color: #ffffff; /* テキストボックスの背景色 */
border: none; /* テキストボックスの境界線（なし） */
color: #000000;
font-size: 18px;
}

/* --- ボタン --- */
form.search input.btn {
width: 80px; /* ボタンの幅 */
margin: 4px 4px 0 8px;
 /* height: 1.8em;ボタンの高さ */
padding: 9px 0 9px 0;
background: #c08000 url(../images/btn05.gif); /* ボタンの背景 */
border: 1px #c08000 inset; /* ボタンの境界線 */
font-weight: bold;
color: #000000;
letter-spacing: 0.3em; /* 文字間のスペース */
}

/*
.input-group{
	position:absolute;
	top: -10px;
	left: 330px;
}

.form-control{
	height: 36px;
	width: 400px;
}

.header_2p button{
	height: 36px;
	background: #000;

}
 */
/*

#header_2p input[type="text"] {
	position:absolute;
	top: 3px;
	left: 330px;
	width: 398px;
	height: 36px;
margin: 0;
	font-size: 17px;
	border: 1px solid #6B8E23;
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
}
#header_2p input[type="submit"] {
	position:absolute;
	top: 3px;
	left: 730px;
	display: block;
	width: 60px;
	height: auto;
	padding: 13px;
	color: #fff;
	margin: 0 10px 0 0;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background: -webkit-linear-gradient(top,#107000,#107000 2%,#107000 2%,#107000 80%,#107000);
	background: -moz-linear-gradient(top,   #107000,#107000 2%,#107000 2%,#107000 80%,#107000);
	background: linear-gradient(to bottom,  #107000,# 2%,#107000 2%,#107000 80%,#107000);
	border: 1px solid #6B8E23;
	border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
}
@-moz-document url-prefix() { #header_2p input[type="text"] {padding: 3px 2px;} }
.chrome #header_2p input[type="submit"] {top: 6px;}
#header_2p input[type="submit"]:hover {
	background: -webkit-linear-gradient(top,#f0fffa);
	background: -moz-linear-gradient(top,   #f0fffa);
	background: linear-gradient(to bottom,  #f0fffa);
}

*/



/*--------------------------------------------------*/
/*	上へ									*/
/*--------------------------------------------------*/

.page-top{
	cursor:pointer;
	margin: 0;
	padding: 0;
}

.page-top p{
	margin: 0;
	padding: 0;
	position: fixed;
	right: 16px;
	bottom: 16px;
}

.move-page-top{
	display: block;
	width: 50px;
	height: 50px;
	color: #fff;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.move-page-top:hover{
	color:#f0fffa;
	opacity: 0.85;
}

#move-page-top{
	background: #107000;
}




/*------------------------------*/
/*				modal			*/
/*------------------------------*/

.modal {
	display: none;
	position: absolute;
	z-index: 999;
	width: 500px;
	padding: 30px 40px;
	background: #fff;
	border: 4px solid #43ac00;
}
#modalOverlay {
	display: none;
	z-index: 998;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.75);
}
img.modalClose {
	position: absolute;
	top: -24px;
	right: -24px;
	width: 54px;
	height: 54px;
}
.modalClose:hover {
	cursor: pointer;
	color: #f00;
}
.modal p {
	line-height: 1.6;
}
.modal .loginForm {
	width: 320px;
	margin: 0 auto;
	padding: 20px 50px 15px 50px;
	background: #F8F8FF;
	border: 2px solid #43ac00;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.modal. loginForm p {
	font-size: 14px;
	line-height: 16px;
}
.modal .loginForm input[type=text] {
	display: block;
	width: 300px;
	height: 20px;
	margin-bottom: 15px;
	padding: 4px 8px;
	font-size: 16px;
	line-height: 20px;
	background: #ffffea;
	border: 1px solid #b0b0b0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.modal .loginForm input[type=submit] {
	display: block;
	width: 120px;
	margin: 0 auto 15px auto;
	padding: 3px 0;
	font-size: 15px;
}

/*------------------------------*/
/*		logAffer modal			*/
/*------------------------------*/

.modalAfterbox ul li{
	text-align: center;
	background: #bbb;
	margin: 2px 0;
}

.modalAfterbox ul li a{
	display: block;
	color: #fff;
	padding: 15px 0;
}

.modalAfterbox ul li a:hover{
	background: #ddd;
	color: #222;
}

/*--------------------------------------------------*/
/*ログイン後のログイン箇所							*/
/*--------------------------------------------------*/

.log_details{
	font-size: 13px;
	
}

.logpoint{
	position: absolute;
	top: 90px;
	right: 25px;
	font-size: 14px;
	color: #f00;
}

.log_contents li{
	width: 300px;
	margin: 10px auto;
	text-align: center;
	padding: 10px 0;	
	background: #ddd;
	border-bottom: 1px solid #222;
}

.log_contents li a{
	font-size: 28px;
	color: #222;
	text-decoration: none;
}



/*-------------------------------------------------*/
/*                 flipsnap                     */
/*------------------------------------------------*/


.prdbox .viewport {
  width: 695px;
  overflow: hidden;
  margin: 0 auto;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
  padding: 5px 0;
  -webkit-transform: translateZ(0); }

.prdmenu {
  width: 1480px;
  /* 230px(item) * 5 + 45px(padding) */
	padding-left: 100px;
}

.prdmenu:after {
  content: '';
  display: block;
  clear: both;
  height: 0; }


/*----*/

.prdbox2 .viewport {
  width: 920px;
  overflow: hidden;
  margin: 0 0 0 20px;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
  padding: 5px 0;
  -webkit-transform: translateZ(0); }

.prdmenu2 {
  width: 1480px;
  /* 230px(item) * 5 + 45px(padding) */
  padding-left: 45px; }

.prdmenu2:after {
  content: '';
  display: block;
  clear: both;
  height: 0; }


/*----*/

.prdbox3 .viewport {
  width: 920px;
  overflow: hidden;
  margin: 0 0 0 20px;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
  padding: 5px 0;
  -webkit-transform: translateZ(0); }

.prdmenu3 {
  width: 1480px;
  /* 230px(item) * 5 + 45px(padding) */
  padding-left: 45px; }

.prdmenu3:after {
  content: '';
  display: block;
  clear: both;
  height: 0; }



/*----*/

.prdbox4 .viewport {
  width: 650px;
  overflow: hidden;
  margin: 0 auto;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
  padding: 5px 0;
  -webkit-transform: translateZ(0); }

.prdmenu4 {
  width: 1480px;
  /* 230px(item) * 5 + 45px(padding) */
  padding-left: 45px; }

.prdmenu4:after {
  content: '';
  display: block;
  clear: both;
  height: 0; }


/*----*/


/*--------------------------------------------------*/
/*	トップページ限定部分							*/
/*--------------------------------------------------*/
.topItem {
	padding: 10px 0;
	overflow: hidden;
}

.topItem li a {
	float: left;
	display: block;
	width: 140px;
	padding: 7px;
	color: #000 !important;
	text-decoration: none;
	border-right: 1px solid #e0e0e0;
}
.topItem li:last-child a {
	border-right: none;
}
.topItem li a img {
	display: block;
	width: 100%;
	margin: 0 auto 10px auto;
}

.topItem li a:hover{
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filyer: "alpha(opacity=30)";	
}

.topItem li .productName {
	display: block;
	width: 112px;
	height: 38px;
	font-size: 14px;
	line-height: 19px;
}
.topItem li .productPrice {
	display: block;
	padding: 6px 0 8px 0;
	color: #f00;
	font-size: 13px;
	text-align: center;
	vertical-align: bottom;
}
.topItem li .productPrice b {
	color: #f00;
	font-size: 20px;
	font-weight: bold;
}
.topItem li .productPrice span {
	color: #000;
}

/*------------------------------------*/
/*---------menuimg画像コンテンツ始まり---------*/
/*------------------------------------*/

.subimgmenu{
	width:  948px;
	height: auto;
	margin: 0 0 0 10px;
}

.subimgmenu ul{
	margin: 0 auto;
	display: block;
	width: 100%;
	font-size: 0;
}

.subimgmenu ul li{
	width: 49.5%;
	margin: 0 auto;
	display: inline-block;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
}

.subimgmenu ul li:first-child{
	border-right: none
}


.subimgmenu ul li a{
	margin: 0 auto;
	display: block;
}

.subimgmenu ul li a img{
	width: 100%;
	display: block;
	margin: 0 auto;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

.subimgmenu ul li a img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filyer: "alpha(opacity=70)";	

}
.clear3{
	clear: both;
}


/*--------------------------------------------------*/
/*	フッター										*/
/*--------------------------------------------------*/

footer {
	clear: both;
	background: #ddd;
	width: 1200px;
	margin-top: 30px;
	border-top: 1px solid #eaeaea;
}
footer .inner {
	margin: 0 auto
	padding: 80px 0;
}
footer table {
	width: 100%;
	margin: 0 auto;
}
footer table td {
	width: 180px;
}
footer table td div {
	position: relative;
	width: 160px;
	height: 120px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #d0d0d0;
}

footer .footerMenu {
	display: table;
	width: 96%;
	margin: 0 0 30px 0;
}
footer .footerMenu ul {
	padding: 30px 0 0 200px;
	display: table-cell;
	width: 992px;
}
footer .footerMenu div {
	display: table-cell;
	width: 384px;
}
footer .footerMenu ul li {
	position: relative;
	padding: 4px 0 4px 11px;
	font-size: 12px;
	line-height: 16px;
}
footer .footerMenu ul li:after {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6px;
	content: "\f0da";
	color: #43ac00;
	font-family: FontAwesome;
	font-style: normal;
}
footer .footerMenu ul li a {
	color: #333;
	text-decoration: none;
}
footer .footerMenu ul li a:hover {
	text-decoration: underline;
}
footer .footerMenu div p {
	position: relative;
	min-height: 120px;
	color: #444;
	font-size: 13px;
	line-height: 18px;
}
footer .footerMenu div p img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 176px;
	height: 36px;
}
footer .copyright {
	width: 100%;
	padding: 15px 0;
	color: #777;
	font-size: 12px;
	text-align: center;
	background: #fff;
}





/*--------------------------------------------------*/
/*	サイトマップ専用								*/
/*--------------------------------------------------*/
#mapTable {
	display: table;
	width: 600px;
	line-height: 1.0;
}
#mapTable .cell {
	display: table-cell;
	width: 182px;
	padding: 0 9px;
}
#mapTable .body {
	position: relative;
	width: 164px;
	margin-top: 15px;
	padding: 8px;
	background: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#mapTable .title {
	position: absolute;
	top: -7px;
	left: 10px;
	padding: 0 6px;
	font-size: 14px;
	font-weight: bold;
	background: #fff;
}
#mapTable .body.pink    {border: solid 1px #f09;}
#mapTable .body.green   {border: solid 1px #093;}
#mapTable .body.blue    {border: solid 1px #09f;}
#mapTable .title.pink   {color: #f09;}
#mapTable .title.green  {color: #093;}
#mapTable .title.blue   {color: #09f;}
#mapTable ul {
	width: 260px;
	margin-top: 10px;
}
#mapTable .noLink {
	width: 154px;
	padding: 10px 0 6px 0;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
#mapTable .parentMenu {
	width: 154px;
	padding: 10px 0 6px 10px;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	background: url("../img/bg/arrow1.png") no-repeat left center;
}



/*--------------------------------------------------*/
/*	その他のページ									*/
/*--------------------------------------------------*/


h3.history {
	margin: 0 0 0 0;
	padding-bottom: 10px;
	color: #d00;
	font-size: 28px;
	font-weight: bold;
}

h4{
	padding: 3px 5px;
	font-size: 17px;
	font-weight: bold;
	border-left: 5px solid #50d949;
	border-bottom: 5px solid #50d949;	
	margin: 5px auto;
}

/*--------------------------------------------------*/
/*	成分ページ専用								*/
/*--------------------------------------------------*/
.border{
	margin: 15px 0 10px 15px;
	color: #222;
	font-size: 28px;

}


.opinionBody {
	margin: 0 15px 40px 15px;
	padding: 15px;
	color: #444;
	line-height: 1.5;
	font-size: 16px;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.opinionBody .itemImg {
	width: 120px;
	border: 1px solid #bbb;
}
.opinionBody .itemImg:hover {
	border: 1px solid #f00;
}
.opinionBody .itemImg img {
	display: block;
	width: 120px;
}
.moreBtn {
	width: 150px;
	margin: 20px auto;
	padding: 8px 0;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#fcfcfc,#dadada);
	background: -moz-linear-gradient(top,   #fcfcfc,#dadada);
	background: linear-gradient(to bottom,  #fcfcfc,#dadada);
	border: 1px solid #888;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}







/*-------------------------------------*/
		/*レフトメニュー下部*/
/*-------------------------------------*/

.customerName{
	color: #fff;
	font-size: 20px;	
	font-weight: bold;
	text-align: center;
	background: #107000;
	padding: 10px 0 ;
}


.allCustomer{
	border: 2px solid #107000;
	border-radius: 6px;
	z-index: 100;
}


#trackBox {	
	width: 220px;
	padding: 3px 2px 2px 0px;
	margin: 10px 0;
	border-bottom: 2px solid #107000;
	
}

#trackingBox {
	position: relative;
	width: 198px;
	height: 42px;
	padding: 10px 13px 5px 10px;
	background: url("../img/traking5.png") no-repeat #f2f2f2;
	background-position: 5px -4px;
}
#trackBox .info1 {	
	padding: 5px 0px 3px 5px;
	position: relative; 
	color: #222; 
	font-weight: bold; 
	font-size: 16px;
	height: 20px;
}

#trackBox .info2 {	
	background: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 3px;
}

#trackBox .info1 span{
	position: absolute;
	background: #006600;
	color: #fff;
	font-size: 12px;
	top: 3px;
	right: 5px;
	border-radius: 2px;
	padding: 3px 4px;
}


/*
#trackingBox .title {
	padding-bottom: 23px;
	font-size: 15px;
}
*/
#trackingBox input[type="text"] {width: 125px; 	font-size: 14px; margin: 0 0 0 18px;}
#trackingBox input[type="submit"] {width: 40px;font-size: 14px; padding: 0 0 0 0px;}

#telBox,
#faxBox,
#mailBox {
	border-bottom: 2px solid #107000;
	width: 220px;
	margin-bottom: 10px;
	background: #fff;
}
#snsBox,{
	width: 220px;
	margin-bottom: 10px;
	background: #fff;
	padding: 0 0 10px 0;
}
#telBox .info1,
#faxBox .info1,
#snsBox .info1,
#mailBox .info1 {
	position: relative;
	padding: 6px 8px;
	color: #222;
	font-size: 16px;
	font-weight: bold;
}

#telBox .info1 span,
#snsBox  .info1 span,
#faxBox .info1 span,
#mailBox .info1 span {
	position: absolute;
	top: 4px;
	right: 8px;
	display: block;
	padding: 3px 4px;
	color: #fff;
	font-size: 12px;
	background: #006600;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#snsBox  .info1 span{
	color: #fff;
}

#telBox .info2,
#snsBox .info2,
#faxBox .info2,
#mailBox .info2 {
	padding: 8px 6px 0 6px;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}
#telBox .info3,
#snsBox .info3,
#faxBox .info3,
#mailBox .info3 {
	padding: 10px 0;
	text-align: center;
}
#faxBox .info3 img {
	width: 185px;
}
#faxBox .info3 img:hover {
	opacity: 0.7;
}
#telBox .info4,
#faxBox .info4,
#mailBox .info4 {
	padding: 5px 6px 0 6px;
	color: #531;
	font-size: 12px;
	line-height: 1.2;
}
#telBox .info4 {
	font-size: 11px;
}
#faxBox .info5,
#mailBox .info5 {
	padding: 0 8px 10px 8px;
	color: #e00;
	font-size: 11px;
	line-height: 1.3;
}
#telBox .info5 {
	padding: 0 8px 10px 8px;
	font-size: 12px;
	line-height: 1.4;
}
#telBox .info5 a {
	margin: 0 2px;
	color: #00d;
	text-decoration: underline;
}
#telBox .info5 a:hover {
	color: #f60;
}
#mailBox .info3 a {
	display: block;
	position: relative;
	width: 122px;
	height: 50px;
	margin: 0 auto;
	padding-left: 50px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	text-decoration: none;
	text-shadow: -1px -1px 1px #888;
	border: solid 1px #e44;
	background: -webkit-linear-gradient(top,#f77,#e55);
	background: -moz-linear-gradient(top,   #f77,#e55);
	background: linear-gradient(to bottom,  #f77,#e55);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#mailBox .info3 a img{
	position: absolute;
	bottom: 10px;
	left: 15px;
}
#mailBox .info3 a:hover {
	opacity: 0.7;
}
#mailBox .info6 {
	padding: 0 10px 10px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
#mailBox .info6 a {
	color: #00d;
	text-decoration: underline;
}


/*--------------------------------------------------*/
/*ソーシャルサイドメニュー*/
/*--------------------------------------------------*/

/*
.sns_line {
	margin: 10px 0;
}

.sns_line .fastul {	
	width: 214px;
	margin: 0px auto;
	border: 1px solid #ddd;
	font-size: 0;
}
.sns_line .secondul {	
	width: 214px;
	margin: 0px auto;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-size: 0;
}


.sns_line ul li {
	display: inline-block;
	width: 70px;
	border-right: 1px solid #ddd;
}

.sns_line ul li:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filyer: "alpha(opacity=70)";
}

.sns_line ul li a{
	margin: 10px auto;
	display: block;
	text-align: center;
}

.sns_line ul li:last-child{
	border-right: none;
}



.sns_line ul li:nth-child(1) a img{
	width: 50px;
}
.sns_line ul li:nth-child(2) a img{
	width: 50px;
}

.sns_line ul li:nth-child(3) a img{
	width: 50px;
}

*/

/*------------------------------------*/
/*	newsns	*/

/*--------------------------------------------------*/
/*			sns										*/
/*--------------------------------------------------*/
.snsArea{
	width: 210px;
	margin: 2px auto;
}

/*サイドバーフォローボタン*/
.sidebar-follow-buttons{
    text-align: center;
    width:100%;
    letter-spacing: -.40em;
}
.sidebar-follow-buttons a {
    display: inline-block;
    letter-spacing: normal;
    width:48%;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    padding:6% 0;
    margin:1%;
}
.sidebar-follow-buttons .inner-text {
    font-size:16px;
}
.sidebar-follow-buttons .hatena {
    color: #ffffff;
    background: #38393C;
}
.sidebar-follow-buttons .hatena:hover {
    background: #5F6063;
}
.sidebar-follow-buttons .facebook {
    background: #305097;
    color: #ffffff;
}
.sidebar-follow-buttons .facebook:hover {
    background: #5A77B7;
}
.sidebar-follow-buttons .twitter {
    background: #55acee;
    color: #ffffff;
}
.sidebar-follow-buttons .twitter:hover {
    background: #89C7F7;
}
.sidebar-follow-buttons .instagram {
    background: #3f729b;
    color: #ffffff;
}
.sidebar-follow-buttons .instagram:hover {
    background: #7AA5C7;
}
.sidebar-follow-buttons .feedly {
    background: #6cc655;
    color: #ffffff;
}
.sidebar-follow-buttons .feedly:hover {
    background: #8EDC7A;
}
.sidebar-follow-buttons .googleplus {
    background: #db4a39;
    color: #ffffff;
}
.sidebar-follow-buttons .googleplus:hover {
    background: #e47365;
}



.detailSns{
	padding: 10px 10px 10px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
.detailSns a{
	color: #00d;
	text-decoration: underline;
}



/*--------------------------*/
/**/
/*---------------------------*/

.linkMoretylec{
	position: absolute;
	bottom: 5px;
	right: 10px;
}
/*----------------------------------*/
/*		トップ商品一覧リスト		*/
/*----------------------------------*/

.rankingblock{
	background: #eee;
	border-radius: 6px;
	padding: 3px 0;
}


.rankingblock ul{
	font-size: 0;
	margin: 10px 0 0 16px;
	text-align: center;
}

.rankingblock ul li{
	float: left;
	width: 160px;
	margin: 4px 4px 4px 4px;
	font-size: 0;
	padding: 0 0 ;
	display: inline-block;
	border-bottom: 1px solid #bbb;
	border-radius: 6px;
	background: #fff;
}


.rankingblock ul li .productListitem1,
.productListitem2,
.productListitem3{
	position: relative;
}


.productListitem4{
	position: relative;
}


.rankingblock ul li a{
	font-size: 13px;
	display: block;
	text-align: center;
	color: #000;
}
.rankingblock ul li:nth-child(4n) {
	border-right: none;
	padding-right: 1px;
}


.prdLine{
	width: 160px;
	border: 1px solid #f00;
}

.rankingblock ul li a img{
	width: 90px;
	display: block;
	margin: 0 auto;
}

.rankingblock ul li a:hover{
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filyer: "alpha(opacity=30)";	}

.rankingblock ul li p{
	color: #0050e6;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	padding: 45px 0 0px 5px;
}

.prdDetailtext{
	color: #222;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0 0 8px;
	width: 145px;
	height: 100px;
	overflow:hidden;
	text-align: left!important;
}

/*-------------*/
/*
rankingblockcategorytype1  :アンチエイジング
rankingblockcategorytype2  :スキンケア
rankingblockcategorytype3  :血圧
rankingblockcategorytype4  :血糖
rankingblockcategorytype5  :コレステロール
rankingblockcategorytype6  :免疫
rankingblockcategorytype7  :関節
rankingblockcategorytype8  :骨
rankingblockcategorytype9  :気分
rankingblockcategorytype10 :ストレス
rankingblockcategorytype11 :ダイエット
rankingblockcategorytype12 :内臓
rankingblockcategorytype13 :禁煙
rankingblockcategorytype14 :宿便
rankingblockcategorytype15 :男性の健康
rankingblockcategorytype16 :女性の健康
rankingblockcategorytype17 :大人の悩み

各color
1,　 008080 アンチエイジング
2,　 f69    スキンケア
3,　 CC0033 血圧
4,　 FF0066 血糖
5,　 BA55D3 コレステロール
6,　 008BB2 免疫
7,　 008080 関節
8,　 f60    骨
9,　 555555 気分
10,　EE0000 ストレス
11,　00CC00 ダイエット
12,　ffa07a 内臓
13,　6495ed 禁煙
14,　a0522d 宿便
15,　6b8e23 男性の健康
16,　cd5c5c 女性の健康
17,　ff33ff 大人の悩み



*/


/*-------------*/
.rankingblock ul li .rankingblockcategorytype1{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #008080;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}
/*-------------*/

.rankingblock ul li .rankingblockcategorytype2{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #f69;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.rankingblock ul li .rankingblockcategorytype3{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #CC0033;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.rankingblock ul li .rankingblockcategorytype4{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #FF0066;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.rankingblock ul li .rankingblockcategorytype5{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #BA55D3;
	color: #fff;
	font-size: 10px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.rankingblock ul li .rankingblockcategorytype6{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #008BB2;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.rankingblock ul li .rankingblockcategorytype7{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #008080;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.rankingblock ul li .rankingblockcategorytype8{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #555555;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.rankingblock ul li .rankingblockcategorytype9{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #f60;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.rankingblock ul li .rankingblockcategorytype10{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #EE0000;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}
/*------------*/

.rankingblock ul li .rankingblockcategorytype11{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #00CC00;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*------------*/

.rankingblock ul li .rankingblockcategorytype12{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #ffa07a;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*------------*/

.rankingblock ul li .rankingblockcategorytype13{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #6495ed;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*------------*/

.rankingblock ul li .rankingblockcategorytype14{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #a0522d;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}
/*------------*/

.rankingblock ul li .rankingblockcategorytype15{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #6b8e23;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*------------*/

.rankingblock ul li .rankingblockcategorytype16{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #cd5c5c;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*------------*/

.rankingblock ul li .rankingblockcategorytype17{
	width: 110px;
	position: absolute;
	top:97px;
	left: 23px;
	background: #ff33ff;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/
/*	商品sex		*/
/*-------------*/

.rankingbox .rankingblock ul li .productListitem1 .sex1{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 39px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

.rankingbox .rankingblock ul li .productListitem1 .sex2{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 12px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

.rankingbox .rankingblock ul li .productListitem1 .sex3{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 39px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}


.rankingbox .rankingblock ul li .productListitem1 .sex4{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 12px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/


.rankingbox .rankingblock ul li .productListitem2 .sex1{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 39px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

.rankingbox .rankingblock ul li .productListitem2 .sex2{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 12px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

.rankingbox .rankingblock ul li .productListitem2 .sex3{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 39px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}


.rankingbox .rankingblock ul li .productListitem2 .sex4{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 12px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/


.rankingbox .rankingblock ul li .productListitem3 .sex1{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 39px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

.rankingbox .rankingblock ul li .productListitem3 .sex2{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 12px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}


.rankingbox .rankingblock ul li .productListitem3 .sex3{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 39px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}


.rankingbox .rankingblock ul li .productListitem3 .sex4{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 12px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}


/*-------------*/


.rankingbox .rankingblock ul li .productListitem4 .sex1{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 39px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

.rankingbox .rankingblock ul li .productListitem4 .sex2{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 12px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}



.rankingbox .rankingblock ul li .productListitem4 .sex3{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 39px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}


.rankingbox .rankingblock ul li .productListitem4 .sex4{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 5px; 
	right: 12px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/
/*-------------*/



.name{
	color: #f00;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0 0 0;
}

.linkbtn{
	display: block;
	width: 100px;
	margin: 10px auto;
	padding: 3px 0 3px 20px;
	color: #fff!important;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-decoration: none !important;
	background: -webkit-linear-gradient(top,#bbb,#aaa 50%,#aaa 51%,#bbb);
	background: -moz-linear-gradient(top,#bbb,#aaa 50%,#aaa 51%,#bbb);
	background: linear-gradient(to bottom,#bbb,#aaa 50%,#aaa 51%,#bbb);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	border: 1px solid #eee;
}

.linkbtn:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filyer: "alpha(opacity=50)";
	}

.linkbtn .mark {
	color: #fff!important;
	padding: 0 0 0 14px;
}
.linkbtn .mark a{
	color: #fff!important;
}
.linkbtn .mark img{
	width: 20px;
	position: absolute;
	top: 8px;
	left: 3px;
}

.clear{
	clear: both;
}


/*----------------------------------
			お気に入り
------------------------------------*/

.delete{
	display: block;
	width: 150px;
	margin: 3px auto;
	background: #2ecc71;
	font-size: 13px;
	color: #fff!important;
	border-radius: 4px;
}


/*------------------------------------*/
/*		ヘッダーコンテンツ部分		*/
/*------------------------------------*/

.topHeader{
	width: 1200px;
	border-top: 1px solid #43ac00;
	background: #fff;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 1px 0px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 1px 0px 0px rgba(0, 0, 0, 0.2);
}

.topHeader ul{
	width: 1200px;
	background: #fff;
	font-size: 0;
	margin: 0 auto;
}

/*本来、width自体いらない*/
.topHeader ul li{
	margin: 0 auto;
	display: inline-block;
}

.topHeader ul li:first-child{
	border-left: 1px solid #bbb;
}


.headerArea1 a,
.headerArea2 a,
.headerArea3 a,
.headerArea4 a,
.headerArea5 a,
.headerArea6 a,
.headerArea7 a{
	display: block;
	padding: 8px 0 2px 0;
	color: #222;
}

.headerArea1,
.headerArea2,
.headerArea3,
.headerArea4,
.headerArea5,
.headerArea6,
.headerArea7{
	background: #fff;
	color: #222;
	text-align: center;
	width: 170.29px;
	font-size: 16x;
	font-weight: bold;
	line-height: 2;
	border-right: 1px solid #bbb;
	border-bottom: 3px solid #fff;
	position: relative;
}

.headerArea1:hover:before{
	content: "";
	position: absolute;
	bottom: 0px;
	right: 80px;
	border: 6px solid transparent;
	border-bottom: 6px solid #f00;
	transition:all 0.5s;
}

.headerArea1:hover{
	border-bottom: 3px solid #f00;
	transition:all 0.5s;
}


.headerArea2:hover:before{
	content: "";
	position: absolute;
	bottom: 0px;
	right: 80px;
	border: 6px solid transparent;
	border-bottom: 6px solid #FFD700;
	transition:all 0.5s;
}

.headerArea2:hover{
	border-bottom: 3px solid #FFD700;
	transition:all 0.5s;
}

.headerArea3:hover:before{
	content: "";
	position: absolute;
	bottom: 0px;
	right: 80px;
	border: 6px solid transparent;
	border-bottom: 6px solid #00f;
	transition:all 0.5s;
}

.headerArea3:hover{
	border-bottom: 3px solid #00f;
	transition:all 0.5s;
}

.headerArea4:hover:before{
	content: "";
	position: absolute;
	bottom: 0px;
	right: 80px;
	border: 6px solid transparent;
	border-bottom: 6px solid #0f0;
	transition:all 0.5s;
}

.headerArea4:hover{
	border-bottom: 3px solid #0f0;
	transition:all 0.5s;
}

.headerArea5:hover:before{
	content: "";
	position: absolute;
	bottom: 0px;
	right: 80px;
	border: 6px solid transparent;
	border-bottom: 6px solid #9370DB;
	transition:all 0.5s;
}

.headerArea5:hover{
	border-bottom: 3px solid #9370DB;
	transition:all 0.5s;
}


.headerArea6:hover:before{
	content: "";
	position: absolute;
	bottom: 0px;
	right: 80px;
	border: 6px solid transparent;
	border-bottom: 6px solid #FF3399;
	transition:all 0.5s;
}

.headerArea6:hover{
	border-bottom: 3px solid #FF3399;
	transition:all 0.5s;
}


.headerArea7:hover:before{
	content: "";
	position: absolute;
	bottom: 0px;
	right: 80px;
	border: 6px solid transparent;
	border-bottom: 6px solid #FFA500;
	transition:all 0.5s;
}

.headerArea7:hover{
	border-bottom: 3px solid #FFA500;
	transition:all 0.5s;
}


/*--------------------------------------------------*/
/*	購入履歴ページ									*/
/*--------------------------------------------------*/
.historyBox {
	width: 680px;
	margin: 10px  0 10px 10px;
	padding: 15px 14px;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.historyTable {
	width: 680px;
}
.historyTable th {
	padding: 13px 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #f0f0f0;
	border: 1px solid #bbb;
	border-left: none;
}
.historyTable td {
	padding: 5px 0;
	font-size: 13px;
	text-align: center;
	background: #fff;
	vertical-align: middle;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
.historyTable th:first-child,
.historyTable td:first-child {
	border-left: 1px solid #bbb;
}
.historyTable td:nth-child(1) {width: 90px;border-right: none;}
.historyTable td:nth-child(2) {	vertical-align: middle;
 width: ;padding-left: 10px;font-weight: bold;text-align: left;}
.historyTable td:nth-child(3) {width: 80px;}
.historyTable td:nth-child(4) {width: 60px;}
.historyTable td:nth-child(5) {width: 80px;}
.historyTable td:nth-child(1) img {width: 80px;}
.historyTable2 {
	width: 224px;
	margin: 0 0 15px 456px;
}
.historyTable2 th {
	width: 80px;
	height: 40px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background-color: #f0f0f0;
	border: 1px solid #bbb;
	border-top: none;
	vertical-align: middle;
}
.historyTable2 td {
	width: 126px;
	height: 40px;
	padding-right: 15px;
	font-size: 16px;
	text-align: right;
	background: #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	vertical-align: middle;
}
.historyTable2 tr:last-child td {
	color: #f00;
	font-size: 22px;
	font-weight: bold;
}
.historyTable3 {
	width: 470px;
	margin: 10px auto;
	line-height: 1.0;
}
.historyTable3 th {
	width: 283px;
	padding: 10px 0;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background: #f0f0f0;
	border: 1px solid #bbb;
}
.historyTable3 td {
	width: 283px;
	padding: 5px 10px;
	color: #333;
	font-size: 13px;
	vertical-align: top;
	background: #fff;
	border-left: 1px solid #bbb;
}
.historyTable3 th:last-child {width: 284px;border-left: none;}
.historyTable3 td:last-child {width: 284px;border-right: 1px solid #bbb;}
.historyTable3 tr:nth-child(1) td {padding: 8px 10px;}
.historyTable3 tr:nth-child(2) td {border-top: 1px solid #bbb;}
.historyTable3 tr:nth-child(3) td {vertical-align: middle;}
.historyTable3 tr:nth-child(4) td {vertical-align: middle;}
.historyTable3 tr:nth-child(5) td {vertical-align: top;}
.historyTable3 tr:nth-child(5) td {border-bottom: 1px solid #bbb;}
.historyTable3 tr:nth-child(6) td {border: none;}
.historyTable3 tr:nth-child(7) td {border: none;}
.historyTable3 .info1 {
	padding: 10px 0 5px 0;
	font-size: 15px;
	text-align: center;
	vertical-align: bottom;
}
.historyTable3 .info1 span {
	padding-right: 2px;
	color: #000;
	font-size: 20px;
	font-weight: bold;
}
.historyTable3 .info1 span.red {
	color: #d00;
}
.historyTable3 .info8 button,
.historyTable3 .info2 input[type=submit] {
	display: block;
	width: 200px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
}
.historyTable3 .info8 button {
	margin: 10px auto;
}
.historyTable3 .info2 input[type=image] {
	display: block;
	width: 200px;
	margin: 0 auto;
	padding: 5px 0;
}
.historyTable3 .info3 .bank {
	height: 73px;
	margin: 5px auto;
	background: url("/img/bank_spa1.png") no-repeat center top #fff;
}
.historyTable3 .info8 {
	width: 220px;
	margin: 0 auto;
	font-size: 17px;
	font-weight: bold;
	line-height: 25px;
}
.historyTable3 .info3 p:not(.bank),
.historyTable3 .info7 p {
	margin: 0 10px;
	padding: 4px 8px;
	color: #333;
	font-size: 13px;
	line-height: 1.2;
	background: #fea;
	border: 1px solid #fc8;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.historyTable3 .info3 span,
.historyTable3 .info7 span {
	color: #e00;
	font-size: 14px;
	font-weight: bold;
}
.historyTable3 .info7 span.center {
	display: block;
}
.historyTable3 .info4 {
	padding: 0 10px 10px 10px;
	font-size: 11px;
	line-height: 1.2;
}
.historyTable3 .info5 {
	font-size: 15px;
	text-align: right;
}
.historyTable3 .info6 {
	padding-top: 5px;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.historyTable3 .info6 span {
	color: #d00;
	font-size: 28px;
}
a.cancelBtn {
	display: block;
	width: 220px;
	margin: 30px auto;
	padding: 8px 0;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #777;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: -webkit-linear-gradient(top,#f0f0f0,#e0e0e0 50%,#d0d0d0 51%,#cacaca);
	background: -moz-linear-gradient(top,   #f0f0f0,#e0e0e0 50%,#d0d0d0 51%,#cacaca);
	background: linear-gradient(to bottom,  #f0f0f0,#e0e0e0 50%,#d0d0d0 51%,#cacaca);
}
a.cancelBtn:hover {
	color: #f00;
}
a.receiptBtn {
	display: block;
	width: 200px;
	margin: 15px auto;
	padding: 10px 0;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: -webkit-linear-gradient(top,#fafafa,#f0f0f0 50%,#dadada 51%,#d0d0d0);
	background: -moz-linear-gradient(top,   #fafafa,#f0f0f0 50%,#dadada 51%,#d0d0d0);
	background: linear-gradient(to bottom,  #fafafa,#f0f0f0 50%,#dadada 51%,#d0d0d0);
	border: 1px solid #888;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.receiptBtn:hover {
	background: -webkit-linear-gradient(top,#faffff,#f0faff 50%,#cef 51%,#c0e0f0);
	background: -moz-linear-gradient(top,   #faffff,#f0faff 50%,#cef 51%,#c0e0f0);
	background: linear-gradient(to bottom,  #faffff,#f0faff 50%,#cef 51%,#c0e0f0);
}


/*--------------*/
/*	利用規約	*/
/*--------------*/
.mainText .title{
	width: 720px;
	font-size: 15px;
	font-weight: bold;
	color: #222;
}

.mainText .body{
	width: 720px;
	font-size: 13px;
	margin: 0 0 10px 0;
}

/*--------------*/


/*--------------------------------------------------*/
/*	買物カゴページ専用								*/
/*--------------------------------------------------*/

#main{
	width: 715px;
}

.basketTable {
	margin: 15px 10px 0 0 ;
	width: 705px;
}
.basketTable th {
	padding: 6px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #f0f0f0;
	border: 1px solid #bbb;
	border-right: none;
}
.basketTable td {
	padding: 5px 0;
	font-size: 13px;
	text-align: center;
	background: #fff;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
.basketTable .td1 {width: 90px;}
.basketTable .td2 {padding-left: 10px; text-align: left; border-left: none;}
.basketTable .td3 {width: 70px;}
.basketTable .td4 {width: 120px;}
.basketTable .td5 {width: 80px;}
.basketTable .td6 {width: 50px; border-right: 1px solid #bbb;}
.basketTable .td7 {
	padding: 5px 10px 5px 40px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background: #f0f0f0;
}
.basketTable .td8 {
	height: 50px;
	padding-right: 20px;
	font-size: 18px;
	line-height: 20px;
	text-align: right;
	border-right: 1px solid #bbb;
}
.basketTable .inner {
	position: relative;
}
.basketTable .inner p {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -7px;
	color: #f00;
	font-size: 13px;
	line-height: 1;
	text-shadow: -1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;
}
.basketTable .inner span {
	font-size: 15px;
	font-weight: bold;
}
.basketTable .td1 img {
	width:  80px;
}
.basketTable input[type="text"] {
	width: 35px;
	padding: 3px 5px;
	text-align: right;
}
.basketTable input[type="submit"] {
	width: 40px;
	padding: 2px 0;
	text-align: center;
}
.basketTable .td4 input[type="submit"] {
	margin-left: 6px;
}
.gobackBtn {
	position: relative;
	padding: 30px 0;
}
.gobackBtn .goButton {
	display: block;
	position: relative;
	width: 210px;
	height: 60px;
	margin: 0 auto;
	padding-right: 20px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	text-shadow: -1px -1px 1px #666;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#43ac00,#43ac00);
	background: -moz-linear-gradient(top,   #43ac00,#43ac00);
	background: linear-gradient(to bottom,  #43ac00,#43ac00);
	border: 1px solid #43ac00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.gobackBtn .goButton:after {
	position: absolute;
	top: 0;
	right: 16px;
	content: "\f144";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 22px;
	font-weight: normal;
}
.gobackBtn .goButton:hover {
	opacity: 0.8;
}
.gobackBtn .backButton {
	display: block;
	position: absolute;
	top: 30px;
	left: 10px;
	width: 100px;
	color: #202020;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#faffff,#d0d0d0);
	background: -moz-linear-gradient(top,   #faffff,#d0d0d0);
	background: linear-gradient(to bottom,  #faffff,#d0d0d0);
	border: 1px solid #808080;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.gobackBtn .backButton:hover {
	background: -webkit-linear-gradient(top,#faffff,#c0e0f0);
	background: -moz-linear-gradient(top,   #faffff,#c0e0f0);
	background: linear-gradient(to bottom,  #faffff,#c0e0f0);
}

/*--------------------------------------------------*/
/*  最終確認画面                                    */
/*--------------------------------------------------*/
#checkForm {
	width: 700px;
}
#checkForm .td1 {
	width: 410px;
	padding-right: 20px;
	vertical-align: top;
}
#checkForm .td2 {
	width: 250px;
	padding-right: 20px;
	vertical-align: top;
}
#checkForm .td1 > div {
	padding-left: 20px;
	font-size: 16px;
	line-height: 22px;
}
#checkForm .td1 .title {
	position: relative;
	margin-bottom: 10px;
	padding-left: 0;
	font-size: 16px;
	font-weight: bold;
}
#checkForm .title p {
	position: absolute;
	top: 50%;
	left: 84px;
	margin-top: -10px;
	color: #03c;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
	cursor: pointer;
}
#checkForm .td2 p:not(.grayBtn) {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}
#checkForm .td2 span {
	font-size: 13px;
	font-weight: normal;
}
#checkForm .td2 span strong {
	padding-right: 2px;
	font-weight: bold;
}
#checkForm .td2 input[type="text"] {
	display: inline-block;
	width: 166px;
	height: 26px;
	margin-right: 4px;
	padding: 0 8px;
	font-size: 16px;
	line-height: 26px;
	border: 1px solid #b0b0b0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#checkForm .td2 p.grayBtn {
	display: inline-block;
	width: 50px;
	height: 26px;
	line-height: 26px;
}
#modalOpen {
	padding: 0 0 6px 16px;
	color: #03c;
	font-size: 14px;
	text-decoration: underline;
	cursor: pointer;
}
#cartItem {
	width: 680px;
	margin: 0 auto;
}
#cartItem li {
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #cacaca;
}
#cartItem li:first-child {
	padding: 0 10px 20px 10px;
}
#cartItem li:last-child {
	padding: 0 10px 10px 10px;
	border-bottom: none;
}
#cartItem li table {
	width: 650px;
}
#cartItem li table td {
	padding: 0 5px;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
}
#cartItem .td1 {width: 90px;}
#cartItem .td2 {text-align: left;}
#cartItem .td3 {width: 60px; text-align: right;}
#cartItem .td4 {width: 16px; padding: 0;}
#cartItem .td5 {width: 20px; padding: 0 20px 0 5px;}
#cartItem .td6 {width: 120px; font-size: 16px; text-align: right;}
#cartItem .td1 img {
	display: block;
	width: 80px;
	margin: 5px auto 0 auto;
}
#cartItem .td6 .inner {
	position: relative;
}
#cartItem .td6 .inner .t {
	display: inline;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -6px;
	font-size: 16px;
	line-height: 1;
}
#cartItem .td6 .inner .y {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
#cartItem .td6 .inner .p {
	display: inline;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
}
/*--------------------------------------------------*/
/*  about											*/
/*--------------------------------------------------*/
.mainText_center{
	line-height: 1.5;
	letter-spacing: 0.1em;
}

.bnAbout{
	background: #f2f2f2;
	display: block;
	margin: 10px 0;
	width: 468px;
	height: 60px;
}

.bnAbout img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filyer: "alpha(opacity=70)";
}

.subAbout{
	position: relative;
}

.subAbout img{
	width: 25px;
}

.subAbouttitle{
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	top: -2px;	
	left: 26px;
}


/*--------------------------------------------------*/
/*  layout                                          */
/*--------------------------------------------------*/
#wrap {
	width: 1030px;
	margin: 0 auto;
	padding: 0 15px;
}
/*--------------------------------------------------*/

header .rightCell ol {
	width: 560px;
	height: 72px;
	margin: 20px auto;
	font-size: 0;
}
header .rightCell ol li {
	display: inline-block;
	position: relative;
	width: 140px;
}
header .rightCell ol li .i1 {
	height: 32px;
	padding: 4px 0;
	text-align: center;
}
header .rightCell ol li .i1 span {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 33px;
	background: #aaa;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}
header .rightCell ol li .i2 {
	height: 32px;
	color: #aaa;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	text-align: center;
}
header .rightCell ol li .i3 {
	position: absolute;
	top: 0;
	right: -24px;
	z-index: 1;
	color: #aaa;
	font-size: 32px;
	line-height: 40px;
}
header .rightCell ol li .i3 i {
	margin: 0 2px;
}
header .rightCell ol .now .i1 span {background: #f06000;}
header .rightCell ol .now .i2 {color: #f06000; font-size:20px;}
header .rightCell ol .now .i3 i {color: #f06000;}
header .rightCell ol .now .i3 i:nth-child(1) {color: #ffa040;}
header .rightCell ol .now .i3 i:nth-child(2) {color: #fa8020;}
header .rightCell ol .now .i3 i:nth-child(3) {color: #f06000;}

/*--------------------------------------------------*/
/*  コンテンツ                                      */
/*--------------------------------------------------*/
.contentsTitle {
	padding-top: 20px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}
.noticeText {
	padding-top: 10px;
	font-size: 13px;
	line-height: 17px;
}
#contents {
	display: table;
	width: 1030px;
	margin: 20px 0;
}
#leftContents {
	display: table-cell;
	width: 740px;
	padding-right: 20px;
	vertical-align: top;
}
#rightContents {
	display: table-cell;
	width: 270px;
	vertical-align: top;
}
/*--------------------------------------------------*/
/*  左側（メイン部分）                              */
/*--------------------------------------------------*/
.leftBox {
	padding: 15px 20px;
	background: #fafafa;
	border: 1px solid #b0b0b0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.cartCheck .leftBox {
	background: #fff;
}
.rightBox {
	padding: 10px;
	background: #fafafa;
	border: 1px solid #b0b0b0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.leftBox .title {
	position: relative;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}
/*--------------------------------------------------*/
/*  配送先の登録フォーム                            */
/*--------------------------------------------------*/

.settlement{
	width: 1000px;
	margin: 0 auto;
}


#regForm {
	width: 700px;
}
#regForm tr {
	background: #ffeaff;
}
#regForm tr.ok {
	background: #fff;
}
#regForm th {
	width: 200px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	border: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
}
#regForm td {
	padding-left: 15px;
	vertical-align: middle;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}
#regForm th,
#regForm td {
	border-bottom: 1px solid #d0d0d0;
}
#regForm th span {
	display: inline-block;
	width: 30px;
	height: 20px;
	margin: 0 15px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	background: #e00000;
}
#regForm tr.ok th span {
	background: #009a3a;
}
#regForm td .inner {
	position: relative;
	padding: 10px 0;
}
#regForm td .mailMB,
#regForm td .mailPC {
	position: relative;
}
#regForm td .inputHelp {
	position: absolute;
	top: -36px;
	z-index: 2;
	padding: 8px 10px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
	background: #000;
	border: 2px solid #dadada;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 3px 4px 5px #606060;
	-moz-box-shadow:    3px 4px 5px #606060;
	box-shadow:         3px 4px 5px #606060;
}
#regForm td .inputHelp:before {
	display: block;
	position:absolute;
	left: 15px;
	bottom: -8px;
	content: "";
	width: 0;
	border: 8px solid transparent;
	border-top-color: #dadada;
	border-bottom-width: 0;
}
#regForm td .inputHelp:after {
	display: block;
	position:absolute;
	left: 17px;
	bottom: -6px;
	content: "";
	width: 0;
	border: 6px solid transparent;
	border-top-color: #000;
	border-bottom-width: 0;
}
#help_family_name_kanji {left:  -6px;}
#help_first_name_kanji  {left: 176px;}
#help_family_name_kana  {left:  -6px;}
#help_first_name_kana   {left: 176px;}
#help_post_code         {left:  -6px;}
#help_address1          {left:  -6px;}
#help_address2          {left:  -6px; top: -1px !important;}
#help_address3          {left: 176px; top: 40px !important;}
#help_mail_address1     {left:  -6px;}
#help_mail_address      {left:  -6px;}
#help_tel_no            {left:  -6px;}
#help_passwd            {left:  -6px;}
#regForm td .errorMessage {
	position: absolute;
	top: 50%;
	left: 370px;
	z-index: 1;
	width: 280px;
	padding: 8px 10px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	white-space: nowrap;
	cursor: pointer;
	background: #d00000;
	border: 2px solid #dadada;
	border-radius:         5px;
	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 3px 4px 5px #606060;
	-moz-box-shadow:    3px 4px 5px #606060;
	box-shadow:         3px 4px 5px #606060;
}
#regForm td .errorMessage:before {
	display: block;
	position:absolute;
	top: 8px;
	left: -8px;
	content: "";
	width: 0;
	border: 8px solid transparent;
	border-right-color: #dadada;
	border-left-width: 0;
}
#regForm td .errorMessage:after {
	display: block;
	position:absolute;
	top: 10px;
	left: -6px;
	content: "";
	width: 0;
	border: 6px solid transparent;
	border-right-color: #d00000;
	border-left-width: 0;
}
#error_kanji    {margin-top: -22px;}
#error_kana     {margin-top: -22px;}
#error_sex      {margin-top: -22px;}
#error_zip      {margin-top: -32px;}
#error_address1 {margin-top: -61px;}
#error_address2 {margin-top: -18px;}
#error_address3 {margin-top:  20px;}
#error_mail1    {margin-top: -36px;}
#error_mail2    {margin-top: -36px;}
#error_tel      {margin-top: -22px;}
#error_password {margin-top: -22px;}
#error_birth    {margin-top: -22px;}
#error_payment  {margin-top: -22px;}
#regForm td .changeForm {
	color: #03c;
	font-size: 16px;
	font-weight: normal;
	text-decoration: underline;
	cursor: pointer;
}
#regForm td input[type="text"] {
	display: inline-block;
	height: 26px;
	padding: 0 8px;
	font-size: 16px;
	line-height: 26px;
	background: #f0fffa;
	border: 1px solid #00aa4a;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#regForm td input[type="text"].ok {
	background: #fff;
	border: 1px solid #b0b0b0;
}
#regForm td input[type="text"].ng {
	background: #ffdaea;
	border: 1px solid #e04040;
}
#regForm td input[type="text"].no {
	background: #eaeaea;
	border: 1px solid #b0b0b0;
}
#regForm td select {
	display: inline-block;
	height: 26px;
	padding: 0 6px;
	font-size: 16px;
	line-height: 26px;
	background: #f0fffa;
	border: 1px solid #00aa4a;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#regForm td select.ok {
	background: #fff;
	border: 1px solid #b0b0b0;
}
#regForm td select.ng {
	background: #ffdaea;
	border: 1px solid #e04040;
}
#regForm td label {
	line-height: 30px;
}
#regForm td .notice {
	color: #f00000;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
}
#regForm td .w36  {width:  36px;}
#regForm td .w48  {width:  48px;}
#regForm td .w64  {width:  64px;}
#regForm td .w80  {width:  80px;}
#regForm td .w96  {width:  96px;}
#regForm td .w120 {width: 120px;}
#regForm td .w150 {width: 150px;}
#regForm td .w180 {width: 180px;}
#regForm td .w310 {width: 310px;}

/*--------------------------------------------------*/
/*  最終確認画面                                    */
/*--------------------------------------------------*/
#checkForm {
	width: 700px;
}
#checkForm .td1 {
	width: 410px;
	padding-right: 20px;
	vertical-align: top;
}
#checkForm .td2 {
	width: 250px;
	padding-right: 20px;
	vertical-align: top;
}
#checkForm .td1 > div {
	padding-left: 20px;
	font-size: 16px;
	line-height: 22px;
}
#checkForm .td1 .title {
	position: relative;
	margin-bottom: 10px;
	padding-left: 0;
	font-size: 16px;
	font-weight: bold;
}
#checkForm .title p {
	position: absolute;
	top: 50%;
	left: 84px;
	margin-top: -10px;
	color: #03c;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
	cursor: pointer;
}
#checkForm .td2 p:not(.grayBtn) {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}
#checkForm .td2 span {
	font-size: 13px;
	font-weight: normal;
}
#checkForm .td2 span strong {
	padding-right: 2px;
	font-weight: bold;
}
#checkForm .td2 input[type="text"] {
	display: inline-block;
	width: 166px;
	height: 26px;
	margin-right: 4px;
	padding: 0 8px;
	font-size: 16px;
	line-height: 26px;
	border: 1px solid #b0b0b0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#checkForm .td2 p.grayBtn {
	display: inline-block;
	width: 50px;
	height: 26px;
	line-height: 26px;
}
#modalOpen {
	padding: 0 0 6px 16px;
	color: #03c;
	font-size: 14px;
	text-decoration: underline;
	cursor: pointer;
}
#cartItem {
	width: 680px;
	margin: 0 auto;
}
#cartItem li {
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #cacaca;
}
#cartItem li:first-child {
	padding: 0 10px 20px 10px;
}
#cartItem li:last-child {
	padding: 0 10px 10px 10px;
	border-bottom: none;
}
#cartItem li table {
	width: 650px;
}
#cartItem li table td {
	padding: 0 5px;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
}
#cartItem .td1 {width: 90px;}
#cartItem .td2 {text-align: left;}
#cartItem .td3 {width: 60px; text-align: right;}
#cartItem .td4 {width: 16px; padding: 0;}
#cartItem .td5 {width: 20px; padding: 0 20px 0 5px;}
#cartItem .td6 {width: 120px; font-size: 16px; text-align: right;}
#cartItem .td1 img {
	display: block;
	width: 80px;
	margin: 5px auto 0 auto;
}
#cartItem .td6 .inner {
	position: relative;
}
#cartItem .td6 .inner .t {
	display: inline;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -6px;
	font-size: 16px;
	line-height: 1;
}
#cartItem .td6 .inner .y {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
#cartItem .td6 .inner .p {
	display: inline;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
}

/*--------------------------------------------------*/
/*  注文完了→お支払い                              */
/*--------------------------------------------------*/
#paymentContents {
	margin: 20px 0 40px 0;
	padding: 20px 30px;
	line-height: 1;
	text-align: center;
	background: #f0ffaa;
	border: 2px solid #43ac00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#paymentContents .i1 {
	color: #c02020;
	font-size: 32px;
	font-weight: bold;
}
#paymentContents .i2 {
	padding: 20px 0;
	font-size: 22px;
	font-weight: bold;
}
#paymentContents .i3 {
	margin: 0 auto;
	width: 932px;
	padding: 20px 0;
	background: #fff;
	border: 2px solid #43ac00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#paymentContents .i3 .selectCredit {
	font-size: 0;
}
#paymentContents .i3 .selectCredit li {
	display: inline-block;
	width: 446px;
	margin: 10px;
	font-size: 0;
}
#paymentContents .i3 .selectCredit li .creditBtn {
	display: block;
	position: relative;
	width: 302px;
	padding-left: 140px;
	color: #222;
	font-size: 46px;
	font-weight: bold;
	line-height: 80px;
	text-align: left;
	text-decoration: none;
	text-shadow: -1px -1px 1px #666;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#f0fffa,#f0fffa);
	background: -moz-linear-gradient(top,   #f0fffa,#f0fffa);
	background: linear-gradient(to bottom,  #f0fffa,#f0fffa);
	border: 2px solid #ba4000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#paymentContents .i3 .selectCredit li .creditBtn:after {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -15px;
	content: "\f144";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 30px;
	line-height: 1;
}
#paymentContents .i3 .selectCredit li .creditBtn img {
	position: absolute;
	top: 50%;
	height: 50px;
	margin-top: -25px;
}
#paymentContents .i3 .selectCredit li .creditBtn img.visa   {left: 20px;}
#paymentContents .i3 .selectCredit li .creditBtn img.master {left: 20px;}
#paymentContents .i3 .selectCredit li .creditBtn img.jcb    {left: 26px;}
#paymentContents .i3 .selectCredit li .creditBtn img.amex   {left: 35px;}
#paymentContents .i3 .selectCredit li .creditBtn:hover {
	opacity: 0.8;
}
#paymentContents .i3 table {
	width: ;
	margin: 0 auto 20px auto;
}
#paymentContents .i3 table th {
	font-size: 18px;
	line-height: 1;
	text-align: right;
	vertical-align: middle;
}
#paymentContents .i3 table td {
	padding: 6px 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	vertical-align: middle;
}
#paymentContents .i3 table td:nth-child(2) {
	width: 50px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}
#paymentContents .i3 .bankNotice {
	width: 600px;
	margin: 15px auto 0 auto;
	padding: 10px 10px 10px 30px;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	background: #f0fffa;
	border: 1px solid #43ac00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#paymentContents .i3 .bankNotice li {
	list-style: disc;
}
#paymentContents .i4 {
	padding: 30px 0 10px 0;
}
#paymentContents .i4 a,
#paymentContents .i4 span {
	color: #03c;
	font-size: 18px;
	text-decoration: underline;
	cursor: pointer;
}
#paymentContents .i4 a:hover,
#paymentContents .i4 span:hover {
	color: #f60;
}
.boxFlow {
	width: 998px;
	margin: 10px auto;
	font-size: 0;
}
.boxFlow li {
	display: inline-block;
	position: relative;
	width: 212px;
	padding-right: 50px;
}
.boxFlow li:last-child {
	padding-right: 0;
}
.boxFlow li div {
	width: 192px;
	height: 72px;
	padding: 15px 9px;
	color: #904a00;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-shadow: -1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;
	background: #fffaea;
	border: 1px solid #904a00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.boxFlow li:not(:last-child):after {
	display: block;
	position:absolute;
	top: 33px;
	right: 15px;
	content: "";
	width: 0;
	border: 20px solid transparent;
	border-left-color: #d09a40;
	border-right-width: 0;
}
.boxFlow li img {
	position: absolute;
	top: -34px;
	left: 182px;
	z-index: 1;
	width: 54px;
}



/*--------------------------------------------------*/
/*  右側（ボタン部分）                              */
/*--------------------------------------------------*/
.rightBox .btnBox {
	margin-top: 15px;
	padding: 15px;
	background: #fff;
	border: 1px solid #43ac00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.rightBox .btnBox button,
.subjectBtn {
	display: block;
	width: 214px;
	margin: 0 auto;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	text-shadow: -1px -1px 1px #666;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#43ac00,#43ac00);
	background: -moz-linear-gradient(top,   #43ac00,#43ac00);
	background: linear-gradient(to bottom,  #43ac00,#43ac00);
	border: 1px solid #43ac00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.rightBox .btnBox button:hover {
	opacity: 0.8;
}

.btnBox a{
	text-decoration: none;
}
#orderConfirm{
	text-decoration: none;
}

.subjectBtn{
	text-decoration: none;
}

.rightBox table {
	width: 100%;
	margin: 0 auto;
}
.rightBox table th {
	padding-left: 10px;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
}
.rightBox table td {
	width: 80px;
	padding-right: 10px;
	color: #e00000;
	font-size: 14px;
	line-height: 22px;
	text-align: right;
}
.rightBox table tr:last-child th,
.rightBox table tr:last-child td {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	line-height: 21px;
	border-top: 1px solid #505050;
}

/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*	共通スタイル									*/
/*--------------------------------------------------*/
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.showy {padding: 0 3px;color: #d00;font-size: 15px;font-weight: bold;background-color: #ff2;}
.bold {font-weight: bold;}
.colorRed {color: #f00 !important;}
.color333 {color: #333 !important;}
.color555 {color: #555 !important;}
.color888 {color: #888 !important;}
.size10 {font-size: 10px !important;}
.size11 {font-size: 11px !important;}
.size12 {font-size: 12px !important;}
.size13 {font-size: 13px !important;}
.size14 {font-size: 14px !important;}
.size15 {font-size: 15px !important;}
.size16 {font-size: 16px !important;}
.size17 {font-size: 17px !important;}
.size18 {font-size: 18px !important;}
.size19 {font-size: 19px !important;}
.size20 {font-size: 20px !important;}
.size21 {font-size: 21px !important;}
.size22 {font-size: 22px !important;}
.size23 {font-size: 23px !important;}
.size24 {font-size: 24px !important;}
.size26 {font-size: 26px !important;}
.size28 {font-size: 28px !important;}
.size30 {font-size: 30px !important;}
.size32 {font-size: 32px !important;}
.size34 {font-size: 34px !important;}
.size36 {font-size: 36px !important;}
.line10 {line-height: 1.0 !important;}
.line12 {line-height: 1.2 !important;}
.line14 {line-height: 1.4 !important;}
.line16 {line-height: 1.6 !important;}
.mt5  {margin-top:  5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mb5  {margin-bottom:  5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.ml5  {margin-left:  5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.mr5  {margin-right:  5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.center {text-align: center !important;}
.left   {text-align: left   !important;}
.right  {text-align: right  !important;}
.floatL {float: left; margin: 0 10px 10px 0;}
.floatR {float: right; margin: 0 0 10px 10px;}
.floatC {display:block; margin: 10px auto;}
.focus  {background: #ffc;}
.through {text-decoration: line-through;}
.imeActive {ime-mode: active;}
.disabled  {ime-mode: disabled;}
.hover:hover {opacity: 0.8;}
.hide {display: none !important;}
.overflow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.overflow2 {
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.noticetextArea{
	width: 710px;
	margin: 10px 0 0 5px;
}

.importhatenarights{
	line-height: 1.5;
	font-size: 14px;
	letter-spacing:0.2em;
	width: 690px;
}


/*--------------------------------------*/
/*		成分一覧のサプリ紹介部分 テスト隠し*/
/*--------------------------------------*/


.componentalphabet{
	width: 710px;
}

.componentalphabet ul{
	margin: 0 0 0 2px;
	font-size: 0;
	width: 680px;
	text-align: center;
	position: relative;
}

.componentalphabet ul li{
	width: 131px;
	border-top: 1px dotted #888;
	border-bottom: 1px dotted #888;
	border-left: 1px dotted #888;
	position: relative;
	margin: 0 auto;
	font-size: 0;
	display: inline-block;
	border-right: 1px dotted #888;
}

.componentalphabet ul li a{
	text-decoration:none;
	font-size: 13px;
	display: block;
	text-align: center;
	color: #000;
}

.componentalphabet ul li:hover{
	background: #E6FFE9;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filyer: "alpha(opacity=70)";
}



.alphabet{
	padding: 30px 0 15px 0;
	font-size: 60px;
	font-weight: bold;
}



.componenttype{
	font-size: 12px;
}

.componenttype .word{
	font-size: 12px;
	padding: 0 2px 0 0;
	color: #43ac00;
}



.componentlist ul li a{
	text-decoration: none;
}



.componentname{
	color: #222;
	font-size: 12px;
	padding: 5px 0 0 0;
}

.linkbtn{
	display: block;
	width: 100px;
	margin: 10px auto;
	padding: 7px 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	background: -webkit-linear-gradient(top,#43ac00,#43ac00 50%,#43ac00 51%,#43ac00);
	background: -moz-linear-gradient(top,   #43ac00,#43ac00 50%,#43ac00 51%,#43ac00);
	background: linear-gradient(to bottom,  #43ac00,#43ac00 50%,#43ac00 51%,#43ac00);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.linkother{
	display: block;
	width: 100px;
	margin: 10px auto;
	padding: 7px 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	background: -webkit-linear-gradient(top,#fff,#fff 50%,#fff 51%,#fff);
	background: -moz-linear-gradient(top,   #fff,#fff 50%,#fff 51%,#fff);
	background: linear-gradient(to bottom,  #fff,#fff 50%,#fff 51%,#fff);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


.componentclear{
	clear: both;
}



.textitem{
	color: #000;
	padding: 0 0 0px 50px;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 20px 0;
}


.textitem li{
	display: inline-block;
	width: 160px;
	color: #777;
	padding: 0 0 0 50px;
	position: relative;
}


.textitem li img{
	width: 25px;
	position: absolute;
	top: 3px;
	left: 2px;
}


.textitem2{
	padding: 0 0 0px 50px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.textitem2 li img{
	width: 40px;
	position: absolute;
	top: 1px;
	left: 2px;
}

.textitem3{
	color: #000;
	padding: 0 0 0px 50px;
	font-size: 20px;
	font-weight: bold;
}


.textitem3 li{
	display: inline-block;
	width: 150px;
	color: #777;
	padding: 0 0 0 45px;
	position: relative;
}
.textitem3 li img{
	width: 25px;
	position: absolute;
	top: 3px;
	left: 2px;
}


.componentclear{
	clear: both;
}


.other_detail{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 17px 0;
}

.other_detail p{
	margin: 0 0 -1px 0;
}

.etccomponentalphabet ul li img{
	width: 150px;
}


/*-----その他-----*/

.etccomponentalphabet{
	width: 710px;
	margin: 0 0 0 -5px;
}

.etccomponentalphabet ul{
	margin: 0 35px 0 0px;
	font-size: 0;
	width: 710px;
	text-align: center;
	position: relative;
}

.etccomponentalphabet ul li{
	width: 138px;
	height: 190px;
	border-top: 1px dotted #888;
	border-bottom: 1px dotted #888;
	border-left: 1px dotted #888;
	position: relative;
	margin: 0 auto;
	font-size: 0;
	display: inline-block;
	border-right: 1px dotted #888;
}

.etccomponentalphabet ul li a{
	text-decoration:none;
	font-size: 13px;
	display: block;
	text-align: center;
	color: #000;
}

.etccomponentalphabet ul li:hover{
	background: #E6FFE9;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filyer: "alpha(opacity=70)";
}

.etccomponentalphabet ul li.not:hover{
	background: #fff; 
	opacity: 10;
	filter: alpha(opacity=100);
	-ms-filyer: "alpha(opacity=100)";
}



.etccomponentalphabet ul li:nth-child(5n) {
	border-right: 1px dotted #888;
	padding-right: 1px;
}



.alphabet{
	padding: 30px 0 15px 0;
	font-size: 60px;
	font-weight: bold;
}



.componenttype{
	font-size: 12px;
}

.componenttype .word{
	font-size: 12px;
	padding: 0 2px 0 0;
	color: #43ac00;
}



.componentlist ul li a{
	text-decoration: none;
}



.componentname{
	color: #222;
	font-size: 12px;
	padding: 5px 0 0 0;
}

.linkbtn{
	display: block;
	width: 100px;
	margin: 10px auto;
	padding: 7px 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	background: -webkit-linear-gradient(top,#43ac00,#43ac00 50%,#43ac00 51%,#43ac00);
	background: -moz-linear-gradient(top,   #43ac00,#43ac00 50%,#43ac00 51%,#43ac00);
	background: linear-gradient(to bottom,  #43ac00,#43ac00 50%,#43ac00 51%,#43ac00);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.linkother{
	display: block;
	width: 100px;
	margin: 10px auto;
	padding: 7px 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	background: -webkit-linear-gradient(top,#fff,#fff 50%,#fff 51%,#fff);
	background: -moz-linear-gradient(top,   #fff,#fff 50%,#fff 51%,#fff);
	background: linear-gradient(to bottom,  #fff,#fff 50%,#fff 51%,#fff);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


.componentclear{
	clear: both;
}



.textitem{
	color: #000;
	padding: 0 0 0px 50px;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 20px 0;
}


.textitem li{
	display: inline-block;
	width: 120px;
	color: #777;
	margin: 2px 0;
	padding: 0 0 0 30px;
	position: relative;
}


.textitem li img{
	width: 25px;
	position: absolute;
	top: -1px;
	left: 2px;
}


.textitem2{
	padding: 0 0 0px 50px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.textitem2 li img{
	width: 40px;
	position: absolute;
	top: 1px;
	left: 2px;
}

.textitem3{
	color: #000;
	padding: 0 0 0px 50px;
	font-size: 20px;
	font-weight: bold;
}


.textitem3 li{
	display: inline-block;
	width: 150px;
	color: #777;
	padding: 0 0 0 45px;
	position: relative;
}
.textitem3 li img{
	width: 25px;
	position: absolute;
	top: 3px;
	left: 2px;
}


.textitem4{
	color: #000;
	padding: 0 0 0px 30px;
	font-weight: bold;
	margin: 0 0 20px 0;
}


.textitem4 li{
	display: inline-block;
	width: 165px;
	font-size: 14px;
	color: #777;
	margin: 2px 0;
	padding: 0 0 0 30px;
	position: relative;
}


.textitem4 li img{
	width: 25px;
	position: absolute;
	top: -1px;
	left: 2px;
}


.componentclear{
	clear: both;
}


.other_detail{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 17px 0;
}

.etccomponentalphabet ul li img{
	width: 150px;
}

.extitle{
	padding: 0 0 0 10px;
	text-align: left;
}


/*--------------------------------------*/
/*		成分名称一覧			*/
/*--------------------------------------*/

.tableItem_1{
	margin: 0 0 0 -18px;
	
}

.tableAitem{
	width: 710px;
	margin: 0 0 0 5px;
}

.tableAitem ul{
	margin: 0 0 0 45px;
	font-size: 0;
	width: 710px;
	text-align: center;
	position: relative;
}

.tableAitem ul li{
	width: 138px;
	height: 150px;
	border-top: 1px dotted #888;
	border-bottom: 1px dotted #888;
	border-left: 1px dotted #888;
	position: relative;
	margin: 10px 10px 10px 10px;
/*左端指定*/
	float: left;
	font-size: 0;
	display: inline-block;
	border-right: 1px dotted #888;
}

.tableAitem ul li a{
	text-decoration:none;
	font-size: 13px;
	display: block;
	text-align: center;
	color: #000;
}

.tableAitem ul li:hover{
	background: #E6FFE9;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filyer: "alpha(opacity=70)";
}

.tableAitem ul li.not:hover{
	background: #fff; 
	opacity: 10;
	filter: alpha(opacity=100);
	-ms-filyer: "alpha(opacity=100)";
}



.tableAitem ul li:nth-child(5n) {
	border-right: 1px dotted #888;
	padding-right: 1px;
}


/*以下は各成分表の最後が左端によるもうにするもの*/
.tableAitem ul li:last-child {
	float: left;
	margin: 10px 0 0 10px;
}





.imgArea{
	padding: 5px 0 5px 0;
	font-size: 60px;
	font-weight: bold;
}

.imgArea img{
	width: 100px;
	height: 100px;
	display: block;
	margin: 5px auto;
}

.nameArea{
	font-size: 13px;
}

/*---------------------------------------------------
				よくある質問
----------------------------------------------------*/

#faqMenu{
	margin: 0 0 20px 0;
}

#faqMenu li a{
	font-size: 16px;
	line-height: 2.4;
}

.qText{
	font-size: 24px;
	font-weight: bold;
	color: #f00!important;
}

.qText2{
	font-size: 24px;
	font-weight: bold;
	color: #222;
}

.faqTitle{
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 6px 0;
}



/*--------------------------------------------------*/
/*	お問い合わせページ								*/
/*--------------------------------------------------*/
.contact table {
	width: 690px;
	margin: 10px 50px 10px 0px;
}
.contact table th {
	width: 250px;
	padding: 15px 12px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	line-height: 18px;
	background: #ebebeb;
	border: 1px solid #d0d0d0;
	border-top: none;
}
.contact table th span {
	float: right;
	padding: 3px 4px;
	color: #fff;
	font-size: 11px;
	line-height: 1;
	background: #f00;
}
.contact table td {
	padding: 12px 16px;
	font-size: 14px;
	line-height: 22px;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}
.contact table tr:first-child th,
.contact table tr:first-child td {
	border-top: 1px solid #d0d0d0;
}
.contact table tr:last-child td {
	padding-top: 20px;
	text-align: center;
	border: none;
}
.contact select {
	width: 380px;
	padding: 6px 8px;
	font-size: 15px;
}
.contact textarea {
	display: block;
	width: 470px;
	height: 120px;
	margin-bottom: 5px;
	padding: 6px 8px;
	font-size: 13px;
	line-height: 18px;
}
.contact input[type="text"] {
	width: 470px;
	padding: 4px 6px;
	font-size: 15px;
}
.contact input[type="submit"] {
	width: 198px;
	padding: 14px 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.contact.check td {
	font-size: 14px;
	font-weight: bold;
}
.contact.check .checkBtn {
	position: relative;
	width: 100%;
	height: 50px;
	margin: 20px 0;
}
.contact.check .checkBtn .btn1 {
	position: absolute;
	top: 0;
	left: 95px;
}
.contact.check .checkBtn .btn2 {
	position: absolute;
	top: 0;
	left: 325px;
}
.contact .error {
	margin: 4px 0;
	color: #f00;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
}


.noticetextArea{	
	width: 710px;
	font-size: 16px;
	line-height: 1.5;
	padding: 5px;
}


.importpromise {
	width: 680px;
	position: relative;
}

.importpromise ul li{
	width: 595px;
}


.importpromise ul li img{
	position: absolute;
	top: 44px;
	right: 10px;
	width: 180px;
}



.bodycontents{
	line-height: 1.5;
	color: #43ac00;
	font-size: 36px;
	font-weight: bold;
}

.importhatenaright{
	float: left;
	width: 660px;
}

.importhatena{
	float: right;
	width: 150px;
}

.importclear{
	clear: both;
}

.errorMsg {
	margin: 3px 0 3px 20px;
	color: #f00;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.0;
}
.errorMsg:first-child {
	margin: 15px 0 3px 20px;
}
.errorMsg2 {
	margin: 3px 0 3px 45px;
	color: #f00;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.0;
}
.errorMsg3 {
	margin: 3px 0;
	color: #f00;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.0;
}


.contactTable {
	width: 680px;
	margin: 0 10px 10px 10px;
}
.companyTable dt,
.contactTable dt {
	padding: 8px 10px;
	font-size: 14px;
	font-weight: bold;
	background: #f0f0f0;
	border: 1px solid #bbb;
}
.companyTable dd,
.contactTable dd {
	padding: 8px 14px;
	font-size: 13px;
	line-height: 1.4;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
.companyTable dd:last-child,
.contactTable dd:last-child {
	border-bottom: 1px solid #bbb;
}
.contactTable dt span {
	margin-left: 6px;
	padding: 2px 4px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background: #f00;
}
.contactTable dd input {
	width: 280px;
	max-width: 90%;
	font-size: 18px;
	padding: 4px 6px;
}
.contactTable dd select {
	width: 280px;
	max-width: 90%;
	font-size: 16px;
	padding: 3px 5px;
}
.contactTable dd textarea {
	width: 280px;
	max-width: 90%;
	height: 150px;
	font-size: 16px;
	padding: 3px 5px;
}
.errorMsg {
	color: #f00;
	font-weight: bold;
}
.submitBtn {
	margin-bottom: 20px;
	text-align: center;
}
.submitBtn input {
	-webkit-appearance: none;
	display: inline-block;
	padding: 10px 14px;
	font-size: 18px;
	line-height: 1.0;
	background: -webkit-linear-gradient(top,#fcfcfc,#dadada);
	background: -moz-linear-gradient(top,   #fcfcfc,#dadada);
	background: linear-gradient(to bottom,  #fcfcfc,#dadada);
	border: 1px solid #888;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.submitBtn2 {
	position: relative;
	height: 40px;
	margin-bottom: 20px;
}
.submitBtn2 input {
	position: absolute;
	top: 0
	-webkit-appearance: none;
	display: block;
	width: 70px;
	padding: 10px 0;
	font-size: 18px;
	line-height: 1.0;
	background: -webkit-linear-gradient(top,#fcfcfc,#dadada);
	background: -moz-linear-gradient(top,   #fcfcfc,#dadada);
	background: linear-gradient(to bottom,  #fcfcfc,#dadada);
	border: 1px solid #888;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.submitBtn2 .btn1 {
	right: 50%;
	margin-right: 15px;
}
.submitBtn2 .btn2 {
	left: 50%;
	margin-left: 15px;
}

/*--------------------------------------------------*/
/*	お問い合わせページ専用	2						*/
/*--------------------------------------------------*/
.contactTable {
	width: 700px;
	padding: 0 15px 0 0 ;
	border-collapse: separate;
}
.textArea{
	font-size: 14px;
	padding: 10px 0;
}
.contactTable th {
	font-size: 12px;
	font-weight: bold;
	width: 150px;
	padding: 15px 10px;
	border: 1px solid #bbb;
	background-color: #f0f0f0;
}
.contactTable th span {
	color: #f00;
}
.contactTable td {
	padding: 15px 10px;
	font-size: 15px;
	border: 1px solid #bbb;
}
.contactTable td:not(.noColor) {
	background: #fff;
}
.contactTable tr:last-child td {
	border: none;
}
.contactTable input[type="text"] {
	width: 350px;
	padding: 6px 8px;
	font-size: 16px;
	font-weight: bold;
}
.contactTable label {
	font-size: 15px;
	margin-bottom: 5px;
}
.contactTable select {
	width: 350px;
	padding: 6px 8px;
	font-size: 15px;
}
.contactTable textarea {
	width: 350px;
	height: 120px;
	padding: 6px 8px;
	font-size: 16px;
}
.contactTable input[type="submit"] {
	width: 200px;
	padding: 20px 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.0;
}
.submitSelect {
	position: relative;
	height: 50px;
}
.submit1 input[type="submit"] {
	position: absolute;
	top: 15px;
	left: 60px;
}
.submit2 input[type="submit"] {
	position: absolute;
	top: 15px;
	right: 60px;
}
.errorMsg {
	margin: 3px 0 3px 20px;
	color: #f00;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.0;
}
.errorMsg:first-child {
	margin: 15px 0 3px 20px;
}
.errorMsg2 {
	margin: 3px 0 3px 45px;
	color: #f00;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.0;
}
.errorMsg3 {
	margin: 3px 0;
	color: #f00;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.0;
}

.contactTable {
	margin: 0 10px 10px 10px;
}
.companyTable dt,
.contactTable dt {
	padding: 8px 10px;
	font-size: 14px;
	font-weight: bold;
	background: #f0f0f0;
	border: 1px solid #bbb;
}
.companyTable dd,
.contactTable dd {
	padding: 8px 14px;
	font-size: 13px;
	line-height: 1.4;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
.companyTable dd:last-child,
.contactTable dd:last-child {
	border-bottom: 1px solid #bbb;
}
.contactTable dt span {
	margin-left: 6px;
	padding: 2px 4px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background: #f00;
}
.contactTable dd input {
	width: 280px;
	max-width: 90%;
	font-size: 18px;
	padding: 4px 6px;
}
.contactTable dd select {
	width: 280px;
	max-width: 90%;
	font-size: 16px;
	padding: 3px 5px;
}
.contactTable dd textarea {
	width: 280px;
	max-width: 90%;
	height: 150px;
	font-size: 16px;
	padding: 3px 5px;
}
.errorMsg {
	color: #f00;
	font-weight: bold;
}
.submitBtn {
	margin-bottom: 20px;
	text-align: center;
}
.submitBtn input {
	-webkit-appearance: none;
	display: inline-block;
	padding: 10px 14px;
	font-size: 18px;
	line-height: 1.0;
	background: -webkit-linear-gradient(top,#fcfcfc,#dadada);
	background: -moz-linear-gradient(top,   #fcfcfc,#dadada);
	background: linear-gradient(to bottom,  #fcfcfc,#dadada);
	border: 1px solid #888;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.submitBtn2 {
	position: relative;
	height: 40px;
	margin-bottom: 20px;
}
.submitBtn2 input {
	position: absolute;
	top: 0
	-webkit-appearance: none;
	display: block;
	width: 70px;
	padding: 10px 0;
	font-size: 18px;
	line-height: 1.0;
	background: -webkit-linear-gradient(top,#fcfcfc,#dadada);
	background: -moz-linear-gradient(top,   #fcfcfc,#dadada);
	background: linear-gradient(to bottom,  #fcfcfc,#dadada);
	border: 1px solid #888;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.submitBtn2 .btn1 {
	right: 50%;
	margin-right: 15px;
}
.submitBtn2 .btn2 {
	left: 50%;
	margin-left: 15px;
}


/*--------------------------------------------------*/
/*よくある質問*/
/*--------------------------------------------------*/
#questionMenu {
	width: 700px;
	margin: 15px auto;
}
#questionMenu li {
	padding-bottom: 2px;
}
.question{
	width: 700px;
	padding: 20px 0 10px 0;
	color: #107000;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.1em;
	border-top: 2px dotted #999;
}
.opinionTitle.noBorder {
	padding: 10px 15px 10px 15px;
	border-top: none;
}
.opinionTitle span {
	padding-left: 20px;
	color: #320;
	font-size: 14px;
}
.faqBody{
	line-height: 1.5;
	letter-spacing: 0.1em;
	width: 670px;
	margin: 0 0 20px 0;
	padding: 15px;
	color: #222;
	font-size: 15px;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


/*--------------------------------------------------*/
/*	お知らせページ									*/
/*--------------------------------------------------*/

.newsBox {
	position: relative;
	width: 620px;
	padding: 25px;
	margin: 0 0 10px 5px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}
.news .newsBox .date {
	font-size: 13px;
	line-height: 1;
}
.news .newsBox .title {
	padding: 3px 0 5px 0;
	color: #0b419b;
	font-size: 15px;
	line-height: 20px;
}
.news .newsBox .body {
	width: 610px;
	margin: 0px auto;
	color: #420;
	font-size: 14px;
	line-height: 19px;
}

.importpromise .news .newsBox img{
	width: 100px;
	padding: 90px 0 0 0;
	position: absolute;
}


/*--------------------------------------------------*/
/*	商品一覧									*/
/*--------------------------------------------------*/

/*
#searchlistbox {
    margin: 10px auto;
	width: 80%;
}

#searchlistbox .searchlistname {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

#searchlistbox .body {
	width: 100%;
    height: 300px;
    margin: 3px auto;
    font-size: 11px;
    overflow: auto;
    background: #fff;
    border-top: 1px solid #bbb
}

#searchlistbox .news {
	padding: 10px 0 0 0;
    margin-bottom: 20px;
    line-height: 1.4
}


.news .newslist .fa-star{
	padding-left: 6px;
	color: #f90;
	font-size: 18px;
	font-weight: bold;
}

.newslistmore{
	text-align: right;
	padding: 5px 0 50px 3px;
	font-weight: bold;
	font-size: 8px;
	color: #eee;
	text-decoration: none;
}
*/


/*価格一覧*/
/*
#searchlistbox1 {
    margin: 10px auto;
	width: 80%;
}

#searchlistbox1 .searchlistname1 {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

#searchlistbox1 .body1 {
	width: 100%;
    margin: 3px auto;
    font-size: 11px;
    overflow: auto;
    background: #fff;
    border-top: 1px solid #bbb
}

#searchlistbox1 .news1 {
    margin-bottom: 20px;
}


.news1 .newslist1 .fa-star{
	padding-left: 6px;
	color: #f90;
	font-size: 18px;
	font-weight: bold;
}
*/
/*キャンペーン*/
/*
#searchlistbox2 {
    margin: 10px auto;
	width: 80%;
}

#searchlistbox2 .searchlistname2 {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

#searchlistbox2 .body2 {
	width: 100%;
	line-height: 1.4;	
	padding: 10px 0;
    margin: 3px auto;
    font-size: 11px;
    overflow: auto;
    background: #fff;
    border-top: 1px solid #bbb
}

#searchlistbox2 .news2 {
    margin-bottom: 20px;
}


.news2 .newslist2 .fa-star{
	padding-left: 6px;
	color: #f90;
	font-size: 18px;
	font-weight: bold;
}
*/


/*カスタマーレビュー*/
/*
#searchlistbox3 {
    margin: 10px auto;
	width: 80%;
}

#searchlistbox3 .searchlistname3 {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

#searchlistbox3 .body3 {
	width: 100%;
	line-height: 1.4;	
	padding: 10px 0;
    margin: 3px auto;
    font-size: 11px;
    overflow: auto;
    background: #fff;
    border-top: 1px solid #bbb
}

#searchlistbox3 .news3 {
    margin-bottom: 20px;
}


.news3 .newslist3 .fa-star{
	padding-left: 6px;
	color: #f90;
	font-size: 18px;
	font-weight: bold;
}
*/

/*--------------------------------------------------*/
/*吹き出し*/
/*--------------------------------------------------*/
.balloon {
	margin: 0px 0 10px 0px;
	width: 195px;
	position: relative;
	height: auto;
	padding: 15px;
	background-color: #aaa;
	border-radius: 4px;
	text-align: center;
	font-size: 15px;
	color: #fff;
}

.balloon p{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0 0 0;
}

.balloon .triangle {
	position: absolute;
	bottom: 15%;
	right: -10px;
	margin-right: 0px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	content:"";
	border-left-color: #aaa;
	border-right-width: 0;
}

.balloon2 {
	margin: 0px 0 0 0px;
	width: 195px;
	position: relative;
	height: auto;
	padding: 15px;
	background-color: #00BFFF;
	border-radius: 4px;
	text-align: center;
	font-size: 15px;
	color: #fff;
}

.balloon2 p{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0 0 0;
}

.balloon2 .triangle {
	position: absolute;
	bottom: 15%;
	right: -10px;
	margin-right: 0px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	content:"";
	border-left-color: #00BFFF;
	border-right-width: 0;
}





/*-------------*/
/*商品詳細tab*/
/*-------------*/
/*本来のheightは1480px*/


.name{
	color: #f00;
	font-size: 22px;
	font-weight: bold;
	padding: 5px 0 0 0;
}

.clear{
	clear: both;
}

/*--------------------------------------------------*/
/*	メール履歴部分（20150924）						*/
/*--------------------------------------------------*/
.mailArea li {
	width: 630px;
	margin: 20px 0 0 40px;
}
.mailTitle {
	width: 630px;
	position: relative;
	padding: 5px 10px 15px 10px;
	color: #000;
	font-size: 16px;
	line-height: 1.4;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#faffff,#eaeaea 50%,#e8e8e8 51%,#dadada);
	background: -moz-linear-gradient(top,   #faffff,#eaeaea 50%,#e8e8e8 51%,#dadada);
	background: linear-gradient(to bottom,  #faffff,#eaeaea 50%,#e8e8e8 51%,#dadada);
	border: 1px solid #bbb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.mailTitle:hover {
	background: -webkit-linear-gradient(top,#faffff,#f0faff 50%,#eef8fd 51%,#e0eaf0);
	background: -moz-linear-gradient(top,   #faffff,#f0faff 50%,#eef8fd 51%,#c0e0f0);
	background: linear-gradient(to bottom,  #faffff,#f0faff 50%,#eef8fd 51%,#c0e0f0);
}
li.open .mailTitle {
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}
.mailTitle time {
	display: block;
	padding: 5px 0;
	color: #b00000;
	font-size: 16px;
	line-height: 1;
}
.mailTitle i:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -9px;
	content: "\f0d7";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
}
.open .mailTitle i:after {
	content: "\f0d8";
}
.mailBody {
	width: 620px;
	display: none;
	padding: 15px;
	font-size: 15px;
	line-height: 1.5;
	background: #fff;
	border: 1px solid #bbb;
	border-top: none;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}
.open .mailBody {
	display: block;
}


/*--------------------------------------------------*/
/*	購入フロー・注文完了ページ専用					*/
/*--------------------------------------------------*/

.text_Area{
	margin: 10px 20px 0 10px;
	width: 680px;
	line-height: 1.5;
}



.flowBtn {
	width: 660px;
	padding: 10px 10px;
}
.flowBtn li {
	float: left;
	display: inline-block;
	width: 139px;
}
.flowBtn li:not(:first-child) {
	margin-left: 8px;
}
.flowBtn li div,
.flowBtn li a {
	position: relative;
	display: block;
	width: 137px;
	height: 137px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center bottom;
	border: solid 1px #43ac00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.flowBtn div { background-image: url("../img/flow1_2.png"); }
.flowBtn li:nth-child(1) a { background-image: url("../img/flow1.png"); }
.flowBtn li:nth-child(2) a { background-image: url("../img/flow2.png"); }
.flowBtn li:nth-child(3) a { background-image: url("../img/flow3.png"); }
.flowBtn li:nth-child(4) a { background-image: url("../img/flow4.png"); }
.flowBtn li div:before,
.flowBtn li a:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 60px solid #08f;
	border-right: 60px solid transparent;
}
.flowBtn li div .corner,
.flowBtn li a .corner {
	position: absolute;
	line-height: 1.5;
	top: 13px;
	left: -3px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.flowBtn li div .btnTitle,
.flowBtn li a .btnTitle {
	position: absolute;
	top: 13px;
	line-height: 1.5;
	left: 55px;
	color: #08f;
	font-size: 16px;
	font-weight: bold;
}
.flowBtn li div {border: solid 1px #43ac00;}
.flowBtn li div:before {border-top: 60px solid #43ac00;}
.flowBtn li div .btnTitle {color: #444;}
.flowBtn li a:hover {
	border: solid 1px #43ac00;
}
.flowBtn li a:hover:before {
	border-top: 60px solid #e44;
}
.flowBtn li a:hover .btnTitle {
	color: #e44;
}
.flowArea {
	width: 660px;
	margin: 10px 10px 0 10px;
	padding: 10px 10px;
	border: 1px solid #e44;
	background: #fff;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}
.oversea {
	border: 1px solid #43ac00;
	line-height: 1.5;
}
.flowArea{
	line-height: 1.5;
	border: 1px solid #43ac00;
}
.flowArea.end {
	width: 336px;
	padding: 10px 130px 10px 12px;
	background: url("../img/sumi.png") no-repeat #fff;
	background-size: 100px 100px;
	background-position: right 10px bottom 5px;
}
.trackingBtn {
	width: 680px;
	padding: 10px 10px;
	margin: 10px 0;
}
.trackingBtn li {
	float: left;
	display: inline-block;
	width: 165px;
}
.trackingBtn li:not(:first-child) {
	margin-left: 10px;
}
.trackingBtn li a {
	position: relative;
	display: block;
	width: 165px;
	height: 165px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center bottom;
	border: solid 1px #43ac00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.trackingBtn li.japan a {
	border: solid 1px #43ac00;
}
.trackingBtn li a img{
	width: 165px;
	margin: -50px 0 0 0;
}


.trackingBtn li a:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid #43ac00;
	border-right: 50px solid transparent;
}
.trackingBtn li.japan a:before {
	border-top: 50px solid #43ac00;
}
.trackingBtn li a .corner {
	position: absolute;
	top: 5px;
	left: -1px;
	line-height: 1.5;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.trackingBtn li a .btnTitle {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #08f;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.trackingBtn li.japan a .btnTitle {
	color: #e44;
}
.trackingBtn li a:hover {border: solid 1px #43ac00;}
.trackingBtn li a:hover:before {border-top: 50px solid #43ac00;}
.trackingBtn li a:hover .btnTitle {color: #d00;}
.flowArea .tracking {
	width: 538px;
	margin-bottom: 18px;
}
.flowArea .tracking td {
	text-align: center;
	vertical-align: middle;
}
.flowArea .tracking td:first-child {
	width: 120px;
	padding: 0 15px 0 5px;
}
.flowArea .tracking td:first-child p {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.flowArea .tracking td:first-child img {
	width: 220px;
}
.flowArea .tracking td:last-child {
	width: 318px;
}
.flowArea .tracking td:last-child a {
	display: block;
	width: 414px;
	max-height: 160px;
	overflow: hidden;
	margin-bottom: 2px;
	padding: 1px;
	border: 1px solid #43ac00;
}
.flowArea .tracking td:last-child a:hover {
	padding: 0;
	border: 2px solid #43ac00;
}
.flowArea .tracking td:last-child a img {
	width: 414px;
}
.flowArea .tracking td:last-child p {
	font-size: 15px;
	line-height: 1.5;
	font-weight: bold;
}


.flowArrow2 {
	width: 660px;
	height: 72px;
	color: #000;
	vertical-align: middle;
}
.flowArrow2 td:nth-child(1) {
	width: 245px;
	padding-top: 5px;
	text-align: right;
}
.flowArrow2 td:nth-child(1) img {
	height: 60px;
}
.flowArrow2 td:nth-child(2) {
	width: 60px;
	padding: 0 15px;
}
.flowArrow2 td:nth-child(2) img {
	width: 60px;
	margin-top: -2px;
}
.flowArrow2 td:nth-child(3) {
	width: 245px;
	padding-top: 5px;
	font-size: 24px;
	font-weight: bold;
}
.flowTable1 {
	width: 502px;
	margin: 10px auto;
	text-align: center;
}
.flowTable1 .title {
	padding: 8px 12px;
	color: #730;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	background: #fd6;
	border: 1px solid #eb3;
}
.flowTable1 .body,
.flowTable1 .body2 {
	max-height: 200px;
	padding: 8px 12px;
	border: 1px solid #eb3;
	border-top: none;
	overflow: hidden;
}
.flowTable1 .body img {
	width: 450px;
}
.flowTable1 .arrow img {
	margin: 10px 0;
}
.flowTable1 .arrow img {
	width: 40px;
}
.flowTable1 .body2 a {
	width: 150px;
	display: inline-block;
}
.flowTable1 .body2 a:nth-child(2) {
	margin: 0 8px;
}
.flowTable1 .body2 a img {
	width: 150px;
}

/*-----------------------------------------------*/
/*					ここから以下811				*/
/*-----------------------------------------------*/

/*--------------------------------------------------*/
/*	成分紹介始まり									*/
/*--------------------------------------------------*/


.Quick_instruction{
	margin: 20px 0 10px 0px;
	width: 700px;
	border-bottom: 1px solid #bbb;
}

.intext{
	margin: 5px 0 20px 0;
	line-height: 1.6;
}

.fontbold{
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.1em;
	color: #000;
	line-height: 1.5;
}

.table_of_contents{
	margin: 0px auto;
	width: 940px;
}

.text1{
	padding: 0 0 0 65px;
	font-size: 28px;
	font-weight: bold;
}

/*
.item_list ul li{
	display: inline-block;
}

.item_list ul li .detailtitle{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 5px 8px;
}


.item_list ul li .detailtitle:first-child{
	background: #FF0099;
}

.item_list ul li:nth-child(2n){
	background: #00BFFF;
}

.item_list ul li:nth-child(3n){
	background: #43ac00;
}

.item_list ul li:nth-child(4n){
	background: #FF8C00;
}

.item_list ul li:last-child{
	background: #7B68EE;
}

.first li a{
	font-size: 14px;
	color: #222;
	font-weight: bold;
}
*/

.Tablecolumn1{
	width: 695px;
	padding: 6px;
	margin: 3px 0 0 3px;
/*	border-collapse: collapse;*/
	border-collapse: separate;
	border-spacing:4px;
}
.Tablecolumn1 th{
	width: 170px;
	padding: 12px 0 10px 0;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
}

.Tablecolumn1 th{
/*	background: #FF0099;*/
	background: #bbb;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/*
.Tablecolumn1 .n2{
	background: #00BFFF;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.Tablecolumn1 th:nth-child(3n){
	background: #43ac00;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.Tablecolumn1 th:nth-child(4n){
	background: #FF8C00;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.Tablecolumn1 th:last-child{
	background: #7B68EE;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
*/


.Tablecolumn1 td{
	position: relative;
	padding: 6px 0 0 23px;
	background-color: #fff;
	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
	border-right: 1px dotted #bbb;
}

.Tablecolumn1 td img{
	position: absolute;
	top: 4px;
	left: 0;
}

.Tablecolumn1 td a{
	font-size: 16px;
	padding: 0 0 0 10px;
	line-height: 1.5;
	text-decoration: none;
}

/*----------*/


.Tablecolumn2{
	width: 890px;
	padding: 6px;
	margin: 3px 0 0 0;
/*	border-collapse: collapse;*/
	border-collapse: separate;
	border-spacing:4px;
}
.Tablecolumn2 th{
	width: 170px;
	padding: 12px 0 10px 0;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
}

.Tablecolumn2 th{
/*	background: #FF0099;*/
	background: #bbb;
	color: #fff;
	font-weight: bold;
	text-align: center;
}


.Tablecolumn2 td{
	position: relative;
	padding: 6px 0 0 23px;
	background-color: #fff;
	border-left: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
	border-right: 1px dotted #bbb;
}

.Tablecolumn2 td ul{
	padding: 0 0 10px 0;
}
.Tablecolumn2 td img{
	position: absolute;
	top: 1px;
	left: 0;
}

.Tablecolumn2 td a{
	font-size: 16px;
	padding: 0 0 0 10px;
	line-height: 1.5;
	text-decoration: none;
}


.Add_thin{
	margin: 20px auto;
	border-top: 1px solid lime;
	border-bottom: 1px solid lime;
	position: relative;
}

.in_add{
	width: 940px;
	font-size: 16px;
	line-height: 1.5;
	padding: 20px 0 8px 0;
}

.catimg{
	position: absolute;
	top: 180px;
	left: 10px;
}

.catimg img{
	width: 150px;
}
	

a.button_link {
	display: block;
	position: relative;
	width: 220px;
	height: 96px;
	margin: 50px 0 50px 250px;
	padding: 0 20px 0 60px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 96px;
	text-decoration: none;
	text-shadow: -1px -1px 1px #744;
	background: linear-gradient(to bottom,  #ddd,#bbb,#bbb,#ddd);
	border: 8px solid #fff;
	border-radius: 6px;
	box-shadow:1px 1px 1px 3px #808090;
}

a.button_link:hover {	
	color: #222;
	text-shadow:none;
	background: linear-gradient(to bottom,  #FAEBD7,#FFFAF0);
}


.linkarea1{
	position: relative;	
}

.linkarea1 img{
	position: absolute;
	bottom: 27px;
	left: 270px;
}



/*--------------------------------------------------*/
/*	成分ページ専用								*/
/*--------------------------------------------------*/
.fontColor{
	font-weight: bold;
	color: #FF367F;
}

.fontWeight{
	font-weight: bold;
}

.tableInsz{
	font-size: 12px!important;
}

.componentImg{
	width: 640px;
	display: block;
	margin: 10px auto;
}

.componentImg img{
	width: 640px;
	display: block;
	margin: 0 auto;
}

/*以下は写真を線で囲っているVer*/
.componentImg2{
	width: 440px;
	display: block;
	margin: 10px auto;
}
.componentImg2 img{
	width: 440px;
	display: block;
	margin: 0 auto;
	border: 1px solid #bbb;
}

/*以下は右端に写真があるVer*/
.componentImg3{
	width: 440px;
	display: block;
	position: relative;
}
.componentImg3 img{
	width: 240px;
	display: block;
	margin: 0 auto;
	border: 1px solid #bbb;
	position: absolute;
	top:-10px;
	right: 50px;
}


/*h3*/
.border{
	margin: 25px 0 15px 15px;
	color: #222;
	font-size: 28px;
	font-weight: bold;
}


.opinionBody {
	position: relative;
	margin: 0 15px 40px 15px;
	padding: 15px;
	color: #444;
	line-height: 1.5;
	font-size: 16px;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.opinionBody .arginine{
	position: absolute;
	top: 50px;
	right: 45px;
	width: 180px;
}
.opinionBody .arginine img{
	width: 180px;
}

/*-----*/

.opinionBody .aminoacid{
	position: absolute;
	top: 160px;
	right: 45px;
	width: 180px;
}
.opinionBody .aminoacid img{
	width: 180px;
}
/*-----*/

.opinionBody .zinc{
	position: absolute;
	top: 50px;
	right: -30px;
	width: 250px;
}
.opinionBody .zinc img{
	width: 180px;
}

.opinionBody .zinc2{
	position: absolute;
	top: -30px;
	right: -80px;
	width: 480px;
}
.opinionBody .zinc2 img{
	width: 380px;
}


.opinionBody .zinc3{
	position: absolute;
	top: 280px;
	right: 60px;
	width: 280px;
}
.opinionBody .zinc3 img{
	width: 280px;
}

/*-----*/
.zincIntake table tr td{
	width: 150px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	padding: 4px 0;
}

.zincfont td{
	font-size: 15px;
	font-weight: bold;
	background: #bbb;
	padding: 3px;
	color: #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #bbb;
}
.zincfont td:last-child{
	border-right: 1px solid #bbb;
}

.zincIntake table .zincfont2 td,
.zincfont3 td{
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
.zincIntake table .zincfont2 td:first-child{
	border-left: 1px solid #bbb;
}

.zincAttention{
	margin: 20px 0 0 0;
}
.zincAttention p{
	padding: 10px;
	border: 1px solid #FF367F;

}

.zincIntake table .zincfont3 td:first-child{
	border-left: 1px solid #bbb;
}
/*-----*/

.opinionBody .alphaacid{
	position: absolute;
	top: 20px;
	right: 35px;
	width: 130px;
}
.opinionBody .alphaacid img{
	width: 130px;
}

.opinionBody .alphaacid2{
	position: absolute;
	top: 35px;
	right: 55px;
	width: 380px;
}
.opinionBody .alphaacid2 img{
	position: absolute;
	top: 35px;
	right: 25px;
	width: 300px;
}
/*-----*/

.opinionBody .ginkgoLeafextract{
	position: absolute;
	top: 20px;
	right: 35px;
	width: 180px;
}

.opinionBody .ginkgoLeafextract img{
	width: 180px;
}

.opinionBody .ginkgoLeafextract{
	position: absolute;
	top: 335px;
	right: 35px;
	width: 380px;
}
.opinionBody .ginkgoLeafextract img{
	width: 400px;
}
/*-----*/

.opinionBody .inositol{
	position: absolute;
	top: 20px;
	right: 35px;
	width: 180px;
}

.opinionBody .inositol img{
	width: 180px;
}

.opinionBody .inositol{
	position: absolute;
	top: 25px;
	right: 35px;
	width: 200px;
}
.opinionBody .inositol img{	
	padding: 20px 0 0 80px;
	width: 140px;
}

/*-----*/

.inositolIntake table{
	vertical-align: center;
	margin: 0 auto;

}

.inositolIntake table tr td{
	width: 150px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	padding: 4px 0;
}

.inositolfont td{
	font-size: 15px;
	font-weight: bold;
	background: #bbb;
	padding: 3px;
	color: #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #bbb;
}
.inositolfont td:last-child{
	border-right: 1px solid #bbb;
}

.inositolIntake table .inositol2 td,
.inositol3 td{
	padding: 15px 0;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
.inositolIntake table .inositol2 td:first-child{
	border-left: 1px solid #bbb;
}

.inositolAttention{	
	width: 640px;
	margin: 20px auto;
	position: relative;
}
.inositolAttention p{
	padding: 10px;
	border: 1px solid #FF367F;

}

.inositolIntake table .inositol3 td:first-child{
	border-left: 1px solid #bbb;
}

/*-----*/

.opinionBody .itemImg {
	width: 120px;
	border: 1px solid #bbb;
}
.opinionBody .itemImg:hover {
	border: 1px solid #f00;
}
.opinionBody .itemImg img {
	display: block;
	width: 120px;
}
.moreBtn {
	width: 150px;
	margin: 20px auto;
	padding: 8px 0;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#fcfcfc,#dadada);
	background: -moz-linear-gradient(top,   #fcfcfc,#dadada);
	background: linear-gradient(to bottom,  #fcfcfc,#dadada);
	border: 1px solid #888;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/*-----*/
.colinTable{
	border: none!important;
}

.colinTable tr .colin1{
	border: none!important;
	width: 420px;
}

.colinTable tr .colin2{
	border: none!important;
}



/*-----*/

/*----------------------*/
/*脚注*/
/*----------------------*/
.footnoteArea{
	width: 920px;
	margin: 10px auto;
}

.footnoteTitle{
	width: 60px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	background: #bbb;
}

.footnotBox{
	margin: 0px 0px 40px 0px;
	width: 700px;
}

.footnotBox tr th{
	padding: 5px 0 5px 5px;
	border: 1px solid #bbb;
}

.footnotBox tr .f1{
	font-size: 14px;
	width: 20px;
}

.footnotBox tr .f2{
	font-size: 14px;
	width: 100px;
}

.footnotBox tr .f3{
	font-size: 13px;
	width: 620px;
	text-align: left;
}

.footnotBox tr .f4{
	font-size: 12px;
	width: 110px;
}

/*----------------------*/
/*成分とか食材とか症状*/
/*----------------------*/
.noteArea{
	width: 720px;
	margin: 10px auto;
}

.noteBoxTitle{
	font-size: 16px;
	width: 260px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 5px 5px 2px 5px;
	background: #bbb;
}

.noteBoxTitleP{
	font-size: 16px;
	width: 210px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 5px 5px 2px 5px;
	background: #bbb;
}

.noteBoxTitleY{
	font-size: 14px;
	width: 310px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 5px 5px 2px 5px;
	background: #bbb;
}


.noteBox{
	margin: 0px 0px 10px 0px;
}

.noteBox tr th{
	padding: 5px ;
	border: 1px solid #bbb;
}

.noteBox tr .f1,f2,f3,f4{
	font-size: 14px;
}

.noteBox tr .f5{
	font-size: 13px;
}
/*----*/

.noteBox2{
	margin: 10px 0px 10px 0px;
}

.noteBox2 tr th, td{
	padding: 5px ;
	border: 1px solid #bbb;
}

.noteBox2 tr th{
	font-size: 16px;
	background: #bbb;
	color: #fff;
	font-weight: bold;
}

.noteBox2 tr th:first-child{
	border-bottom: 1px solid #fff;
}	

.noteBox2 tr th.f4{	
	border-bottom: 1px solid #bbb!important;
}	

.noteBox2 tr .f1,f2,f3,f4{
	font-size: 14px;
}

/*----*/

.noteBox3{
	margin: 10px auto;
}

.noteBox3 tr th, td{
	padding: 5px ;
	border: 1px solid #bbb;
}

.noteBox3 tr th{
	font-size: 16px;
	background: #bbb;
	color: #fff;
	font-weight: bold;
}


.noteBox3 tr .f1,f2,f3,f4{
	font-size: 14px;
}

/*----*/

.noteBox4{
	margin: 10px 0px 10px 0px;
}

.noteBox4 tr th, td{
	padding: 5px ;
	border: 1px solid #bbb;
}

.noteBox4 tr th{
	font-size: 16px;
	background: #bbb;
	color: #fff;
	height: 50px;
	font-weight: bold;
}

.noteBox4 tr th:first-child{
	border-bottom: 1px solid #fff;
}	

.noteBox4 tr th.f4{	
	border-bottom: 1px solid #bbb!important;
}	

.noteBox4 tr .f1,f2,f3,f4{
	font-size: 14px;
}

/*イノシトール inositol*/

.footnote{
/*-insitolAttention relative-*/
	position: absolute;
	top: 33px;
	left: 138px;
	font-size: 10px;
}
/*-----*/
.favoriteArea{
	width : 710px;
	margin: 15px 0 0 0;
	border: 1px solid #bbb;
}

.nofavorite{
	width : 710px;
	margin: 10px auto;
	font-size: 15px;
	line-height: 1.4;
}

/*テストステロン*/
/*以下は右端に写真があるVer*/
.componentImg4{
	width: 440px;
	display: block;
	position: relative;
}
.componentImg4 img{
	width: 180px;
	display: block;
	margin: 0 auto;
	position: absolute;
	top:0px;
	right: 0px;
}

/*以下は右端に写真があるVer*/
.componentImg5{
	width: 440px;
	display: block;
	position: relative;
}
.componentImg5 img{
	width: 280px;
	display: block;
	margin: 0 auto;
	position: absolute;
	top:0px;
	right: -130px;
}
.componentImg6{
	width: 440px;
	display: block;
	position: relative;
}
.componentImg6 img{
	width: 220px;
	display: block;
	margin: 0 auto;
	position: absolute;
	top:-30px;
	right: -210px;
}

/*以下は右端に写真があるVer2*/
.componentImg7{
	width: 440px;
	display: block;
	position: relative;
}
.componentImg7 img{
	width: 320px;
	display: block;
	margin: 0 auto;
	position: absolute;
	top:50px;
	right: -130px;
}

/*--------------------------------------------*/
/*			おススメ商品					*/
/*--------------------------------------------*/

.pickPrd {
	width: 720px;
}


.pickPrd a {
	float: left;
	position: relative;
	display: block;
	width: 130px;
	height: 146px;
	margin: 10px 4px 20px 4px;
	padding-left: 97px;
	line-height: 1.4;
	text-decoration: none;
	border: 1px solid #bbb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px
}

.imgPrdarea{
	width: 100px;
	position: absolute;
	top: 30px;
	left: 7px;
}

.imgPrdarea img{
	width: 100px;
	height: 100px;
}

.pickPrdclear{
	clear: both;
}
/*
.pickPrd a:nth-child(1) {
	background: url(../image/xv.png) 5px center no-repeat;
}

.pickPrd a:nth-child(2) {
	background: url(../image/pickprd.png) 5px center no-repeat;
}

.pickPrd a:nth-child(3) {
	background: url(../image/pickprd.png) 5px center no-repeat;
}
*/
.pickPrd a .pickPrd {
	padding: 5px 0 3px 15px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}

.pickPrd a .detailprd {
	position: absolute;
	top: 30px;
	right: 5px;
	width: 110px;
	color: #333;
	font-size: 12px;
	line-height: 1.3;
}

.pickPrd a .titleprd{
	width: 224px;
	color: #222;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 5px;
	left: 5px;
}

.pickPrd a .link {
	position: absolute;
	bottom: 8px;
	right: 5px;
	width: 90px;
	padding: 5px 0 4px 0;
	color: #fff;
	font-size: 11px;
	text-align: center;
	background: #222;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.pickPrd a:hover {
    background-color: #fff;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filyer: "alpha(opacity=40)";

}




/*------------------------------------------
		成分リスト内での商品紹介部分
--------------------------------------------*/

.blockComponent{
	background: #eee;
	border-radius: 6px;
	padding: 3px 0;
}


.blockComponent ul{
	font-size: 0;
	margin: 10px 0 0 16px;
	text-align: center;
}

.blockComponent ul li{
	float: left;
	width: 148px;
	margin: 4px 2px 4px 2px;
	font-size: 0;
	padding: 0 0 ;
	display: inline-block;
	border-bottom: 1px solid #bbb;
	border-radius: 6px;
	background: #fff;
}


.blockComponent ul li .itemPrd1,
.itemPrd2,
.itemPrd3{
	position: relative;
}


.itemPrd4{
	position: relative;
}


.blockComponent ul li a{
	font-size: 13px;
	display: block;
	text-align: center;
	color: #000;
}
.blockComponent ul li:nth-child(4n) {
	border-right: none;
	padding-right: 1px;
}


.prdLine{
	width: 160px;
	border: 1px solid #f00;
}

.blockComponent ul li a img{
	width: 90px;
	display: block;
	margin: 0 auto;
}

.blockComponent ul li a:hover{
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filyer: "alpha(opacity=30)";	}

.blockComponent ul li p{
	color: #0050e6;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	padding: 45px 0 0px 5px;
}

.prdDetailtext{
	color: #222;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0 0 8px;
	width: 145px;
	text-align: left!important;
}

/*-------------*/
/*
rankingblockcategorytype1  :アンチエイジング
rankingblockcategorytype2  :スキンケア
rankingblockcategorytype3  :血圧
rankingblockcategorytype4  :血糖
rankingblockcategorytype5  :コレステロール
rankingblockcategorytype6  :免疫
rankingblockcategorytype7  :関節
rankingblockcategorytype8  :骨
rankingblockcategorytype9  :気分
rankingblockcategorytype10 :ストレス
rankingblockcategorytype11 :ダイエット
rankingblockcategorytype12 :内臓
rankingblockcategorytype13 :禁煙
rankingblockcategorytype14 :宿便
rankingblockcategorytype15 :男性の健康
rankingblockcategorytype16 :女性の健康
rankingblockcategorytype17 :大人の悩み

各color
1,　 008080 アンチエイジング
2,　 f69    スキンケア
3,　 CC0033 血圧
4,　 FF0066 血糖
5,　 BA55D3 コレステロール
6,　 008BB2 免疫
7,　 008080 関節
8,　 f60    骨
9,　 555555 気分
10,　EE0000 ストレス
11,　00CC00 ダイエット
12,　ffa07a 内臓
13,　6495ed 禁煙
14,　a0522d 宿便
15,　6b8e23 男性の健康
16,　cd5c5c 女性の健康
17,　ff33ff 大人の悩み



*/


/*-------------*/
.blockComponent ul li .rankingblockcategorytype1{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #008080;
	color: #fff;
	font-size: 9px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}
/*-------------*/

.blockComponent ul li .rankingblockcategorytype2{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #f69;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.blockComponent ul li .rankingblockcategorytype3{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #CC0033;
	color: #fff;
	font-size: 15px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.blockComponent ul li .rankingblockcategorytype4{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #FF0066;
	color: #fff;
	font-size: 15px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.blockComponent ul li .rankingblockcategorytype5{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #BA55D3;
	color: #fff;
	font-size: 10px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.blockComponent ul li .rankingblockcategorytype6{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #008BB2;
	color: #fff;
	font-size: 15px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.blockComponent ul li .rankingblockcategorytype7{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #008080;
	color: #fff;
	font-size: 15px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.blockComponent ul li .rankingblockcategorytype8{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #555555;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.blockComponent ul li .rankingblockcategorytype9{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #f60;
	color: #fff;
	font-size: 15px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/

.blockComponent ul li .rankingblockcategorytype10{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #EE0000;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}
/*------------*/

.blockComponent ul li .rankingblockcategorytype11{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #00CC00;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*------------*/

.blockComponent ul li .rankingblockcategorytype12{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #ffa07a;
	color: #fff;
	font-size: 15px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*------------*/

.blockComponent ul li .rankingblockcategorytype13{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #6495ed;
	color: #fff;
	font-size: 15px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*------------*/

.blockComponent ul li .rankingblockcategorytype14{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #a0522d;
	color: #fff;
	font-size: 15px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}
/*------------*/

.blockComponent ul li .rankingblockcategorytype15{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #6b8e23;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*------------*/

.blockComponent ul li .rankingblockcategorytype16{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #cd5c5c;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*------------*/

.blockComponent ul li .rankingblockcategorytype17{
	width: 80px;
	position: absolute;
	top:97px;
	left: 5px;
	background: #ff33ff;
	color: #fff;
	font-size: 13px;
	font-weight: bold; 
	padding: 2px 3px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/
/*	商品sex		*/
/*-------------*/

.listItemBox .blockComponent ul li .itemPrd1 .sex1{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 97px; 
	right: 39px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.1);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.1);
}

.listItemBox .blockComponent ul li .itemPrd1 .sex2{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 97px; 
	right: 4px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.1);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.1);
}

.listItemBox .blockComponent ul li .itemPrd1 .sex3{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 97px; 
	right: 30px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.1);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.1);
}


.listItemBox .blockComponent ul li .itemPrd1 .sex4{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 97px; 
	right: 4px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.1);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.1);
}

/*-------------*/


.listItemBox .blockComponent ul li .itemPrd2 .sex1{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 98px; 
	right: 39px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

.listItemBox .blockComponent ul li .itemPrd2 .sex2{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 98px; 
	right: 12px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

.listItemBox .blockComponent ul li .itemPrd2 .sex3{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 98px; 
	right: 39px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}


.listItemBox .blockComponent ul li .itemPrd2 .sex4{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 98px; 
	right: 12px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/


.listItemBox .blockComponent ul li .itemPrd3 .sex1{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 98px; 
	right: 39px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

.listItemBox .blockComponent ul li .itemPrd3 .sex2{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 98px; 
	right: 12px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}


.listItemBox .blockComponent ul li .itemPrd3 .sex3{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 98px; 
	right: 39px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}


.listItemBox .blockComponent ul li .itemPrd3 .sex4{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 98px; 
	right: 12px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}


/*-------------*/


.listItemBox .blockComponent ul li .itemPrd4 .sex1{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 98px; 
	right: 39px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

.listItemBox .blockComponent ul li .itemPrd4 .sex2{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 98px; 
	right: 12px;
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}



.listItemBox .blockComponent ul li .itemPrd4 .sex3{
	background: #0000CD;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 98px; 
	right: 39px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}


.listItemBox .blockComponent ul li .itemPrd4 .sex4{
	background: #CC6699;
	border-radius: 4px;
	padding: 2px 5px;
	color: #fff !important;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	position: absolute; 
	top: 98px; 
	right: 12px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filyer: "alpha(opacity=20)";
	border: 1px solid #e2e2e2;
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 4px 2px rgba(0, 0, 0, 0.2);
}

/*-------------*/
/*-------------*/


.rankinglinkmore{
	text-align: right;
}

.clear{
	clear: both;
}


/*--------------------------------------
		ペット⇒移植フォーム
---------------------------------------*/
/*--------------------------------------------------*/
/*	雋ｷ迚ｩ繧ｫ繧ｴ繝壹・繧ｸ蟆ら畑								*/
/*--------------------------------------------------*/
.cartTable {
	width: 600px;
}
.cartTable th {
	padding: 6px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #f0f0f0;
	border: 1px solid #bbb;
	border-left: none;
}
.cartTable td {
	padding: 5px 0;
	font-size: 13px;
	text-align: center;
	background: #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
.cartTable th:first-child,
.cartTable td:first-child {
	border-left: 1px solid #bbb;
}
.cartTable th:nth-child(1), .cartTable td:nth-child(1) {width: 90px;}
.cartTable th:nth-child(2), .cartTable td:nth-child(3) {width: 70px;}/*th縺ｮ縺ｿ繧ｻ繝ｫ邨仙粋縺励※繧�*/
.cartTable th:nth-child(3), .cartTable td:nth-child(4) {width: 120px;}
.cartTable th:nth-child(4), .cartTable td:nth-child(5) {width: 80px;}
.cartTable th:nth-child(5), .cartTable td:nth-child(6) {width: 50px;}
.cartTable td:nth-child(1) {border-right: none;}
.cartTable td:nth-child(2) {padding-left: 10px;text-align: left;}
.cartTable td:nth-child(1) img {width: 80px;}
.cartTable td:nth-child(4) input[type="text"] {
	width: 35px;
	padding: 3px 5px;
	text-align: right;
}
.cartTable td:nth-child(4) input[type="submit"] {
	width: 40px;
	margin-left: 6px;
	padding: 2px 0;
	text-align: center;
}
.cartTable td:nth-child(6) input[type="submit"] {
	width: 40px;
	padding: 2px 0;
	text-align: center;
}
.cartTable2 {
	width: 600px;
}
.cartTable2 th {
	width: 321px;
	padding: 6px 12px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	background-color: #f0f0f0;
	border: 1px solid #bbb;
	border-top: none;
}
.cartTable2 th p {
	font-size: 12px;
}
.cartTable2 tr.sp td {
	padding: 5px 0;
	font-size: 14px;
	background: #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align: center;
	vertical-align: middle;
}
.cartTable2 tr.sp td:first-child {
	width: 201px;
	font-size: 13px;
	text-align: left;
}
.cartTable2 tr td.btn {
	width: 50px;
}
.cartTable2 tr.sp td span {
	color: #f00;
	font-size: 18px;
	font-weight: bold;
}
.cartTable2 tr.sp td input[type="text"] {
	width: 40px;
	margin-left: 3px;
	padding: 3px 5px;
	text-align: right;
}
.cartTable2 .coupon input[type="text"] {
	width: 80px !important;
	text-align: left !important;
}
.cartTable2 tr.sp td input[type="submit"] {
	width: 40px;
	padding: 2px 0;
	text-align: center;
}
.cartTable2 tr:not(.sp) td {
	height: 50px;
	padding-right: 15px;
	font-size: 16px;
	text-align: right;
	background: #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	vertical-align: middle;
}
.cartTable2 tr:last-child td {
	color: #f00;
	font-size: 22px;
	font-weight: bold;
}
.btnArea {
	position: relative;
	width: 600px;
	height: 50px;
	margin-top: 30px;
}
.btnArea .btn1 {
	position: absolute;
	top: 0;
	left: 80px;
}
.btnArea .btn2 {
	position: absolute;
	top: 0;
	left: 320px;
}
.btnArea img {
	width: 200px;
	height: 62px;
}
.btnArea a:hover {
	opacity: 0.8;
}
.cartTable3 {
	width: 600px;
}
.cartTable3 th {
	padding: 6px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #f0f0f0;
	border: 1px solid #bbb;
	border-left: none;
}
.cartTable3 td {
	font-size: 13px;
	text-align: center;
	background: #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
.cartTable3 th:first-child,
.cartTable3 td:first-child {
	border-left: 1px solid #bbb;
}
.cartTable3 td:nth-child(1) {width: 60px;padding: 3px 0;border-right: none;}
.cartTable3 td:nth-child(2) {width: ;padding-left: 10px;text-align: left;}
.cartTable3 td:nth-child(3) {width: 80px;}
.cartTable3 td:nth-child(4) {width: 40px;}
.cartTable3 td:nth-child(5) {width: 100px;padding-right: 10px;text-align: right;}
.cartTable3 td:nth-child(1) img {width: 35px;}
.cartTable4 {
	width: 600px;
	margin-bottom: 20px;
}
.cartTable4 td.shopBtn {
	width: 366px;
}
.cartTable4 td.shopBtn a {
	display: block;
	width: 198px;
	margin: 0 auto;
	padding: 14px 0;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: -webkit-linear-gradient(top,#0d7,#0a4);
	background: -moz-linear-gradient(top,   #0d7,#0a4);
	background: linear-gradient(to bottom,  #0d7,#0a4);
	border: 1px solid #609060;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8),inset 1px 0 0 rgba(255, 255, 255, 0.3),inset -1px 0 0 rgba(255, 255, 255, 0.3),inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}
.cartTable4 td.shopBtn a span {
	margin-left: 10px;
	font-size: 24px;
}
.cartTable4 th {
	width: 121px;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #f0f0f0;
	border: 1px solid #bbb;
	border-top: none;
	vertical-align: middle;
}
.cartTable4 td:not(.shopBtn) {
	width: 100px;
	height: 30px;
	padding-right: 10px;
	font-size: 15px;
	text-align: right;
	background: #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	vertical-align: middle;
}
.cartTable4 tr:last-child td {
	color: #f00;
	font-size: 16px;
	font-weight: bold;
}
.frameTitle {
	padding: 6px 12px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: -webkit-linear-gradient(top,#f77,#e44);
	background: -moz-linear-gradient(top,   #f77,#e44);
	background: linear-gradient(to bottom,  #f77,#e44);
	border: 1px solid #e44;
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
}

/*--------------------------------------------------*/
/*  譁ｰ繝ｻaccont.php ・�2016-08-17 縺ｪ縺翫→・�            */
/*--------------------------------------------------*/
.regTable {
	width: 570px;
	margin: 0 auto;
	table-layout: fixed;
}
.regTable tr {
	background: #ffeaff;
}
.regTable.check tr,
.regTable tr.ok {
	background: #fff;
}
.regTable th {
	width: 160px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	border: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
}
.regTable.check th {
	width: 120px;
	padding-right: 15px;
}
.regTable td {
	padding-left: 15px;
	vertical-align: middle;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}
.regTable th,
.regTable td {
	border-bottom: 1px solid #d0d0d0;
}
.regTable th span {
	display: inline-block;
	width: 30px;
	height: 20px;
	margin: 0 10px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	background: #e00000;
}
.regTable tr.ok th span {
	background: #009a3a;
}
.regTable td .inner {
	position: relative;
	padding: 10px 0;
	font-size: 16px;
}
.regTable td .mailMB,
.regTable td .mailPC {
	position: relative;
}
.regTable td .inputHelp {
	position: absolute;
	top: -36px;
	z-index: 2;
	padding: 8px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
	background: #000;
	border: 2px solid #dadada;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 3px 4px 5px #606060;
	-moz-box-shadow:    3px 4px 5px #606060;
	box-shadow:         3px 4px 5px #606060;
}
.regTable td .inputHelp:before {
	display: block;
	position:absolute;
	left: 15px;
	bottom: -8px;
	content: "";
	width: 0;
	border: 8px solid transparent;
	border-top-color: #dadada;
	border-bottom-width: 0;
}
.regTable td .inputHelp:after {
	display: block;
	position:absolute;
	left: 17px;
	bottom: -6px;
	content: "";
	width: 0;
	border: 6px solid transparent;
	border-top-color: #000;
	border-bottom-width: 0;
}
#help_family_name       {left:  -6px;}
#help_first_name        {left: 176px;}
#help_family_name_kana  {left:  -6px;}
#help_first_name_kana   {left: 176px;}
#help_post_code         {left:  -6px;}
#help_address1          {left:  -6px; top: -56px !important;}
#help_address2          {left:  -6px; top: -18px !important;}
#help_address3          {left: 176px; top: 20px !important;}
#help_mail_address1     {left:  -6px;}
#help_mail_address      {left:  -6px;}
#help_tel_no            {left:  -6px;}
#help_passwd            {left:  -6px;}
.regTable td .errorMessage {
	position: absolute;
	top: 50%;
	left: 356px;
	z-index: 1;
	width: 260px;
	padding: 8px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	white-space: nowrap;
	cursor: pointer;
	background: #d00000;
	border: 2px solid #dadada;
	border-radius:         5px;
	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 3px 4px 5px #606060;
	-moz-box-shadow:    3px 4px 5px #606060;
	box-shadow:         3px 4px 5px #606060;
}
.regTable td .errorMessage:before {
	display: block;
	position:absolute;
	top: 8px;
	left: -8px;
	content: "";
	width: 0;
	border: 8px solid transparent;
	border-right-color: #dadada;
	border-left-width: 0;
}
.regTable td .errorMessage:after {
	display: block;
	position:absolute;
	top: 10px;
	left: -6px;
	content: "";
	width: 0;
	border: 6px solid transparent;
	border-right-color: #d00000;
	border-left-width: 0;
}
#error_kanji    {margin-top: -22px;}
#error_kana     {margin-top: -22px;}
#error_sex      {margin-top: -22px;}
#error_zip      {margin-top: -32px;}
#error_address1 {margin-top: -61px;}
#error_address2 {margin-top: -18px;}
#error_address3 {margin-top:  20px;}
#error_mail1    {margin-top: -36px;}
#error_mail2    {margin-top: -36px;}
#error_tel      {margin-top: -22px;}
#error_password {margin-top: -22px;}
#error_birth    {margin-top: -22px;}
#error_payment  {margin-top: -22px;}
.regTable td .changeForm {
	color: #03c;
	font-size: 16px;
	font-weight: normal;
	text-decoration: underline;
	cursor: pointer;
}
.regTable td input[type="text"] {
	display: inline-block;
	height: 26px;
	padding: 0 8px;
	font-size: 16px;
	line-height: 26px;
	background: #f0fffa;
	border: 1px solid #00aa4a;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.regTable td input[type="text"].ok {
	background: #fff;
	border: 1px solid #b0b0b0;
}
.regTable td input[type="text"].ng {
	background: #ffdaea;
	border: 1px solid #e04040;
}
.regTable td input[type="text"].no {
	background: #eaeaea;
	border: 1px solid #b0b0b0;
}
.regTable td select {
	display: inline-block;
	height: 26px;
	padding: 0 6px;
	font-size: 16px;
	line-height: 26px;
	background: #f0fffa;
	border: 1px solid #00aa4a;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.regTable td select.ok {
	background: #fff;
	border: 1px solid #b0b0b0;
}
.regTable td select.ng {
	background: #ffdaea;
	border: 1px solid #e04040;
}
.regTable td label {
	line-height: 30px;
}
.regTable td .notice {
	color: #f00000;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
}
.regTable td .addressList li {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-top: 1px solid #d0d0d0;
}
.regTable td .addressList li:first-child {
	border-top: none;
}
.regTable td .addressList li .td1 {
	display: table-cell;
	width: 40px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #d0d0d0;
}
.regTable td .addressList li .td1 label {
	position: relative;
	display: block;
	padding: 10px 0;
}
.regTable td .addressList li .td1 label.selected span {
	width: 36px;
	position: absolute;
	top: 50%;
	left: 2px;
	margin-top: 8px;
	color: #f00;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
}
.regTable td .addressList li .td2 {
	display: table-cell;
	padding: 18px 8px;
	vertical-align: middle;
}
.regTable td .addressList li .td2 p {
	font-size: 15px;
	line-height: 23px;
}
.regTable td .addressList li .td3 {
	display: table-cell;
	width: 36px;
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
}
.regTable td .addressList li .td3 p,
.regTable td .addressList li .td3 a,
.regTable #addAddress {
	color: #03c;
	font-size: 12px;
	line-height: 30px;
	text-decoration: underline;
	cursor: pointer;
}
.regTable #addAddress {
	display: inline;
}
.regTable.check td .addressList li {
	display: block;
	padding: 10px 15px;
}
.regTable.check td .addressList li p {
	font-size: 15px;
	line-height: 23px;
}
.regTable td .w36  {width:  36px;}
.regTable td .w48  {width:  48px;}
.regTable td .w64  {width:  64px;}
.regTable td .w80  {width:  80px;}
.regTable td .w96  {width:  96px;}
.regTable td .w120 {width: 120px;}
.regTable td .w150 {width: 150px;}
.regTable td .w180 {width: 180px;}
.regTable td .w310 {width: 310px;}
.submitBtn {
	display: block;
	width: 240px;
	margin: 30px auto;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 48px;
	text-align: center;
	text-decoration: none;
	text-shadow: -1px -1px 1px #666;
	cursor: pointer;
	background: -webkit-linear-gradient(top,#ea3030,#ca0000);
	background: -moz-linear-gradient(top,   #ea3030,#ca0000);
	background: linear-gradient(to bottom,  #ea3030,#ca0000);
	border: 1px solid #b00000;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.submitBtn:hover {
	opacity: 0.8;
}
.gobackBtn.check .goButton,
.gobackBtn.check .backButton {
	display: inline-block;
	width: 180px;
	height: 54px;
	margin: 0 10px;
	font-size: 18px;
	line-height: 54px;
}


.widthList{
	margin: 10px auto;
	width: 650px;
}
.widthList img{
	display: block;
	width: 600px;
}




.tag:hover {
	background: #ddd
}


/* 2021 tama
*********************************************************************/
.wrapper {
	width: 100%;
}
.tophead {
    width: 100%;
	margin-bottom: 25px;
	background: rgb(0,116,189);
}

.searchArea .searchItem2 .inner {
	background: rgb(0,116,189);
}
.wrap h1 {
	float: none;
	width: 1200px;
	margin: 0 auto;
	color: rgb(255,255,255);
	font-size: 12px;
}
.logo {
    position: inherit;
	top: 15%;
	left: 0;
}
.logo .logo a, .logo a img {
	width: 240px;
}
.headcontentslogo li .toggleMenu,
.headcontentslogo li a {
	color: rgb(0,116,189);
	line-height: 0.8;
}
.headcontentslogo li p:hover {
    color: rgb(249,180,43);
}
#header_2p {
	height: 80px;
    margin: 0 auto -10px;
}
.headcontentslogo {
	bottom: 80px;
    left: 1010px;
	width: 270px;
}
.prdcart {
	top: 20px;
    right: 108px;
    font-size: 35px;
}
.headcontentslogo li {
    margin: 12px 6px 0;
	text-align: center;
}
.headcontentslogo li .toggleMenu .loginbtn,
.headcontentslogo li a .mailicon {
	display: block;
	position: static;
}

.headcontentslogo .fa {
	font-size: 30px;
}
ul .cart a img {
    width: 45px;
}
ul .cart img {
    position: absolute;
    top: 21px;
    right: 90px;
}
.searchArea .searchItem2 .inner {
    width: 700px;
}
.searchArea input[type="image"] {
    left: 635px;
}
.searchArea input[type="text"] {
    top: 1px;
	left: 1px;
    width: calc(100% - 70px);
    height: 38px;
    border-radius: 3px 0 0 3px;
}
.headerArea1, .headerArea2, .headerArea3, .headerArea4, .headerArea5, .headerArea6, .headerArea7 {
	border-right: none;
}
.topHeader {
    width: 960px;
	margin: 0 auto 10px;
	padding-left: 300px;
	background: none;
	border-top: none;/*
	border-bottom: 3px solid rgb(0,116,189);*/
	box-shadow: none;
}
.topHeader ul,.headerArea1, .headerArea2, .headerArea3, .headerArea4, .headerArea5, .headerArea6, .headerArea7 {
	width: auto;
	padding: 0;
	font-weight: normal;
	background: none;
	border: none;
}
.headerArea1 a, .headerArea2 a, .headerArea3 a, .headerArea4 a, .headerArea5 a, .headerArea6 a, .headerArea7 a {
	padding: 0 10px;
	color: rgb(0,116,189);
}
.topHeader ul li {
	font-size: 16px;
    border-right: 1px dotted rgb(0,116,189);
}

.topHeader ul li:first-child {
	border-left: none;
}
.topHeader ul li:last-of-type {
	border: none;
}
.topHeader ul li div a {
	position: relative;
	line-height: 1.2em;
	transition: .3s;
}
.topHeader ul li div a:hover {
	color: rgb(249,180,43);/*
	border-bottom: 3px solid rgb(249,180,43);*/
}
.topHeader ul li div a::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: rgb(249,180,43);
	transition: .5s;
}
.topHeader ul li div a:hover:before {
	width: 100%;
}
.topHeader ul li div:hover {
	border: none;
}
.topHeader ul li div:hover:before {
	content: none;
}
.headerTop {
	background: none;
}
.globalcontentsmenu {
    margin: 0 auto;
}


.globalranking .leftgloval .leftTitle {
	color: rgb(0,116,189);
	background: rgb(235,247,255);
    border-top: 5px solid rgb(0,116,189);/*
    border-bottom: 2px ​solid rgb(219,241,255);*/
	border-left: none;
}/*
.globalranking .leftgloval .leftMenu {
    border: 1px solid rgb(0,116,189);
}*/
.leftgloval .category li a:after {
	color: rgb(0,116,189);
}
.customerName {
    background: rgb(0,116,189);
}
.allCustomer {
    border: 2px solid rgb(0,116,189);
}
#trackBox {
    padding: 3px 10px 2px;
    line-height: 1.4em;
    box-sizing: border-box;
}
#trackingBox input[type="text"] {
    width: 120px;
    font-size: 14px;
    margin: 0 0 0 15px;
}
#trackingBox {
    width: 200px;
    height: 45px;
    padding: 9px 0 5px 10px;
    background: rgb(255,255,255) url(../img/traking5.png) 0 -3px no-repeat;
}
#telBox, #faxBox, #mailBox {
    border-bottom: 2px solid rgb(0,116,189);
}
#trackBox .info1,#telBox .info1, #faxBox .info1, #snsBox .info1, #mailBox .info1 {
	color: rgb(0,116,189);
}
#trackBox {
	border-bottom: none;
}
#telBox, #faxBox, #mailBox,#snsBox {
	padding: 5px;
    box-sizing: border-box;
}
#telBox .info2, #snsBox .info2, #faxBox .info2, #mailBox .info2 {
	margin-bottom: 10px;
}
#telBox .info1 span, #snsBox .info1 span, #faxBox .info1 span, #mailBox .info1 span,
#trackBox .info1 span {
    background: rgb(48,80,151);
}
.menuber3 {
    color: rgb(58,58,58);
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 5px solid rgb(235,247,255);
}
.icon2 {
	padding: 5px 0;
    color: rgb(0,116,189);
    background: none;
}
.icon2 .fa {
    font-size: 30px;
}
.line1 {
	border-bottom: none;
}
.rankingblock {
	background: none;
}
.rankingblock ul li {/*
    width: 216px;*/
	padding: 5px;
	border-bottom: 1px dotted rgb(235,247,255);
	border-radius: 0;
	box-sizing: border-box;
}
/*
.globalhead .rankingblock ul li div {
	position: inherit;
	margin: 0 auto;
}*/
.rankingblock ul li p {
	padding: 10px 5px;
}
.rankingblock ul li:nth-child(4n) {
	padding-right: 15px;
}
.prdDetailtext {
	width: auto;
}
.rankingblock ul li a img {
    width: auto;
    height: 120px;
}
#searchlistbox .body {
    border: 1px solid rgb(235,247,255);
}
.linkbtn {
    width: 120px;
	background: -webkit-linear-gradient(top, #fd791c,#ec8e1c 50%,#ec8f1c 51%,#ff771d);
    background: -moz-linear-gradient(top, #fd791c,#ec8e1c 50%,#ec8f1c 51%,#ff771d);
    background: linear-gradient(to bottom, #fd791c,#ec8e1c 50%,#ec8f1c 51%,#ff771d);
	border-radius: 25px;
}
.rankingblock .linkbtn .mark {
	position: relative;
}
.rankingblock .linkbtn .mark img {
	top: 0;
	left: 15px;
	height: auto;
}
.prdbox .viewport {
    width: 695px;
    overflow: hidden;
    margin: 0 auto;
    border-bottom: 5px solid rgb(235,247,255);
}


.wordTitle {
    margin: 10px 0;
    padding: 8px 0;
    color: rgb(255,255,255);
    background: rgb(0,116,189);/*
    border-bottom: 3px solid rgb(249,180,43);*/
}
.wordTitle .icon1 {
    padding: 0 0 0 12px;
    color: rgb(255,255,255);
    font-size: 17px;
    background: none;
    border-radius: 20px;
}
.rightArea .leftgloval .leftTitle {
    color: rgb(0,116,189);
    background: rgb(235,247,255);
    border-top: 5px solid rgb(0,116,189);
    border-left: none;
}

.globalranking .leftgloval .leftMenu {
	border: 1px solid rgb(219,241,255);
}
.leftgloval .category li.parent a {
    color: rgb(0,116,189);
	font-size: 14px;
    background: rgb(240,255,250);
}
.leftgloval .category li.child a {
    padding: 8px 24px 8px 14px;
	border-bottom: 1px dotted rgb(219,241,255);
}
#left .leftTitle {
    background: rgb(235,247,255);
    border-top: 5px solid rgb(0,116,189);
    border-left: none;
}
#left .leftTitle br {
	display: none;
}
#left .leftMenu {
    border: 1px solid rgb(235,247,255);
}
.rightArea .leftgloval .leftMenu {
    border: 1px solid rgb(219,241,255);
}
.topinfo .item2 {
    padding: 5px 6px;
	border-radius: 0;
}
footer {
	width: 100%;
	background: rgb(235,247,255);
}
footer .copyright {
    color: rgb(255,255,255);
    background: rgb(0,116,189);
}
#move-page-top {
    background: rgb(0,116,189);
}

.searchArea {
	top: 8px;
    left: 490px;
}
.searchArea .searchItem2 {
    width: auto;
}
.searchArea .searchItem2 .inner {
    width: 500px;
	height: 40px;
	border-radius: 5px;
}
.searchArea input[type="image"] {
	top: 5px;
    left: 443px;
    width: 60px;
    height: 30px;
}
.tag {
	border: none;
}
.topinfomenu {
    margin: 10px 0 0 0;
}
::-webkit-input-placeholder {
	color: rgb(204,204,204);
}

.boxTitle {
    background: rgb(0,116,189);
}