@charset "Shift_JIS";

/* --------------------------------------------------------------------ユーザー定義　ヘッダー
--------------------------------------------------------------------- */
#header {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
}
#header #sitelogo {
	margin: 0;
	padding: 0;
}
#header #globalnav {
	float: right;
	display: inline;
	width: 960px;
	background: #003881 url(../img/usr/globalnav_back.png) center top repeat-x;
}
#header #globalnav li {
	float: left;
	color: #FFF;
	text-align: center;
	width: 160px;
}
#header #globalnav li a {
	padding: 10px 0;
	display: block;
	color: #FFF;
	width: 100%;
	background: #003881 url(../img/usr/globalnav_back.png) center top repeat-x;
}
#header #globalnav li a:hover {
	text-decoration: none;
	background: #0049A7 url(../img/usr/globalnav_back_hover.png) center top repeat-x;
}
/* --------------------------------------------------------------------
	ユーザー定義　ビジュアル
--------------------------------------------------------------------- */
.visual_ {
	margin-bottom: 10px;
}

/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */
#footer {
	margin-top: 20px;
	padding: 20px;
	border-top: 1px solid #CCC;
}
#footer .change_mode_{
    text-align:center;
    margin-bottom:10px;
}
#footernav {
	margin-bottom: 20px;
	text-align: center;
}
#footernav li {
	padding: 0 1em;
	display: inline;
	border-right: 1px solid #CCC;
}
#footernav li.first_ {
	border-left: 1px solid #CCC;
}
#copyright {
	color: #999;
	text-align: center;
}

/* ---------------------------------------------------------------------
かいものかご内詰め合わせ部分
--------------------------------------------------------------------- */

td.o_itemize {
	background: #d5e8fd;
	text-align: center;
	font-weight: bold;
	margin: 2px auto;
}
td.o_itemmize_list {
	background: #F3F8FE;
}
td.o_itemmize_qty_{
	background: #F3F8FE;
	text-align: center;
}

/* ---------------------------------------------------------------------
フォーム入力部分のサイズ変更
--------------------------------------------------------------------- */
.formdetail_.customer_ td input,
.formdetail_.customer_ td select {
	height: 28px;
}
.formdetail_.custdest_ td input,
.formdetail_.custdest_ td select {
	height: 28px;
}

/* ---------------------------------------------------------------------
ネイチャーメイド テキスト化用
--------------------------------------------------------------------- */

/*   全体囲み　　*/
.o_item_txt_contents {width: 730px;font-size: 14px;line-height: 1.4em;}
/*   テキスト1ブロック用 BOX　　*/
.nm_box {background: url(/images/item/detail/nm/back_img.gif);border: 3px solid;overflow: hidden;zoom: 1;}
/*   スーパー〜用 青枠　上記BOXに追加　*/
.nm_lineBlue {border-color:#004aa5;}
/*   通常用オレンジ青枠　上記BOXに追加　　*/
.nm_lineOrange {border-color: #F79C18;}
/*   最上部BOX用 角丸　　*/
.nm_boxRadius_top   {  border-radius: 5px 5px 0px 0px;}  
/*   最下部BOX用 角丸　　*/
.nm_boxRadius_bottom   {  border-radius: 0px 0px 5px 5px;}  
/*　小見出し用　*/	
.nm_title {color: #FFF;font-size: 18px;font-weight: bold;padding: 5px 5px 5px 30px;border:0;}
/*　小見出し用　青背景色指定　*/	
.nm_box.nm_lineBlue .nm_title {background: #004aa5;}
/*　小見出し用　オレンジ背景色指定　*/
.nm_box.nm_lineOrange .nm_title {background: #F79C18;}
/*　左float　*/
.nm_left_box {padding: 14px;float: left;}
/*　右float　*/
.nm_right_box {padding: 14px;float: right;}
/*　スーパー〜用共通項目　*/
.nm_super_table {margin-top: 20px;width:340px;}
.nm_super_table tr td {font-size: 14px;padding: 6px 3px;border-style: none;background: url(none);}
.nm_super_table tr .nm_table_border01 {border-bottom: 1px solid #8A1500;}
.nm_super_table tr td h4 {font-size: 16px; color: #8A1500; font-weight: bold;}
/*　txt赤文字　*/
.nm_txt_red {color: #d4151c;font-weight: bold;}
/*　横幅　*/
.nm_width_368 {width: 368px;}
/*　テキスト用 */
.nm_left_box p,
.nm_right_box p {font-weight: bold;padding: 14px;}
/* 注釈 */
.nm_annotate12 {font-size: 12px; color: #666;}
.nm_annotate10 {font-size: 10px; color: #666;}

/* 機能性表示 */
.nm_kinoulink {font-size: 16px;font-weight: bold;display: block;margin: 10px 0px 20px;}

/* 見出し */
.nm_subtit {background: #F79C18;padding: 6px;font-size: 18px;}
.nm_subtit p {margin: 0px;padding: 4px 4px 4px 12px;border-left: 8px solid #fff;font-weight: bold;color: #FFF;}
.nm_upsail_ul {display: block;float: left;width: 400px;margin: 8px 10px 10 0;padding: 0px;}

/* 定期導線用 */
.nm_upsail_ul li {font-size: 12px;display: block;line-height: 18px;background: #F8EE8C;padding: 6px 6px 6px 16px;font-weight: bold;color: #333;}
.nm_upsail_ul li span {color: #CA001A;padding-right: 20px;}
.nm_upsale {float: right;width: 300px;margin-top: 8px;}
.nm_icon01 {background: #CA001A;padding: 4px;width: 80px;color: #FFF;text-align: center;float: left;margin: 0px 8px 8px 0px;font-size: 12px;font-weight: bold;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.nm_price{color: #CA001A;font-size: 40px;font-weight: bold;}
.nm_price span {font-size: 16px;}
a.nm_teiki_btn {clear: both;display: block;background: #393;text-align: center;color: #FFF;text-decoration: none;font-size: 20px;font-weight: bolder;width: 100%;padding-top: 14px;padding-bottom: 14px;background: #54b738;background: -moz-linear-gradient(top, #54b738 0%, #009944 98%);background: -webkit-linear-gradient(top, #54b738 0%, #009944 98%);background: linear-gradient(to bottom, #54b738 0%, #009944 98%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b738', endColorstr='#009944', GradientType=0 );border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.nm_teiki_txt01 {margin: 10px 3px 3px;font-weight: bold;font-size: 20px;color: #333333;}
.nm_teiki {background: #F8EE8C;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding: 15px;margin: 20px auto 40px;width: 700px;}
.nm_teiki_inner {margin: 0 auto 20px;padding: 20px;width: 650px;background: #FFF;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;position: relative;}
.nm_haisotitle span {color: #009A44;}
.nm_attention {font-size: 10px;line-height: 1.4em;color: #5A4033;}
.nm_haiso dt {display: block;float: left;background: #009A44;color: #FFFFFF;padding: 3px;width: 100px;text-align: center;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.nm_haiso dd {display: block;padding: 3px 0 8px 110px;}
.nm_teiki_haiso {margin: 0px auto 0;padding: 0;position: relative;width: 640px;}
.nm_teiki_attention {font-size: 12px;}
.nm_teikiBox {background: #FFF url(/images/item/detail/nm/back_img.gif);text-align: left;padding: 15px;color: #5B3E2C;border-radius: 0px 0px 5px 5px;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;position: relative;border: 2px solid #EB8D04;width: 666px;}
.nm_teikiTit {margin: 20px 0px 0px;background: #EB8D04;color: #FFF;font-size: 20px;font-weight: bold;padding: 14px 10px 10px;border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;}
.nm_teikiTit2 {font-size: 18px;font-weight: bold;color: #E70012;margin: 20px 0 4px;clear: both;}
.nm_adnagare {margin: 0px;padding: 0px;}
.nm_adnagare li {background: #FDDC95;display: block;margin: 0 8px 20px 8px;padding: 8px;float: left;width: 190px;height: 190px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.nm_adnagare li img {display: block;margin: auto;}
.nm_adnagare li p {color: #5B3E2C;font-size: 14px;font-weight: bold;margin: 0 0 4px;padding: 0;}
.nm_adnagare li div {height: 68px;text-align: center;margin: 0;padding: 0;}
.nm_teiki_otodoke dt {font-size: 18px;font-weight: bold;color: #FFF;background: #009A44;text-align: center;display: block;padding: 4px;width: 100px;float: left;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.nm_teiki_otodoke dd {display: block;padding-left: 120px;margin-bottom: 8px;}
.nm_teiki_otodoke dd p {font-size: 18px;font-weight: bold;color: #E70012;margin: 3px 0 0;padding: 0;}
.nm_teiki_itemimg {width: 200px;float: left;margin-left: 40px;border: 1px solid #CCC;}
.nm_teiki_itemname {font-size: 22px;font-weight: bold;margin-bottom: 8px;line-height: 30px;height: 60px;}
.nm_teikiBox .nm_upsale {width: 380px;}
.nm_teiki_itemcapa {margin-bottom: 12px;}
.nm_hr {height: 0;margin: 30 0;padding: 0;border-top: 1px solid #F5D18F;border-bottom: 1px solid #FCF7CB;border-right: 0;border-left: 0;clear: both;}