@charset "UTF-8";

html,body {height:100%;}
body{text-align:center;font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:1.6;}
section, nav, article, aside, header, footer, figure, legend {display: block;}
img{vertical-align:top;}

/* -------------------------
  Header
------------------------- */
#header{width:980px;margin:0 auto;}
#header h1{float:left;padding:10px 0 15px 0;}
#header div{float:right;}
#header div p{text-align:right;padding:15px 0 10px 0;}
#header ul{float:right;}
#header ul li{float:left;margin-left:20px;}

/*clear*/
#header:before, #header:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 }
#header:after { clear: both; }
#header { zoom: 1; }


/* -------------------------
  Nav
------------------------- */
#global-nav{background:#000;-webkit-box-shadow:0 2px 5px #bbb;-moz-box-shadow:0 2px 5px #bbb;box-shadow:0 2px 5px #bbb;}
#global-nav ul{width:980px;margin:0 auto;background:url(../img/bg_nav.gif) no-repeat center center;}
#global-nav ul li{float:left;}
#global-nav ul li a.current, #global-nav ul li a.parentsLink{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

#side{width:220px;float:left;}
#side-nav{margin-bottom:10px;}
#side-nav li{margin-bottom:10px;-webkit-box-shadow:0 1px 5px #bbb;-moz-box-shadow:0 1px 5px #bbb;box-shadow:0 1px 5px #bbb;}
#side-local-title{font-size:108%;color:#fff;background:#000;padding:5px 10px;font-weight:bold;-webkit-box-shadow:0 1px 5px #bbb;-moz-box-shadow:0 1px 5px #bbb;box-shadow:0 1px 5px #bbb;}
#side-local{margin-bottom:10px;padding:8px 10px;background:#fff;-webkit-box-shadow:0 1px 5px #bbb;-moz-box-shadow:0 1px 5px #bbb;box-shadow:0 1px 5px #bbb;}
#side-local li{font-size:93%;border-bottom:1px dotted #ccc;margin-bottom:1px;padding-bottom:1px;}
#side-local li:last-child, #side-local li.lastChild{border-bottom:0;margin-bottom:0;}
#side-local li a{padding:3px 5px 2px 20px;display:block;background:url(../img/icon_selflink.gif) no-repeat 3px .5em;text-decoration:none;}
#side-local li a.current{background:url(../img/icon_selflink.gif) no-repeat 3px .5em #efefef;}
#side-local li a:hover{color:#fff;background-color:#2894c6;}

#btm-nav{font-size:85%;line-height:1;padding:5px 0;float:left;text-align:left;}
#btm-nav li{display:inline;padding-right:5px;margin-right:5px;border-right:1px solid #333;}
#btm-nav li.lastChild{border-right:none;}

#footer-nav{background:#fff;padding:10px 0;}
#footer-nav h1{margin-bottom:5px;}
#footer-nav ul{width:980px;margin:0 auto;text-align:left;}
#footer-nav ul li{width:155px;float:left;margin-right:10px;}
#footer-nav ul li:last-child, #footer-nav ul li.lastChild{margin-right:0;}
#footer-nav ul li ul{width:auto;font-size:85%;line-height:1.8;}
#footer-nav ul li ul li{width:auto;float:none;margin-right:0px;padding-left:15px;background:url(../img/icon_arrow_footer.gif) no-repeat left .3em;}

#btm-nav a, #footer-nav a{text-decoration:none;color:#333;}
#btm-nav a:hover, #footer-nav a:hover{text-decoration:underline;color:#666;}

/*clear*/
#global-nav:before, #global-nav:after,
#global-nav ul:before, #global-nav ul:after,
#footer-nav:before, #footer-nav:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
#global-nav:after, #global-nav ul:after, #footer-nav:after { clear: both; }
#global-nav, #global-nav ul, #footer-nav { zoom: 1; }


/* -------------------------
  contents
------------------------- */
#wrapper{background:url(../img/bg_wrapper.jpg) repeat;padding:20px 0 10px 0;}
#Main{width:980px;margin:0 auto;text-align:left;}
#Maincontents{width:740px;float:right;margin-bottom:10px;line-height:1.8;}
.subpage{background:#fff;padding:25px;border:5px solid #fff;-webkit-box-shadow:0 1px 5px #bbb;-moz-box-shadow:0 1px 5px #bbb;box-shadow:0 1px 5px #bbb;}
.subpage h1{margin-bottom:20px;border-bottom:1px solid #e8e8e8;padding:9px 0 9px 0;}

/*breadcrumb*/
ul#breadcrumb{width:980px;font-size:93%;text-align:right;margin:0 auto;padding-bottom:10px;}
ul#breadcrumb li{display:inline;white-space:nowrap;padding-right:18px;margin-right:5px;background:url(../img/icon_breadcrumb.gif) no-repeat right center;}
ul#breadcrumb li:last-child, ul#breadcrumb li.lastChild{padding-right:0;margin-right:0;background:none;}

/*page top*/
#pagetop{width:980px;margin:0 auto;padding:10px 0;}
#pagetop p{float:right;}

/*clear*/
#Main:before, #Main:after,
#pagetop:before, #pagetop:after,
.subpage:before, .subpage:after{  content: "\0020"; display: block; height: 0; visibility: hidden; }
#Main:after, #pagetop:after, .subpage:after{ clear: both; }
#Main, #pagetop, .subpage{ zoom: 1; }


/* -------------------------
  footer
------------------------- */
#footer{width:980px;margin:0 auto;padding:20px 0;font-size:85%;line-height:12px;}
#footer div{float:left;margin-right:25px;}
#footer p{float:left;margin-right:20px;}
#footer address{float:right;padding-top:15px;font-style:normal;font-family:Arial, Helvetica, sans-serif;}

/*clear*/
#footer:before, #footer:after {  content: "\0020"; display: block; height: 0; visibility: hidden; }
#footer:after { clear: both; }
#footer { zoom: 1; }

@media only screen and
(min-device-width : 768px) and
(max-device-width : 1024px){
	#wrapper,#global-nav{width:100%;padding-left:10px;padding-right:10px;}
	#global-nav{background:#000;}
	#header,#footer{padding-left:10px;padding-right:10px;}
	#footer-nav{margin-left:-10px;margin-right:-10px;}
	#wrapper:before, #wrapper:after{content: "\0020"; display: block; height: 0; visibility: hidden;}
	#wrapper:after{clear: both;}
	#wrapper{ zoom: 1; }
}

/*form*/
input[type="text"],textarea{
	border:1px solid #ccc;
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
	-webkit-box-shadow: inset 0 0 3px 0 #efefef; /* Safari, Chrome */
	-moz-box-shadow: inset 0 0 3px 0 #efefef; /* Firefox */
	box-shadow: inset 0 0 3px 0 #efefef; /* CSS3 */
}
#submitBtn{text-align:center;padding:20px 0 0 0;clear:both;}
#submitBtn input{background:#2894c6;color:#fff;border:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

/* -------------------------
  使い回し
------------------------- */
.fr{ display: inline; float: right; }
.fl{ display: inline; float: left; }
.alc{text-align:center;}
.alr{text-align:right;}
.mr0{ margin-right: 0!important; }
.mr20{ margin-right:20px!important; }
.ml20{ margin-left:20px!important; }
.mb0{ margin-bottom: 0!important; }
.mb5{ margin-bottom: 5px!important; }
.mb10{ margin-bottom: 10px!important; }
.mb15{ margin-bottom: 15px!important;; }
.mb20{ margin-bottom: 20px!important;; }
.mb25{ margin-bottom: 25px!important;; }
.mb30{ margin-bottom: 30px!important;; }
.mb40{ margin-bottom: 40px!important;; }

.lh120{line-height:120%;}
.tume{letter-spacing:-0.1em;}
.small{font-size:85%;}
.middle{font-size:93%;}
.large{font-size:108%;}
.blueRead{color:#2894c6;font-size:108%;font-weight:bold;line-heihgt:1.8;}
.need{color:#c00;}

.bbdot{border-bottom:1px dotted #999;}

.shadow{-webkit-box-shadow:0 1px 5px #bbb;-moz-box-shadow:0 1px 5px #bbb;box-shadow:0 1px 5px #bbb;}
.whitelineShadow{border:1px solid #fff;-webkit-box-shadow:0 1px 5px #bbb;-moz-box-shadow:0 1px 5px #bbb;box-shadow:0 1px 5px #bbb;}
.BGbeige{background:#e8e4dc;padding:20px;}

.baseUl, .baseOl{padding-left:2em;line-height:1.8;font-size:93%;}
.baseUl li{list-style:circle;}
.baseOl li{list-style:decimal;}

.linkSelf a{padding-left:15px;background:url(../img/icon_selflink.gif) no-repeat left center;color:#000;text-decoration:none;}
.linkSelf a:hover{text-decoration:underline;color:#2894c6;}

/* -------------------------
  media print
------------------------- */
@media print {
	#global-nav,#global-nav, #header ul,ul#sub-nav,#btm-nav,ul#breadcrumb,#side,#pagetop,#footer-nav{display:none;position:absolute;}
	body,#header,#wrapper,#Main{background:none;}
	#header, #Main, #footer{min-width:600px;width:auto;}
	#Maincontents{float:none;margin:0;}
	#wrapper{padding:0;margin:0;min-width:600px;}
}

.youtube_url{
	margin-top:10px;
	margin-bottom:10px;
}
.youtube_title {
	border-bottom: none;
	font-size: 18px;
	margin-bottom: 15px;
	border-left: 5px solid #19c7c7;
	padding:10px;
	font-weight: bold;
}