@charset "utf-8";
/*
	Site Name: 
	Description: initial setting
	Version: 
	Author: 
*/

*{
	/*font-size:12px;*/
	margin:0;
	/*padding:0;*/
}
body {
	font-size:12px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	/*text-align:center;*/
}
/*
===== body and base setting ===========================
*/

a:link { 
	color: #033e82;
	text-decoration:none;
	/*text-decoration:underline;*/
}
a:visited {
	color:#033e82;
	text-decoration:underline;
}
a:hover {
	color:#086de1;
	text-decoration:underline;
	/* text-decoration:none; */
}
a:active {
	color:#666;
}
/*--------------------------------------
	Form
---------------------------------------*/

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, blockquote{
	padding: 0;
	line-height: 1.4;
	text-align: left;
	display: block;
	margin: 0px;
}

form { display: inline; }

ol li {
	list-style:decimal;
	padding:0;
	}
/* hr,.areaAnchor,.anchor { display : none; } */
img {
	border: none;
	vertical-align: bottom;
}
li { list-style: none; }


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .clearfix{height:1%}.clearfix{display:block}
/*
===== サイト構成 ==========================================
*/

#wrap {
	background-color:#FFF;
	width:100%;
	/* text-align:center; */
	margin:0 auto 50px;
	}

.no-pc{display:none}
/*
===== トップページ構成 ==========================================
*/	
#topLeft {
	width:210px;
	float:left;
	margin:0 0 30px 0;
}
#topRight {
	width: -webkit-calc(100% - 212px);
	width:    -moz-calc(100% - 212px);
	width:         calc(100% - 212px);
	float:right;
	margin:0 0 30px 0;
}
#topBody {
	width:100%;
}

#topRightBody {
	float:left;
	width:535px;
	margin-left:13px;
}

#topRightSide {
	float:right;
	width:215px;
}
#topRightBody p {
	padding:0 10px 0px 10px;
	font-size:13px;
	margin:0 0 6px 0;
	line-height:1.5;
}

#mobile-menu{display:none}
/*
===== 歯科材料スポットニュース ==========================================
*/

ul#spot-news {
margin:0 20px;
}
ul#spot-news li{
	font-size:12px;
	border-bottom:1px solid #e7e7e7;
	line-height:1.6;
	padding:5px 0 5px 10px;
}

/*
===== ランキング ==========================================
*/
.rank{width:100%}
.rank dl {
	float:left;
	width:25%
}
.rank dl dt {
	padding:5px 10px;
	font-size:12px;
	margin:5px 10px;
}

.rank dl dt.rankoffice {
	border-left:3px #0066CC solid;
	color:#0066CC;
}
.rank dl dt.rankhome {
	border-left:3px #03C  solid;
	color:#03C;
}
.rank dl dt.rankbone {
	border-left:3px #FF3300 solid;
	color:#FF3300;
}
.rank dl dt.rankmenbren {
	border-left:3px #990 solid;
	color:#990;
}
.rank dl dd {
	font-size:11px;
	margin:5px 10px;
	padding:0;
}
.rank dl dd.rank01 {
	background:url(../img/rank01_icon.gif) no-repeat 0 50%;
	padding-left:18px;
}
.rank dl dd.rank02 {
	background:url(../img/rank02_icon.gif) no-repeat 0 50%;
	padding-left:18px;
}
.rank dl dd.rank03 {
	background:url(../img/rank03_icon.gif) no-repeat 0 50%;
	padding-left:18px;
}
/*
===== 口コミ ==========================================
*/
.kuchikomiContent{
	padding:8px 2px 0px 8px ;
	border-bottom:1px dashed #EEE;
}
.kuchikomiContent p{
	font-size:11px;
}
.kuchikomiContent strong{
	color:#009933;
	}
/*
.kuchikomiContent a:link,.kuchikomiContent a:visited {
	color:#009933;
	text-decoration:underline;
}
.kuchikomiContent a:hover {
	color:#999;
	text-decoration:none;
}
*/
/*
===== 新着商品 ==========================================
*/	
ul#newslist li {
        text-align:center;
        margin:0px;
        width:202px;
}

/*
===== サイド共通 ==========================================
*/
.side {
	width:210px;
	background-color:#FFF;
	border:1px solid #e7e7e7; 
	margin:0 0 10px 0; 
	height:auto; overflow:hidden;
	background-color: #f5f5f5;
}

.sidenew {
	width:210px;
	background-color:#FFF;
	border:1px solid #CCC; 
	margin:0 0 10px 0; 
	height:auto; overflow:hidden;
}
/*
===== コンテンツデザイン ==========================================
*/

#contentBody {
	width:534px;
	background-color:#FFF;
	border:1px solid #CCC; 
	margin:7px 0 10px 0; 
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius:4px;   /* Firefox用 */  
	box-shadow:0px 0px 4px #CCC;
	-moz-box-shadow: 0px 0px 4px #CCC;　/* Firefox用 */  
	-webkit-box-shadow: 0px 0px 4px #CCC;　/* Safari,Google Chrome用 */
	height:auto; overflow:hidden;
	padding-bottom:5px;
	position:relative;
}
#topRightBody #contentBody h2 {
	padding:5px;
	border-bottom:2px solid #06C;
	margin:5px 5px 8px 5px;
	width:514px;
	font-size:20px;
}

.itemName, .catePrice, .kuchikomi, .review_comment{margin-bottom:4px; !important}
/*
===== カテゴリデザイン ==========================================
*/

#main_category_name_en{font-size:18px;font-weight:lighter;color:#333;text-transform: uppercase;padding:10px 20px}
#main_category_img{text-align:center}
#main_category_name{border:1px solid #e7e7e7; background:#f5f5f5;margin:20px; padding:30px 0; text-align:center; font-size:18px}
#category_detail{padding:10px}
#category_detail p{padding:10px; line-height:1.5em}
#category_detail p strong{font-size:16px; margin-left:10px}
.category_title{font-size:16px;color:#333;padding:10px 20px; border-bottom:3px solid #09C; margin-bottom:10px}

#sub_categories{margin:20px}
.sub_category{float:left; width:20%}
.sub_category a{display:block; margin:10px}
.sub_category a:hover{text-decoration:none}
.sub_category_img{border:1px solid #e7e7e7; padding:40px 20px; margin-bottom:10px}
.sub_category_img img{display:block; height:120px; width:auto; margin:0 auto}
.sub_category_name{text-align:center}
.sub_category_name{overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin:2px 0 0;padding:0;height:3.8em;line-height:1.35em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word;color:#111}
.sub_category a:hover .sub_category_name{color:#086de1}
.sub_category a:hover .sub_category_img{border-color:#086de1}

#category-items{}
#category-items .itemList{float:left; width:20%;}
#category-items .itemList .data{display:block;border:1px solid #e7e7e7;padding:20px;height:330px; position:relative; margin:5px}
#category-items .itemList img.product_img{display:block; margin:0 auto 10px; max-height:120px}
#category-items .itemList h3{overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin:0 0 4px;padding:0;height:2.76em;line-height:1.35em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
#category-items .itemList .review_comment{overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;padding:0;height:2.76em;line-height:1.35em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;color:#111;}

#category-items .itemList .kuchikomi{overflow: hidden; white-space: nowrap;text-overflow: ellipsis}
.add_to_cart, .discontinued{width:90%; position:absolute; bottom:20px; left:5%}
.discontinued{text-align:center}
.add_to_cart{padding:5px 0; border-radius:3px;background: #039;
    background: -webkit-linear-gradient(top,#09C,#039);
    background: linear-gradient(to bottom,#09C,#039);color:#FFF;
}
.add_to_cart i{font-size:1.5em; vertical-align:text-bottom}
#about-rate{padding:10px 20px 20px}
#category-review-items{}
#category-review-items .itemList{float:left; width:20%;}
#category-review-items .itemList a{display:block;border:1px solid #e7e7e7;padding:20px;height:270px; margin:5px}
#category-review-items .itemList a:hover{text-decoration:none;background:#f1f1f1}
#category-review-items .itemList img.product_img{display:block; margin:0 auto 10px; max-height:120px}
#category-review-items .itemList .review_comment{overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin:2px 0 0;padding:0;height:2.76em;line-height:1.35em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;color:#111}



.star {
	margin-right:5px;
	padding-bottom:3px;
}
.kuchikomi a:link,.kuchikomi a:visited {
	text-decoration:underline;
	/* color:#FF3300; */
}
.kuchikomi a:hover {
	text-decoration:none;
	/* color:#666; */
}
.cateItemBody {
	padding-top:10px;
}
#cateItem p.catePrice {
	font-size:13px;
	padding:5px 5px 0 10px;
}
.cartInbutton {
	width:174px;
	height:45px;
	margin-bottom:12px;
}
.imgCate {
	float:left;
	margin:10px 10px 10px 10px;
	padding:5px;
	border:1px solid #DDD;
    background-color: #FFF;
	}	
a:link .imgCate {
	float:left;
	margin:10px;
	padding:5px;
	border:1px solid #DDD;
    background-color: #FFF;
	}	
a:hover .imgCate  {
	border:1px solid #3366CC;
	}		

/*
===== サイドカテゴリ ==========================================
*/
.side h2{background:#F2F2F2; border-bottom:1px solid #e7e7e7; padding:5px 20px; font-size:14px}
.side ul {
	margin:11px 0 12px 12px;
}
.side ul li {
	line-height:1.4;
	padding-left:8px;
	padding-right:10px;
	margin:0 0 10px 0;
	font-size:12px;
}
.side ul li:before {
  content: "\f0da"; /* FontAwesome Unicode */
  font-family:"Font Awesome\ 5 Free";
  font-weight: 900;
  display: inline-block;
  width: 1.3em; /* same as padding-left set on li */
}
.side ul li ul {
	margin:10px 0 5px 2px;
	font-size:11px;
	padding-bottom:3px;
}
.side ul li strong {
	font-weight:bold;
	color: #093
	}
.side ul li ul li {
	line-height:1.4;
	padding-left:12px;
	padding-right:5px;
	margin:0 0 10px 0;
	font-size:12px;
}
.side ul li ul li.active:before {color:red;animation:blinker 1s linear infinite}
@keyframes blinker{50%{opacity:0}}
.side ul li ul li a:link,.side ul li ul li a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#666
}
.side ul li ul li.active a:link{color:red}
.side ul li ul li a:hover {
	color:#086de1;
	text-decoration:underline;
}
.side ul li a:link,.side ul li a:visited {
	text-decoration:none;
	font-weight:bold;
	color: #014d80;
}

.side ul li a:hover {
	color:#086de1;
	text-decoration:underline;
}

.side h2,.sidenew h2,#topRightBody h2 {
	margin:3px 3px 3px 4px;
}
.topBody {
	width:535px;
	background-color:#FFF;
	border:1px solid #CCC; 
	margin:7px 0 10px 0; 
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius:4px;   /* Firefox用 */  
	box-shadow:0px 0px 4px #CCC;
	-moz-box-shadow: 0px 0px 4px #CCC;　/* Firefox用 */  
	-webkit-box-shadow: 0px 0px 4px #CCC;　/* Safari,Google Chrome用 */
	height:auto; overflow:hidden;
	padding-bottom:5px;
	position:relative;
}
/*
===== ホットニュースボタン配置 ==========================================
*/

.topBody #next  {
        position:absolute;
        top:80px;
        right:10px;
        z-index:10;
        background:url(../img/next.gif) no-repeat 0;
        display:block;
        width:24px;
        height:64px;
        text-indent:-9999px;
        overflow:hidden;
}
.topBody #prev  {
        position:absolute;
        top:80px;
        left:10px;
        z-index:10;
        background:url(../img/back.gif) no-repeat 0;
        display:block;
        width:24px;
        height:64px;
        text-indent:-9999px;
        overflow:hidden;
}
/*
===== トップページアイテムリスト ==========================================
*/
h2.main{padding:10px; font-size:16px; margin-top:10px}
p.main{padding:5px 10px; font-size:12px}
h2.sub{padding:10px 20px; font-size:14px; border-bottom:3px solid #09C}
h2.sub a{display:inline-block; float:right; font-size:.8em; margin-top:-5px}
.top-items{border-top:1px solid #e7e7e7}
.top-items .itemList{float:left; width:20%;}
.top-items .itemList a{display:block;border:1px solid #e7e7e7;padding:20px;height:230px; margin:5px; position:relative}
.top-items .itemList a:hover{text-decoration:none;background:#f1f1f1}
.top-items .itemList img.product_img{display:block; margin:0 auto 10px; max-height:120px; z-index:1}
.top-items .itemList .review_comment{overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;padding:0;height:2.76em;line-height:1.35em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;color:#111}
.top-items .itemList a .review_title{position:absolute;top:5px;left:-5px;background:#09C;z-index:2;width:auto;padding:5px 10px;color:#FFF;font-size:10px;text-align:center;transform:rotate(-7deg)}
.top-items .itemList a .review_title:before{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top:5px solid #09C}


/*
===== FAQ ==========================================
*/

.table_faq { line-height:1.5em; }

/*
===== 商品詳細ページ ==========================================
*/
#itemBody {
	float:left;
	width:100%;
}

.itemDetailBody {
	width:100%;
	background-color:#FFF;
	height:auto; overflow:hidden;
	padding-bottom:5px;
	position:relative;
}
.itemDetailBody h2 {
	font-size:22px;
	padding:10px 10px 5px 20px;
}
.itemDetailBodyLeft{
	float:left;
	width:45%; !important
	margin-right: 2%;
	min-height: 1px;
	overflow: visible;
}
.imgDetailItem {
	margin:10px 10px 10px 20px;
	padding:5px;
	border:1px solid #DDD;
	background-color: #FFF;
	max-width:90%;
	height:auto
}

.itemDetailBodyRight {
	float:right;
	width: 52% !important;
	padding-right:20px;
}
.itemDetailPlain {
	width:100%;
	float:left;
	clear:both;
}
.itemDetailPlain > p,
.itemDetailPlain > div{
	font-size:14px;
	line-height:1.6;
	padding:10px 20px;
}
#search-tag{padding:10px 20px}
.itemTable {
	margin-top:10px;
	width:100%;
	border:none;
}
.itemTable th{
	background-color:#F7F7F7;
	text-align:right;
	padding:8px;
	border-top:1px solid #DDD;
	border-right:2px solid #CCC;
	border-bottom:1px solid #DDD;
	border-left:none;
}
.itemTable td{
	padding:8px;
	border-top:1px solid #DDD;
	border-right:none;
	border-bottom:1px solid #DDD;
	border-left:nonenone;
}	
.itemTable a:link ,.itemTable a:visited {
	color:#FF3300;
	text-decoration:underline;
}
.itemTable a:hover {
	color:#666;
	text-decoration:none;
}
.detailPrice{
	font-size:17px;
	font-weight:bold;
}
.favoritebutton {
	width:170px;
	height:30px;
	float:left;
	margin:0px 6px 0 0;
}
.cartInbuttondetail {
	width:174px;
	height:45px;
	margin:0px 5px 0 12px;
	vertical-align:bottom
}
.review_sougou_text{display:none}

#related-items{font-size:12px}
#related-items .itemList{float:left; width:20%;}
#related-items .itemList a{display:block;padding:20px;height:270px}
#related-items .itemList a:hover{text-decoration:none;background:#f1f1f1}
#related-items .itemList img.product_img{display:block; margin:0 auto 10px; max-height:120px}
#related-items .itemList .review_comment{overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;margin:2px 0 0;padding:0;height:30px;line-height:1.35em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;color:#111}

/*
===== 口コミ ==========================================
*/
.kuchikomiBody{
	border-bottom:1px dotted #DDD;
	padding:10px 20px;
	margin:10px 20px;
}
.itemDetailPlain h3{
	border-bottom:2px solid #014d80;
	margin:20px;
	padding:10px;
	font-size:16px;
}
.kuchikomiBody p{
	font-size:12px;
	padding:3px 3px 0 3px;
	margin:0;
	}
.kuchikomiBody p.kuchikomicomment{
	font-size:14px;
	}	
.kuchikomiBody p.sankou{
		text-align:right;
	}

/*
===== ヘッダーHEADER ==========================================
*/
#header{width:100%;margin:0 auto;position:relative}
#header strong{font-weight:400}
h1#head{font-size:11px;background:#039;padding:10px 20px}
h1#head a{color:#FFF}

#nav-left{position:relative;float:left;width:auto;display:inline-block;height:70px;z-index:1}
#nav-right{position:relative;float:right;width:auto;display:inline-block;height:70px;min-width:350px}
#nav-fill{width:auto;overflow:visible;white-space:nowrap;height:70px}
#nav-search{position:relative;display:block;white-space:nowrap;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:auto;margin:0;padding-top:20px;padding-right:25px}

#logo{padding:13px 18px 0 27px}#logo img{height:40px; width:auto}
#nav-search input{width: -webkit-calc(100% - 628px);
    width:    -moz-calc(100% - 628px);
    width:         calc(100% - 628px);}

/*


/*===== フッター ==========================================
*/

	
#footer{
	width:100%;
	text-align:center;
	background: url(../img/footer_bg.gif) repeat-x;
	min-height:120px;
	clear:both;
	position:relative;
	margin:0 auto
}
#footerCon{
	width:100%;
	text-align:center;
	clear:both;
	position:relative;
	margin:0 auto;
	padding: 0 0 20px
}
#footerContent{
	width:910px;
	float:left;
	border-top:1px solid #CCC;
	margin:10px 0 0 0;
}
#footerContentHed{
	width:910px;
	float:left;
	border-top:1px solid #CCC;
	margin:10px 0 0 0;
}
.footerImg01 {
	top:2px;
	left:0;
}
.footerText01,
.footerText02 {
	font-size:11px; text-align:center;padding:5px 0
}
.footerText03 {
	top:55px;
	padding-top:10px;
	left:0px;
	font-size:11px;
	border-top:1px solid #DDD;
	width:100%;
	text-align:center;
}
.footerkeys {
 text-align:center; padding:10px 0
}
#footer p{
	color:#666;
}

.footerSub {
	top:100px;
	left:10px;
}

.pagetop {
	font-size:11px;
	margin-bottom:10px
}
.pagetop a:link{
	display: block;
	text-align: center;
	background: #09C;
	padding: 10px 0;
	font-size: 14px;
	color: #fff;
}
.pagetop a:link:hover{background:#09D;text-decoration:none}
	
#footer p.copyright {
	position: absolute;
	top:25px;
	left:0px;
	color:#069;
}
/*
===== navi ==========================================
*/
#navi {
	width:100%;
	margin:0 auto;
	position:relative;
	background:#09C
	}
#navi a{color:#FFF; vertical-align:-webkit-baseline-middle}
ul#main-navi {
	list-style-type:none;
	margin: 0;
	padding: 10px 20px;
}

ul#main-navi li {
		float: left;
		padding:0 10px
}
ul#main-navi li i{font-size:1.5em; vertical-align:bottom}
ul#main-navi li.navi_right i{font-size:2em; vertical-align:sub}
ul#main-navi li.navi_right {float:right}

/*
===== 基本テーブル構成 ==========================================
*/	
.normalTable {
	margin:3px 0 5px 15px;
	width:580px;
	text-align:center;
	border:1px solid #999;
	clear:both;
	}
.normalTable th{
	padding:8px;
	background-color:#ECF6FF;
	color:#333333;
	font-size:93%;
	text-align:center;
	border:1px solid #CCC;
	}		
.normalTable td{
	text-align:left;
	padding:8px;
	font-size:85%;
	border:1px solid #CCC;
	}	
.layoutTable {
	margin:0;
	width:535px;
	text-align:center;
	border:none;
	}
	
.layoutTable td{
	text-align:center;
	margin:0 auto;	 
	padding:0px;
	border:none;
	}

/*
===== ホットニュース ==========================================
*/

.hotnewsT {
        margin:0 0 0 34px;
        width:465px;
        text-align:center;
        border:none;
        }
.hotnewsT td{
        text-align:center;
        margin:0 auto;
        padding:5px;
        border:none;
        font-size:12px;
        }
.hotnewsT b {
        color:#CC0000;
}

/*
===== トップバナー ==========================================
*/		
#main { margin: 20px;}
#nav { 
	margin: 4px 10px 25px -1px; 
	position: relative;
	 }
#nav li { 
	float:left;
	margin:0;
	padding:0;
	}
#nav a { 
	margin: 1px;
	padding: 1px 7px; 
	background-color: #CCC; 
	text-decoration: none 
	}
	#nav a:hover{  
	background-color: #999;
	color:#FFF;
	}
	
#nav li.activeSlide a { 
	background-color: #06C; 
	color: #FFF; 
	}
#nav a:focus {
	outline: none;
	}		
	/*
===== 画像レイアウト ==========================================
*/
.imgRight {
	float:left;
	margin:10px 0 10px 10px;
	padding:4px;
	border:1px solid #DDD;
	border-radius: 4px;
    background-color: #F7F7F7;
    -moz-border-radius: 4px; /* FF */
    -webkit-border-radius: 4px;/* Webkit */
	}

/*
===== twitter ==========================================
*/
#twitter {
	float:left;
	margin-bottom:5px;
}
/*
===== social ==========================================
*/
ul#social li {
	float:left;
	margin-right:5px;
}
ul#social li {
	float:left;
	margin-right:5px;
}
ul#social li.facebook {
	width:70px;
}
/*
===== パンくずリスト ==========================================
*/
.breadcrumb {
	font-size:11px;
	border-radius:0;
	border:none;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	background:#f5f5f5;
}
.breadcrumb ol a i{margin-right:5px}
.breadcrumb ol a:link{
	color:#333;
	text-decoration:none;
}
.breadcrumb ol a:hover{
	color: #09C;
	text-decoration:underline;
}

/*
===== クチコミ ==========================================
*/
.pagi {
	margin:10px 0;
	text-align:center
}
.kutikomiItem {
	background-color:#FFF;
	height:auto; overflow:hidden;
	padding:10px 20px;
	position:relative;
	border-bottom:1px solid #e7e7e7
}
.imgLeft {
	float:left;
	margin:0px 10px 0px 0;
	padding:5px;
	border:1px solid #DDD;
	}
.kutikonmiDate strong{display:block; font-size:14px; margin-top:5px}
.kutikonmiText{font-size:12px;line-height:1.5em}
/*
===== 従来のデザイン ==========================================
*/
/* Price */
.price_symbol,
.price_fraction,
.price_jp{top:-.5em;font-size: 12px;position:relative; margin-left:2px}
.price_whole{font-size: 21px}

/* Padding & Margin */
.p_b_5 { padding-bottom:5px; }
.p_b_8 { padding-bottom:8px; }
.p_b_10 { padding-bottom:10px; }
.p_b_15 { padding-bottom:15px; }
.p_b_5 { padding-bottom:5px; }
.p_t_8 { padding-top:8px; }
.p_t_2 { padding-top:2px; }
.p_t_10 { padding-top:10px; }
.p_l_7 { padding-left:7px; }
.p_l_10 { padding-left:10px; }
.p_l_15 { padding-left:15px; }
.p_l_30 { padding-left:30px; }
.p_r_7 { padding-right:7px; }
.p_r_10 { padding-right:10px; }
.p_r_15 { padding-right:15px; }
.p_r_30 { padding-right:30px; }
.m_r_2 { margin-right:2px; }
.m_r_3 { margin-right:3px; }
.m_r_5 { margin-right:5px; }
.m_r_10 { margin-right:10px; }
.m_r_15 { margin-right:15px; }
.m_r_30 { margin-right:30px; }
.m_t_2 { margin-top:2px; }
.m_t_3 { margin-top:3px; }
.m_t_5 { margin-top:5px; }
.m_t_8 { margin-top:8px; }
.m_t_10 { margin-top:10px; }
.m_t_15 { margin-top:15px; }
.m_t_20 { margin-top:20px; }
.m_t_25 { margin-top:25px; }
.m_t_30 { margin-top:30px; }
.m_t_40 { margin-top:40px; }
.m_t_50 { margin-top:50px; }
.m_b_1 { margin-bottom:1px; }
.m_b_2 { margin-bottom:2px; }
.m_b_3 { margin-bottom:3px; }
.m_b_5 { margin-bottom:5px; }
.m_b_8 { margin-bottom:8px; }
.m_b_10 { margin-bottom:10px; }
.m_b_15 { margin-bottom:15px; }
.m_b_20 { margin-bottom:20px; }
.m_b_30 { margin-bottom:30px; }
.m_l_2 { margin-left:2px; }
.m_l_5 { margin-left:5px; }
.m_l_10 { margin-left:10px; }
.m_l_15 { margin-left:15px; }
.m_l_20 { margin-left:20px; }
.m_l_25 { margin-left:25px; }
.m_l_30 { margin-left:30px; }
.m_l_50 { margin-left:50px; }
.blk { color:#000000; }
.red { color:#f61e1e; }
.org { color:#CC6600; }
.blu { color:#0000AA; }
.grn { color:#1c7601; }
.gray { color:#888888; }
.wht { color:#FFFFFF; }
.bld { font-weight:bold;}
.nml { font-weight:normal;}
.under { text-decoration: underline; }
.px9 { font-size:9px;}
.px10 { font-size:10px;}
.px11 { font-size:11px;}
.px12 { font-size:12px;}
.px13 { font-size:13px;}
.px14 { font-size:14px;}
.px15 { font-size:15px;}
.px16 { font-size:16px;}
.px18 { font-size:18px;}
.px20 { font-size:20px;}
.lh10 { line-height:1em }
.lh15 { line-height:1.5em }
.lh17 { line-height:1.7em }
.cntr { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }
.block{display:block}

.bg_blue { background: #3566ba url(../img/bg_blue.png) repeat-x;
     height:32px; font-size:14px; text-align: center; font-weight: bold; color:#FFF; line-height:32px; }
.bg_green { background: #13dd77 url(../img/bg_green.png) repeat-x;
     height:32px; font-size:14px; text-align: center; font-weight: bold; color:#FFF; line-height:32px; }
.bg_pink { background: #ea68cd url(../img/bg_pink.png) repeat-x;
     height:32px; font-size:14px; text-align: center; font-weight: bold; color:#FFF; line-height:32px; }
.bg_yellow { background: #FFC; border: #CC9 solid 1px; font-size:16px; text-align: center; font-weight: bold; color:#000; padding:10px 0; margin:10px 0}
.bg_yellow h2 { font-size: 16px; font-weight: bold; }


.bar_green { width:-webkit-fill-available; margin-bottom:10px; margin-top:20px; padding-left:10px; padding-bottom:5px; font-size:16px; font-weight:bold; border-bottom:#693 2px solid }
.bar_green:before{content:'\f0a9'; font-family: "Font Awesome 5 Free"; font-size:1.5em; vertical-align:middle; margin-right:5px; color:#693}
.bar_red { width:-webkit-fill-available; margin-bottom:10px; margin-top:20px; padding-left:10px; padding-bottom:5px; font-size:16px; font-weight:bold; border-bottom:#C00 2px solid }
.bar_red:before{content:'\f0a9'; font-family: "Font Awesome 5 Free"; font-size:1.5em; vertical-align:middle; margin-right:5px; color:#C00}
.bar_orange { width:-webkit-fill-available; margin-bottom:10px; margin-top:20px; padding-left:10px; padding-bottom:5px; font-size:16px; font-weight:bold; border-bottom:#F90 2px solid }
.bar_orange:before{content:'\f0a9'; font-family: "Font Awesome 5 Free"; font-size:1.5em; vertical-align:middle; margin-right:5px; color:#F90}
.bar_blue { width:-webkit-fill-available; margin-bottom:10px; margin-top:20px; padding-left:10px; padding-bottom:5px; font-size:16px; font-weight:bold; border-bottom:#6cc 2px solid }
.bar_blue:before{content:'\f0a9'; font-family: "Font Awesome 5 Free"; font-size:1.5em; vertical-align:middle; margin-right:5px; color:#6cc}
.bar_purple { width:-webkit-fill-available; margin-bottom:10px; margin-top:20px; padding-left:10px; padding-bottom:5px; font-size:16px; font-weight:bold; border-bottom:purple 2px solid }
.bar_purple:before{content:'\f0a9'; font-family: "Font Awesome 5 Free"; font-size:1.5em; vertical-align:middle; margin-right:5px; color:purple}
.bar_gray { width:-webkit-fill-available; margin-bottom:10px; margin-top:20px; padding-left:10px; padding-bottom:5px; font-size:16px; font-weight:bold; border-bottom:gray 2px solid }
.bar_gray:before{content:'\f0a9'; font-family: "Font Awesome 5 Free"; font-size:1.5em; vertical-align:middle; margin-right:5px; color:gray}
.bar_brown { width:-webkit-fill-available; margin-bottom:10px; margin-top:20px; padding-left:10px; padding-bottom:5px; font-size:16px; font-weight:bold; border-bottom:#C30 2px solid }
.bar_brown:before{content:'\f0a9'; font-family: "Font Awesome 5 Free"; font-size:1.5em; vertical-align:middle; margin-right:5px; color:#C30}
.bar_black { width:-webkit-fill-available; margin-bottom:10px; margin-top:20px; padding-left:10px; padding-bottom:5px; font-size:16px; font-weight:bold; border-bottom:#000 2px solid }
.bar_black:before{content:'\f0a9'; font-family: "Font Awesome 5 Free"; font-size:1.5em; vertical-align:middle; margin-right:5px; color:#000}
.bar_tel:before{content:'\f098'}
.bar_fax:before{content:'\f1ac'}
.bar_mail:before{content:'\f0e0'}
.bar_exc:before{content:'\f06a'}
/* ----------------------- BOX ---------------------------------- */
.box_red { border: 1px solid #ED0000; background-color:#fcc8c8; margin: 20px; padding: 10px;}
.box_blue { border: 1px solid #0042ff; background-color:#d1dbf9; display:block; margin: 20px; padding: 10px;}
.box_gray { background-color:#f5f5f5; border: 1px solid #e7e7e7; padding:10px}
.box_gray_border { border:1px solid #e7e7e7; padding:10px}
/* ----------------------- LABEL ---------------------------------- */
.label_information { width:250px; height:20px; background:#AFB0B2 url("../img/bg_menu_label2.gif") left top repeat-x; color:#071427; font-weight:bold; font-size:12px; text-align:center; }

.content_information { text-align:left; font-size:13px; line-height:20px; background: url("../img/bg_cate_menu.png") no-repeat left bottom; padding-bottom:10px; }
.content_information a { display:block; width:250px; height:20px; line-height:20px; text-decoration: none; text-indent:2px; }
.content_information a:hover { background: #1EA3D9 url("../img/bg_cate_hover.gif") repeat-y top left; color:#FFF; }

.label_gray { background: #AFB0B2 url("../img/bg_label_gray.gif") repeat-x; }
.label_blue { background: #8d9ce6 url("../img/bg_label_blue.gif") repeat-x; }
.label_red { background: #f64646 url("../img/bg_label_red.gif") repeat-x; line-height:1.5em; padding:3px; }
.label_yellow { background: #f4f646 url("../img/bg_label_yellow.gif") repeat-x; }
.label3 { background: #EEEEFF url("../img/bg_menu_label3.gif") left top repeat-x; color:#071427; font-weight:bold; font-size:12px; text-align:center; line-height:160%; padding:2px 2px 1px 2px; }

/* ----------------------- 
エラーや警告用のボックス
-------------------------- */
.red_box_text { max-width:630px; background-color:#fdfccb; border: 1px solid #f61e1e; margin:20px auto; padding:10px; font-size:12px}

.yellow_box_text { padding-top:10px; background-color:#fdfccb; color:#c06e14; font-weight:bold; border: 1px solid #c06e14; text-align:center;
   font-size:14px; position:absolute; width:460px; height:100px; top:50%; left:50%; margin-top:-50px; margin-left:-230px; }
.yellow_box_text2 { background-color:#fefde1; color:#c06e14; font-weight:bold; border: 1px solid #c06e14; text-align:center;
   font-size:14px; max-width:460px; width:100%; margin: 20px auto; padding:20px;}

/* ----------------------- 
SPOT NEWS
-------------------------- */

/*.newsbox { display:block; margin-bottom:3px; font-size:12px; font-weight:normal; background-color:#FFFFFF; text-align:left; border: 1px solid #BBBBBB; padding: 5px; line-height: 1.5em; } */

.newsbox {
width:524px;
	background-color:#FFF;
	border:1px solid #CCC; 
	margin:0 0 10px 0; 
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius:4px;   /* Firefox用 */  
	box-shadow:0px 0px 4px #CCC;
	-moz-box-shadow: 0px 0px 4px #CCC;　/* Firefox用 */  
	-webkit-box-shadow: 0px 0px 4px #CCC;　/* Safari,Google Chrome用 */ 
	height:auto; overflow:hidden;

	line-height:1.5em;
	padding:5px;
}


.label_spotnews { background: #039; color:#FFFFFF; font-weight:bold; font-size:12px; text-align:center; line-height:1.5em; padding:3px; margin-bottom:10px}
.text_spotnews_title { font-size:12px; }
.text_spotnews_date { font-size:10px; }

/* ----------------------- 
NEWS
-------------------------- */
.label_news { display:block; height:28px; background:url("../img/bg_news.gif") left top repeat-x; font-weight:bold; font-size:14px; text-align:left; padding-left:25px; color:#FFFFFF; line-height:2em; }

.arrow {}
.arrow:before{content:'\f35A'; font-family: "Font Awesome 5 Free"; margin-right:5px; font-size:1.5em; vertical-align:middle}
.arrow:hover{text-decoration:none}

/* ----------------------- 
FORM
-------------------------- */
#welcome{background-image:url("../img/welcome.jpg");background-position:center center; background-size: cover;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    padding:150px 0}
#backtop{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,50,150,0.6);}
#welcome-message,
#welcome-misc{z-index:1;position:relative}
#welcome-message h2{font-size:24px; font-weight:normal; color:#FFF; padding:0 20px}
#welcome-message h2 span{color:#0FF;font-weight:bold}
#welcome-benefit{padding:30px 0; color:#FFF}
#welcome-benefit i.fa-gem{color:#0FF;vertical-align:top}
.benefit-info{font-size:14px; margin:10px auto; text-align:center}
#welcome-register{z-index:1;position:relative;text-align:center;display:block}
#welcome-misc{font-size:14px}
#welcome-button{background:#09C; color:#FFF; text-shadow:none; border-radius:30px; font-size:22px; padding:10px 40px}
#welcome-button i{font-size:1.5em}

#form-box {max-width:650px; width:100%; padding:0; margin: 0 auto; border:1px solid #e7e7e7}
#form-box-misc {max-width:650px; width:100%; padding:0; margin: 0 auto}
#form-box-memo{max-width:650px; width:100%; padding:0; margin: 20px auto}
#form-box .form-horizontal{display:block; padding-top:20px; margin-bottom:0}
#form-box .form-horizontal .form-actions{padding:10px 0; text-align:center}
#form-box .form-actions{margin-bottom:0}
#form-box-memo .new_user{display:block;width:-webkit-fill-available}
#form-box i.fa-asterisk{color:#C00; font-size:.7em; margin-left:5px;}

#site-security{border:1px dotted #e7e7e7; padding:10px; margin:20px 0}
#siteseal{float:left; margin-right:10px; margin-bottom:10px}

#cart-info{background-color:#fdfccb; font-weight:bold; text-align:center; margin:10px 20px; padding:10px}
#free-ship{background-color:#9cffb3; font-weight:bold; text-align:center; margin:10px 20px; line-height:1.5em; padding:10px}
#cart-table{margin:20px; display:block}
.table_cart { width:100%; margin: 0 auto; font-size: 14px; border: 1px solid #e7e7e7; background-color: #FFF}
.table_cart th, .table_cart td { padding:10px; border: 1px solid #e7e7e7; }
.table_cart th {background-color:#f5f5f5}
.table_cart input{padding:3px 10px; margin:0 auto; font-size:14px}
.table_cart img{vertical-align:middle; display:block}

.table_cart_misc { width:100%; margin:10px auto; font-size: 14px; border: 1px solid #e7e7e7; background-color: #FFF}
.table_cart_misc th, .table_cart_misc td { padding:10px; border: 1px solid #e7e7e7; }
.table_cart_misc th {background-color:#f5f5f5; width:25%}
.table_cart_misc input{padding:3px 10px; margin:0 auto; font-size:14px}
.table_cart_misc textarea{width:-webkit-fill-available; height:100px}
.table_cart_misc .status_icon{height:40px; width:40px; margin-right:10px; vertical-align:middle}
.table_misc { width:100%; margin:10px auto; font-size: 14px; border: 1px solid #e7e7e7; background-color: #FFF}
.table_misc th, .table_misc td { padding:10px; border: 1px solid #e7e7e7; }
.table_misc th {background-color:#f5f5f5}

.table_checkout_comp{width:100%; margin: 0 auto;}

#order-comp-button{background:#09C; color:#FFF; text-shadow:none; border-radius:30px; font-size:22px; padding:10px 40px}
#order-comp-button i{font-size:1.5em; vertical-align:bottom}

#cart-navi{margin:20px} #cart-navi.checkout{margin:20px 0}
#cart-back,
#cart-next{}
#cart-back{float:left}
#cart-next{float:right}


.checkout-wrap{color:#444;max-width:1200px;position:relative;width:95%;margin:20px auto 80px}ul.checkout-bar li{color:#ccc;font-size:16px;font-weight:600;position:relative}ul.checkout-bar li:before{box-shadow:inset 2px 2px 2px 0 rgba(0,0,0,.2);background:#ddd;border:2px solid #fff;border-radius:50%;color:#fff;font-size:16px;font-weight:700;text-align:center;text-shadow:1px 1px rgba(0,0,0,.2)}ul.checkout-bar li.active{color:#039;font-weight:700}ul.checkout-bar li.active:before{background:#039;z-index:99999}ul.checkout-bar li.visited{color:#57aed1;z-index:99999}ul.checkout-bar li.visited:before{background:#57aed1;z-index:99999}.checkout-bar li.active:after,ul.checkout-bar,ul.checkout-bar:before{background-size:35px 35px;height:15px;box-shadow:inset 2px 2px 2px 0 rgba(0,0,0,.2);position:absolute}ul.checkout-bar li:nth-child(1):before{content:"1"}ul.checkout-bar li:nth-child(2):before{content:"2"}ul.checkout-bar li:nth-child(3):before{content:"3"}ul.checkout-bar li:nth-child(4):before{content:"4"}ul.checkout-bar li:nth-child(5):before{content:"5"}ul.checkout-bar li:nth-child(6):before{content:"6"}ul.checkout-bar a{color:#57aed1;font-size:16px;font-weight:600;text-decoration:none}.checkout-bar li.active:after{animation:myanimation 3s 0s;background-color:#039;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);content:"";width:100%;left:50%;top:-50px;z-index:0}ul.checkout-bar{background-color:#ececec;background-image:linear-gradient(-45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);border-radius:15px;margin:0 auto;padding:0;width:100%}ul.checkout-bar:before{background-color:#57aed1;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);border-radius:15px;content:" ";left:0;width:10%}ul.checkout-bar li{display:inline-block;margin:50px 0 0;padding:0;text-align:center;width:24%}ul.checkout-bar li:before{height:45px;left:40%;line-height:45px;position:absolute;top:-65px;width:45px;z-index:99}ul.checkout-bar li.visited{background:0 0}ul.checkout-bar li.visited:after{background-size:35px 35px;background-color:#57aed1;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);box-shadow:inset 2px 2px 2px 0 rgba(0,0,0,.2);content:"";height:15px;left:50%;position:absolute;top:-50px;width:100%;z-index:99}ul.checkout-bar li:last-child.active:after {width:62%;border-radius:20px}

#delivery-address{}
.address-box{float:left;width:46%; padding:0 2%}

.table_select_ship { font-size:14px; border:1px solid #61b5e7; width:100%; border-collapse:collapse}
.table_select_ship tr { background-color: #fff; }
.table_select_ship tr:hover { background-color: #dbeffb; }
.table_select_ship th { background-color: #61b5e7}
.table_select_ship th,
.table_select_ship td { padding:5px 10px; border:1px solid #e7e7e7 }
.table_select_ship img.card_logo{vertical-align:middle}

.input_payment { font-size:12px; line-height:20px; margin:20px; padding:20px; border: 1px solid #e7e7e7 }
.input_payment input{ vertical-align:top; margin-right:5px}
.input_payment .fa-money-bill-wave, .input_payment .fa-check-circle{ vertical-align:top; }
.input_payment span{font-weight:bold; font-size:16px}

#cardinfo{border: 1px solid #e7e7e7; padding:10px 20px}
#add_card{margin-top:10px;}
#add_card span{font-size:12px; display:inline-block}

.table_select_payment { font-size: 12px; width:100% }
.table_select_payment tr { background-color: #fff; }
.table_select_payment tr:hover { background-color: #dbeffb; }
.table_select_payment th { background-color: #61b5e7; }
.table_select_payment td { padding:5px; }
.table_select_payment td img{vertical-align:middle}
.table_select_payment span{font-weight:normal; font-size: 12px}

.table_newuser { width:100%; margin: 0 auto; font-size: 14px; border: 1px solid #e7e7e7; background-color: #FFF}
.table_newuser th, .table_newuser td { padding:10px; border: 1px solid #e7e7e7; }
.table_newuser th {background-color:#f5f5f5}
.table_newuser label { display: inline; }

.table_editor { width:100%; margin: 0 auto; font-size: 14px; border: 1px solid #e7e7e7; background-color: #FFF; border-collapse:collapse}
.table_editor th, .table_editor td { padding:10px; border: 1px solid #e7e7e7; }
.table_editor th {background-color:#f5f5f5}
.table_editor textarea{width:98%}
.table_editor label { display: inline; }
.table_editor i.fa-asterisk{color:#C00; font-size:.5em; margin-left:5px;}
.table_editor img{vertical-align:middle}

.table_order_history { width:550px; margin: 5px auto 0px auto; font-size: 14px; border: 1px solid #BBBBBB; background-color: #FFFFFF; }
.table_order_history td { padding:5px; border: 1px dotted #BBBBBB; }
.table_order_history th { padding:3px; background-color: #E1E1E1; border-bottom: 1px dotted #BBBBBB; }

/* 発送履歴 */
.table_detail_ship { margin: 5px auto 0px auto; border-collapse: collapse; font-size: 12px; border: 1px solid #BBBBBB; }
.table_detail_ship td { padding:3px; border-bottom: 1px dotted #BBBBBB; background-color: #FFFFFF;}
.table_detail_ship th { padding:3px; background-color: #E1E1E1; border-bottom: 1px dotted #BBBBBB; border-right: 1px dotted #BBBBBB; }

.table_kuchikomi { font-size: 12px; width:100%; margin:10px auto;border: 1px solid #e7e7e7; background-color: #FFF border-collapse:collapse; }
.table_kuchikomi th, .table_kuchikomi td { padding:10px; border: 1px solid #e7e7e7; clear:both }
.table_kuchikomi th { background-color:#f5f5f5; }
.table_kuchikomi input[type=text],
.table_kuchikomi textarea{width:-webkit-fill-available; margin:0; font-size:14px}
.table_kuchikomi #edit_nickname{float:right}

.table_edit_kuchikomi { font-size: 12px; border: 1px solid #BBBBBB; background-color: #FFFFFF; border-collapse:collapse; }
.table_edit_kuchikomi td { padding:2px; border: 1px dotted #BBBBBB; }
.table_edit_kuchikomi th { padding:3px; background-color: #E1E1E1; border-bottom: 1px dotted #BBBBBB; border-right: 1px dotted #BBBBBB; }

.table_hyouki { margin: 10px auto 10px auto; font-size: 12px; border: 2px solid #006dc1; background-color: #FFFFFF; }
.table_hyouki td { padding:5px; border: 1px dotted #444; }
.table_hyouki th { padding:5px; border: 1px dotted #444; background-color: #ddf0fe; white-space: nowrap; }
.table_hyouki label { display: inline; }

.table_hyouki_left { font-size: 12px; border: 2px solid #006dc1; background-color: #FFFFFF; }
.table_hyouki_left td { padding:5px; border: 1px dotted #444; }
.table_hyouki_left th { padding:5px; border: 1px dotted #444; background-color: #ddf0fe; white-space: nowrap; }
.table_hyouki_left label { display: inline; }

/* 骨補填材、メンブレン比較用テーブル */
.table_news { padding: 0px; font-size: 12px; line-height:1.5em; border: 1px solid #BBBBBB; border-collapse: collapse; background-color:#FFF;}
.table_news td { padding: 2px; border: 1px solid #BBBBBB; border-collapse: collapse; }
.table_news th { padding: 2px; border: 1px solid #BBBBBB; border-collapse: collapse; }

/* 学会、デンタルショー情報用テーブル */
.info_table {width:100%;border-spacing:0}
.info_table tr {background:#fff}
.info_table th {color:#fff;background:#258}
.info_table th, .info_table td {text-align:center;padding:10px 0;border:1px solid #e7e7e7; line-height:1.5em}
.info_table td p{text-align:center}
.info_table tr:nth-child(2n+1) {background: #f1f6fc}

#special-content > p:first-child{font-weight:bold; font-size:14px}
#special-content table{border:0; border-collapse:unset; border-spacing:10px}
#special-content table img{height:auto; margin-bottom:10px}
/* ----------------------- 
SNS
-------------------------- */
.sbook {display:block; position:relative; height:30px;}
.sbook dd{vertical-align:top}
.sbook .tw {display:inline-block;}
.sbook .fb {display:inline-block}
.sbook .gl {display:inline-block}
.sbook .at {display:inline-block}
.sbook .mixi {display:inline-block}
.sbook .pocket {display:inline-block}
.sbook .line {display:none;}

/* ----------------------- 
マイアカウント
-------------------------- */
#mypage-content{margin:20px; display:block}
#myaccount_menu { margin:20px; padding:20px; border:1px solid #e7e7e7 }
.myaccount_half{float:left;width:46%;padding:0 2%}
.myaccount_half dt { padding-left:10px; margin-top:5px; font-size:14px; font-weight:bold; margin-bottom:10px}
.myaccount_half dt i{vertical-align:sub}
.myaccount_half dd { padding-left:50px; margin-bottom:20px; font-size:12px; line-height:1.5em}

#print_invoice i{vertical-align:sub}
#print_invoice a{margin:0 5px}
#print_invoice a i{vertical-align:middle}


.message_aboutus { font-size: 13px; line-height:26px; padding: 0px 5px 0px 5px; }
.message_aboutus h1 { font-size: 16px; font-weight: bold; text-align:center; margin: 10px 10px; text-shadow: 1px 1px 1px #aaa;  }
/* ----------------------- 
10 day shipping
-------------------------- */

.day10{
	font-size: 16px;
	line-height: 1.5;
}

.day10 li {
	list-style: disc outside;
	margin-left: 20px;
	line-height: 1.5;
}

.day10.h3title {
	font-size: 20px;
	color: #003c83;
	border-bottom: 1px dashed #999;
	margin-bottom: 10px;
	padding-bottom:0px;
	letter-spacing: 0.1em;
	font-weight: bold;
	background-image: url('../spaw2/uploads/images/10day/day10_h3back.png');
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left: 40px;
	line-height: 40px;
}

.day10_shipping{
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #1d68ab;
	padding: 0px 7px;
	margin-right: 5px;
	letter-spacing: 0.1em;
}
.day10_redbold{
	font-weight: bold;
	color: #d00;
}
.day10.list_block {
	margin: 0px 0px 30px;
	width: auto;
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
}

.day10.list_block .day10.left {
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
}

.day10.list_block .day10.right { margin-left: 170px; }
.day10.shipping_free {
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	color: #d00;
	text-align: center;
	width: 480px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
}
.day10.campaign {
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	color: #0081cc;
	text-align: center;
	width: 480px;
	padding-top: 0px;
	padding-bottom: 10px;
}

.day10.zaiko_box {
	font-size: 22px;
	font-weight: bold;
	background-color: #f8f8f8;
	margin: 0px;
	width: 480px;
	padding-top: 7px;
	padding-bottom: 5px;
	border: 1px solid #000;
	color: #003c83;
	line-height: 28px;
	text-align: center;
}

.zaiko .zaiko.left {
	float: left;
	width: 280px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.zaiko .zaiko.right {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 482px;
}

.zaiko {
	overflow: hidden;
	margin: 0px 0px 40px;
	padding: 0px;

	float: left;
}

.day10.h2_title {
	margin: 0px 0px 30px;
	padding: 0px;
}

/* ----------------------- 
MISC CONTENT
-------------------------- */
#misc_content{margin:10px 20px}
#misc_content .misc_title{font-size:20px; text-align:center; margin:20px 0 40px}
#misc_content h2{font-size:20px; color:#039; margin:20px 0}
.misc_num_list li{font-size:16px; margin:20px 30px; font-weight:bold; color:#09C}
.misc_num_list li p{font-size:12px; margin:10px 0; font-weight:normal; color:#000}
.misc_num_list li p img{display:block; margin-bottom:10px}
.misc_num_list li dl{font-weight:normal; color:#000}
.misc_num_list li dt{font-size:12px; margin:20px 0 0}
.misc_num_list li dd{font-size:12px; margin:0 0 10px 20px; line-height:1.7em}
.misc_list li{list-style:circle; margin:5px 20px; font-size:12px}