@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.css");
@import url("category.css");
@import url("ie7.css");

/* =======================================================================
CSSの名前：style.css 
最終更新日時：2022/04/29 by sato
--------------------------------------------------------------------------
1.reset
2.base
3.コンテナ・サイドバー・メインコンテンツ
4.ヘッダ
5.サイドバー
6.extファイル用
7.トップページ
8.カートの中身～注文完了まで、プレゼント応募～完了まで
9.定期購入商品履歴照会・変更
10.フッタ
11.商品詳細・一覧、プレゼント詳細・一覧
12.レビュー
13.購入履歴
14.サブウインドウで表示するページ用
15.エラーページ
0.改修
======================================================================= */

/*ビジュアル用2012/07/20追記部分※*/

#mainvisual {width:740px;}
#mainvisual .left {float:left;}
#mainvisual .right {float:right;}


/* =================================================================
1.reset
=================================================================*/
body{background:#FFF; color:#333; line-height:1.5; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; word-wrap:break-word;}

/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin:0; padding:0;}
li{list-style-type:none;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}


/* =================================================================
2.base
=================================================================*/

/*  padding/margin
-------------------------------------------------------------*/
.m0{margin:0;}
.mT0{margin-top:0;}
.mB0{margin-bottom:0;}
.mR0{margin-right:0;}
.mL0{margin-left:0;}
.mT10{margin-top:10px;}
.mB10{margin-bottom:10px;}
.mR10{margin-right:10px;}
.mL10{margin-left:10px;}
.mT20{margin-top:20px;}
.mB20{margin-bottom:20px;}
.mR20{margin-right:20px;}
.mL20{margin-left:20px;}
.mT30{margin-top:30px;}
.mB30{margin-bottom:30px;}
.mR30{margin-right:30px;}
.mL30{margin-left:30px;}
.mT40{margin-top:40px;}
.mB40{margin-bottom:40px;}
.mR40{margin-right:40px;}
.mL40{margin-left:40px;}
.mT50{margin-top:50px;}
.mB50{margin-bottom:50px;}
.mR50{margin-right:50px;}
.mL50{margin-left:50px;}
/*------------------------------*/
.p0{padding:0;}
.pT0{padding-top:0;}
.pB0{padding-bottom:0;}
.pR0{padding-right:0;}
.pL0{padding-left:0;}
.pT10{padding-top:10px;}
.pB10{padding-bottom:10px;}
.pR10{padding-right:10px;}
.pL10{padding-left:10px;}
.pT20{padding-top:20px;}
.pB20{padding-bottom:20px;}
.pR20{padding-right:20px;}
.pL20{padding-left:20px;}
.pT30{padding-top:30px;}
.pB30{padding-bottom:30px;}
.pR30{padding-right:30px;}
.pL30{padding-left:30px;}
.pT40{padding-top:40px;}
.pB40{padding-bottom:40px;}
.pR40{padding-right:40px;}
.pL40{padding-left:40px;}
.pT50{padding-top:50px;}
.pB50{padding-bottom:50px;}
.pR50{padding-right:50px;}
.pL50{padding-left:50px;}

/*  clear
-------------------------------------------------------------*/
.clear{clear:both;}
.clearfloat{clear:both; height:0; font-size:1px; line-height:0;}
.clearfix:after{content:""; display:block; clear:both;}
.clearfix{zoom:1;}

/*  左・右寄せ
-------------------------------------------------------------*/
.fL{float:left;}
.fR{float:right;}
.txC{text-align:center;}
.txR{text-align:right;}

/*  基本のlink color
-------------------------------------------------------------*/
a:link{color:#1a1a1a; text-decoration:none;}
a:visited{color:#F36;}
a:hover,a:active{color:#ffae5c;}


/* 文字消し（text-indentがスパムとして処理されるため）*/
div .distext {display:none;}



/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/

/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#container{width:960px; margin:auto;}

/* sidebar - コンテナ内サイドバー 修正 2016_0629 佐藤
-------------------------------------------------------------*/
#sidebar{float:left; width:200px;}

/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main{float:right; width:740px; padding-bottom:20px; position:relative;}
#main h2{display:block; height:25px; padding:3px 10px 3px 25px; background:url("../images/title_bg.gif") no-repeat; font-size:85%;}
#main p{margin:5px 20px; font-size:80%; line-height:150%;}
#main table{width:700px; margin:10px 20px; font-size:80%; border:1px solid #CCC; line-height:160%;}
#main th{padding:15px; border:1px solid #CCC; background:#EEE; vertical-align:top; font-weight:normal;}
#main th.title{width:160px; text-align:left;}
#main td{padding:15px; border:1px solid #CCC; vertical-align:top;}
#main .buttonarea{margin:10px; padding-top:10px; border-top:#CCC 1px dashed; text-align:center;}
#main .hissu{color:#C00; font-weight:bold;}
#main #breadcrumbs{margin-bottom:10px; font-size:80%;}

#main #breadcrumbs2{margin-bottom:10px; font-size:80%; float:left; width:100%; position:absolute; bottom:0;}

#main p.exp{
	margin:5px 0; font-size:100%; line-height:140%;
}/* 追加 2015_0914 佐藤 */

.no-sidebar{float:none !important; width:850px !important; min-height:500px; margin:auto !important;}
.no-sidebar table{width:810px !important;}
.no-sidebar th{padding:20px !important;}
.no-sidebar td{padding:20px !important;}

/* 商品ページ内テーブル　2015/08/4 三洋堂　佐藤 */
#main .table_item {
	width: 700px;
	margin: 10px 20px;
	border:1px dotted #F04576;
	font-size: 100%;
	line-height: 160%;
}
#main .table_item th {
	padding:5px;
	border:1px dotted #F04576;
	background: #FFF;
	vertical-align:middle;
	font-weight:bold;
}
#main .table_item td {
	padding:5px;
	border:1px dotted #F04576;
	vertical-align:middle;
	font-weight:normal;
}

/* =================================================================
4.ヘッダ
使用ファイル：common/header.xhtml
=================================================================*/

/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a{display:block; width:980px; height:150px; margin:auto; background:url("../images/button_smartphone.png") no-repeat; text-indent:-9999px;}

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview{margin-bottom:10px; padding:5px; border-bottom:1px solid #CCC; background:#1C8600; color:#FFF; font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size:80%; text-align:center;}
#preview table{width:800px; margin:auto;}
#preview .ico{width:20%; padding-right:10px; text-align:right;}
#preview .content{text-align:left;}

/* header - ヘッダ
/* 手を加えた箇所は※ココ　*/
/*追加部分　2012/07/19*/
-------------------------------------------------------------*/
#header {width:960px;}
#header .inner{zoom:1; width:960px;  margin:auto;}
#header .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}

/* clearfix */
#header h1 a{
	display:block;
	float:left; 
	width:382px; 
	height:79px; 
	background:url("../images/common/header_rogo_2022.png") no-repeat;
	text-indent:-9999px; 
	margin:0px;
	}

#header h3 a{
	display:block;
	float:left; 
	width:250px; 
	height:79px; 
	background:url("../images/common/header_rogo_2022.png");
	background-position: -334px 0px;

	}

#header h2 a{display:block; float:left; width:15px; height:15px; overflow:hidden; margin-top:40px; background:url("../images/header_rss.gif") no-repeat; text-indent:-9999px;}
#header h2 a:hover{background-position:0 -15px;}

/* 手を加えた箇所は※ココ　*/
/*追加部分　2012/07/19*/
#header_seo {
	height:34px;
	background:#FFF;
	width:960px;
	margin:auto;
}
#header_seo h1 {
	float:left;
	position:relative;
	top:16px;
	width: 650px; 
	font-size:10px; 
	font-weight:normal;
	height:15px;

}
#header_seo h2 {
	float:right;
	width:85px;
	height:34px;
	background:url('../images/common/header_seo_rogo.png');
	}


/* width: 220px;を削除 佐藤 2016_0823 */
ul#header_pankuzu {
	float:right;
	height:20px;
	margin-top:9px;
	font-size:11px;
}
ul#header_pankuzu li{
	float:left;
	line-height:15px;
}
ul#header_pankuzu li.line{
	background:url('../images/common/header_li_line.png');
	width:13px;
	height:15px;
}
ul#header_pankuzu li a{
	color:#1a1a1a; text-decoration:none;
}
ul#header_pankuzu li a:hover{
	color:#ffae5c; text-decoration:none;
}
/*ヘッダーローカルナビ*/
ul#header_local_navi{
	clear:both;
	width:960px;
	height: 40px;
	background:url('../images/common/header_local_navi.png');




}
ul#header_local_navi li{float:left;}

ul#header_local_navi li a{
	display:block;
	width:188px;
	height:40px;

}
ul#header_local_navi li.pls{
	display:block;
	width:188px;
	height:40px;
	margin-left:5px;
}

ul#header_local_navi li a:hover {
	display:block;
	width:188px;
	height:40px;
	background:url('../images/common/header_local_hover.png');
	
}

/*hedar_second_area*/
#header .hedar_second_area {
	clear:both;
	margin:auto;
	width:960px;
	height:49px;
	margin-top:4px;
	background: #fce5e2;
}
#header .heder_search {
	float:left;
	width:276px;
	margin-left:8px;
	margin-top:5px;
	background:url('../images/common/header_search_box.png');
	background-repeat:no-repeat;

}
#header input.form{
		width: 190px;
		height: 18px;
		border:0px;
		margin-top:2px;
		margin-left:28px;
		margin-bottom:5px;
		float:left;

	}
#header input.button{
		float:left;	
		background:url('../images/common/header_search_box.png') no-repeat;
		background-position: -225px 0px;
		width: 50px;
		height: 20px;
		display:block;
		margin-top:0px;
		margin-left:7px;
		text-indent: -9999px;
	}
#header .heder_search p {
		clear:both;
		text-align:right;
		font-size:10px;
		text-indent: 26px;
		margin-right:14px;
		margin-bottom:9px;	
	}
input[type=text]:focus {
	outline: none;
}
#header .pickup_bland_word {
	float:left;
	width: 461px;
	height: 49px;
}
#header .pickup_bland_word dl{
		width:460px;
		margin:7px 0 0px 24px;
		font-size:10px;
		line-height:12px;
}
#header .pickup_bland_word dl dd.nbw {
		font-weight:bold;
	}
	#header .pickup_bland_word dl dd.nbkw a, #header .pickup_bland_word dl dd.nbkw a:visited{
		text-decoration:underline;
		color:#252525;
	}
	#header .pickup_bland_word dl dd.nbkw a:hover{
		text-decoration:underline;
		color:#ffae5c;
	}	
	#header .pickup_bland_word dl dd.nbkw{
	margin-top:0px;
	}
	
	

#header .second_area_banner {
	float:left;
	width:215px;
	height:49px;
	background:#FFF;
}
#header .second_area_banner img{
		margin-left:8px;
}

#header .second_area_banner a:hover {
	filter: alpha(opacity=55);
 	-moz-opacity:0.55;
	opacity:0.55;
}
/*ヘッダーカタログボタン*/

#header	.header_cate_area{
	clear:both;
	width:960px;
	height:93px;
	margin:auto;
	margin-top:12px;
	margin-bottom:5px;
}

/*ヘッダーメニュー*/
ul#header_menu {
	clear:both;
	width:960px;
	height: 93px;

}
ul#header_menu li a{
	float:left;

}
ul#header_menu li.upper_1 a:link{
	display:block;
	width:191px;
	height:46px;
	background:url('../images/common/header_cate_botans.png');
	background-position: 0px 0px;
}
ul#header_menu li.upper_1 a:hover{
	display:block;
	width:191px;
	height:46px;
	background:url('../images/common/header_cate_botans.png');
	background-position: 0px -93px;
}

ul#header_menu li.upper_2 a:link{
	display:block;
	width:192px;
	height:46px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -191px 0;
}
ul#header_menu li.upper_2 a:hover{
	width:192px;
	height:46px;
	display:block;
	background:url('../images/common/header_cate_botans.png');
	background-position: -191px -93px;
}
ul#header_menu li.upper_3 a:link{
	display:block;
	width:192px;
	height:46px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -383px 0;
}
ul#header_menu li.upper_3 a:hover{
	display:block;
	width:192px;
	height:46px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -383px -93px;
}
ul#header_menu li.upper_4 a:link{
	display:block;
	width:193px;
	height:46px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -575px 0;
}
ul#header_menu li.upper_4 a:hover{
	display:block;
	width:193px;
	height:46px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -575px -93px;
}
ul#header_menu li.upper_5 a:link{
	display:block;
	width:192px;
	height:46px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -768px 0;
}
ul#header_menu li.upper_5 a:hover{
	display:block;
	width:192px;
	height:46px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -768px -93px;
}

ul#header_menu li.upper_6 a:link{
	display:block;
	width:191px;
	height:47px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -0px -46px;
}
ul#header_menu li.upper_6 a:hover{
	display:block;
	width:191px;
	height:47px;
	background:url('../images/common/header_cate_botans.png');
	background-position: 0px -139px;
}

ul#header_menu li.upper_7 a:link{
	display:block;
	width:192px;
	height:47px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -191px -46px;
}
ul#header_menu li.upper_7 a:hover{
	width:192px;
	height:47px;
	display:block;
	background:url('../images/common/header_cate_botans.png');
	background-position: -191px -139px;
}
ul#header_menu li.upper_8 a:link{
	display:block;
	width:192px;
	height:47px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -383px -46px;
}
ul#header_menu li.upper_8 a:hover{
	display:block;
	width:192px;
	height:47px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -383px -139px;
}
ul#header_menu li.upper_9 a:link{
	display:block;
	width:193px;
	height:47px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -575px -46px;
}
ul#header_menu li.upper_9 a:hover{
	display:block;
	width:193px;
	height:47px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -575px -139px;
}
ul#header_menu li.upper_10 a:link{
	display:block;
	width:192px;
	height:47px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -768px -46px;
}
ul#header_menu li.upper_10 a:hover{
	display:block;
	width:192px;
	height:47px;
	background:url('../images/common/header_cate_botans.png');
	background-position: -768px -139px;
}


/*ピックアップスペース*/
#header .header_pickup{
	clear:both;
	margin:auto;
	width:960px;
	height:34px;
	background:url('../images/common/header_pickup_bg.png') no-repeat;
	margin-bottom:9px;
}
	#header	.pickup{
	margin-left:84px;
	margin-right:2px;
	line-height:32px;
	font-size:12px;
	}

	#header	.pickup a{
		color:#333;
	}
	#header	.pickup a:hover{
		color:#ffae5c;
		text-decoration:underline;
	}
/* 手を加えた箇所は※ココまで　*/


/* 提携サイト用CSS(headr部分)　*/
.teikei_header{margin-bottom:14px;}
.san_home{width:950px; text-align:right; font-size:10px; position:relative; top:15px;}

.header-fix{
	position:sticky;
	top: 0;
	background-color: #fff;
	z-index: 999;
}

/* 提携サイト用CSS(headr部分)　*/


/* fontChanger - 文字サイズ変更
-------------------------------------------------------------*/
#fontChanger{float:right; margin:10px 20px 0 0;}
#fontChanger h2{display:block; float:left; margin-right:5px; font-size:13px;}
#fontChanger .icon{float:left;}
#fontChanger .icon img{display:block; float:left; margin-right:4px;}

/* language - 言語選択
-------------------------------------------------------------*/
#language{float:right; margin:10px 20px 0 0;}
#language h2{display:block; float:left; margin-right:5px; font-size:13px;}
#language p{float:left; margin-right:5px; font-size:75%;}

/* search - 商品検索窓

-------------------------------------------------------------*/
#search{float:right; width:335px;}
#search h2{display:block; float:left; width:105px; height:20px; overflow:hidden; margin:10px 10px 0 0; background:url("../images/search_title.gif") no-repeat; text-indent:-9999px;}
#search p{display:block; clear:both; padding:5px 10px 0; font-size:75%; text-align:right;}
#search .form{display:block; float:left; width:150px; height:20px; margin:5px 10px 0 0;}
#search .button{display:block; float:left; margin:5px 0 0;}

/* menu - メニュー
-------------------------------------------------------------*/
#menu{height:50px; background:url("../images/menu_bg.gif") repeat-x;}
#menu .inner{display:block; zoom:1; width:960px; margin:auto; text-align:left;}
#menu .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#menu li{float:left;}
#menu li a{display:block; width:192px; height:40px; text-indent:-9999px;}

a.top:link,a.top:visited{background:url("../images/menu_top.gif") no-repeat;}
#menu .top_select,a.top:hover{background:url("../images/menu_top.gif") 0 -40px no-repeat;}

a.guide:link,a.guide:visited{background:url("../images/menu_guide.gif") no-repeat;}
#menu .guide_select,a.guide:hover{background:url("../images/menu_guide.gif") 0 -40px no-repeat;}

a.tokushou:link,a.tokushou:visited{background:url("../images/menu_tokushou.gif") no-repeat;}
#menu .tokushou_select,a.tokushou:hover{background:url("../images/menu_tokushou.gif") 0 -40px no-repeat;}

a.company:link,a.company:visited{background:url("../images/menu_company.gif") no-repeat;}
#menu .company_select,a.company:hover{background:url("../images/menu_company.gif") 0 -40px no-repeat;}

a.apply:link,a.apply:visited{background:url("../images/menu_apply.gif") no-repeat;}
#menu .apply_select,a.apply:hover{background:url("../images/menu_apply.gif") 0 -40px no-repeat;}

/* shiborikomi - 絞り込み検索
-------------------------------------------------------------*/
#shiborikomi{width:940px; margin:0 auto 10px; padding:5px 10px; background:#F1F1F1; font-size:80%;}
#shiborikomi .select{padding:0 3px; background:#C00; color:#FFF; font-weight:bold;}
#shiborikomi a{padding:0 3px; color:#666; font-weight:bold; text-decoration:none;}
#shiborikomi a:hover{background:#CCC;}


/* =================================================================
5.サイドバー
使用ファイル：common/sidebar.xhtml
=================================================================*/

/* 手を加えた箇所は※ココから　2012/07/20　*/
/* login - ログイン枠
-------------------------------------------------------------*/
#login{
	clear:both;
	zoom:1;
	width:198px;
	margin-bottom:10px;
	border:solid 1px #ddd9d0;
}


#login .middle{
	zoom:1;
}

#login:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#login h2{width:170px; height:25px; overflow:hidden; margin:0 10px; background:url("../images/login_title.gif") no-repeat; text-indent:-9999px;}

#login label{
	float:left; 
}

#login .form_zone{
	margin-top:19px;
	margin-left:15px;
	width:164px;

}
#login label.id, #login label.pw{
	clear:both;
	float:left;
	display:block;
	width:25px;
	height:23px;
	font-size:90%;
	text-align:right;
	margin-right: 2px;
	margin-left:7px;
}

#login .form{
	float:left; 
	width:121px;
	height: 18px;
	margin:0 0px 6px 0;
	border:1px solid #a5acb2;
	}
	
#login .button{
	clear:both;
	display:block;
	float:left;
	width:164px;
	height:28px;
	margin: 6px 0 0px 0px;
	text-indent:-99999px;
	background:url('../images/common/side_login_bottan.png');

}

#login p.foget_icon{ /* 20140203修正 sanyodo sato */
	float:left;
	margin-top:10px;
	margin-bottom:7px;
	margin-left:27px;
	background:url('../images/common/side_foget_icon.png') no-repeat left center;
	text-indent:20px;

}

#login p{clear:both; font-size:66%; text-align:left;}

#login .error{clear:both; margin:0px; color:#C00; font-weight:bold; text-align:center;}
#login div.point{color:#C00; font-weight:bold;}



/*新規会員登録ここから*/

#sidebar .add_menber {
	display:block;
	width:200px;
	height:161px;
	background:url('../images/common/side_new_menber.png') no-repeat;
	margin-bottom: 12px;
}
#sidebar .add_menber a.new_menber{
	position:relative;
	display:block;
	background:url('../images/common/side_new_menber.png') no-repeat;
	background-position:-17px -10px;
	width:165px;
	height:32px;
	top:10px;
	left:17px;
}
#sidebar a.new_menber:hover,#sidebar .add_menber a.new_menber_prize:hover{
	display:block;
	width:165px;
	height:32px;
	background:url('../images/common/header_local_hover.png');
}

#sidebar .add_menber a.new_menber_prize{
	position:relative;
	display:block;
	background:url('../images/common/side_new_menber.png') no-repeat;
	background-position:-17px -118px;
	width:165px;
	height:32px;
	top:86px;
	left:17px;
}


/*新規会員登録ここまで*/


#login p a{color:#333; text-decoration:underline;}
#login p a:hover{color:#ffae5c;}

/*旧会員*/

#sidebar .old_menber a{
	display:block;
	background:url('../images/common/side_old_pw_bottan.png') no-repeat;
	background-position: 0px 0px;
	width:200px;
	height:43px;
	margin-bottom: 10px;
}
/*ログイン後*/
#login .button_out{
	clear:both;
	display:block;
	float:left;
	width:164px;
	height:28px;
	margin: 10px 0 10px 17px;
	text-indent:-99999px;
	background:url('../images/common/side_login_bottan.png');
	background-position: 0 -28px;
}

#login .button_out:hover, #login .button:hover, #sidebar .old_menber a:hover, #magazine .button:hover{
	filter: alpha(opacity=55);
 	-moz-opacity:0.55;
	opacity:0.55;
}
#login p.logaf_name{
	text-align:left;
	padding: 8px 5px 10px 17px;
	font-size:65%;
}
#login p.welcome{
	text-align:left;
	padding: 0px 0px 0px 17px;
	font-size:65%;
}
#login p.logaf{
	text-align:left;
	padding: 0 0px 0px 17px;
	font-size:65%;
}
#login p b{
	color:#073aa5;
}
#login p.left_sp{
	padding: 0 0px 10px 27px;
	font-size:65%;
}
#login p.bold{
	font-weight:bold;
}

/* cart - 買い物かごの中身確認・買い物かごへ 2012/07/12
-------------------------------------------------------------*/
#cart{	clear:both;
	zoom:1;
	width:190px;
	height:138px;
	margin-bottom:10px;
	background:url("../images/left_no_login_etc.png") no-repeat;
	background-position: 0px -289px;
}
#cart .top{
	height:40px;

}
#cart h2{width:100%; height:25px; overflow:hidden; text-indent:-9999px; background:url("../images/cart_title.gif") no-repeat;}
#cart h3{display:block; float:left; clear:both; margin:0 0 5px 24px; font-size:75%; font-weight:normal;}
#cart p{display:block; float:right; margin-right:22px; margin-bottom:5px; color:#C00; font-size:75%; font-weight:bold; text-align:right;}


#cart a{
	display:block; 
	clear:both;
	margin-top: 62px;
	width:170px;
	height:25px; 
	background:url("../images/left_no_login_etc.png") no-repeat;
	background-position: 0px -391px;

}


/* category - 商品カテゴリ　2012/07/20
-------------------------------------------------------------*/
#category, #pickupimtem{
width:200px; 
margin-bottom:10px;
}
#category .top{
	clear:both;
	zoom:1;
	width:200px;
	height:30px;
}
#category .no1{
	background:url("../images/common/side_tab.png") no-repeat;
	background-position: 0px 0px;
}
#category .no2{
	background:url("../images/common/side_tab.png") no-repeat;
	background-position: 0px -30px;
}
#category .no3{
	background:url("../images/common/side_tab.png") no-repeat;
	background-position: 0px -60px;
}
#category .no4{
	background:url("../images/common/side_tab.png") no-repeat;
	background-position: 0px -90px;
}
#category .middle, #pickupimtem .middle{
	zoom:1;
	width:198px;
	border-left:solid 1px #ddd9d0;
	border-right:solid 1px #ddd9d0;
	padding-bottom:1px;
}



#category .bottom, #pickupimtem .bottom{
	zoom:1;
	width:200px;
	border-bottom:solid 1px #ddd9d0;
}
#category h2{display:block; width:100%; height:30px; overflow:hidden; background:url("../images/category_title.gif") no-repeat; text-indent:-9999px;}

/*#category .select{
background:url("../images/marker_on.gif") 10px 10px no-repeat #C00; color:#FFF; text-decoration:none;
}*/
#category .middle ul,#category .middle ul li{
	margin:0;
	padding:0;
}
#category .middle ul li{
	display:block;
	margin:0px;
	padding:4px 3px 4px 8px;
	line-height:16px;
	font-size:11px;

}
#category .middle ul li:hover{
	display:block;
	margin:0px;
	padding:4px 3px 4px 8px;
	background:#f0f0f0;
	border-right:solid #f87e01 3px;
	line-height:16px;
	color:#1a1a1a;
}

#category li a, #pickupimtem li a{
	text-decoration:none;
	color:#1a1a1a;

}

#category li a:hover, #pickupimtem li a:hover{
	color:#ffae5c;
}
/* pickupitem - アイテムより選ぶ枠　*/

#pickupimtem .top{
	clear:both;
	zoom:1;
	width:190px;
	height:28px;

	background:url("../images/left_no_login_etc.png") no-repeat;
	background-position: 0px -1371px;
}
/*　banner - バナー枠
-------------------------------------------------------------*/
#side_banners{

	width:200px;
	margin-bottom:10px;
}
#side_banners a.osale{
	background:url("../images/common/side_banners.png");
	display:block;
	width: 200px;
	height:112px;
}
#side_banners a.twt{
	background:url("../images/common/side_banners.png");
	background-position: 0px -122px;
	display:block;
	width: 200px;
	height:60px;
	margin-top: 3px; /* 修正2014_0512 sanyodo sato */
}
#side_banners a:hover{
	filter: alpha(opacity=55);
 	-moz-opacity:0.55;
	opacity:0.55;
}
/* magazine - メールマガジン枠
-------------------------------------------------------------*/
#magazine{
	zoom:1; 
	width:198px; 
	margin-bottom:5px;
	padding:10px 0;
	border:solid 1px #ddd9d0;

}
#magazine:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#magazine h2{
	width:153px; 
	height:40px; 
	overflow:hidden; 
	margin:0 10px 10px 10px;
	background:url("../images/common/side_mal_subject.png") no-repeat;
	text-indent:-9999px;
}
#magazine label{display:block; float:left; height:15px; padding:3px 5px 3px 0; font-size:12px;}
#magazine .text{width:167px; height:17px; margin:0 13px; border:solid 1px #abb0b6;}
#magazine .radio{float:left; margin:5px 2px 5px 10px;}
#magazine .button{float:right; margin:5px 40px 0 0;}
#magazine p{clear:both; margin:0 10px 2px; font-size:75%;}
#magazine .error{clear:both; margin:5px 10px; color:#C00; font-weight:bold; text-align:center;}


/* magazine_new - メールマガジン枠20130205
-------------------------------------------------------------*/
#magazine_ppt{zoom:1; width:630px; margin:10px 0 10px 20px; padding:30px; border:solid 1px #CCC;}
#magazine_ppt:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#magazine_ppt label{display:block; float:left; height:15px; padding:3px 5px 3px 0; font-size:12px;}
#magazine_ppt .text{width:500px; height:20px; margin:0 15px;}
#magazine_ppt .radio{float:left; margin:5px 2px 5px 20px;}
#magazine_ppt .button{float:left; margin:10px 0px 0 130px;}
#magazine_ppt p{clear:both; margin:0 10px 2px; font-size:75%;}
#magazine_ppt .error{clear:both; margin:5px 10px; color:#C00; font-weight:bold; text-align:center;}




/*プライバシーポリシー*/
#privacy {
	width: 200px;
	margin:0px;

}
#privacy .image_ceq{
	 width: 200px;
	 }

#privacy .policy{
	width: 184px;
	padding:8px;
	font-size:10px;
	background:#e9e9e9;
}

/* 手を加えた箇所は※ココまで　*/

/* present - プレゼント枠
-------------------------------------------------------------*/
#present{width:170px; margin-bottom:10px; padding:10px; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;}
#present h2{width:100%; height:25px; overflow:hidden; background:url("../images/present_title.gif") no-repeat; text-indent:-9999px;}
#present h3{display:block; padding:0 10px 0 18px; background:url("../images/marker.gif") 2px 5px no-repeat; font-size:75%;}
#present .period{margin:0 5px 10px 18px; font-size:75%;}
#present .all{margin:10px 10px 2px; font-size:75%;}

/* calendar - カレンダー
-------------------------------------------------------------*/
#calendar{zoom:1; width:190px; margin-bottom:10px; padding:10px 0 5px; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;}
#calendar h2{width:170px; height:20px; overflow:hidden; margin:0 10px; background:url("../images/calendar_title.gif") no-repeat; text-indent:-9999px;}
#calendar p{margin:0 10px; font-size:80%;}
#calendar span.day_color1{color:#FF7F7E;}
#SIDE_CALENDAR{width:180px; overflow:hidden; margin:0 5px; font-size:9px;}
.ui-widget-content{border:1px solid #FFF;}
.ui-datepicker-title{font-size:12px;}
.ui-widget-header{width:178px; border-top:none; border-left:none; border-right:none; border-bottom:solid 1px #CCC; border-radius:0; background:none;}
.ui-datepicker table{width:178px;}
.ui-datepicker th,.ui-datepicker td{width:10px !important; margin:0; padding:1px; border:none;}
.ui-datepicker th a,.ui-datepicker td a{padding:1px; border:none !important;}
.ui-datepicker-week-end{color:#C00;}

.ui-datepicker .day_color1 .ui-state-default{background-image:none; background-color:#FF7F7E; color:#C00;}
.ui-datepicker .day_color2 .ui-state-default{background-image:none; background-color:#D7FFED;}
.ui-datepicker .day_color3 .ui-state-default{background-image:none; background-color:#DDF;}
.ui-datepicker .day_color4 .ui-state-default{background-image:none; background-color:#FFD;}
.ui-datepicker .day_color5 .ui-state-default{background-image:none; background-color:#E7FFFF;}
.ui-datepicker .day_color6 .ui-state-default{background-image:none; background-color:#F0D6FF;}


/* =================================================================

6.extファイル用
使用ファイル：ext/company.html
　　　　　　　ext/tokushou.html
　　　　　　　ext/guide.html
=================================================================*/

#ext h2{display:block; height:25px; padding:3px 10px 3px 25px; background:url("../images/title_bg.gif") no-repeat; font-size:85%;}
#ext h3{display:block; margin:30px 20px 10px 10px; padding:5px; border-bottom:#DDD 1px solid; border-left:#fd962d 6px solid; font-size:80%;}
#ext th{text-align:left; width:120px;}
#ext ul{padding-bottom:10px;}
#ext li{list-style:disc; margin:5px 40px; font-size:80%;}

/* 手を加えた箇所は※ココから　*/

div#bojo13 {
	background-attachment: fixed;
	background-image: url(http://www.isanyodo.com/client_info/SANYODO/view/userweb/ext/event/images/beaujolais/13bn_titleb.jpg);
	background-repeat: no-repeat;
	padding: 30px 10px;
	margin: 0px 10px;
	width: 720px;
}

#ext table ul li{
	font-size:100%;
	margin-left:15px;
	margin-right:0px;
}

table#sendingplicelist {
	font-size:100%;
	width:300px;
	text-align:right;
}
table#sendingplicelist td.glay{
	background:#eee;
}
table#sendingplicelist th {
	width:170px;
	text-align:right;
}
/* 手を加えた箇所は※ココまで　*/
/* =================================================================
7.トップページ
使用ファイル：top.xhtml
=================================================================*/

/* mainvisual - メインビジュアル
/* 手を加えた箇所は※ココから　*/
-------------------------------------------------------------*/
#mainvisual {
	display:block;
	background:#f4f1ea;
	width:740px;
	height:194px;

}

/*メインコメント*/
#main_comment{
	margin:5px 5px 30px 7px;
	font-size:11px;
	width:730px;
	height: 30px;
}
/*メインコメント　アメックス用 2015_0831 佐藤*/
#main_comment_amex{
	margin:5px 5px 0px 0px;
	font-size:11px;
	width:730px;
	height: 0px;
	color: #fff;
}

/* 特集 2012/07/19 */
#feature {
	clear:left;
	display:block;
	float:left;
	width:740px;
	margin-bottom:40px;
}

#feature h2 {
	display:block;
	background:url('../images/main_tabs.png') no-repeat;
	width:740px;
	height:24px;
	margin:0;
	padding:0;
	margin-bottom:5px;

}

#feature .feature_bg {
	width:714px;
	background:#efefef;
	padding: 13px 13px 5px 13px;
	float:left;
}

#feature ul li{
	float:left;
	margin:0px;
	padding:0px;
}
#feature ul li.ten {margin-right:10px;}
#feature ul li.feature{
	margin-top:2px;
}
#feature ul li.feature_ten{ /* 追加20140203 sanyodo sato */
	margin-top:2px;
	margin-right:10px;
}
#feature a:hover{
	filter: alpha(opacity=55);
 	-moz-opacity:0.55;
	opacity:0.55;
}

/* topics - トピックス 2012/07/20
-------------------------------------------------------------*/
#topics{
	clear:both;
	zoom:1;
	float:left;
	width:740px;
	margin-bottom:50px;
}

#topics h2{
	display:block;
	background:url('../images/main_tabs.png') no-repeat;
	background-position: 0 -24px;
	width:740px;
	height:24px;
	margin:0;
	padding:0;
	margin-bottom:5px;
}

#topics .box{zoom:1; border-bottom:#CCC solid 1px; margin: 0;}
#topics .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#topics h3{
	display:block; 
	float:left; 
	padding:14px 0 0 0px; 
	font-size:12px; 
	font-weight:normal; 
	width:105px;
	line-height: 18px;
	text-indent:8px;

}
#topics p{
	display:block; 
	width:620px; 
	margin:0; 
	padding:14px 0 13px 10px;
	font-size:12px; 
	font-weight:normal;
	margin-left:105px;
	line-height: 18px;
}
#topics p a {color:#1a1a1a;}
#topics p a:hover {color:#1a1a1a; text-decoration:underline;}


#topics p img{display:block; float:right; margin:0 0 5px 5px;}
#topics .rss{display:block; float:right; width:15px; height:15px; overflow:hidden; margin:3px 3px 0 0; background:url("../images/header_rss.gif") 0 0 no-repeat; text-indent:-9999px;}
#topics .rss:hover{background:url("../images/header_rss.gif") 0 -15px no-repeat;}

/* new - 新着商品 2012/07/20
-------------------------------------------------------------*/
#new{
	zoom:1; 
	float:left; 
	width:750px; 
	padding-bottom:10px; 
	margin-top:25px; 
	color:#333;
	font-size:70%;
	line-height:16px;

}
#new a {
	color:#333;
	font-size:70%;	
	line-height:12px;
}
#new a:hover {
	color:#333;
	font-size:70%;
	color:#e365b9;
}
#new h2{
	background:url('../images/tabs.png') no-repeat;
	background-position:0 -43px;
	width:750px;
	height:36px;
}
#new h2 a{
	float:right;
	width:90px;
	height:36px;
	display:block;
}
#new:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */

#new .box{float:left; width:128px; margin:24px 12px 0 12px;}

#new .box_last{float:left; width:128px; margin-right:0px; margin-bottom:10px; margin-top:24px;}

#new .text{float:left; width:128px; margin-bottom:5px;}
#new h3{display:block; margin:10px 10px 7px 0; font-weight:normal; line-height:120%;}
#new .price{display:block; margin:5px 7px 5px 0; font-size:12px;}
#new .iconarea{display:block; margin:10px 7px 0 0;}
#new .button{display:block; clear:both; margin-bottom:5px; text-align:center;}
#new .img{display:block; width:126px; margin:0px;}

/*PICKUPITEM*/
#new h4{
	background:url('../images/tabs.png') no-repeat;
	background-position:0 -128px;
	width:750px;
	height:22px;
}

/* recommend - おすすめカテゴリ 2012/07/20
-------------------------------------------------------------*/
#recommend_cat{
	clear:both;
	zoom:1;
	float:left;
	width:740px;
	margin-top: 20px;
	margin-bottom: 50px;
}
#recommend_cat h2{
	display:block;
	background:url('../images/main_tabs.png') no-repeat;
	background-position: 0 -72px;
	width:740px;
	height:24px;
	margin:0;
	padding:0;
	margin-bottom:15px;
}
#recommend_cat img{
	float:left;
	/* margin: 0 10px 0 0; バナー1列に修正*/
	margin-bottom: 20px;
}
#recommend_cat img.last{margin:0}

#recommend_cat .secondor{
	float:left;
	margin-top:10px;
}
#recommend_cat a img:hover{
	filter: alpha(opacity=55);
 	-moz-opacity:0.55;
	opacity:0.55;
}

/* recommend - 提携サイト・タブなしトップページ用おすすめカテゴリ 2015/07/24　佐藤
-------------------------------------------------------------*/
#recommend_cat2{
clear:both; zoom:1; float:left; width:740px; margin-bottom:40px;
}
#recommend_cat2 h2{
	display:block;
	background:url('../images/main_tabs.png') no-repeat;
	background-position: 0 -72px;
	width:740px;
	height:24px;
	margin:0;
	padding:0;
	margin-bottom:15px;
}
#recommend_cat2 img{
	float:left;
	margin: 0 10px 0 0;
}
#recommend_cat2 img.last{margin:0}

#recommend_cat2 .secondor{
	float:left;
	margin-top:10px;
}
#recommend_cat2 a img:hover{
	filter: alpha(opacity=55);
 	-moz-opacity:0.55;
	opacity:0.55;
}

/* recommend - おすすめ商品 2012/07/20
-------------------------------------------------------------*/
#recommend{
	clear:both;
	zoom:1;
	float:left;
	width:740px;
	padding-bottom:0px;
}
#recommend h2{
	display:block;
	background:url('../images/main_tabs.png') no-repeat;
	background-position: 0 -96px;
	width:740px;
	height:24px;
	margin:0;
	padding:0;
	margin-bottom:12px;
}
#recommend .box{
	float:left;
	width: 140px;
	margin-right:8px;
	margin-bottom:30px;
}
#recommend_no5.box, #recommend_no10.box{
	float:left;
	width: 140px;
	margin-right:0px;
}
#recommend_no6.box{
	clear:both;
	float:left;
	width: 140px;
	margin-right:10px;
}
#recommend .box img.img{
	width:138px;
	height:138px;
	border:1px solid #dddddd;

}
#recommend h3, #recommend .text {line-height:13px; font-size:11px; margin-bottom:5px;}
#recommend h3 a{
	color:#1a1a1a;
	text-decoration:underline;
}
#recommend h3 a:hover{
	color:#ffae5c;
	text-decoration:underline;
}

#recommend h4{width:140px; margin-left:10px; font-size:80%; font-weight:normal;}

#recommend p.price{
	margin:0;
	width:140px;
	line-height:14px;
	font-size:11px;
	margin-bottom:5px;
	text-align:left;
	font-weight: bold;
	}

#recommend a:hover{
	filter: alpha(opacity=55);
 	-moz-opacity:0.55;
	opacity:0.55;

}


/*ランキングアイテムボックス*/
#ranking .box{
	float:left;
	width: 140px;
	margin-right:10px;
}
#ranking_no5.box{
	float:left;
	width: 140px;
	margin-right:0px;
}
#ranking .box img.img{
	width:138px;
	height:138px;
	border:1px solid #dddddd;

}
#ranking_no1.box h5 {
	float:left;
	position:relative;
	background:url("../images/main_ranking_crown.png") no-repeat;
	width:140px;
	height:15px;
	margin:0px;
	margin-bottom:3px;
}

 
/* ranking - 人気商品ランキング 2012/07/20
-------------------------------------------------------------*/
#ranking{
	clear:both;
	zoom:1;
	float:left;
	width:740px;
	margin-bottom:10px;
}
#ranking h2{
	display:block;
	background:url('../images/main_tabs.png') no-repeat;
	background-position: 0 -48px;
	width:740px;
	height:24px;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

/*アメックス用ランキング　2015_0831佐藤*/
#ranking_amex{clear:both; zoom:1; float:left; width:740px; margin-bottom:0px;}
#ranking_amex h2{
	display:block;
	background:url('../images/main_tabs.png') no-repeat;
	background-position: 0 -48px;
	width:740px;
	height:24px;
	margin:0;
	padding:0;
	margin-bottom:0px;
}


/*ランキングアイテムボックス*/
#ranking .box{
	float:left;
	width: 140px;
	margin-right:10px;
}
#ranking_no5.box{
	float:left;
	width: 140px;
	margin-right:0px;
}
#ranking .box img.img{
	width:138px;
	height:138px;
	border:1px solid #dddddd;

}
#ranking_no1.box h5 {
	float:left;
	position:relative;
	background:url("../images/main_ranking_crown.png") no-repeat;
	width:140px;
	height:15px;
	margin:0px;
	margin-bottom:3px;
}
#ranking_no2.box h5 {

	background:url("../images/main_ranking_crown.png") no-repeat left center;
	background-position: -150px 0px;
	width:140px;
	height:15px;
	margin:0px;
	margin-bottom:3px;
}
#ranking_no3.box h5 {
	background:url("../images/main_ranking_crown.png") no-repeat;
	background-position: -300px 0px;
	width:140px;
	height:15px;
	margin:0px;
	margin-bottom:3px;
}
#ranking_no4.box h5 {
	background:url("../images/main_ranking_crown.png") no-repeat;
	background-position: -450px 0px;
	width:140px;
	height:15px;
	margin:0px;
	margin-bottom:3px;
}
#ranking_no5.box h5 {
	background:url("../images/main_ranking_crown.png") no-repeat;
	background-position: -600px 0px;
	width:140px;
	height:15px;
	margin:0px;
	margin-bottom:3px;
}
#ranking h3, #ranking .text {line-height:13px;	font-size:11px; margin-bottom:5px;}
#ranking h3 a{
	color:#1a1a1a;
	text-decoration:underline;
}
#ranking h3 a:hover{
	color:#ffae5c;
	text-decoration:underline;
}

#ranking h4{width:140px; margin-left:10px; font-size:80%; font-weight:normal;}

#ranking p.price{
	margin:0;
	width:140px;
	line-height:14px;
	font-size:11px;
	margin-bottom:5px;
	text-align:left;
	font-weight: bold;
	}

#ranking a:hover{
	filter: alpha(opacity=55);
 	-moz-opacity:0.55;
	opacity:0.55;

}



#ranking .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */


/* 手を加えた箇所は※ココまで　*/
/* =================================================================
8.カートの中身～注文完了まで、プレゼント応募～完了まで
使用ファイル：cart_index.xhtml, cart_login.xhtml
　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml
　　　　　　　cart_pre.xhtml, cart_result.xhtml
　　　　　　　present_login.xhtml, present_input.xhtml
　　　　　　　present_confirm.xhtml, present_result.xhtml
=================================================================*/

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex{margin-bottom:20px;}
#cartIndex .step{display:block; margin:20px auto;}
#cartIndex .price{color:#C00; text-align:right;}
#cartIndex .amount{text-align:center;}
#cartIndex .delete{text-align:center;}
#cartIndex .total{margin:0 20px 30px; padding:5px 10px; font-weight:bold; text-align:right; border-bottom:#CCC 1px solid;}
#cartIndex .img{float:left; width:80px; height:80px; margin-right:10px;}

/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin .step{display:block; margin:20px auto;}
#cartLogin table{margin:0 20px 10px;}
#cartLogin h3{margin-bottom:15px; padding:1px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size:85%;}
#cartLogin .box{border:1px solid #CCC; margin-bottom:30px;}

/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow .step{display:block; margin:20px auto;}
#cartFlow h3{margin:30px 20px 10px; font-size:90%;}
#cartFlow .price{color:#C00; text-align:right;}
#cartFlow .amount{text-align:center;}
#cartFlow .total{margin:0 20px; padding:5px 10px; border-bottom:#CCC 1px solid; font-weight:bold; text-align:right;}
#cartFlow .point{color:#F60; font-weight:bold;}
#cartFlow .attention{color:#C00; font-weight:bold; font-size:110%;}
#cartFlow .img{float:left; width:80px; height:80px; margin-right:10px;}


/* =================================================================
9.定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================*/

/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/
#teikiIndex h3{margin:5px; padding-left:8px; border-left:6px solid #FFF; font-size:110%;}
#teikiIndex h4{display:block; margin:30px 20px 20px; padding-left:15px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 0 8px no-repeat; font-size:100%;}
#teikiIndex .box{margin:10px; padding:10px; border:1px solid #CCC; background:#FFF;}
#teikiIndex .head{padding:5px; background:#F1F1F1;}
#teikiIndex .headDetail{padding-left:15px; background:url("../images/marker_on.gif") 0 5px no-repeat;}
#teikiIndex .headRenew{color:#777; text-align:right;}
#teikiIndex .price{color:#C00; text-align:right;}
#teikiIndex table{width:668px;}
#teikiIndex th{padding:5px 10px;}
#teikiIndex td{text-align:center;}
#teikiIndex td.month{background:#F9F9F9; font-weight:bold; color:#960;}

/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/
#teikiDetail h3{margin:5px; padding-left:8px; border-left:6px solid #FFF; font-size:110%;}
#teikiDetail h4{display:block; margin:30px 20px 20px; padding-left:15px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 0 8px no-repeat; font-size:100%;}
#teikiDetail h5{margin:20px 20px 0;}
#teikiDetail .box{margin:10px; padding:10px; border:1px solid #CCC; background:#FFF;}
#teikiDetail .head{padding:5px; background:#F1F1F1;}
#teikiDetail .headDetail{margin-right:20px; padding-left:5px; border-left:12px groove #333;}
#teikiDetail .price{color:#C00;}
#teikiDetail table{width:668px;}
#teikiDetail td.month{background:#F9F9F9; font-weight:bold; color:#960;}


/* =================================================================
10.フッタ
　　ここから変更　2012/07/20
使用ファイル：common/footer.xhtml
=================================================================*/

#footer{clear:both; width:960px; margin:auto; margin-top:30px; padding:30px 0; background:#FFF;}
#footer .backtotop a{display:block; width:87px; height:16px; overflow:hidden; margin-left:873px; background:url("../images/common/footer_uptotop.png") no-repeat; text-indent:-9999px;}



/*サイトマップわ～～るど*/
#footer .all_map{
	clear:both;
	margin-top:14px;
	margin-bottom:28px;
	display:block;
	width:958px;
	height:380px;
	background:url("../images/common/footer_sitemap_bg.png") no-repeat;
	border:1px solid #bebebe;
	z-index:-999;
	font-size:11px;
}
#footer h3 {
	clear:both;
	color:#fd4403;
	font-weight:bold;
	width:160px;
	font-size:11px;
}
#footer h3 a, #footer h3 a:link, #footer h3 a:visited{
	color:#fc4303;
	text-decoration: none;
}
#footer h3 a:hover{
	color:#ff3366;
}
#footer h3.yose{
	float:left;
	width:280px;
}
#footer .onest{
	float: left;
	margin-top: 26px;
	margin-left: 37px;
	width: 285px;

}

#footer .secnd{
	float: left;
	margin-top: 26px;
	margin-left: 37px;
	width: 180px;

}
#footer .therd{
	float: left;
	margin-top: 26px;
	margin-left: 40px;
	width: 180px;

}
#footer .fouth{
	float:left;
	margin-top:26px;
	margin-left:40px;
	width:144px;

}
#footer .all_map ul{
	margin-top:10px;
	margin-bottom:13px;
}
#footer .all_map ul.yose{
	float:left;
	width: 90px;

}
#footer .all_map ul.sec{
	margin-left:30px;
	width: 165px;
}

#footer .all_map ul li{
	background:url("../images/common/footer_map_yaji.png") no-repeat left center;
	text-indent:16px;
	margin-bottom:2px;

}
#footer .all_map ul li a, #footer .all_map ul li a:visited{
	color:#333;
	text-decoration: none;
}
#footer .all_map ul li a:hover{
margin-left:5px;
	color:#fd4403;
	text-indent:26px;
}

/* ショッピングガイド*/
#spguide{clear:both; height:100px; font-size:11px;}

#spguide h1{
	display:block;
	width:960px;
	height:34px;
	background:url("../images/common/footer_guide_tab.png") no-repeat;
	margin-bottom:20px;
}
#spguide .left{float:left;width:302px;margin-left:4px; margin-bottom:38px;}
#spguide .center{float:left;width:302px;margin-left:25px;}
#spguide .right{float:left;width:302px;margin-left:17px;}

#spguide h6{
	display:block; 
	width:100%; 
	height:24px;
	border-bottom:1px solid #bebebe; 
	font-size:12px;
	background:url("../images/common/footer_guide_h6bg.png") no-repeat;
	text-indent:16px;
	line-height:26px;
	margin-bottom:10px;
}
#spguide img.shousai_bottan{float:right;}

#spguide p {clear:both; margin:0; margin-top:0px; margin-bottom:11px;}

#spguide ul li {
	background:url("../images/common/footer_guide_yagi.png") no-repeat;
	text-indent: 15px;
}
#spguide ul li p{ text-indent: 0; margin-left:15px;}
#spguide ul li a{
	text-decoration: underline;
	color:#333;
}
#spguide ul li a:hover{
	text-decoration: none;
	color:#ffae5c;
}
#spguide a img:hover{

	filter: alpha(opacity=55);
 	-moz-opacity:0.55;
	opacity:0.55;
}

#footer .footer_pankuzu{clear:both; display:block; font-size:12px;text-align:center; margin-bottom:8px;}

#footer .footer_pankuzu a{
	text-decoration: none;
	color:#333;
}
#footer .footer_pankuzu a:hover{
	text-decoration: none;
	color:#ffae5c;
}


#footer .copyright{clear:both; display:block; border-top:3px solid #ffae5c;  padding:8px 0 10px; font-size:75%; color:#333; text-align:center;}




/* 手を加えたのここまで　2012/07/20*/
/* =================================================================
11.商品詳細・一覧、プレゼント詳細・一覧
使用ファイル：item_list$detail.xhtml, item_list$image.xhtml
　　　　　　　item_list$simple.xhtml, item_detail.xhtml
　　　　　　　present_list.xhtml, present_detail.xhtml
=================================================================*/

/* 提携サイト footer*/
#footer .teikei_crejit{
	width:265px !important;
}

#footer .teikei_crejit ul{
	margin:0px !important;
	padding:0px !important;
	list-style:none !important;
}

#footer .teikei_crejit li{
	margin:0px !important;
	padding:0px !important;
	list-style:none !important;
	float:left !important;
	background:none !important;
	text-indent:0 !important;
}

/* 提携サイト footer終了*/

/* category_html - カテゴリHTML
-------------------------------------------------------------*/
#category_html{margin-bottom:20px;}
#category_html img{display:block; margin-bottom:10px;}

/* itemListCategory - カテゴリ
-------------------------------------------------------------*/
#itemListCategory{margin-bottom:20px;}
#itemListCategory ul{display:block; zoom:1; width:748px; border:#CCC 1px solid; background:#F5F5F5;}
#itemListCategory ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListCategory li{display:inline; float:left;}
#itemListCategory .select{background:url("../images/marker_on.gif") 7px 10px no-repeat #C00; color:#FFF; text-decoration:none;}
#itemListCategory li a{display:block; padding:5px; background:url("../images/marker.gif") 7px 10px no-repeat; color:#333; font-size:80%;text-decoration:none; text-indent:15px; white-space:nowrap;}
#itemListCategory li a:link{display:block;}
#itemListCategory li a:hover{background:url("../images/marker.gif") 7px 10px no-repeat #CCC; color:#FFF; text-decoration:underline;}
/* 2013/0920 以下を修正　佐藤ち */
#itemListCategory #sub ul{display:block; width:748px; border:#CCC 1px solid; background:#FFF;}
#itemListCategory #sub ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListCategory #sub li{display:inline; float:left;}
#itemListCategory #sub .select{background:url("../images/marker_on.gif") 7px 10px no-repeat #CCC; color:#FFF; text-decoration:none;}
#itemListCategory #sub li a{display:block; padding:5px; background:url("../images/marker.gif") 7px 10px no-repeat; color:#333; font-size:80%; text-decoration:none; text-indent:15px;}
#itemListCategory #sub li a:link{display:block;}
#itemListCategory #sub li a:hover{background:url("../images/marker.gif") 7px 10px no-repeat #CCC; color:#FFF; text-decoration:underline;}

/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#list{padding-bottom:20px;}
#list ul{zoom:1; margin-bottom:10px; padding-left:5px; background:url("../images/list_bg.gif") bottom repeat-x;}
#list ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#list li{float:left;}
#list li a{display:block; margin-right:5px; padding:5px 10px 5px 30px; border-top:1px solid #DDD; border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #CCC; font-size:80%;}
#list .detail{background:url("../images/list_detail.gif") 7px 7px no-repeat #DDD;}
#list .image{background:url("../images/list_image.gif") 7px 7px no-repeat #DDD;}
#list .simple{background:url("../images/list_simple.gif") 7px 7px no-repeat #DDD;}
#list .detail_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_detail_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;}
#list .image_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_image_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;}
#list .simple_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_simple_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;}
#list .pageguide{float:left; width:500px; font-size:75%;}
#list .rearrange{float:left; width:200px; font-size:75%; text-align:right;}
#list .pagelink{clear:both; font-size:75%;}
#list .pagelink_l {clear: both; font-size: 75%; text-align:right;}
#list .nolink{color:#999;}

/* itemListDetail - 商品詳細一覧・プレゼント一覧
-------------------------------------------------------------*/
#itemListDetail{margin-bottom:50px; width:740px; float:left;}
#itemListDetail .box{zoom:1; margin:10px 6px 5px 0; width:140px; height:260px; float:left;}
/*#itemListDetail .box:hover{border:#e26cbb 1px solid;}*/
#itemListDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListDetail .img{float:left; width:125px; height:125px; margin:6px;}
#itemListDetail .text{margin:5px; font-size:12px;}
#itemListDetail h3{display:block; margin:10px 10px 5px 0; font-size:12px; line-height:1.3em;}
#itemListDetail .appeal{display:block; margin:0; color:#F60; font-size:70%;}
#itemListDetail .price{display:block; margin:0; color:#C00; float:left;}
#itemListDetail .price .teika{font-weight:bold; font-size:110%; display:block; width:130px;}
#itemListDetail .price .other{font-size:90%;}
#itemListDetail .explanation1{display:block; margin:5px 10px 0 0; padding:5px 0; border-top:#CCC 1px solid; font-size:80%; line-height:120%;}
#itemListDetail .button{display:block; margin:5px 10px 5px 0; padding-top:10px; border-top:#CCC 1px solid; text-align:right;}
#itemListDetail .property{display:inline; margin:0; color:#AAA; font-size:75%;}

/* itemListSimple - 商品簡易一覧
-------------------------------------------------------------*/
#itemListSimple{margin-bottom:20px;}
#itemListSimple .box{zoom:1; margin-top:10px; border:#CCC 1px solid;}
#itemListSimple .box:hover{border:#8CC329 1px solid;}
#itemListSimple .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListSimple h3{display:block; margin:10px 10px 0 10px; font-size:95%;}
#itemListSimple .appeal{display:block; margin:0 0 0 10px; color:#F60; font-size:70%;}
#itemListSimple .price{display:block; margin:0 0 0 10px; color:#C00;}
#itemListSimple .price .teika{font-weight:bold; font-size:110%;}
#itemListSimple .price .other{font-size:90%;}
#itemListSimple .explanation1{display:block; margin:5px 10px 0; padding:5px 0; border-top:#CCC 1px solid; font-size:80%; line-height:120%;}
#itemListSimple .button{display:block; margin:5px 10px; padding-top:10px; border-top:#CCC 1px solid; text-align:right;}
#itemListSimple .property{display:inline; margin:0; color:#AAA; font-size:75%;}

/* itemListImage - 商品画像一覧
-------------------------------------------------------------*/
#itemListImage{margin-bottom:20px;}
#itemListImage:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListImage .box{float:left; margin-top:10px; width:235px; height:370px; margin-right:10px; border:#CCC 1px solid;}/* 2015_0407 sato */
#itemListImage .box:hover{border:#8CC329 1px solid;}
#itemListImage .text{float:left; width:95px;}
#itemListImage h3{display:block; margin:5px 10px 0 0; font-size:14px; line-height:120%;}
#itemListImage .icon{display:block; margin:10px 7px 0 0; line-height:120%;}
#itemListImage .button{display:block; clear:both; margin:5px 0; text-align:center;}
#itemListImage .img{display:inline; float:left; margin:10px 6px 10px 10px;}

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail{margin-bottom:20px;}
#itemDetail .box{zoom:1; margin-top:10px;}
#itemDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .iconarea{float:left; width:350px;}
#itemDetail .otherImage{clear:both; padding:10px 10px 0 15px; font-size:75%;}
#itemDetail .recommend{clear:both; padding:10px 10px 10px 5px; font-size:75%;}
#itemDetail .img{width:400px; height:300px; margin:10px;}
#itemDetail .propertyImg{float:left; margin-bottom:10px;}
#itemDetail .propertyImg img{display:block; margin-left:10px;}
#itemDetail .propertyImg p{margin:0; text-align:center;}
#itemDetail p{margin:0 0 10px;}
#itemDetail .text{float:right; width:350px;}
#itemDetail .appeal{display:block; margin:10px 10px 0 0; color:#F60; font-size:75%;}
#itemDetail h3{display:block; margin:0px 10px 5px 0; font-size:105%;}
#itemDetail .price{display:block; margin:0 10px 5px 0; font-size:90%; color:#C00;}

#itemDetail .price .teika{display:block; margin-bottom:5px; font-weight:bold; font-size:110%; color:#F00;}/*2015_0401 sato */
#itemDetail .price .other{display:block; font-size:90%;}

#itemDetail .price .other2{display:block; font-size:90%; color:#000;}/*2015_0401 sato */　

#itemDetail .information{display:block; margin:0 10px 0 0; font-size:80%;}
#itemDetail .explanation2{display:block; margin:10px 10px 20px 0; padding-top:10px; border-top:#CCC 1px solid; font-size:80%; line-height:120%;}
#itemDetail .explanation3{display:block; margin:0 0 10px 0; padding:0;}  /* 修正2015_0816 佐藤 */
#itemDetail .explanation4{display:block; margin:0 0 20px 0; padding-top:0; font-size:80%; line-height:120%;} /* 追加2015_0816 佐藤 */
#itemDetail .explanation5{display:block; margin:0 0 20px 0; padding-top:0; font-size:80%; line-height:120%;} /* 追加2015_0911 佐藤 */
#itemDetail .button{display:block; margin:20px 10px 20px 0;}
#itemDetail table{width:445px; margin:0 0 10px;}
#itemDetail th{width:100px; padding:5px 10px; text-align:left;}
#itemDetail td{padding:5px 10px;}


/* =================================================================
12.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
#review{margin-bottom:40px;}
#review p{margin:0 10px;}
#review p.item_name{font-size:95%; font-weight:bold;}
#review h3{float:left; margin:0 10px; font-size:80%;}
#review .box{zoom:1; margin:10px 0 5px; padding:10px; border:#CCC 1px solid;}
#review .box h3{float:none; font-size:90%;}
#review .box p{margin:0;}
#review .box p.name{padding:5px 0; margin-bottom:10px; border-bottom:1px dashed #CCC; color:#666; font-size:75%;}
#review p.goodButton{margin-bottom:5px; color:#666; font-size:75%;}
#review p.goodButton input{margin-left:5px;}
#review p.goodNumber{margin-bottom:20px; color:#666; font-size:75%;}
#review p.more{margin-bottom:20px; font-size:75%; text-align:right;}
#review p.pageguide{margin:10px;}
#review p.pagelink{text-align:center; margin-bottom:20px;}
#review ul.star{float:left; margin-right:10px;}
#review ul.star li{display:block; float:left; width:15px; height:15px; text-indent:-9999px;}
#review ul.star li.good{background:url("../images/review_good.gif") no-repeat;}
#review ul.star li.bad{background:url("../images/review_bad.gif") no-repeat;}
#review .contribution{zoom:1; margin-top:10px; padding:10px 10px 0 10px;}
#review .contribution table{margin:0; border:none;}
#review .contribution th{width:80px; padding:5px 10px; border:none; background:none; font-weight:normal; text-align:left;}
#review .contribution td{padding:5px 10px; border:none;}
#review .contribution h3{float:none; margin-bottom:10px; padding:3px 5px; border-right:1px solid #EEE; border-bottom:1px solid #DDD; border-left:5px solid #960; background:#F5F5F5; font-size:95%;}


/* =================================================================
13.購入履歴
使用ファイル：member_history.xhtml
=================================================================*/
#history h3{display:block; margin:40px 30px 0 20px; padding-left:55px; font-size:80%;}
#history h3.preparing{background:url("../images/history_preparing.gif") no-repeat;}
#history h3.delivered{background:url("../images/history_delivered.gif") no-repeat;}
#history h3.canceled{background:url("../images/history_canceled.gif") no-repeat;}
#history h3.yoyaku{background:url("../images/history_yoyaku.gif") no-repeat;}
#history .price{color:#C00; text-align:right;}
#history .cart{width:230px; text-align:center;}
#history .code{width:80px;}
#history .amount{width:30px; text-align:center;}
#history .status{float:right;}
#history .property{display:block; color:#AAA; font-size:90%;}


/* ===================================================================
14：サブウインドウで表示するページ用
使用ファイル：item_detail_other_image.xhtml
　　　　　　　item_friend_mail.xhtml,item_friend_mail_result.xhtml
　　　　　　　item_itemproperty_zaiko.xhtml
　　　　　　　present_friend_mail.xhtml,present_friend_mail_result.xhtml
=================================================================== */

#subwindow{width:640px;margin:auto;text-align:left;}

#subwindow #header{width:640px;zoom:100%;}
#subwindow #header:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */

#subwindow #header h1 a{float:left;width:320px;height:65px;background:url("../images/header_title.gif") no-repeat;display:block;text-indent:-9999px;}

#subwindow #content{width:640px;padding-bottom:20px;float:left;}
#subwindow #content h2{height:25px;display:block;background:url("../images/title_bg.gif") no-repeat;font-size:85%;padding:3px 10px 3px 25px;}
#subwindow #content p{margin:5px 20px;font-size:80%;line-height:150%;}
#subwindow #content .images{text-align:center;margin:10px;}
#subwindow #content table{font-size:80%;line-height:160%;margin:10px 20px;width:600px;border:1px solid #CCCCCC;}
#subwindow #content th{background:#EEEEEE;padding:15px;vertical-align:top;border:1px solid #CCCCCC;width:150px;}
#subwindow #content th.zaiko{width:auto;text-align:center;}
#subwindow #content td{padding:15px;vertical-align:top;border:1px solid #CCCCCC;}
#subwindow #content td.number{text-align:right;}
#subwindow #content .hissu{color:#CC0000;font-weight:bold;}
#subwindow .buttonarea{text-align:center;border-top:#CCCCCC 1px dashed;margin:10px;padding-top:10px;}


/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
=================================================================*/
#error{width:100%; padding-bottom:20px;}
#error table{margin:20px; border:none !important; font-size:80%;}
#error td{padding:10px; border:none !important;}
#error .ico{width:40px; vertical-align:top; text-align:center;}
#error .content{padding:5px; color:#C00; font-weight:bold; vertical-align:middle; line-height:150%;}
#error .buttonarea{margin:10px; padding-top:10px; border-top:#CCC 1px dashed; text-align:center;}
#error ul{background:none;}


/*タブ内アイテム一欄CSS　2012/07/20*/
#osbox{
	float:left;
	width:223px;
	margin-left:15px;
	margin-top:23px;
}
#osbox.one{
	float:left;
	width:223px;
	margin-left:15px;
	margin-top:25px;
	margin-bottom:15px;
}
#osbox img.img {
	float:left;
	width:78px;
	height:78px;
	border: 1px solid #aaa;
	margin-right:10px;
}
#osbox h4 a{
	float:left;
	width:129px;
	font-size:10px;
	color:#333;
	text-decoration: underline;
}
#osbox .text {
	float:left;
	width:129px;
	font-size:10px;
	margin-top:8px;

}


/*タブ切り替え用CSS　2012/07/25*/
#tab_area {
	float:left;
	margin-bottom:40px;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	float:left;

}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 34px 0;
 border-bottom: 1px solid #aaa;
 font-size:12px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0px;
 display: inline;

}

ul.tabbernav li a
{
 float:left;
 width:230px;
 display:block;
 height:33px;
 margin-left: 0px;
 margin-right: 5px;
 border: 1px solid #aaa;
 border-bottom: none;
 background: #efefef;
 text-decoration: underline;
 text-align:center;
 line-height:33px;
}

ul.tabbernav li a:link { color: #333; }
ul.tabbernav li a:visited { color: #333; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #efefef;
 border-color: #aaa;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;

}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 clear:both;
 float:left;
 width:737px;
 padding:0px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
 
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* =================================================================
0.改修
佐藤
=================================================================*/

 /* 追加sanyodo_sato 2014_0519 */
.carttext {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 11pt;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  アメックス用トップページ　タブ 　2015_0831佐藤
  --------------------------------------------------*/
ul.tabbernav_amex
{
 margin:0;
 padding: 0px 0;
 border-bottom: 1px solid #aaa;
 font-size:12px;
}

ul.tabbernav_amex li
{
 list-style: none;
 margin: 0px;
 display: inline;

}

ul.tabbernav_amex li a
{
 float:left;
 width:230px;
 display:block;
 height:33px;
 margin-left: 0px;
 margin-right: 5px;
 border: 1px solid #aaa;
 border-bottom: none;
 background: #efefef;
 text-decoration: underline;
 text-align:center;
 line-height:33px;
}

ul.tabbernav_amex li a:link { color: #333; }
ul.tabbernav_amex li a:visited { color: #333; }

ul.tabbernav_amex li a:hover
{
 color: #000;
 background: #efefef;
 border-color: #aaa;
}

ul.tabbernav_amex li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;

}

ul.tabbernav_amex li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/* -----------------------追加 佐藤------------------------- */

/* テキスト 文字の太さ ノーマル  */
.nor{
	font-weight: normal;
}

/* テキスト 太字ブルー 2015_0915 佐藤 */
.blue{
	color: #0000ff;
	font-weight: bold;
}
.blue_b{
	color: #0000ff;
	font-weight: bold;
	font-size: 100%;
}

/* テキスト 太字レッド 2015_0915 佐藤 */
.red{
	color: #ff0000;
	font-weight: bold;
	line-height: 130%;
}

.red span{
	font-weight: normal;
}

/* テキスト 太字ブラウン 2015_0915 佐藤 */
.blown{
	color: #800000;
	font-weight: bold;
}

/* テキスト 太字ピンク 2016_0208 佐藤 */
.pink{
	color: #ff00ff;
	font-weight: bold;
}

/* テキスト 太字オレンジ 2016_0208 佐藤 */
.satuma{
	color: #ff6600;
	font-weight: bold;
}

/* 枠　背景イエロー 2015_0811 佐藤 */
.back_y{
	background-color: #FFFEE4;
	border:  1px dashed #F60;
	padding: 5px;
	line-height: 160%;
}
.back_y span{
	color: #8C3C14;
	font-weight: bold;
	line-height: 200%;
}

/* 枠 背景ピンク 2015_0815 佐藤 */
.back_p{
	background-color: #FEF9FF;
	border:  1px dashed #F00;
	padding: 5px;
	line-height: 160%;
}
.back_p span{
	color: #990066;
	font-weight: bold;
	line-height: 200%;
}

/* 枠 背景青 2025_0227 青木 */
.back_b{
	background-color: #e0ffff;
	border:  1px dashed #F00;
	padding: 5px;
	line-height: 160%;
}
.back_b span{
	color: #990066;
	font-weight: bold;
	line-height: 200%;
}

/* 注意書き 2015_1214 sato */
.exc_g {
	font-size: 220%;
	font-weight: bold;
	color: #FFF;
	background-color: #093;
	width: 100%;
	padding-left: 20px;
}
.exc_g span {
	height: 50px;
	line-height: 50px;
}

/* ヘッダー 2022/05 */
.line-red{
	border-bottom:solid 4px #d80000;
}
.flex_info-box {
 	display: flex;
 	background: url(../images/common/menu_back.png);
 	background-repeat: repeat-x;
 	justify-content:center;
}
.flex_info-item {
	width: 240px;
}
.flex_info-item:hover{
	opacity: 0.5;
}

.flex_cat-box {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	width: 960px;
	margin: 10px auto 5px;
}
.flex_cat-item {
	width: 24.7%;
	height: 31px;
	background-color: #e4e4e5;
	text-align: center;
	font-size: 0.67em;
	line-height: 31px;
	margin-bottom: 5px;
}
.flex_cat-item:hover{
	background-color: #faf6ea;
}
.flex_cat-item a{
	display: block;	
	height: 100%;
	color:#000;
}
.flex_cat-item a:hover{
	color: #f80000;
}