@charset "utf-8";

body {margin: 0px;padding: 0px;color: #fff;	/*蜈ｨ菴薙�譁�ｭ苓牡*/font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;	font-size: 15px; line-height: 2; background: #000; -webkit-text-size-adjust: none;}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {width:1110px;margin: 50px auto 70px auto; border-collapse:collapse;font-size: 100%;border-spacing: 0;}
th,td {border: solid 1px;padding: 10px;}
iframe {width: 100%;}
.clear{clear: both;}
a {color:#fff; -webkit-transition: 0.5s; transition: 0.5s;}
a:hover {color:yellow;text-decoration: none;}
.inner {max-width: 100%;margin: 0 auto;padding: 0 0;}


#headerFixed{position:fixed;width: 100%; height:100px;top:0;background-color:#000; z-index: 992;}
header {}
header .inner {width: 700px; height: auto;}
header #site-name {font-size: 26px; width:auto; margin:10px 0 0 0; color: #fff;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
header h1 {float:left; font-size: 11px; margin-top:0;color: #fff;line-height: 1em; }

/*繝｡繝九Η繝ｼ---------------------------------------*/
#menubar {clear: both;overflow: hidden;position: relative;z-index: 1;background: linear-gradient(#fff, #eee);background-image: url("../img/page/header-bg.png");background-repeat: repeat-x;border-bottom:2px solid white;}
#menubar a {color:white; -webkit-transition: 0.5s; transition: 0.5s;text-decoration: none;}
#menubar a:hover {color:yellow;text-decoration: none;}
#menubar li {float: left;font-size: 13px;padding: 15px 0 0 0; width: 11.1%;height: 45px;line-height: 45px; text-align: center;}縲€/*荳企Κ繝翫ン繝懊ち繝ｳ*/
#menubar li a {display:block;text-decoration: none;text-align: center;line-height: 45px;padding-top: 4px;}
#menubar li::after {transition: 0.3s;content: "";display: block;border-bottom:3px solid white; position: relative;left: 0px;bottom: 0px;}
#menubar li:hover::after,#menubar li.current::after {bottom: 1px;}
#menubar-s {display: none;}
#menubar_hdr {display: none;}


/*九龍城-----------------------------------*/
#mainimg {text-align: center; margin: 0 auto 0 auto;}
#mainimg img{text-align: center; margin: 100px auto 0 auto;}
#contents {text-align:left;margin: 0 auto 0 auto;clear: both;overflow: hidden;padding: 0;width: 700px;}
#catchCopy{text-align:left;font-size: 20px;width: 550px; margin: 0 auto 26px auto;line-height: 1.6em;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
h2{text-align:left;font-size: 30px;margin: 10px 0 10px 0; line-height: 1em;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
h3{font-size:120%; line-height: 1em;width: 100%; margin: 60px auto 10px auto;padding: 0 0 10px 0;border-bottom:solid 1px;}
p{line-height:1.6em;}
#btnPc-photo{display: block;margin: 30px auto;}
#btnSp-photo{display: none;}

#pagetop {position: fixed;float:right;z-index:990;bottom: 5%;right:2%;width:60px;height:30px;}
#pagetop a {display: block;padding:0;margin: 0 2px;}

footer {clear: both;color: #fff;font-size: 75%;}
footer .inner{margin:100px 0 0 0;width: 100%;height:60px;border-top:solid 1px white;}
#copyright {margin: 0 0 0 0;clear: both;text-align: center;}

#tableOfContentsTitle{font-weight: bold;text-align:  center; margin: 0 auto 0 auto ;padding: 10px;}/*ﾃｧ窶ｺﾂｮﾃｦﾂｬﾂ｡ﾃ｣窶堋ｿﾃ｣窶堋､ﾃ｣ﾆ塚�｣ﾆ陳ｫ*/
#tableOfContents{width: 600px; margin: 0 auto 0 auto ;padding-top: 16px ; border: solid 1px;}/*ﾃｧ窶ｺﾂｮﾃｦﾂｬﾂ｡*/
#tableOfContentsAuto{display:inline-block; background:#fcfcff; padding:30px 60px 15px 60px; border:1px solid #3b5998; border-radius:10px; word-break:break-all;margin: 0 auto 0 auto;text-align: left;}


/*sp-----------------------------------------------------------------------------*/
@media screen and (max-width:700px){
#headerFixed{height:100px;}
header {width: 96%;margin:16px auto 0 auto;}
header #site-name {width: 100%; float: left; margin:0;}
#contents {width: 100%;margin: 0;}
#catchCopy{font-size: 18px;width: 96%; margin: 20px auto 26px auto;}
img{width: 100%;}
#btnPc-photo{display: none;}
#btnSp-photo{display: block;margin: 50px auto 80px auto;}
h2{font-size: 22px; line-height: 1em;width: 96%; margin: 20px auto 6px auto;}
h3{font-size:120%; line-height: 1em;width: 96%; margin: 60px auto 0 auto;padding: 0 0 10px 0;border-bottom:solid 1px;}
p{line-height:1.6em;width: 96%; margin: 20px auto 26px auto;}
#pagetop {display: none;}

}