html{height:100%;}
body {	font-size:100%;font-family:Verdana,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;line-height:1.4;
	padding:0px;word-break:normal;margin:0px;font-size:90%;overflow-y:scroll;
	background:#EFEFEF;color:#333;height:100%;}
h1,h2,h3,h4,h5,h6{margin:0 0 0 0;padding:0 0 0 0;}
h2{font-size:300%;}
#h3 {
	background: #343539; /* Old browsers */
	margin:0 -30px 20px -30px;padding:12px 10px;
	color:#FFF;text-shadow:1px 1px 2px #333;box-shadow:inset 0 0 50px rgba(0,0,0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.3);
	position:relative;
	}
 
#h3:before,
#h3:after {
	content: ' ';
	position: absolute;z-index: -1;width: 0;height: 0;right: -14px;bottom: -15px;
	background: transparent;border-color: transparent  transparent transparent #666;border-style:solid;border-width:15px;
	}
#h3:after {
	left: -14px;bottom: -15px;right:auto;border-color: transparent #666 transparent transparent;
	}
h3{background-color:#343539;color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:16px;line-height:48px;margin:0 0 8px 0;font-weight:normal;}
h4{font-size:110%;line-height:160%;}


a{text-decoration : none ;}
a:link	{color:#36c;}
a:visited	{color:#35b;}
a:active	{color:#35b;}
a:hover	{color:#039;text-decoration:underline;}
a img{border:0px;}

p{margin:0 0 1em 0;}

#header{background:#343539;position:fixed;width:100%;z-index:50;}
#header h1{margin:0 auto;padding:8px 0;width:920px;}
#logo{vertical-align:middle;margin:0 8px 0 0;}
#header h1 a{color:#fff;}

#footer{background:#343539;position:fixed;bottom:0;width:100%;}
#fooooooooo{position:fixed;}
.footer-in{margin:0 auto;padding:8px 0;width:920px;color:#fff;text-align:right;}

#contents{margin:0 auto;width:920px;padding:110px 0 0 0;}
#content{padding:0 0 0 220px;}


#menu{position:fixed;top:110px;background:#343539;width:200px;color:#fff;
-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
#menu:after {bottom: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
#menu:after {border-color: rgba(35, 35, 35, 0);border-bottom-color:#343539;border-width: 16px;left: 50%;margin-left: -80px;}

#menu ul{overflow:hidden;margin:12px 12px 12px 12px;padding:0 0 0 0;}
#menu ul li{height:2.5em;line-height:2.5em;overflow:hidden;margin:0.3em 0 0.3em 0;padding:0 0 0 0;}
#menu ul li a{color:#fff;display:block;padding:0 8px;}
#menu ul li a:hover{color:#fff;background:#3366CC;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;text-decoration:none;}
#menu ul li a img{vertical-align:middle;margin:0 8px 0 0;}

#whatsnew{position:fixed;top:408px;width:200px;}
#whatsnew .n1{border-bottom:1px solid #333;}
#whatsnew dl dt{width:48px;position:absolute;font-size:82%;color:#36c;font-family:'Spinnaker', sans-serif;}
#whatsnew dl dd{font-size:82%;margin:0 0 8px 40px;padding:0 0 0 0;}

.content_box{padding:0px 0 32px 0;}
.m-box{background:#fff;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding:16px;margin:0 0 32px 0;}

.title{font-family:'Spinnaker', sans-serif;margin:0 0 32px 0;}
.title1{font-size:62px;line-height:62px;}
.title2{font-size:120px;line-height:100px;}
.title3{font-size:92px;line-height:92px;}
.title4{font-size:59px;line-height:60px;}

.b1{text-align:center;font-weight:bold;font-size:180%;}
.b2{text-align:center;font-weight:bold;font-size:120%;padding:16px 0 4px 0;}
.b3{text-align:center;font-weight:bold;font-size:110%;padding:16px 0 0 0;}
.b4{font-size:165%;}
.b5{text-align:center;font-weight:bold;font-size:100%;padding:0 0 16px 0;}
.b6{font-size:130%;}

.box_silver{border:1px solid #ccc;padding:8px;margin:8px 0;}
.box_silver .imgleft{vertical-align:middle;margin:0 0px 0 0;}
.end{margin-bottom:1em;}
.end2{margin-bottom:2em;}
.kome{margin:0 0 0 0;padding:0 0 0 0;}
.kome li{list-style-type:none;text-indent:-1em;padding:0 0 0.5em 1em;}


@font-face {
  font-family: 'fontello2';
  src: url('./font/fontello2.eot?54043276');
  src: url('./font/fontello2.eot?54043276#iefix') format('embedded-opentype'),
       url('./font/fontello2.woff?54043276') format('woff'),
       url('./font/fontello2.ttf?54043276') format('truetype'),
       url('./font/fontello2.svg?54043276#fontello') format('svg');
  font-weight: normal;
}

@font-face {
  font-style: normal;
    font-family: 'LigatureSymbols';
    src: url('./font/LigatureSymbols-2.11.eot');
    src: url('./font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('./font/LigatureSymbols-2.11.woff') format('woff'),
         url('./font/LigatureSymbols-2.11.ttf') format('truetype'),
         url('./font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('./font/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.fontello{font-family:fontello2;}
.lsf{  font-family: 'LigatureSymbols';font-size:150%;margin-right:4px;font-weight:normal;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;}