@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset{
	margin:0;
	padding:0;
	font-size:0.99em;
	font-weight:normal;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/* lightbox2でDIV文字指定 */
html, body, /* div, */ h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset{
	color:#333;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
	overflow:scroll;
	overflow:-moz-scrollbars-vertical;
	overflow-x:scroll;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
}

body{
	text-align:center;
}

.cb{
	font-size:0;
	clear:both;
}

a, a:link{ color:#39c; text-decoration:none; }
a:visited{ color:#39c; }
a:hover, a:focus, a:active{ color:#F3C; text-decoration:underline; }

a img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

img .high{
	-ms-interpolation-mode:bicubic;
	image-rendering: optimizeQuality;
}

img .low{
	-ms-interpolation-mode:nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}

img{
	border:0;
	vertical-align: middle;
}

.mb10{ margin-bottom:10px; }
.mb30{ margin-bottom:30px; }
.mb50{ margin-bottom:50px; }

.err{
	margin:3px 0;
	font-size:12px;
	color:#F00;
}

#top,
.waku1,
.waku2{
	margin:0 auto;
}

#fm1 h2{
	font-size:1.1em;
	font-weight:bold;
	border-bottom:3px solid #F1F1F1;
	margin:0 0 10px 0;
}
#fm1 h3{
	font-weight:bold;
}



#top{
	text-align:left;
}
.waku1{
	width:980px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
.waku2{
	width:940px;
}
#hd .box1,
#hd .box2{
	margin:10px 0;
}
#hd .box1{
	float:right;
	width:500px;
}
#hd .box1 .txt{
	font-size:12px;
}
#hd .box2{
	float:left;
	width:300px;
}
#hd h1{
	height:25px;
	text-align:right;
	font-size:12px;
}
#top_img{
	padding:10px 0 0 0;
	overflow:hidden;
}

#mn .waku2{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

#mn ul{
	list-style:none;
}
#mn li{
	float:left;
	padding:8px 10px;
}
#mn li:first-child{
}


#fm{
	padding:20px 0 0 0;
}
#fm1{
	float:left;
	width:660px;
	margin-bottom:50px;
}
#fm2{
	float:right;
	width:250px;
}


#fm1 ul,
#fm1 ol{
	margin:0 0 20px 0;
}
#fm1 li{
	margin:0 0 5px 0;
}

#counter{
	text-align:center;
	margin:0 0 30px 0;
}

.page_navi{
	margin:20px 0;
	overflow:hidden;
}
.page_navi ul{
	margin:0 0 0 0px;
	list-style:none;
}
.page_navi li{
	margin:0 0 5px 0;
	float:left;
	line-height:20px;
}
.page_navi a{
	margin:0 3px;
	padding:2px 5px;
	display:block;
	text-decoration:none;
	background:#F1F1F1;
	color:#000;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.page_navi .hit{
	background:#FFC;
}

/*
#news_list h2{
	margin-bottom:25px;
}
#news_list .lsit{
	margin:0 0 10px 0;
	height:100px;
	border-bottom:1px solid #CCC;
}
#news_list .lsit .box1{
	float:right;
	width:530px;
}
#news_list .lsit .box2{
	float:left;
	width:120px;
}
*/
#news_entry .content{
	margin:30px 0;
}
#news_entry .date,
#news_entry .ctg{
	text-align:right;
	margin-bottom:10px;
}
#news_entry .ctg{
	font-size:10px;
	color:#666;
}


#news_entry .content .box1{
	float:left;
	margin:0 12px 0 0;
	width:208px;
}
#news_entry .content .box1 .txt{
	margin:3px 0 0 0;
	font-size:12px;
}

#news_entry .pic,
#news_entry .msg,
#news_entry .tmp,
#news_entry .tbl{
	margin-bottom:20px;
}
#news_entry .pic .box1{
	margin-bottom:10px;

}







#fm .link ul,
#fm .file ul{
	margin:0 20px;
}



#fm2 .sub_box{
	margin:0 0 30px 0;
}

#fm2 h5{
	margin:0 0 5px 0;
	background:#F1F1F1;
}
#fm2 .sub_box li{
	margin:0 0 2px 0;
	padding:2px 3px;
	list-style:none;
	border-bottom:1px solid #CCC;
}
#fm2 .sub_box .hit{
	background:#FF9;
}



#fm1 .title,
#fm1 .txt,
#fm1 .html,
#fm1 .link,
#fm1 .pic_txt_0,
#fm1 .pic_txt_1,
#fm1 .pic_txt_2,
#fm1 .pic_txt_3,
#fm1 .banner_1,
#fm1 .banner_2,
#fm1 .banner_3,
#fm1 .youtube,
#fm1 .youtube_txt,
#fm1 .facebook_page,
#fm1 .sns_link,
#fm1 .blog_new,
#fm1 .calendar_new,
#fm1 .file{
	margin:0 0 10px 0;
}

#fm2 .facebook_page{
	margin:0 auto;
	width:250px;
}

.blog_new .pic{
	float:left;
	padding:0 10px 5px 0;
}
.blog_new li,
.calendar_new li{
	padding:5px 0;
	list-style:none;
	border-bottom:1px solid #CCC;
}
#news_entry li{
	margin:0 20px;
}


.youtube_txt{
	overflow:hidden;
}

.youtube_txt .box1,
.youtube_txt .box2{
}
.youtube_txt .box1{
	width:280px;
	float:left;
}
.youtube_txt .box2{
	width:340px;
	float:right;
}
.youtube{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
 
.youtube iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.banner_1,
.banner_2,
.banner_3,
.pic_txt_0,
.pic_txt_1,
.pic_txt_2,
.pic_txt_3{
	overflow:hidden;
}
.banner_2 .box1,
.banner_2 .box2,
.banner_3 .box1,
.banner_3 .box2,
.banner_3 .box3,


.pic_txt_2 .box1,
.pic_txt_2 .box2,
.pic_txt_3 .box1,
.pic_txt_3 .box2,
.pic_txt_3 .box3{
	float:left;
}

.pic_txt_0 .img{
	float:left;
}
.pic_txt_0 .txt{
	float:right;
}

.pic_txt_0 .img,
.pic_txt_0 .txt{
	width:320px;
}



.banner_2 .box1,
.banner_2 .box2,
.pic_txt_2 .box1,
.pic_txt_2 .box2{
	width:320px;
}
.banner_2 .box1,
.pic_txt_2 .box1{
	margin:0 20px 0 0;
}
.banner_3 .box1,
.banner_3 .box2,
.banner_3 .box3,
.banner_3 .box3,
.pic_txt_3 .box1,
.pic_txt_3 .box2,
.pic_txt_3 .box3{
	width:210px;
}
.banner_3 .box1,
.banner_3 .box2,
.pic_txt_3 .box1,
.pic_txt_3 .box2{
	margin:0 15px 0 0;
}


#fm1 .faq_tag ul{
	list-style:none;
}
#fm1 .faq_tag li{
	margin:0 10px 10px 0;
	float:left;
	padding:5px;
	border:1px solid #CCC;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#fm1 .faq_tag .hit{
	background:#FF9;
}



#fm1 .faq_list{
	margin:20px 0 0 0;
}
#fm1 .faq_list .midashi{
	background:#F1F1F1;
	margin:15px 0;
	padding:8px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#fm1 .faq_list .box1{
	display:none;
	margin:0 0 50px 0;
}
#fm1 .faq_list .date{
	margin:10px 0 0 0;
	text-align:right;
}


#fm1 .ec_list .box1{
	float:left;
	width:200px;
	height:230px;
	margin:0 20px 0 0;
}
#fm1 .ec_list h3{
	padding:5px 0 0 0;
}





.inp_suu{
	width:50px;
	text-align:right;
	ime-mode:disabled;
	border:1px solid #999;
	background:#FFC;
}


.inp_60,  .inp_ja_60,  .inp_en_60{ width:60px; }
.inp_80,  .inp_ja_80,  .inp_en_80{ width:80px; }
.inp_100, .inp_ja_100, .inp_en_100{ width:100px; }
.inp_120, .inp_ja_120, .inp_en_120{ width:120px; }
.inp_250, .inp_ja_250, .inp_en_250{ width:250px; }
.inp_300, .inp_ja_300, .inp_en_300{ width:300px; }
.inp_350, .inp_ja_350, .inp_en_350{ width:350px; }
.inp_400, .inp_ja_400, .inp_en_400{ width:400px; }
.inp_600, .inp_ja_600, .inp_en_600{ width:600px; }

.inp_ja_60,
.inp_ja_80,
.inp_ja_100,
.inp_ja_120,
.inp_ja_250,
.inp_ja_300,
.inp_ja_350,
.inp_ja_400,
.inp_ja_600{
	padding:5px;
	font-size:12px;
	ime-mode:active;
	border:1px solid #999;
	background:#FFC;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.inp_en_60,
.inp_en_80,
.inp_en_100,
.inp_en_120,
.inp_en_250,
.inp_en_300,
.inp_en_350,
.inp_en_400,
.inp_en_600{
	padding:5px;
	font-size:12px;
	ime-mode:disabled;
	border:1px solid #999;
	background:#FFC;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.inp,
.inp_60,
.inp_80,
.inp_100,
.inp_120,
.inp_250,
.inp_300,
.inp_350,
.inp_400,
.inp_600{
	padding:5px;
	font-size:12px;
	border:1px solid #999;
	background:#FFC;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}


















#google_search{
	padding:20px 0;
}

#copy{
	text-align:center;
	font-size:12px;
	background:#F1F1F1;
}
#copy small{
	font-size:12px;
}




.btn{
	margin:5px;
	padding:0 5px;
	white-space:nowrap;
	border:1px solid #CCC;
	color:#666;
}

.tbl,
.tbl2,
.calendar{
	margin:10px 0;
	border-collapse:collapse;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
.tbl th,
.tbl td,
.tbl2 th,
.tbl2 td,
.calendar th,
.calendar td{
	padding:8px;
	text-align:left;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	vertical-align:top;
}
.tbl th,
.tbl2 th{
	white-space:nowrap;
	color:#666;
	font-weight:normal;
	background:#F1F1F1;
}
.tbl td,
.tbl2 td{
	background:#FFF;
}

/* ページ送り */
#pagenation{
   position:relative;
   overflow:hidden;
}
#pagenation ul{
    position:relative;
    left:50%;
    float:left;
    list-style: none;
}
#pagenation li{
    position:relative;
    left:-50%;
    float:left;
}
#pagenation li a{
    border:1px solid #CECECE;
    margin: 0 3px;
    padding:3px 7px;
    display: block;
    text-decoration:none;
    color: #666666;
    background: #fff;
}
#pagenation li.active a,
#pagenation li a:hover{
    border:solid 1px #666666;
    color: #FFFFFF;
    background: #3399FF;
}


/* calendar */
.calendar{
	margin:0 20px 10px 0;
	border-collapse:collapse;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
.calendar .hit{
	background:#FF9;
}
.calendar th{
	background:#F1F1F1;
	text-align:right;
	width:50px;
	font-size:12px;

}
.cal_sun{ color:#F00; }
.cal_sat{ color:#00F; }
.cal_wea{
}



/* go top */
#page-top {
	position:fixed;
	bottom:20px;
	right:20px;
	font-size:77%;
}
#page-top a {
	background:#666;
	opacity:0.9;
	filter:alpha(opacity=90);
	text-decoration:none;
	color:#fff;
	width:150px;
	padding:15px 0;
	text-align:center;
	display:block;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#page-top a:hover{
	text-decoration:none;
	background:#999;
}


.gmap iframe,
.gmap object,
.gmap embed {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all  0.7s ease;
}

.gmap iframe:hover,
.gmap object:hover,
.gmap embed:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
