@charset "UTF-8";
/* CSS Document */

/* ++++++++ @reset ++++++++ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

html, body { height: 100%; width:100%; }
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Arial;
	font-size: 14px;
	line-height: 1.6;
	color:#000;
}
#wrapper { text-align:center; width: 100%;}
#content_wrapper { width: 100%; padding: 0;}

/* ++++++++ PAGE ++++++++ */
.cont, .cont_h { width:960px; text-align:left; margin:0 auto;}

/* ++++++++ HEADER ++++++++ */
#header { width:100%; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color:#edeade;}
#logo { float:left; height: 66px;}
#logo img { width:297px; height:66px; margin-top:8px; margin-bottom:8px;}
#hdr_copy { float:right; height: 82px; }
#hdr_copy img {margin-top:32px;}
.h_copy { }
.res_h_copy { display:none;}

/* ++++++++ LINK TEXT ++++++++ */
a, a:visited { color:#0039ac; text-decoration:none; }
a:hover { color:#F60; text-decoration:underline; }

/* ++++++++ BASIC ++++++++ */
p { margin-top: 0.5em; margin-right: auto; margin-bottom: 1em; margin-left: auto;}
.off { position: absolute; top: 0px; left: -1800px; width: 100px; margin: 0px; padding: 0px; }
.dotline { border-bottom:dotted 1px #676767; padding-bottom:5px;}
strong, .bt { font-weight:700;}
.cont ul { margin-left:1.5em; padding-left:0em; margin-top:0.8em; }
.cont ul li { padding-bottom:5px;}
.orange { background-color:#ff7200; margin-bottom:0;}
.orange  p { padding:10px; margin:0 auto; text-align:center; color:#fff; font-size:18px; font-weight:700;}
.st {font-size:11px;}

/* ++++++++ CONTACT ++++++++ */
.phone_num {
	font-size:18px;
	font-weight:700;
	background-image:url(../img/phone.gif);
	background-repeat:no-repeat;
	padding-left:34px;
	height:31px;
	padding-top:4px;
	margin-bottom:0;
}
.contact {background-color:#f6efe0; margin-top:0;}
.contact p { padding:18px; margin-top:0;}
.building { background-image:url(../img/building.gif); background-repeat:no-repeat; padding-left:32px; margin-top:25px; }

/* ++++++++ ALIGNMENT ++++++++ */
.align_cntr { text-align:center; }
.align_left { text-align:left; }
.align_rigt { text-align:right;}

/* ++++++++ H1, H2, H3, H4 ++++++++ */
.top_h2 {
	font-size:18px;
	font-weight:700;
	color:#5a2f25;
	margin-top:0;
	margin-bottom:12px;
	border-top:solid 2px #ff6c00;
	padding-top:3px;
}
.top_h3 {
	font-size:14px;
	font-weight:700;
	color:#5a2f25;
	margin-bottom:5px;
}

.page_address_h2 {
	font-size:18px;
	font-weight:700;
	color:#5a2f25;
	margin-top:0;
	margin-bottom:12px;
	border-top:solid 2px #b09e78;
	padding-top:3px;
}
.cate {
	background-image:url(../img/page_cate.gif);
	background-repeat:repeat-x;
	height:24px;
	margin-bottom:18px;
}
.main_copy { display:none;}
.res_main_copy {margin-bottom:40px;}
.page_h2 {
	font-size:21px;
	font-weight:700;
	color:#5a2f25;
	margin-top:0;
	border-top:solid 2px #ff6c00;
	padding-top:3px;
}
.page_h3 {
	background-image:url(../img/page_h3.gif);
	background-repeat:no-repeat;
	color:#5a2f25;
	font-size:16px;
	font-weight:700;
	padding-left:20px;
	margin-top:25px;
}

/* ++++++++ FLOAT ++++++++ */
.fl_r { float:right; }
.fl_l { float:left; }
.clr { clear:both; height:0; line-height:0; display:block; }

/* ++++++++ GRID ++++++++ */
.g1 { width: 300px;}
.g2 { width: 630px;}

/* ++++++++ MARGIN and PADDING ++++++++ */
.mg30_l { margin-left:30px !important;}
.mg60_t { margin-top:60px !important;}
.mg30_t { margin-top:30px !important;}
.mg20_t { margin-top:20px !important;}
.mg30_t { margin-top:30px !important;}
.mg40_t { margin-top:40px !important;}
.mg15_t { margin-top:15px !important;}
.mg10_t { margin-top:10px !important;}
.mg10_b { margin-bottom:10px !important;}
.mg20_b { margin-bottom:20px !important;}
.cal_mg30_r { margin-right:30px !important;}

/* ++++++++ FOOTER ++++++++ */
.page_top {
	text-align:right;
	clear:both;
	margin-top:30px;
	margin-bottom:8px;
}
.ftr_link {
	width:100%;
	text-align:center;
	background-color:#eae7d9;
	padding-top:20px;
	padding-bottom:20px;
}
.ftr_link a {text-decoration:none; color:#000;}
.ftr_link a:hover {text-decoration:underline;}
.ftr_cr {
	width:100%;
	text-align:center;
	color:#fff;
	background-color:#5a2f25;
	padding-top:12px;
	padding-bottom:12px;
}

/* ++++++++ TOP MAIN IMAGE ++++++++ */
#top_main {
	width:100%;
	text-align:center;
}
.res_img {display:none;}
.top_message {
	height:28px;
	width:104px;
}

/* ++++++++ TABLE ++++++++ */
.tbl1 table {
	border-top:solid 1px #dacfb6;
	border-right:solid 1px #dacfb6;
}
.tbl1 th {
	border-bottom:solid 1px #dacfb6;
	border-left:solid 1px #dacfb6;
	background-color:#f6efe0;
	padding:8px;
	text-align:center;
}
.tbl1 td {
	border-bottom:solid 1px #dacfb6;
	border-left:solid 1px #dacfb6;
	padding:8px;
}
/* ++++++++ CALENDER ++++++++ */
.tbl2 table {
	border-top:solid 1px #dacfb6;
	border-right:solid 1px #dacfb6;
	margin-bottom: 20px;
}
.tbl2 th {
	border-bottom:solid 1px #dacfb6;
	border-left:solid 1px #dacfb6;
	background-color:#f6efe0;
	padding:4px;
	text-align:center;
}
.tbl2 td {
	border-bottom:solid 1px #dacfb6;
	border-left:solid 1px #dacfb6;
	padding:4px;
	text-align:center;
	width:24px;
}
.nb {
	background-color:#FA8072;
	color:#ffffff;
}
.am {
	background-color:#87CEFA;
	color:#111111;
}
.pm {
	background-color:#90EE90;
	color:#111111;
}

.ch {
	background-color:#FFFF00;
	color:#111111;
}

.exm_pm {
	background-color:#87CEFA;
	color:#7e7e7e;
	width:30px;
	padding:4px;
}

.txt_s {
	font-size:11px;
}


#cal_ex {display:block !important; width:100%; list-style:none;}
.exm_nb {
	border:solid 1px #dacfb6;
	background-color:#FA8072;
	color:#7e7e7e;
	padding:4px 8px;
	text-align:center;
	width:24px;
}
#cal_ex {display:block !important; width:100%;}
.exm_am {
	border:solid 1px #dacfb6;
	background-color:#87CEFA;
	color:#7e7e7e;
	padding:4px 8px;
	text-align:center;
	width:24px;
}
#cal_ex {display:block !important; width:100%;}
.exm_pm {
/*	border:solid 1px #dacfb6; */
	background-color:#90EE90;
	color:#7e7e7e;
	padding:4px 8px;
	text-align:center;
	width:24px;
}
#cal_ex {display:block !important; width:100%;}
.exm_ch {
	border:solid 1px #dacfb6;
	background-color:#FFFF00;
	color:#7e7e7e;
	padding:4px 8px;
	text-align:center;
	width:24px;
}

#cal_ex li{
float:left;
margin-right:15px;
margin-bottom:15px;
}

@media screen and (max-width:480px){
#cal_ex div{
width:100%;
}
#cal_ex li{
width:50%;
margin-right:0px;
}
}


/*===============================================
画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
/* ++++++++ PAGE ++++++++ */
.cont, .cont_h {
	width:95%;
	text-align:left;
	margin:0 auto;
}
/* ++++++++ HEADER ++++++++ */
#header { height:110px; }
#logo { float:none; height: 50px;}
#hdr_copy { float:none; height:40px;}
.wf-menu-chocolate>ul>li.ni { float:none; display:block !important;}
/* ++++++++ TOP ++++++++ */
.top_message { height:28px; width:104px; }
/* ++++++++ GRID ++++++++ */
.g1, .g2 { width: 100%;}
/* ++++++++ FLOAT ++++++++ */
.fl_r, .fl_l { float:none; display:block;}
/* ++++++++ MARGIN and PADDING ++++++++ */
.mg30_l { margin-left:0px !important; }
.cal_mg30_r { margin-right:30px; }
.res_mg30_t {margin-top:30px;}
.res_mg15_t {margin-top:15px;}
}
/*===============================================
画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

/* ++++++++ TABLE ++++++++ */
.tbl1 table {
	border-top:solid 1px #dacfb6;
	border-right:solid 1px #dacfb6;
}
.tbl1 th {
	border-bottom:solid 1px #dacfb6;
	border-left:solid 1px #dacfb6;
	background-color:#f6efe0;
	padding:3px;
	text-align:center;
}
.tbl1 td {
	border-bottom:solid 1px #dacfb6;
	border-left:solid 1px #dacfb6;
	padding:3px;
}
}
/*===============================================
画面の横幅が320pxまで
===============================================*/
@media screen and (max-width:480px){
.main_copy {
	display:block;
	font-size:24px;
	color:#5a2f25;
	font-weight:700;
	margin-top:8px;
	padding-top:0;
}
.res_main_copy { display:none;}
.ftr_link, .ftr_cr { font-size:12px; }
#header { height:130px; }
.res_h_copy { display:block; width:300px; height:36px; }
.h_copy { display:none;}
.res_img {display:block;}
.res_img_b {display:none;}
}