」@charset "shift_jis";


/* -----------------------------------------------------------
 exclude01    【Ver.001--20100707】
------------------- 
 更新履歴
 ※20100707 - 作成
 ※20100717 - カレンダーページ作成
						
-------------------
----------------------------------------------------------- */
/* -----------------------------------------------------------
 共通タグ
----------------------------------------------------------- */
a{outline: none;}
a:focus{outline:none;}

img{
	vertical-align:bottom;
	border: none;
	}
#pro_wrapper{
	width: 930px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	padding-top: 20px;
	margin: 0px 0px 0px 10px;
}
p, dl, dt, dd, ul li{
	margin: 0px;
	padding: 0px; 
}
h4, h5{
	margin: 0px 0px 0px 0px;
	padding: 0px; 
}


/* -----------------------------------------------------------
 メインビジュアル + カテゴリナビゲーション
----------------------------------------------------------- */
#pro_wrapper #box01{
	width: 930px;
	margin: 0px 0px 16px 0px;
}
#pro_wrapper #box01 #visual{
	width: 574px;
	height:240px;
	float: left;
}
#pro_wrapper #box01 #cnavi{
	width: 356px;
	height: 240px;
	float: left;
}
#pro_wrapper #box01 #cnavi #list{
	width: 356px;
	height: 190px;
	background:url(../images/exclude/zokango/main_btback.jpg) no-repeat 0 0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 
}
#pro_wrapper #box01 #cnavi #list ul{
	width: 170px;
	float: left;
}
#pro_wrapper #box01 #cnavi #list ul li{
	width: 170px;
	height: 25px;
	margin: 0px 0px 0px 0px;
}
#pro_wrapper #box01 #cnavi #list #menuleft li{
	margin: 0px 0px 0px 2px;
}
/* CategoryMenu　ロールオーバー */
#pro_wrapper  #list{
	width: 170px;
	float: left;
}
#pro_wrapper  #list a{
  display: block;
  position: relative;
  text-decoration: none;
	margin: 0px 0px 0px 0px;
	width: 170px;
  height: 25px;
	padding-top: 0px;
}

#pro_wrapper  #list a span{
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;	
}
#pro_wrapper #cnavi #list a:hover span{
  background-position: 0px -25px;
}
#pro_wrapper  #list a span{
  width: 170px;
  height: 25px;
}

/* 画像指定 */
#pro_wrapper  #list a#main_bt01 span{
  background: url(../images/exclude/zokango/main_bt01.gif) 0px 0px no-repeat;
}
#pro_wrapper  #list a#main_bt02 span{
  background: url(../images/exclude/zokango/main_bt02.gif) 0px 0px no-repeat;
}
#pro_wrapper  #list a#main_bt03 span{
  background: url(../images/exclude/zokango/main_bt03.gif) 0px 0px no-repeat;
}
#pro_wrapper  #list a#main_bt04 span{
  background: url(../images/exclude/zokango/main_bt04.gif) 0px 0px no-repeat;
}
#pro_wrapper  #list a#main_bt05 span{
  background: url(../images/exclude/zokango/main_bt05.gif) 0px 0px no-repeat;
}
#pro_wrapper  #list a#main_bt06 span{
  background: url(../images/exclude/zokango/main_bt06.gif) 0px 0px no-repeat;
}
#pro_wrapper  #list a#main_bt07 span{
  background: url(../images/exclude/zokango/main_bt07.gif) 0px 0px no-repeat;
}
#pro_wrapper  #list a#main_bt08 span{
  background: url(../images/exclude/zokango/main_bt08.gif) 0px 0px no-repeat;
}
#pro_wrapper  #list a#main_bt09 span{
  background: url(../images/exclude/zokango/main_bt09.gif) 0px 0px no-repeat;
}
#pro_wrapper  #list a#main_bt10 span{
  background: url(../images/exclude/zokango/main_bt10.gif) 0px 0px no-repeat;
}
#pro_wrapper  #list a#main_bt11 span{
  background: url(../images/exclude/zokango/main_bt11.gif) 0px 0px no-repeat;
}
#pro_wrapper  #list a#main_bt12 span{
  background: url(../images/exclude/zokango/main_bt12.gif) 0px 0px no-repeat;
}
#pro_wrapper  #list a#main_bt13 span{
  background: url(../images/exclude/zokango/main_bt13.gif) 0px 0px no-repeat;
}

/* -----------------------------------------------------------
 ローカルナビゲーション
----------------------------------------------------------- */
#pro_wrapper  #lnavi{
	width: 930px;
	margin: 0px 0px 18px 0px;
}
#pro_wrapper  #lnavi ul{
	width: 930px;
	height: 35px;
	border-bottom: 1px solid #28231E;
}
#pro_wrapper  #lnavi ul li{
	width: 175px;
	height: 35px;
	margin: 0px 8px 0px 0px;
	float: left;
}
/* CategoryMenu　ロールオーバー */
#pro_wrapper  #lnavi{
	width: 175px;
}
#pro_wrapper  #lnavi a{
  display: block;
  position: relative;
  text-decoration: none;
	margin: 0px 0px 0px 0px;
	width: 175px;
  height: 35px;
	padding-top: 0px;
}

#pro_wrapper  #lnavi a span{
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;	
}
#pro_wrapper  #lnavi a span{
  width: 175px;
  height: 35px;
}

/*----------*/
/* 画像指定 */
/*----------*/

/* アクティブ */
#pro_wrapper  #lnavi a#lnavi_bt01_on span{
  background: url(../images/exclude/zokango/lnavi_bt01.jpg) 0px 0px no-repeat;
}
#pro_wrapper  #lnavi a#lnavi_bt02_on span{
  background: url(../images/exclude/zokango/lnavi_bt02.jpg) 0px 0px no-repeat;
}
#pro_wrapper  #lnavi a#lnavi_bt03_on span{
  background: url(../images/exclude/zokango/lnavi_bt03.jpg) 0px 0px no-repeat;
}
#pro_wrapper  #lnavi a#lnavi_bt04_on span{
  background: url(../images/exclude/zokango/lnavi_bt04.jpg) 0px 0px no-repeat;
}
#pro_wrapper  #lnavi a#lnavi_bt05_on span{
  background: url(../images/exclude/zokango/lnavi_bt05.jpg) 0px 0px no-repeat;
}
/* 非アクティブ */
#pro_wrapper #lnavi a#lnavi_bt01_off span{
  background: url(../images/exclude/zokango/lnavi_bt01.jpg) 0px -35px no-repeat;
}
#pro_wrapper #lnavi a#lnavi_bt02_off span{
  background: url(../images/exclude/zokango/lnavi_bt02.jpg) 0px -35px no-repeat;
}
#pro_wrapper #lnavi a#lnavi_bt03_off span{
  background: url(../images/exclude/zokango/lnavi_bt03.jpg) 0px -35px no-repeat;
}
#pro_wrapper #lnavi a#lnavi_bt04_off span{
  background: url(../images/exclude/zokango/lnavi_bt04.jpg) 0px -35px no-repeat;
}
#pro_wrapper #lnavi a#lnavi_bt05_off span{
  background: url(../images/exclude/zokango/lnavi_bt05.jpg) 0px -35px no-repeat;
}
/* マウスオーバー */
#pro_wrapper #lnavi a#lnavi_bt01_off:hover span{
  background-position: 0px -70px;
}
#pro_wrapper #lnavi a#lnavi_bt02_off:hover span{
  background-position: 0px -70px;
}
#pro_wrapper #lnavi a#lnavi_bt03_off:hover span{
  background-position: 0px -70px;
}
#pro_wrapper #lnavi a#lnavi_bt04_off:hover span{
  background-position: 0px -70px;
}
#pro_wrapper #lnavi a#lnavi_bt05_off:hover span{
  background-position: 0px -70px;
}


/* -----------------------------------------------------------
 メインコンテンツ：商品一覧
----------------------------------------------------------- */
#pro_wrapper #box02{
	width: 930px;
}
#pro_wrapper #box02 h5{
	margin: 0px 0px 9px 0px;
}
#pro_wrapper #box02 dl{
	width: 300px;
	height: 120px;
	margin: 0px 15px 15px 0px;
	float: left;
}
#pro_wrapper #box02 dl.boxright{
	margin: 0px 0px 0px 0px;
}
#pro_wrapper #box02 dl dt{/* 商品画像 */
	width: 120px;
	height: 120px;
	float: left;
}
#pro_wrapper #box02 dl dt img{
	margin: 10px 0px 0px 10px;
}
#pro_wrapper #box02 dl dd{/* テキスト */
	width: 180px;
	height: 120px;
	float: left;
}
	
#pro_wrapper #box02 dl dd .category{
	color:#ffffff;
	line-height: 19px;
	text-indent: 0.5em;
	vertical-align: bottom;
	margin: 0px 0px 7px 0px;
}
#pro_wrapper #box02 dl dd .title{
	margin: 0px 0px 5px 0px;
	font-weight: bold;
}
#pro_wrapper #box02 dl dd .catch{
}

/* 背景色設定 */
#pro_wrapper #box02 dl.item_01{
	background:url(../images/exclude/zokango/item_01.gif) no-repeat 0 0;
}
#pro_wrapper #box02 dl.item_02{
	background:url(../images/exclude/zokango/item_02.gif) no-repeat 0 0;
}
#pro_wrapper #box02 dl.item_03{
	background:url(../images/exclude/zokango/item_03.gif) no-repeat 0 0;
}
#pro_wrapper #box02 dl.item_04{
	background:url(../images/exclude/zokango/item_04.gif) no-repeat 0 0;
}
#pro_wrapper #box02 dl.item_05{
	background:url(../images/exclude/zokango/item_05.gif) no-repeat 0 0;
}
#pro_wrapper #box02 dl.item_06{
	background:url(../images/exclude/zokango/item_06.gif) no-repeat 0 0;
}


/* -----------------------------------------------------------
 カレンダーページ
----------------------------------------------------------- */
/* 基本設定 */
#cald_wrap h1{
	margin:0;
}
#cald_wrap{
	width: 100%;
	margin:0;
	text-align: center;
	background:#ffffff;
}
#cald_wrap #cont{
	margin: auto;
	text-align: left;
	width: 900px;
	background: url(../images/calendar/bg.jpg) repeat-y;
}

/* sub */
#cald_wrap #cont #head #sub{
	width: 900px;
	height: 56px;
	background:url(../images/calendar/sub_back.jpg) no-repeat 0 0;
}
#cald_wrap #cont #head #sub #logo{
	width: 134px;
	height: 41px;
	float: left;
	margin: 0px 0px 0px 13px;
}
#cald_wrap #cont #head #sub #dlbox{
	width: 185px;
	height: 40px;
	float: right;
}

/* RollOver */
#cald_wrap #dlbox{
	width: 185px;
	float: right;
}
#cald_wrap #dlbox a{
  display: block;
  position: relative;
  text-decoration: none;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	line-height: 40px;
}
#cald_wrap #dlbox a span{
	cursor: pointer;
	display: block;
	position: absolute;
	top: 3px;
	right: 10px;
}
#cald_wrap #dlbox a#dl_btn{
  width: 185px;
  height: 40px;
	padding-top: 0px;
}
#cald_wrap #dlbox a#dl_btn span{
  background: url(../images/calendar/dl_btnmini.jpg) 0px 0px no-repeat;
  width: 185px;
  height: 40px;
}
#cald_wrap #dlbox a#dl_btn:hover span{
  background-position: 0px -40px;
}

/* main */
#cald_wrap #cont #main{
	width: 900px;
	background:url(../images/calendar/main_foot.gif) no-repeat bottom right;
	
}
/* Cald_box */
#cald_wrap #cont #main #cald_box{
	width: 307px;
	float: left;
}
#cald_wrap #cont #main #cald_box #caldimg{
	margin: 0px 0px 0px 21px;
}

/* ご購入はこちら */
#cald_wrap #cont #main #cald_box #buy{
	width: 286px;
	margin: 0px 0px 0px 21px;
	background: url(../images/calendar/buy_bg.gif) repeat-y 0 0;
}
#cald_wrap #cont #main #cald_box #buy h2{
	margin: 0px 0px 9px 0px;
}
#cald_wrap #cont #main #cald_box #buy #tbl{
	margin: 0px 0px 0px 11px;
}
#cald_wrap #cont #main #cald_box #buy #tbl table{
	margin: 0px 0px 13px 0px;
}
#cald_wrap #cont #main #cald_box #buy #tbl table td{
	padding: 3px;
}
#cald_wrap #cont #main #cald_box #buy #tbl table th{
	color: #fff;
	font-size: 120%;
	font-weight: bold;
}
/* 価格表 */
#cald_wrap #cont #main #cald_box #buy #tbl #price{
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
#cald_wrap #cont #main #cald_box #buy #tbl #price th{
	border-bottom: 1px solid #999999;	
}
#cald_wrap #cont #main #cald_box #buy #tbl #price td{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#cald_wrap #cont #main #cald_box #buy #tbl #price td#fukidashi{
	border-bottom: none;
	background:#ffffff url(../images/calendar/fukidashi.gif) no-repeat bottom;
}
#cald_wrap #cont #main #cald_box #buy #tbl img{
	margin: 0px 0px 0px 86px;
}
#cald_wrap .font_red{
	color: #cc0000;
}

/* RollOver */
#cald_wrap #cont #main #cald_box #buy #dlbox2{
	width: 286px;
	height: 72px;
	background:url(../images/calendar/buy_foot.jpg) no-repeat 0 0;
	margin: 0px 0px 0px 0px;
}
#cald_wrap #cont #main #cald_box #buy #dlbox2 a{
  display: block;
  position: relative;
  text-decoration: none;
	margin: 0px 0px 0px 21px;
	font-size: 10px;
	line-height: 50px;
}
#cald_wrap #cont #main #cald_box #buy #dlbox2 a span{
	cursor: pointer;
	display: block;
	position: absolute;
	top: 5px;
	left: 0px;
}
#cald_wrap #cont #main #cald_box #buy #dlbox2 a#dl_btn{
  width: 242px;
  height: 54px;
	padding-top: 0px;
}
#cald_wrap #cont #main #cald_box #buy #dlbox2 a#dl_btn span{
  background: url(../images/calendar/dl_btn.jpg) 0px 0px no-repeat;
  width: 242px;
  height: 54px;
}
#cald_wrap #cont #main #cald_box #buy #dlbox2 a#dl_btn:hover span{
  background-position: 0px -54px;
}

/* Info_Box */
#cald_wrap #cont #main #info_box{
/*	width: 593px;*/
	width: 572px;
	float: left;
}

/* infobox 共通 */
#cald_wrap #cont #main #info_box h2{
	margin: 0px 0px 0px 18px;
}

/* デザインチェックボックス */
#cald_wrap #cont #main #info_box #design ul{
	margin: 0px 0px 13px 0px;
}
#cald_wrap #cont #main #info_box #design ul{
	background:url(../images/calendar/info01_bg.gif) no-repeat 0 0;
	width:576px;
	height: 193px;
}
#cald_wrap #cont #main #info_box #design ul li{
	width: 80px;
	height: 74px;
	float: left;
}
#cald_wrap #cont #main #info_box #design ul li#listleft{
	padding-left:30px;
}
/* RollOver */
#cald_wrap #cont #main #info_box #design ul li{
	width: 80px;
	float: left;
	margin: 12px 10px 0px 0px;
}
#cald_wrap #cont #main #info_box #design ul li a{
  display: block;
  position: relative;
  text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
  width: 80px;
  height: 74px;
	text-align: center;
}
#cald_wrap #cont #main #info_box #design ul li a span{
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
  width: 80px;
  height: 74px;
}
/* 各画像設定 */
#cald_wrap #cont #main #info_box #design ul li a#caldsam_01_btn span{
  background: url(../images/calendar/cald_sam01_off.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_01_btn:hover span{
  background: url(../images/calendar/cald_sam01_on.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_02_btn span{
  background: url(../images/calendar/cald_sam02_off.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_02_btn:hover span{
  background: url(../images/calendar/cald_sam02_on.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_03_btn span{
  background: url(../images/calendar/cald_sam03_off.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_03_btn:hover span{
  background: url(../images/calendar/cald_sam03_on.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_04_btn span{
  background: url(../images/calendar/cald_sam04_off.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_04_btn:hover span{
  background: url(../images/calendar/cald_sam04_on.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_05_btn span{
  background: url(../images/calendar/cald_sam05_off.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_05_btn:hover span{
  background: url(../images/calendar/cald_sam05_on.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_06_btn span{
  background: url(../images/calendar/cald_sam06_off.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_06_btn:hover span{
  background: url(../images/calendar/cald_sam06_on.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_07_btn span{
  background: url(../images/calendar/cald_sam07_off.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_07_btn:hover span{
  background: url(../images/calendar/cald_sam07_on.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_08_btn span{
  background: url(../images/calendar/cald_sam08_off.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_08_btn:hover span{
  background: url(../images/calendar/cald_sam08_on.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_09_btn span{
  background: url(../images/calendar/cald_sam09_off.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_09_btn:hover span{
  background: url(../images/calendar/cald_sam09_on.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_10_btn span{
  background: url(../images/calendar/cald_sam10_off.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_10_btn:hover span{
  background: url(../images/calendar/cald_sam10_on.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_11_btn span{
  background: url(../images/calendar/cald_sam11_off.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_11_btn:hover span{
  background: url(../images/calendar/cald_sam11_on.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_12_btn span{
  background: url(../images/calendar/cald_sam12_off.gif) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_12_btn:hover span{
  background: url(../images/calendar/cald_sam12_on.gif) 0px 0px no-repeat;
}


/* ここがポイントボックス */
#cald_wrap #cont #main #info_box #point{
	width: 576px;
	background:url(../images/calendar/foot.gif) no-repeat 18px bottom;
}
#cald_wrap #cont #main #info_box #point dl{
	width: 576px;
	margin: 0px 0px 0px 0px;
	background:url(../images/calendar/info02_bg.gif) repeat-y 18px 0px;
}
#cald_wrap #cont #main #info_box #point dl dt{
	margin: 0px 0px 5px 0px;
}
#cald_wrap #cont #main #info_box #point dl dd{
	width: 558px;
	margin: 0px 0px 8px 33px;
}
#cald_wrap #cont #main #info_box #point dl #shiyo{
	margin: 0px 0px 5px 33px;
}
#cald_wrap #cont #main #info_box #point #foot{
	margin: 0px 0px 8px 0px;
}

/* フッター */
#cald_wrap #cont #footer{
	width: 900px;
	height: 79px;
	background:url(../images/calendar/footer.gif) no-repeat top;
  position: relative;
}
#cald_wrap #cont #footer #foot_info{
	width: 899px;
	height: 88px;
	border-right: 1px solid #ccc;
	background:#333;
	position:absolute;
	top: 79px;
}

#cald_wrap #cont #footer #foot_info ul{
	position: absolute;
	top: 10px;
	right: 10px;
}
#cald_wrap #cont #footer #foot_info li{
	color: #ffffff;
	text-align: right;
	margin: 0px 0px 5px 0px;
}

/* -----------------------------------------------------------
 ↑↑↑↑↑ CSSの追記はここまで ↑↑↑↑↑
----------------------------------------------------------- */

/* -----------------------------------------------------------
 ClearFix AREA
----------------------------------------------------------- */

/* --------- clearfix --------- */
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix{
  zoom:1;
}
/* --------- /clearfix --------- */

/* -----------------------------------------------------------
 ClearFix
----------------------------------------------------------- */
div:after,
ul:after,
ol:after,
dl:after,
.clearfix:after{
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}

/* for IE7 only */
*:first-child+html div,
*:first-child+html ul,
*:first-child+html ol,
*:first-child+html dl,
*:first-child+html .clearfix{
height:1%;
}

/* for IE6 and below */
/*\*/
* html .clearfix{
height:1%;
}
/* ClearFix End */