/*//////////// 基本サイズ14px  ////////////
表示サイズ　指定する値
10px　72%
11px　79%
12px　86%
13px　93%
14px　100%
15px　108%
16px　115%
17px　122%
18px　129%
19px　136%
20px　143%
21px　150%
22px　158%
23px　165%
24px　172%
25px　179%
26px　186%
//////////////////////////////*/

body {margin: 0px;padding: 0px;font-size:15px;color:#444;background-color:#ffffff;
			-webkit-text-size-adjust: none;/*iphoneの文字サイズの自動調整解除*/
			font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, arial, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}			
			/*
			リュウミン R-KL,、
			font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,Arial,"ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
			font-family:"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", "Meiryo",Osaka,Verdana,sans-serif;				
			*/

/*font差し替え用*/
tt{font-family: "ＭＳ ゴシック","MS Gothic",monospace;}


/*html{overflow-x:hidden;-ms-overflow-x: hidden;}*/	/*横wide画像用*/


a         {color: #222222;text-decoration: none;}/*color: #996c16;*/
a:link    {color: #222222;text-decoration: none;}/*color: #996c16;*/
a:visited {color: #222222;text-decoration: none;}/*color: #996c16;*/
a:active  {color: #222222;text-decoration: underline;}/*color: #996c16;*/
a:hover   {color: #996c16;text-decoration: underline;}/*color: #C7AA74;*/
	
h1,h2,h3,h4,h5,p,li,span,dl,dt,dd {margin:0;padding:0;}
	
img {border:none;margin:0;padding:0;vertical-align:middle;}/*vertical-align: bottom;margin:0;padding:0;*/
	
ul {margin:0px;padding:0px;list-style:none none outside;}
ol{margin:0;padding:0;}

div.clear {clear:both;}

hr { border-width: 1px 0px 0px 0px;border-style: solid; border-color: #cccccc;height: 1px;}

.dotline{border-top: 1px dotted #bbbbbb;font-size: 1px;line-height: 1px;clear:both;}
.solidline{border-top: 1px solid #bbbbbb;font-size: 1px;line-height: 1px;clear:both;}

/*a:hover img{opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}*/

/*clearfix--------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;}

.clearfix {min-height: 1px;}

* html .clearfix {height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*印刷しない--------------------*/
@media print {
.bx-pager,
.bx-controls-direction,
#change,
#font-sliderbox,
#anchor,
#pagetop,
#pageDown,
#footer-space{display:none !important;}
}



/*全ページ共通のテーブル構造　-------------------*/
#wrap{}
#contents{}
#wrapper{width:1120px;margin:0 auto;text-align:left;}
#container {width:980px;margin:0 auto;text-align:left;}
#container860 {width:860px;margin:0 auto;text-align:left;}



/*スライドで降りてきた場合*/
#change {position: fixed;top: 0px;left: 0px;width: 100%;height:50px;background-color:#6dbffd;display: none;z-index: 99999;
					-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
					-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
					box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);}
/*#change header.nav h1.top-rogo a{margin-top:11px;background:url(../img/header_rogo.png) no-repeat;width:120px;height:62px;background-size:auto 62px;-webkit-background-size:auto 62px;}*/
#change header.nav #top-right{margin:12px 0 0 180px;}
#change header.nav  #top-right ul{margin-bottom:13px;}
#change header.nav .nav-list{border-top:1px solid #f9f6f0;margin-top:80px;}


/*ページ右の文字サイズ表示*/
#font-sliderbox{position:fixed;top: 180px;right: 0px;background-color:#c49c4d;text-align:center;z-index:2000;width:32px;}
#font-sliderbox .title-slider{background-color:#c49c4d;font-size:10px;line-height:110%;color:#ffffff;width:1em;text-align:center;margin:6px auto 0 auto;}
#font-sliderbox ul{padding-bottom:10px;}
#font-sliderbox ul li{margin-top:6px;cursor:pointer;}


/* タブレット向け */
@media only screen and (max-width: 1230px) {
#pagetop a {position: fixed;
	bottom: 0px;
	left:auto;
	display: block;
	margin-left:840px;
	background:url(../img/pagetop.png) no-repeat 0px 0px;width:146px;height:49px;text-indent:-8989px;display:block;overflow:hidden;}
}





/*全ページ共通スタイル---------------------------------------------*/
.color-bg{color:#ffffff;}


/*全ページ共通のフッター---------------------------------*/
#footer-space{margin-top:20px;}
footer{position:relative;background-color:#fff;color:#222;z-index:400;}

/*メニュー　floatのリストを中央揃え*/
#footer-wrapper1{background:url(../img/footer-bar.png) repeat-x 0px 59px; height:139px; width:100%; position:relative;}
#footer-menu-box{position:absolute;margin-top:0px;width:100%;}/**/
#footer-menu-box ul{text-align:center;margin:80px auto 0 auto; width:960px;padding:0;}
/*#footer-menu-box ul li {display:inline-block;/display:inline;/zoom:1;text-align:center;vertical-align:middle;width:120px;height:80px;}*/
#footer-menu-box ul li {display:inline-block;/display:inline;/zoom:1;text-align:center;vertical-align:middle;height:40px;}
#footer-menu-box ul li  a{color:#ffffff;text-decoration:none;font-size:16px;font-weight:500;line-height:40px;display:block;margin-right:10px;height:40px;}/*background:url(../img/top_menu_bg2.png) no-repeat right top;*/
#footer-menu-box ul li a:hover{color:#ff8888}/*background-position:right -40px;*/

/*
body.top #footer-menu-box ul li.footyokomenu0 a:hover{color:#ffffff;}
body.news #footer-menu-box ul li.footyokomenu1 a:hover{color:#ffffff;}
body.about #footer-menu-box ul li.footyokomenu2 a:hover{color:#ffffff;}
body.letterzine #footer-menu-box ul li.footyokomenu3 a:hover{color:#ffffff;}
body.obog #footer-menu-box ul li.footyokomenu6 a:hover{color:#ffffff;}
body.link #footer-menu-box ul li.footyokomenu7 a:hover{color:#ffffff;}
body.sitemap #footer-menu-box ul li.footyokomenu8 a:hover{color:#ffffff;}
*/
#footer-wrapper2{height:100px; width:980px; position:relative;margin: 25px auto;}
#footer-box2 {position: relative;}
#footerb21{position:absolute; top:20px; left:80px;}
#footerb22{position:absolute; top:20px; left:125px;}
#footerb23{position:absolute; top:20px; left:170px;}
#footerb24{position:absolute; top:10px; left:250px;}
#footerb25{position:absolute; top:15px; left:500px; font-size:22px;line-height:35px;height:35px;color:#222;}
#footerb26{position:absolute; top:40px; left:500px; font-size:14px;line-height:35px;height:35px;color:#333;}

#toplink-box {
	width: 980px;
	margin: -20px auto 30px auto;
	position:relative;
	z-index:10;
}

#toplink-tokyo {
	width:280px;
	margin: 0px 0px 0px 250px;
/*	margin: 0px auto;*/
}

#toplink-tokyo a:hover img{opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}