/* ----------------------------------------------------------------------------------------------------
     全端末共通のCSS
---------------------------------------------------------------------------------------------------- */

.pc{display:block}
.sp{display:none}

/* レイアウト
---------------*/

/*body{color:#4a4a4a;text-align:center;margin:0 auto;background:#cdb54e url(../img/common/bg2022.jpg)center top no-repeat;background-size: 100%;width:100%}
.layout{max-width:1000px;text-align:center;margin:0 auto}
.pcBr:after{content:"\A";white-space:pre}*/

body{color:#4a4a4a;text-align:center;margin:0 auto;background:#010102 url(../img/common/bg.jpg)center top no-repeat;background-size: 100%;width:100%}
.layout{max-width:1000px;text-align:center;margin:0 auto}
.pcBr:after{content:"\A";white-space:pre}


/* 文字
---------*/

h1{font-family:ヒラギノ明朝 Pro W3,ＭＳ\ Ｐ明朝,MS PMincho,Hiragino Mincho Pro,serif;font-size:165%;font-weight:400;text-align:center;padding: 0 0 25px 15px;}

h1 span{display:block;font-size:50%;font-weight: 100;color:#999;margin: 10px 0 20px 0;padding-top: 5px; border-top: 1px solid #ccc;}

h2{color:#005299;font-family:ヒラギノ明朝 Pro W3,ＭＳ\ Ｐ明朝,MS PMincho,Hiragino Mincho Pro,serif;font-size:140%;text-align:left;margin-bottom:30px}

h2 span{font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;font-size:60%;color:#ccc;font-weight:400;margin-left:10px}

p{margin-bottom:20px;text-align:left;font-size:93%;line-height:160%}

.title{background:url(../img/side/titleBg.png) left repeat;background-size: 100%;text-align:center;color:#fff;padding: 13px 0}

.font{line-height:130%;font-size:80%;margin-top:10px}

.small	{font-size: 72%;}

ul.text{list-style-position:outside;text-align:left;font-size:95%;padding-left:20px;margin-bottom:20px}
ul.text li{margin-bottom:3px}

.pic{float:right;padding:0 0 10px 10px}

.attention	{ margin-bottom: 1em;padding: .3em 1em;border: 1px solid #ff9999;color: #cc6666;background: #fef5f5;}

/* ヘッダー
-------------*/

#header{padding: 55px 0 30px}
#h_left{float:left}
#h_right{float:right}
#h_right p{font-family:ヒラギノ明朝 Pro W3,ＭＳ\ Ｐ明朝,MS PMincho,Hiragino Mincho Pro,serif;color:#fff;text-align:left;font-weight:400;line-height:120%;margin-top:15px}

.pagettle	{padding: 35px 0 26px 0;font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;color: #fff;font-size: 200%;line-height: 120%;background: hsla(0,0%,0%,.30);letter-spacing: 0.1em;}
.pagettle	span	{font-size: 60%;color: #7488b4;}


/* ナビゲーション
-----------------*/
nav{position:relative;margin:0 auto;text-align:center;width: auto;background: rgba(28,77,110,0.6);box-shadow: 2px 2px 2px rgba(0,0,0,0.53);border-top: solid 1px #2c4a61;border-bottom: solid 1px #0b1a25;z-index:10;}

#nav{width: 1000px;margin: 0 auto;}
#nav,#nav ul{margin:0 auto;text-align:center}
#nav ul{padding:0;list-style:none;width:100%;border-left: 1px solid #5e7584;}
#nav ul li{padding:0;margin:0 auto;float:left; border-right: 1px solid #5e7584;}
#nav ul li a{margin:0;padding: .7em 0 0 0;height: 48px;width:2in;display:block;text-decoration:none;font-size: 105%;line-height: 115%;overflow:hidden;color: #fff;transition: all  0.4s ease;}
#nav ul li a span{font-size: 70%;color: #979696;}
#nav ul li a:hover{background: #368ac3;}


body#cat-1 #nav ul li a#cat-nav-1,
body#cat-2 #nav ul li a#cat-nav-2,
body#cat-3 #nav ul li a#cat-nav-3,
body#cat-4 #nav ul li a#cat-nav-4,
body#cat-5 #nav ul li a#cat-nav-5 { border-top: 1px solid #97b3c5;border-bottom: 1px solid #4e6879;background: #6d94ac;}

body#cat-1 #nav ul li a#cat-nav-1 span,
body#cat-2 #nav ul li a#cat-nav-2 span,
body#cat-3 #nav ul li a#cat-nav-3 span,
body#cat-4 #nav ul li a#cat-nav-4 span,
body#cat-5 #nav ul li a#cat-nav-5 span { color: #d8e3eb;}


/* サイドナビゲーション
-----------------------*/

#sideMain{margin:0 auto;text-align:center;width:250px;margin-left:10px}
.sideBox{margin:10px auto;background:#fff}
.sideBox ul{list-style:none;font-size:90%}
.sideBox ul li{border-bottom:1px solid #eee;text-align:left;background:url(../img/side/arrow2.png)8px 16px no-repeat;padding: 12px 0 12px 25px}
.sideBox h2{text-align:center;margin:10px auto;font-size:95%;line-height:140%}
.tel{margin-top:-20px}
.tel p{border-top:1px dotted #ccc;background:url(../img/side/tel.jpg)10px 13px no-repeat;font-size:190%;font-family:ヒラギノ明朝 Pro W3,ＭＳ\ Ｐ明朝,MS PMincho,Hiragino Mincho Pro,serif;padding:0 0 0 20px;margin:0;text-align:center}
.tel span{font-size:70%;display:block;margin-top:-10px;text-align:right;padding:0 10px 10px 0}

/* フッター
--------------*/

#footer{margin-top:50px}

#f_logo{background:url(../img/footer/f_line.jpg)center right no-repeat}

.f_left{float:left;width:330px;margin-top:10px}

.f_left p{background:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(border-radius.htc);float:left;padding:3px 10px 1px;font-size:90%;font-family:ヒラギノ明朝 Pro W3,ＭＳ\ Ｐ明朝,MS PMincho,Hiragino Mincho Pro,serif;font-weight:400}

.f_left p+p{clear:both;background:0;margin-top:-10px;font-family:ヒラギノ明朝 Pro W3,ＭＳ\ Ｐ明朝,MS PMincho,Hiragino Mincho Pro,serif;padding:0;color:#fff}

.f_left p+p span{font-size:130%;margin-top:-5px;display:block}

.f_left ul li{float:left;margin-right:20px;list-style:none;font-size:80%}
.f_left ul li a{color:#fff}
.f_right{float:right;width:250px}

.f_right2{float:right;width:600px;text-align:right;margin-top:10px}
.f_right p{font-size:100%;font-family:ヒラギノ明朝 Pro W3,ＭＳ\ Ｐ明朝,MS PMincho,Hiragino Mincho Pro,serif}

#address{border-top:1px solid #2c2552;padding:20px 0 25px 0;min-width:1000px;}
address{color:#fff;font-style:normal;font-size:80%}

/* メイン
-----------*/

#container{margin: 20px auto 0;text-align:center;background:#fff;background:url(../img/common/containerBg.jpg)top center repeat-y}

#main{float:left;width:730px;width:73%;background:url(../img/common/mainBg.jpg)top left repeat-x}

article{margin:40px 5.5%}

#sideber{float:right;width:270px;width:25.96%;margin-right:1%;position:relative}
.width90{width:90%;text-align:center;margin:0 auto}


/* トップページ
-----------------*/
body.home .post h1{background:0;font-size:100%;background:url(../img/common/arrow.jpg)0 5px no-repeat;padding:0 0 0 18px;font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif}
body.home .post h1 a:link{color:#276ddb}
body.home .post h1 a:visited{color:#276ddb;transition:color .3s ease 0}
body.home .post h1 a:hover{color:#ff8000;transition:color .3s ease 0}

.entry-footer{text-align:right;font-size:80%;margin-bottom:10px}
article.post{margin-bottom:30px;border-bottom:1px dotted #ccc}
article article{margin:0}
.author{display:none}
.screen-reader-text{display:none}
.nav-previous{float:left;width:40%;text-align:left}
.nav-next{float:right;width:40%;text-align:right}

/* プロトタイプ
-------------------------------------*/

/*パンくず*/
div#listNavi{font-size:75%;text-align:left}
div#listNavi span{background:url(../img/common/listBg.png)top left no-repeat;padding:3px 0 5px 20px}
div#listNavi p{text-align:left;margin:0}
#main article:first-child{margin: 25px 5.5% 0 5.5%;}


.formButton input{padding:10px;width:80%;height:40px;text-align:center;margin:0 auto;border-style:none;background:#333;color:#fff;font-size:90%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;behavior:url(border-radius.htc)}

.formButton input:hover{background:#ff7f00}
.map{margin-bottom:20px}
.map iframe{width:100%}
.picBox{margin:0 auto 20px;text-align:center;width:630px}
.picLeft{float:left;width:300px}
.picRight{float:right;width:300px}
.picCenter2,.picLeft2{float:left;width:200px}
.picCenter2{margin-left:15px}.picRight2{float:right;width:200px}

/* 新着情報
-------------------------------------*/
div#news{text-align:left;margin-top:-10px}
div#news ul{list-style:none}
div#news ul li{border-bottom:1px dotted #ccc;padding-top:15px;padding-bottom:15px;padding-left:18px;background:url(../img/common/arrow.jpg)0 21px no-repeat}
div#news ul li span{font-weight:700}
div#news ul li a:link,div#news ul li a:visited{color:#276ddb;transition:color .3s ease 0}
div#news ul li a:hover{color:#ff8000;transition:color .3s ease 0}

/* その他ナビゲーション
-------------------------------------*/
.btn{color:#fff;font-size:85%;margin:20px auto 0;text-align:center}
.btn a{color:#fff;transition:color .9s ease 0;text-decoration:none;display:block;padding:10px 0 8px;background:#165376;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;behavior:url(border-radius.htc); transition: all  0.4s ease;}
.btn a:hover{color:#fff;transition:color .3s ease 0;background-color:#368ac3;animation:gradation 1s}

/* ブログ
-------------------------------------*/
.pagination{width:100%;text-align:center;margin:0 auto;padding:20px 0;position:relative;font-size:14px;line-height:13px}.pagination a,.pagination span{display:block;text-align:center;float:left;margin:2px 2px 2px 0;padding:6px 9px 5px;text-decoration:none;width:auto;color:#fff;background:#555}.pagination .current,.pagination a:hover{color:#fff;background:#3279bb}.pagination .current{padding:6px 9px 5px}span.meta-nav{display:none}


nav.navigation	{background: none;border: none;box-shadow: none;}


/* 設備紹介
-------------------------------------*/

#cat-3	.picBox	p	{line-height: 120%;}
#cat-3	.picBox	p	.small{display: inline-block;text-indent: -.4em;}
#cat-3	.picBox	p	img	{margin-bottom: 0.5em;}



/* ----------------------------------------------------------------------------------------------------
     タブレット・PC端末（480px〜960px）
---------------------------------------------------------------------------------------------------- */ 
@media only screen and (max-width: 960px) {

.pc{display:none}
.sp{display:block}



/* レイアウト SP
-----------------*/

.layout{width:90%;text-align:center;margin:0 auto}
.pcBr:after{content:inherit;white-space:nowrap}


/* 文字 SP
----------*/
h1{font-family:ヒラギノ明朝 Pro W3,ＭＳ\ Ｐ明朝,MS PMincho,Hiragino Mincho Pro,serif;font-size:110%;font-weight:400;padding:10px 0 0 0x;margin-bottom:10px;line-height:100%}
h1 span{display:block;font-size:60%;margin-top: 10px;margin-bottom: 0;color:#ccc}


h2{color:#005299;font-family:ヒラギノ明朝 Pro W3,ＭＳ\ Ｐ明朝,MS PMincho,Hiragino Mincho Pro,serif;font-size:110%;text-align:left;margin:　0 0 10px 0}

h2 span{font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;font-size:60%;color:#ccc;font-weight:400;margin-left:10px}
.pic{float:right;padding:0 0 10px 10px;margin-left:auto;margin-right:auto;width:35%;text-align:center}

/* ヘッダーSP
--------------*/

#header{padding:0 0 15px;font-size: 90%;}
#h_left{float:none}
#h_right{float:none}
#h_right p{text-align: left;margin-top:10px;line-height:110%}

.pagettle	{margin-bottom: .7em;font-size: 150%;padding: 25px 0 15px 0;}

/* ナビゲーションSP
-------------------*/

nav{margin:0 auto;text-align:center;width:auto;box-shadow: none;border: none;}
#nav{display:none}

/* サイドナビゲーションSP
----------------------*/

.sideBox2{margin:0 auto;background:#fff}
.sideBox2 ul{list-style:none;font-size:90%}
.sideBox2 ul li{border-bottom:1px solid #eee;text-align:center;background:0;padding:15px 0;width:49.8%;float:left}
.sideBox2 ul li:nth-child(2n+1){border-right:1px solid #eee}
.sideBox2 h2{text-align:center;margin:10px auto;font-size:100%;line-height:140%}
.pic2{float:right}.tel{display:none}


/* フッターSP
-------------*/

#footer{margin-top:30px}
#f_logo{background:0}

.f_left{float:left;width:100%;margin-top:0}
.f_left p{background:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(border-radius.htc);float:left;padding:7px 10px 5px;font-size:90%;font-family:ヒラギノ明朝 Pro W3,ＭＳ\ Ｐ明朝,MS PMincho,Hiragino Mincho Pro,serif;font-weight:400}
.f_left p+p{clear:both;background:0;margin-top:-60px;font-family:ヒラギノ明朝 Pro W3,ＭＳ\ Ｐ明朝,MS PMincho,Hiragino Mincho Pro,serif;padding:0;color:#fff;float:right}
.f_left p+p span{font-size:130%;margin-top:-5px;display:block}
.f_left p a{color:#fff}
.f_left ul{display:none}
.f_left ul li{float:left;margin-right:20px;list-style:none;font-size:80%}
.f_left ul li a{color:#fff}

.f_right{clear:both;width:250px;margin:0 auto}
.f_right,.f_right2{float:none;text-align:center}
.f_right2{width:100%;margin-top:10px}
.f_right p{margin:0;font-size:100%;font-family:ヒラギノ明朝 Pro W3,ＭＳ\ Ｐ明朝,MS PMincho,Hiragino Mincho Pro,serif}

#address{margin-top:20px;padding-bottom:25px;min-width:inherit}
address{color:#fff;font-style:normal;font-size:60%}


/* メイン SP
---------------*/

#container{background:#fff}
#container,#main{margin:0 auto;text-align:center}
#main{float:left;width:100%;background:url(../img/common/mainBg.jpg)top left no-repeat}article{margin:10px}
#sideber{float:left;width:100%;position:inherit}


/* プロトタイプ SP
-------------------------------------*/
.picBox{margin:0 auto 20px;text-align:center;width:100%}
.picCenter2,.picLeft,.picLeft2,.picRight,.picRight2{float:none;width:100%;text-align:center;margin-left:auto;margin-right:auto}
.picLeft p,
.picRight p,
.picLeft2 p,
.picCenter2 p,
.picRight2 p {width:100%;text-align:center;margin-left:auto;margin-right:auto;}

/* その他ナビゲーション SP
-------------------------------------*/
.btn a{color:#fff;transition:color .9s ease 0;text-decoration:none;display:block;padding:13px 0;background:#4699b1;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;behavior:url(border-radius.htc)}

div.normalTbl2 table th,div.normalTbl table td,div.normalTbl table th{display:block;width:auto}
div.normalTbl2 table td:nth-child(2){display:block}
div.normalTbl input{width:100%;height:25px}
div.normalTbl textarea{width:100%}


/* トップ 新着 SP
-------------------------------------*/

div#news{margin-top:0}

div#news ul li{padding-top:15px;padding-bottom:5px;}
div#news	span{display: block;}
div#news ul li a{display: inline-block;text-indent: -1em;}
} 


@media only screen and (max-width: 480px) {

.f_left p{float:none;width:auto;line-height:120%}
.f_left p+p{margin-top:0;float:none}
.f_left p+p span{margin-top:0}

}