/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: auto;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;vertical-align:middle;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
	color: #333;
	font-size: 14px;
	line-height:1.4;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, メイリオ, sans-serif;
	padding: 0;
	margin: 0;
}
/*ChromeとOperaのみだけに適用されるCSSハック*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  body {overflow:visible;}
}
/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
  body {overflow:visible;}
}

/*
a {color: #1988de;text-decoration: none;}
a:hover,a:focus {color: #e85082;}
*/
.clearfix:after{
	visibility: hidden;
	display: block;
	content: ".";
	height: 0;
	clear: both;
}
* html .clearfix{ height: 1%; };
.clearfix{display: block;overflow:hidden;}

hr{
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ccc;
}
sup{vertical-align:top;}
img{vertical-align:middle;}

a:hover img{opacity:0.8;}

/**共通css*************/
.color-blue{color:#59A0D2 !important;}
.color-red{color:#E23D47 !important;}
.red{color:#d51816 !important;}
.pink{color:#cc6699 !important;}
.blue{color:#0000dd !important;}
.purple{color:#660099 !important;}
.gray{color:#666666 !important;}
.center{text-align:center!important;}
.b-center{margin:0 auto;}
.clear{clear:both;}

.text-l{text-align:left!important;}
.text-r{text-align:right!important;}

.float-l{float:left!important;}
.float-r{float:right!important;}

.font-b{font-weight:bold!important;}

.size-8px{font-size:8px!important;}
.size-9px{font-size:9px!important;}
.size-10px{font-size:10px!important;}
.size-11px{font-size:11px!important;}
.size-12px{font-size:12px!important;}
.size-13px{font-size:13px!important;}
.size-14px{font-size:14px!important;}
.size-15px{font-size:15px!important;}
.size-16px{font-size:16px!important;}
.size-17px{font-size:17px!important;}
.size-18px{font-size:18px!important;}
.size-19px{font-size:19px!important;}
.size-20px{font-size:20px!important;}

.w5{width:5%!important;}
.w10{width:10%!important;}
.w15{width:15%!important;}
.w20{width:20%!important;}
.w25{width:25%!important;}
.w30{width:30%!important;}
.w35{width:35%!important;}
.w40{width:40%!important;}
.w45{width:45%!important;}
.w48{width:48%!important;}
.w50{width:50%!important;}
.w55{width:55%!important;}
.w60{width:60%!important;}
.w65{width:65%!important;}
.w70{width:70%!important;}
.w80{width:80%!important;}
.w90{width:90%!important;}
.w98{width:98%!important;}
.w100{width:100%!important;}

.w50px{width:50px!important;}
.w100px{width:100px!important;}
.w110px{width:110px!important;}
.w120px{width:120px!important;}
.w150px{width:150px!important;}
.w200px{width:200px!important;}
.w250px{width:250px!important;}
.w300px{width:300px!important;}

.h10px{height:10px!important;}
.h11px{height:11px!important;}
.h12px{height:12px!important;}
.h13px{height:13px!important;}
.h14px{height:14px!important;}
.h15px{height:15px!important;}
.h16px{height:16px!important;}
.h17px{height:17px!important;}
.h18px{height:18px!important;}
.h19px{height:19px!important;}
.h20px{height:20px!important;}
.h30px{height:30px!important;}
.h40px{height:40px!important;}
.h50px{height:50px!important;}
.h100px{height:100px!important;}
.h200px{height:200px!important;}

.radius2{border-radius:2px!important;}
.radius5{border-radius:5px!important;}
.radius10{border-radius:10px!important;}
.radius20{border-radius:20px!important;}

.m0{ margin: 0!important; }
.m0-t{ margin-top: 0!important; }
.m0-r{ margin-right: 0!important; }
.m0-b{ margin-bottom: 0!important; }
.m0-l{ margin-left: 0!important; }
.m3{ margin: 3px!important; }
.m3-t{ margin-top: 3px!important; }
.m3-r{ margin-right: 3px!important; }
.m3-b{ margin-bottom: 3px!important; }
.m3-l{ margin-left: 3px!important; }
.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }
.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }
.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }
.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }
.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }
.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }
.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }
.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }
.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }
.p3{ padding: 3px!important; }
.p3-t{ padding-top: 3px!important; }
.p3-r{ padding-right: 3px!important; }
.p3-b{ padding-bottom: 3px!important; }
.p3-l{ padding-left: 3px!important; }
.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }
.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }
.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }
.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }
.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }
.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }
.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }
.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }
.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }


/**検索エリア*************/
#search_area{color:#333;clear:both;}
#search_area .check_box1{padding:5px;border-bottom:1px dotted #666;line-height:1.6;}
#search_area .check_box2{padding:5px 5px 0;line-height:1.4em;;margin-bottom:10px;}
#search_area .check_box3{padding:0px 0px 0px 5px;margin-bottom:0px;}



.around{margin-bottom:15px;}

/**youtubeレスポンシブ************/
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
} 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




