/* ======================================== サイト全体に適用*/


/* 全ての要素の間隔・余白を０へ */
* {
	margin:0;
	padding:0;
}


body {
	margin: 0;
	font-size: 96%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	text-align: center;
	background-color: #ffffff;
}


p, /* 文章の行間を指定 */
#main ul,
#main ol,
#menuL ul,
#menuL ol,
dl
{
	line-height: 160%;
}


a:hover	{
	color:#cc0000;
}


/* ========================================  #page ページ外枠 */
#page {
	width: 900px;
	padding: 0 20px 0;
	margin: 0px auto;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../img/bg_img01.jpg);
}


#headline {
	width: 880px;
	height: 18px;
	padding: 10px;
	border-bottom: 1px solid #cc0000;
}


/* 見出し */
#headline h1 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
}


/* ========================================  #header 画面上部 */
#header {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 177px;
}


/* 写真の表示 */
#headerimg {
	padding: 0;
	margin: 0;
	height: 177px;
	width: 676px;
	float: left;
}


/* FAX番号の表示 */
#headertext {
	padding: 0;
	margin: 0;
	height: 177px;
	width: 224px;
	float: right;
}


#header img {
	border: none;
}


/* ========================================  #menu 上部ナビゲーション */
#menu {
	clear:both;
	background-image: url(../img/menu_bg2.jpg);
	background-repeat: repeat-x;
}


ul.menu_f01 {
	height: 34px;
	list-style-type: none;
	margin-left: 1px;
	background-image: url(../img/menu_bg2.jpg);
	background-repeat: repeat-x;
}


ul.menu_f01 li{
	float: left;
	display: block;
}


ul.menu_f01 li a{
	height: 25px;
	width: 127px;
	padding: 10px 0 0;
	margin-left: 1px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 14px;
	letter-spacing: 1px;
	color: #dddddd;
	text-decoration: none;
	display: block;
	text-align: center;
	background-image: url(../img/menu_bg.jpg);
	background-repeat: repeat-x;
}


ul.menu_f01 li a.nowthis {
	border-bottom: 5px solid #CC0000!important;
}


ul.menu_f01 li a:hover , ul.menu_f01 li a.nowthis {
	padding: 10px 0 0;
	border-bottom: 2px solid #CC0000;
	background-color: #E8E8E8;
	color: #cc3333;
}


/* IE6 対策 */
* html ul.menu_f01 li a:hover , ul.menu_f01 li a.nowthis {
	border-bottom: 0px solid #CC0000;	/* IE6ではナビゲーションのアンダーラインを表示しない */
}



/* ======================================== サイドメニューの外枠（#leftside）と画面中央部（#main） */
#contents {
	padding: 8px 0 0;
	border-top: 1px solid #cc0000;
	margin: 5px 0 0 ;
	background-color: #FFFFFF;
}


/* ========================================  左側サイドメニューの外枠 */


#leftside {
	float  : left;
	width  : 200px;
	padding: 0 10px 0px;
	margin : 0;

}


.left_info {
	width  : 198px;
	margin : 0 0 3px;
	border : 1px solid #ffffff;
}


/* 「［蔵］販売ランキング」［蔵］の画像 */
#rank_title {
	width  : 187px;
	height :  40px;
	padding: 0 6px 0 5px;
}


/* IE6 対策 */
* html #rank_title {
	width  : 198px;
	height :  33px;
	padding: 0;
	text-align: center;
}


/* 各順位ごとの外枠 */
.rank_box {
	width  : 195px;
	height : 117px;
	padding: 10px 0 10px;
}


/* 各順位の商品写真（枠つき） */
.rank_photo {
	float  : left;
	height : 115px;
	width  :  80px;
	border : 1px solid #cccccc;
	margin : 0 2px 0 4px;
}


/* IE6 対策 */
* html .rank_photo {
	margin: 0 2px 0;
}


/* 各順位の商品写真のデフォルトの青枠を無効にする */
.rank_photo img {
	border: none;
}


/* 各順位の商品説明 */
.rank_txt {
	float  : left;
	height : 117px;
	width  : 107px;
}


/* IE6 対策 */
* html .rank_txt {
	width : 102px;
}


.rank_txt h2 {
	padding    : 0 0 10px;
	font-size  : 14px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 16px;
}


.rank_num {
	padding    : 0 0 5px;
	font-size  : 14px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
}


.rank_sum {
	font-size  : 12px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 16px;
}


/* ========================================  左一覧 */


.left_lineico { /* サイドボックス内のメッセージボックス */
	height:30px;
	margin:40px 0 0 5px;
	padding:0px 0 5px 5px;
	border-bottom: 1px solid #ccc;
}



.left_lineup { /* サイドボックス内のメッセージボックス */
	color:#c00;
	margin:0px 0 10px 0;
	padding:00px 0 0px 0;
	height:auto;
	width:200px;
}


/* サイドボックス内のメッセージボックス */
.left_ico {
	color: #333;
	padding: 1px 0;
	margin: 50px 0 0;
}


/* アイコン周り */
.left_ico p {
	color: #333;
	margin: 2px 5px 30px 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 24px;
}


/* サブメニュー内のバナー画像スペース */
.banner {
	margin: 0 0 10px;
	width: 200px;
	border: 1px solid #ccc;
}


/* IE6 対策 */
* html .banner {
	border: 0px solid #ccc;
	line-height:20px;
}


/* 左商品一覧 */
#left_lineico {
	height : 34px;
	width  : 180px;
	padding: 0 15px 0 3px;
	border: 1px solid #ccc;
}


/* IE6 対策 */
* html #left_lineico {
	height: 14px;
}


/* サイドボックス内のメッセージボックス */
#left_lineup {
	height: auto;
	width : 198px;
	border-right: 1px solid #ccc;
	border-left : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
	margin:0 0 5px 0;
}



/* 左一覧 詳細*/


/* サイドボックス内のメッセージボックス */
.lineup_dl {
	color:#c00;
	margin:0 0 5px;
	padding:0px 0 10px 0;
	height:auto;
	width:180px;
}


/* サイドボックス内のメッセージボックス */
.lineup_dl dt {
	font-size:16px;
	padding: 0 0 0 25px;
	margin: 20px 0 0 0;
	color: #900;
	line-height:26px;
	background-image:url(../img/line_eye.jpg);
	background-repeat:no-repeat;
}


/* サイドボックス内のメッセージボックス */
.lineup_dl dd {
	font-size:14px;
	padding: 0 0 0 25px;
	margin: 0;
	list-style-type: none;
	color: #900;
}


.lineup_dl dd a {
	font-size: 12px;
	color:#000;
	display: block;
	padding-left:13px;
	text-decoration:none;
}


.lineup_dl dd a:hover {
	font-size: 12px;
	color:#00f;
	display: block;
	text-decoration:underline;
}

#w3c_validation {
	width: 200px;
	padding: 20px 0 0;
	text-align: center;
}


/* ========================================  #main ページの本文 */
#main {
	float: right;
	width: 659px;
 	padding: 0 10px 0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size:12px;
}


/* IE6 対策 */
* html #main {
 	padding: 0 2px 0 10px;
}



/* #s_menu 上部サブメニュー */
#s_menu {
	margin: 3px 0 10px;
}


ul.s_menu_f01{
	height: 20px;
	list-style-type: none;
	margin:0 0 0 1px;
}


ul.s_menu_f01 li{
	float: left;
}


ul.s_menu_f01 li a{
	height: 20px;
	padding: 3px 10px 0;
	margin: 0 0 0 1px;
	font-size: 14px;
	color: #003333;
	text-decoration: none;
	display: block;
	background-image: url(../img/s_top.gif);
	background-repeat: no-repeat;
}


/* IE6 対策 */
* html ul.s_menu_f01 li a {
	display:inline;

}


ul.s_menu_f01 li a:hover , ul.s_menu_f01 li a.nowthis{
	padding: 4px 10px 0;
	color: #c33;
}


#pankuzu {
	height: 15px;
	padding: 5px 0 0 2px;
	margin: 0 0 10px;
	font-size: 12px;
}


#cart {
	height: 15px;
	padding: 0 0 0 15px;
	margin: 5px 0 0;
	font-size: 12px;
	float: right;
	background-image: url(../img/cart.gif);
	background-repeat: no-repeat;
}


#sub_img {
	height: auto;
	width: 667px;
	margin: 0 0 10px;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 18px;
	letter-spacing: 1px;
	color: #333;
}


#main_news {
	height: 342px;
	margin: 20px 0 20px;
	padding: 0 10px 0;
	font-size: 15px;
	line-height: 15px;
	background-image: url(../img/news_bg.jpg);
	background-repeat: no-repeat;
}


#news_ico {
	height: auto;
	margin: 10px 0 5px;
	padding: 60px 10px 0;
	font-size: 15px;
	line-height: 15px;
	background-image: url(../img/news_ico.jpg);
	background-repeat: no-repeat;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* IE6 対策 */
* html #news_ico {
	background-image: url();

}



/* 定義リスト表示 */
#news_ico dl {
	padding: 0 0 5px;
	margin: 0 0 0 30px;
}



#news_ico dt {
	float: left;
	clear: left;
	padding: 0 0 0 5px;
	margin: 0 20px 8px 0;
	border-left: solid 10px #900;
	font-size: 15px;
	line-height: 15px;
}


#news_ico dd {
	margin: 0 20px 8px 0;
	font-size: 15px;
	line-height:15px;
}


/* #main中の間隔調整 */
.contentswrap {
	margin:0 10px 15px;
}


/* 本文の見出し */
#main h1 {
	clear:left;
	height:50px;
	padding:10px 0 0 50px;
	font-size:18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	letter-spacing: 4px;
	background-image: url(../img/main_h1.jpg);
	background-repeat: no-repeat;
}


/* 本文の見出し */
#main h2 {
	clear: left;
	font-size: 18px;
	color:#FFF;
	height: 50px;
	padding:10px 0 0 50px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	letter-spacing: 4px;
	background-image: url(../img/main_h2.jpg);
	background-repeat: no-repeat;
}


/* 本文の見出し3 */
#main h3 {
	margin:0.5em 0;
	background-color: #F6F6F6;
	border-left: 5px solid #336699;
	padding: 3px 0px 3px 5px;
	font-size: 96%;
	border-bottom: 1px solid #ccc;
}


/* 本文の段落 */
#main p {
	margin: 0 2px 1.2em 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#main #subnavi {
	clear: both;
	padding: 10px 0;
	margin: 20px 0 10px;
	border-top: 1px dashed #999;
	text-align: right;
}


/* 図・写真用クラス：写真のような枠をつける */
#main .img {
	padding: 5px;
	margin: 0 0 20px 20px;
	background-color: #ccc;
	border: 1px solid #999;
}


.toInfo {
	clear: left;
	font-size:12px;
	margin: 0px !important;
	text-align: right;
	list-style-type: none;
}


.toInfo a {
	padding: 0 0 0 20px;
}


.line {
	height     : 1px;
	width      : 655px;
	border-top : 1px solid #ccc;
}


/* ========================================  #main ページの本文 */

.top_link {
	width: 659px;
	height: 170px;
	margin: 10px 0 20px 0;
	border: solid 1px #ccc;
	padding: 10px 0 0;
}


.link_name {
	width: 175px;
	height: 140px;
	float: left;
	margin: 5px 10px 15px;
	padding: 0 20px 0 0 ;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
	border-right: solid 3px #cc0000;
}


/* IE6 対策 */
* html .link_name {
	margin: 5px 5px 15px;
}


.link_img {
	width: 150px;
	height: 100px;
	margin: 10px 15px 30px;
}


.top_link p {
	margin: 15px 0 0;
	padding: 5px 10px 0 0;
	font-size: 14px;
	text-align: left;
	line-height: 16px;
}


#ico_link {
	width: 659px;
	height: 170px;
	margin: 20px 0;
	border: solid 1px #ccc;
}


.ico_box {
	width: 202px;
	height: 153px;
	float: left;
	margin: 15px 3px 0px 12px;
}


/* IE6 対策 */
* html .ico_box {
	margin: 15px 6px 0px 6px;
}


.ico_img {
	width: 200px;
	height: 95px;
	float: left;
	border: solid 1px #ccc;
}


/* IE6 対策 */
* html .ico_img {
	border: solid 0px #ccc;
}


.ico_text {
	width: 200px;
	height: 43px;
	float:left;
	padding: 10px 0 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	text-align: left;
	line-height: 16px;
}

/* IE6 対策 */
* html .ico_text {
	line-height: 20px;
}


/* ========================================  #underNavi 画面下部サブナビゲーション */
#underNavi {
	clear: both;
	padding: 10px;
	border-top: 1px solid #ccc;
}


/* ========================================  #f_menu 下部リンクメニュー */
#f_menu {
	clear: both;
	padding: 0 0 0 60px;
	border-top: 1px solid #ccc;
	margin: 3px 0 0;
	text-align: center;
}


ul.f_menu_f01 {
	height: 15px;
	padding: 10px 0 0;
	margin: 0 0 0 1px;
	list-style-type: none;
}


ul.f_menu_f01 li {
	float: left;
}


ul.f_menu_f01 li a {
	height: 15px;
	padding: 0 10px 0;
	margin: 0 0 0 1px;
	font-size: 12px;
	color: #003333;
	text-decoration: none;
	display: block;
	background-image: url(../img/s_top.gif);
	background-repeat: no-repeat;
}


/* IE6 対策 */
* html ul.f_menu_f01 li a {
	display:inline;
}


ul.f_menu_f01 li a:hover , ul.f_menu_f01 li a.nowthis {
	padding: 0 10px 0;
	color: #00F;
	text-decoration: underline;
}


/* ========================================  #footer 画面下部 */
#copy {
	padding: 10px;
	border-top: 1px solid #cc0000;
	font-size: 12px;
	text-align: center;
}


/* ========================================  #templatelink 画面下部:著作リンク */
#templatelink {
	padding: 5px 0;
	font-size: 12px;
	text-align: right;
}


#templatelink a{
	color: #666;
	text-decoration: none;
}


/* ========================================  そのほか個別設定 */

/* 表の整形・配色 */
/* index.html では使っていない */
.table, .table2 {
	width: 530px;
}

/* index.html では使っていない */
table {
	margin: 0 0 2em 2px;
}

/* index.html では使っていない */
.table td {
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}

/* index.html では使っていない */
.table td.tb {
	width: 200px;
	background-color: #F8F5EF;
}

/* index.html では使っていない */
.table2 td {
	padding: 10px;
}

/* index.html では使っていない */
.table2 td.tb {
	width: 100px;
	text-align: right;
	background-color: #EBEBEB;
}


/* .itemList #main内の段組用外枠 */
/* index.html では使っていない */
.itemList {
	clear: left;
	margin: 0 0 5px;
	border-bottom: 1px solid #CCC;
}


/* .itemList #main内の段組用内枠 */
/* index.html では使っていない */
.box {
	width:300px;
	height:330px;
	margin:10px 10px 5px;
}

/* index.html では使っていない */
.box h2 {
	margin: 0 0 10px;
}

/* index.html では使っていない */
.item_img {
/* .itemList #main内の段組用：アイキャッチ画像 */
	float: left;
	border: 1px solid #ccc;
	margin: 10px;
}

/* index.html では使っていない */
.box_name {
	height: 35px;
	margin: 5px 0 10px 10px;
	padding: 5px 0 0 10px;
	font-size: 14px;
	line-height: 16px;
}

/* index.html では使っていない */
.box p {
	margin: 5px 0 0 10px;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 20px;
}

/* index.html では使っていない */
.box_price {
	margin: 30px 0 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 12px;
}

/* index.html では使っていない */
.box_sum {
	width :125px;
	padding: 5px 0 10px 25px;
	margin: 0px 0px 10px 150px;
	font-size: 12px;
	background-image: url(../img/box_sum.gif);
	background-repeat: no-repeat;
}

/* index.html では使っていない */
.box_price2 {
	width: 130px;
	height: 30px;
	padding: 10px 0 0 10px;
	font-size: 12px;
	line-height: 12px;
	float: left;
}

/* index.html では使っていない */
.box_cart {
	width: 145px;
	height: 30px;
	padding: 5px 0 0 10px;
	font-size: 12px;
	line-height: 12px;
	float: left;
}

/* index.html では使っていない */
#cart_line {
	clear: both;
	width: 290px;
	height: 1px;
	background-color: #ccc;
}

/* index.html では使っていない */
.box ul {
	float: left;
	width: 140px;
	margin: 0 0 30px !important;
	list-style-position: outside;
}





#fax_dialog {
	text-align:left;
}


#fax_dialog li {
	margin: 0 0 0 30px;
}


#fax_dialog li a:link, #fax_dialog li a:visited {
	text-decoration: none;
}


#fax_dialog li a:hover {
	text-decoration: underline;
}