@charset "shift_jis";




/* -----------------------------------------------------------
 共通タグ
----------------------------------------------------------- */
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; 
}
li{ list-style-type: none;}

html{
	background-color: #4E4A41; /*フッターの色を指定*/
}
body{
     background-color:#ffffff;
}


/* -----------------------------------------------------------
 メインビジュアル + カテゴリナビゲーション
#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;
}*/

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



/* -----------------------------------------------------------
 カレンダーページ
----------------------------------------------------------- */
/* 基本設定 */
#cald_wrap h1{
	margin: 0;
}
#cald_wrap{
	width: 100%;
	margin: 0;
	background-image: url(../images/calendar2016/bg_border.gif);
	background-repeat: repeat;
}
#cald_wrap #cald_wrap_bgline {
	background-image: url(../images/calendar2016/bg_race.png);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
}

#cald_wrap #cont{
	text-align: left;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* sub */
#cald_wrap #cont #head{
	width: 900px;
	clear: both;
	margin-bottom: 20px;
	margin-left: 0px;
}
#cald_wrap #head .day {
	background-image: url(../images/calendar2016/head_detail_bg.gif);
	background-repeat: no-repeat;
	height: 161px;
	width: 900px;
	clear: both;
}
#cald_wrap #head .day01 {
	height: 161px;
	width: 900px;
	clear: both;
}
#cald_wrap #head .btn_order_l {
	float: left;
	height: 56px;
	width: 304px;
	margin-top: 70px;
	margin-left: 138px;
	margin-right: 20px;
}

#cald_wrap #head .btn_order {
	height: 56px;
	width: 304px;
	margin-top: 70px;
	float: left;
}

#cald_wrap #main .day {
    background-image: url("../images/calendar2016/head_detail_bg2.gif");
    background-repeat: no-repeat;
    clear: both;
    height: 161px;
    width: 900px;
}



#cald_wrap #main .btn_order_l {
	float: left;
	height: 56px;
	width: 304px;
	margin-top: 70px;
	margin-left: 138px;
	margin-right: 20px;
}

#cald_wrap #main .btn_order {
	height: 56px;
	width: 304px;
	margin-top: 70px;
	float: left;
}



#cald_wrap h2 {
    height: 85px;
    margin: 0;
    padding-left: 20px;
    padding-top: 20px;
    width: 861px;
}
#cald_wrap .main_box {
	width: 830px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}
#cald_wrap .point_box {
	clear: both;
	width: 836px;
}
#cald_wrap .point_box .point_tx {
    float: left;
    margin-top: 0;
    padding: 0;
    width: 431px;
}
#cald_wrap .point_box .point_tx li {
    width: 408px;
}

#cald_wrap #design ul {
    margin: 0 0 5px;
    padding-left: 10px;
}

#cald_wrap .point_box .point_img {
	float: left;
	width: 399px;
	height: 398px;
}

/* main */
#cald_wrap #cont #main{
	width: 900px;
	background-color: #FDFEF9;
	margin-bottom: 100px;
	margin-left: 0px;
}
/* Cald_box */
#cald_wrap #cont #main #cald_box{
	width: 320px;
	float: left;
}
#cald_wrap .cald_tx {
	height: 37px;
	width: 712px;
	margin-top: 15px;
	margin-bottom: 15px;
}


/* Info_Box */
#cald_wrap #cont #main #info_box{
	/*	width: 593px;*/
    background-image: url("../images/calendar2016/design_imghyoshi.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    float: left;
    height: 520px;
    margin-left: 0;
    width: 510px;
}
#cald_wrap #main .height_box01 {
	width: 900px;
}
#cald_wrap #main .height_box02 {
	height: 680px;
	width: 900px;
}
#cald_wrap #main .height_box03 {
	width: 900px;
}



/* デザインチェックボックス */
#cald_wrap  #design ul{
	margin: 0 0 5px;
    padding-left: 10px;
}
#cald_wrap  #design ul li{
	width: 119px;
	height: 99px;
	float: left;
}
/* RollOver */
#cald_wrap  #design ul li{
	width: 119px;
	float: left;
	margin: 9px 4px 0px 0px;
}
#cald_wrap  #design ul li a{
 display: block;
  position: relative;
  text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
  width: 119px;
  height: 99px;
	text-align: center;
}
#cald_wrap  #design ul li a span{
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
  width: 119px;
  height: 99px;
}
/* 各画像設定 */
#cald_wrap #cont #main #info_box #design ul li a#caldsam_01_btn span{
  background: url(../images/calendar2016/caldsam_01_off.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_01_btn:hover span{
  background: url(../images/calendar2016/caldsam_01_on.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_02_btn span{
  background: url(../images/calendar2016/caldsam_02_off.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_02_btn:hover span{
  background: url(../images/calendar2016/caldsam_02_on.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_03_btn span{
  background: url(../images/calendar2016/caldsam_03_off.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_03_btn:hover span{
  background: url(../images/calendar2016/caldsam_03_on.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_04_btn span{
  background: url(../images/calendar2016/caldsam_04_off.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_04_btn:hover span{
  background: url(../images/calendar2016/caldsam_04_on.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_05_btn span{
  background: url(../images/calendar2016/caldsam_05_off.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_05_btn:hover span{
  background: url(../images/calendar2016/caldsam_05_on.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_06_btn span{
  background: url(../images/calendar2016/caldsam_06_off.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_06_btn:hover span{
  background: url(../images/calendar2016/caldsam_06_on.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_07_btn span{
  background: url(../images/calendar2016/caldsam_07_off.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_07_btn:hover span{
  background: url(../images/calendar2016/caldsam_07_on.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_08_btn span{
  background: url(../images/calendar2016/caldsam_08_off.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_08_btn:hover span{
  background: url(../images/calendar2016/caldsam_08_on.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_09_btn span{
  background: url(../images/calendar2016/caldsam_09_off.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_09_btn:hover span{
  background: url(../images/calendar2016/caldsam_09_on.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_10_btn span{
  background: url(../images/calendar2016/caldsam_10_off.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_10_btn:hover span{
  background: url(../images/calendar2016/caldsam_10_on.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_11_btn span{
  background: url(../images/calendar2016/caldsam_11_off.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_11_btn:hover span{
  background: url(../images/calendar2016/caldsam_11_on.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_12_btn span{
  background: url(../images/calendar2016/caldsam_12_off.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_12_btn:hover span{
  background: url(../images/calendar2016/caldsam_12_on.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_13_btn span{
  background: url(../images/calendar2016/caldsam_13_off.jpg) 0px 0px no-repeat;
}
#cald_wrap #cont #main #info_box #design ul li a#caldsam_13_btn:hover span{
  background: url(../images/calendar2016/caldsam_13_on.jpg) 0px 0px no-repeat;
}

#cald_wrap .day_order {
	background-image: url(../images/calendar2016/order_bg.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 830px;
	margin-top: 20px;
}
#cald_wrap h3 {
	height: auto;
	width: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}
#cald_wrap .order_box_u {
	clear: both;
	width: 830px;
	margin-bottom: 20px;
}
#cald_wrap .order_souki {
	float: left;
	width: 400px;
	margin-right: 30px;
}
#cald_wrap .order_present {
	float: left;
	width: 400px;
}
#cald_wrap .btn_order01 {
	height: 56px;
	width: 344px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 50px;
}
#cald_wrap .order_tx_style01 {
	text-align: center;
	padding: 10px;
}
#cald_wrap .order_tx_style02 {
	text-align: center;
	padding: 10px;
	font-weight: bolder;
}






/* フッター */
#cald_wrap #footerWrap{
	width: 100%;
	background-color: #4E4A41;
	background-position: bottom;
	display: inline-block;
	height: auto;
}

#cald_wrap .clear {
	clear: both;
	height: 1px;
	width: 1px;
}



/* -----------------------------------------------------------
 ↑↑↑↑↑ 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 */