@charset "UTF-8";


/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/* common */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */
html{ overflow-x:hidden; }

body{
margin:0;
padding:0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
line-height:1.75;
color:#545454;
-webkit-text-size-adjust:100%;
}

img{ border:none; }

.error-404{
margin:0 0 100px;
}

/* --------------------------------------------------------------------------------------*/
/* Link */
/* --------------------------------------------------------------------------------------*/
a:link,a:visited{
color:#6C9FC6;
text-decoration:underline;
}
a:hover,a:active{
color:#6C9FC6;
text-decoration:none;
}
/* Footer Link */
#footerNav ul li a{
color:#535353;
}

/* --------------------------------------------------------------------------------------*/
/* layout */
/* --------------------------------------------------------------------------------------*/
.box,
.aboutBox{
width:1165px;
margin:0 auto;
overflow:hidden;
}

.box .boxL{
width:200px;
margin:0 70px 0 0;
padding:0;
float:left;
}
.box .boxR{
width:895px;
margin:0;
padding:0;
float:right;
}


/* --------------------------------------------------------------------------------------*/
/* Navigation */
/* --------------------------------------------------------------------------------------*/

#navBoxOuter{
width:100%;
margin:0 0 50px;
padding:0 0 28px;
background:URL(../img/bg_nav.gif) left bottom no-repeat;
}

#navBoxOuter #navBox{
margin:0 auto;
padding:30px 0 0;
}

#navBox{
margin:30px auto 80px;
}

#navBox{
width:1165px;
padding:0;
overflow:hidden;
}
#navBox p#logo{
width:194px;
margin:0;
float:left;
}
#navBox ul{
width:auto;
margin:62px 0 0;
padding:0;
float:right;
}
#navBoxOuter #navBox ul{
margin:0;
}

#navBox ul li{
display:inline-block;
margin:0 0 0 55px;
}
#navBox ul li a{
display:block;
padding:30px 0 0;
}

#navBox ul li span{
display:block;
text-align:center;
transform:translate(0,15px);
-webkit-transform:translate(0,15px);
opacity:0;
}
#navBox ul li.active span{
transform:translate(0,28px);
-webkit-transform:translate(0,28px);
opacity:1;
}


/* Contents Navigation */

ul#contentsNav{
margin:0 0 50px;
padding:0;
list-style:none;
overflow:hidden;
}
ul#contentsNav li{
margin:0 10px 0 0;
float:left;
}
ul#contentsNav li a.crnt,
ul#contentsNav li a:hover,
ul#contentsNav li a:active{
color:#fff;
background-color:#555;
transition: background-color 0.2s linear 0s;
-webkit-transition: background-color 0.2s linear 0s;
}
ul#contentsNav li a{
display:block;
min-width:150px;
min-height:30px;
margin:0;
padding:10px 0 0;
font-size:14px;
text-align:center;
color:#545454;
text-decoration:none;
background-color:#DAE000;
}

/* arrow */
#navArrow{
position:relative;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/* Top page */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */
#main{
width:100%;
margin:0;
/*padding:222px 0;*/
position:fixed;
top:0;
background-color:#000;
z-index:-1;
}
#mainBox{
width:680px;
margin:0 auto;
position:relative;
}
#main p{
position:absolute;
top:60px;
left:0;
margin:0;
padding:0;
z-index:999;
}
#main ul{
margin:0;
padding:0;
}

.top-content{
padding:40px 0 0;
position:relative;
background-color:#fff;
z-index:10000;
}

/* books slide */
.books{
clear:both;
height:125px;
margin:0 auto 70px;
padding:0 0 12px 20px;
background:URL(../img/top/bg_books.gif) center bottom repeat-x;
overflow:hidden;
}

/* books Item */
.sqBlock{
width:1200px;
height:285px;
margin:0 auto 70px;
padding:0;
}

.sqBlock ul{
width:1205px;
margin:0 -40px 0 0;
padding:0;
list-style:none;

}
.sqBlock ul li{
width:200px;
margin:0 40px 0 0;
float:left;
opacity:0;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/* Contents page */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */

.box section h1,
.box section h2.sTtl,
.aboutBox section h3.sTtl{
width:1125px;
height:34px;
margin:0 0 20px;
padding:6px 20px 0;
font-size:16px;
color:#555;
background-image:none;
background-color:#eee;
}
.box .boxR section.topicList h1{
width:auto;
}
.box .boxR section.topicList h1 a{
color:#535353;
}

.aboutBox section h2#aboutTtl{
margin:0 0 10px;
padding:0;
font-size:26px;
}

.contTtl{
width:100%;
min-height:40px;
margin:0 0 40px;
padding:10px 0 0 0;
background:URL(../img/bg_contTtl.jpg) left top no-repeat;
}
.contTtl h1{
width:1165px;
margin:0 auto;
padding:0;
color:#fff;
font-size:20px;
text-align:left;
}
.box section h2,
.box section h3{
width:145px;
min-height:23px;
margin:0 0 10px;
padding:0 0 0 35px; 
font-size:14px;
background:URL(../img/icon_arrow.gif) left top no-repeat;
}

.box section ul{
width:1205px;
margin:0 -40px 0 0;
padding:0;
list-style:none;
overflow:hidden;
}
.box section ul li{
width:180px;
margin:0 40px 40px 0;
float:left;
}

.thumb{
width:100%;
min-height:65px;
margin:0 0 10px;
padding:10px 0 5px;
text-align:center;
border:solid 1px #ddd;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/* Topics page */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */

.box section.topicList{
margin:0 0 40px;
padding:0 0 40px;
border-bottom:dotted 1px #ccc;
}

.box section.topicList h1{
margin:0 0 20px;
padding:5px 0 0 35px;
font-size:16px;
background:URL(../img/icon_arrow.gif) left center no-repeat;
}

.box .boxR h1#newsTtl{
min-height:33px;
margin:0 0 20px;
padding:7px 0 0 15px;
font-size:16px;
background-color:#eee;
}

.box section.topicList p.days,
.box .boxR p.days{
margin:0 0 10px;
font-size:12px;
letter-spacing:0.1em;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
}
.box section.topicList p{
margin:0 0 20px;
font-size:14px;
}

.box section.topicList p.moreLink{
margin:0;
padding:0 0 0 15px;
font-size:14px;
background:URL(../img/icon_moreLink.gif) left center no-repeat;
}

/* Topics side navi */

.box .boxL ul#topicsNav,
.box .boxL ul#topNews{
margin:0 0 30px;
padding:0;
list-style:none;
}
.box .boxL ul#topicsNav li{
width:200px;
height:40px;
margin:0 0 10px;
overflow:hidden;
}
.box .boxL ul#topicsNav li a{
display:block;
width:170px;
height:30px;
padding:10px 0 0 30px;
font-size:14px;
color:#fff;
text-decoration:none;
background:URL(../img/icon_arrow_topics.gif) 10px center no-repeat #555;
}
.box .boxL ul#topicsNav li a:hover,
.box .boxL ul#topicsNav li a:active{
width:190px;
height:30px;
padding:10px 0 0 10px;
background:URL(../img/icon_arrow_topics.gif) 180px center no-repeat #555;
transition: background-position 0.7s ease,padding 1s ease;
-webkit-transition: background-position 0.7s ease,padding 1s ease;
}
.box .boxL ul#topicsNav li a.crrnt{
width:190px;
height:30px;
padding:10px 0 0 10px;
background:URL(../img/icon_arrow_topics.gif) 180px center no-repeat #555;
}

.box .boxL h2{
min-height:17px;
margin:0 0 30px;
padding:3px 0 0 17px;
font-size:14px;
font-weight:normal;
border-left:solid 5px #DAE100;
}

.box .boxL ul#topNews li{
width:200px;
margin:20px 0 0;
padding:20px 0 0;
border-top:dotted 1px #ccc;
}
.box .boxL ul#topNews li:first-child{
margin:0;
padding:0;
border-top:none;
}

.box .boxR #cont{
margin:0;
padding:0;
}
.box .boxR #cont p{
margin:0 0 30px;
padding:0;
}


/* Archive pager */
.pager{
margin:0 0 100px;
paddin:0;
font-size:14px;
}
.pager span{
width:30px;
height:30px;
margin:0 15px 0 0;
padding:7px 11px;
text-align:center;
color:#fff;
background-color:#ccc;
}
.pager a{
width:30px;
height:30px;
margin:0 15px 0 0;
padding:7px 11px;
color:#555;
text-align:center;
text-decoration:none;
background-color:#DAE000;
}


/* Single pager */
.post_nav{
width:895px;
margin:0 0 100px;
padding:0;
overflow:hidden;
}
.post_nav .prev_post{
float:left;
}
.post_nav .next_post{
float:right;
}
.post_nav .prev_post a,
.post_nav .next_post a{
display:block;
width:110px;
min-height:26px;
padding:4px 0 0;
text-align:center;
font-size:14px;
color:#545454;
text-decoration:none;
background-color:#DAE000;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/* Page */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */
#pageCont{
margin:0;
}
#pageCont p{
margin:0 0 30px;
}

/* form */
#formRead{
margin:0 0 40px;
}

#formBox{
margin:0 0 40px;
position:relative;
}
#formBox table{
width:100%;
border-top:solid 1px #EDEDED;
}
#formBox table th,
#formBox table td{
padding:20px 0 20px 30px;
font-size:14px;
font-weight:normal;
text-align:left;
vertical-align:top;
border-bottom:solid 1px #EDEDED;
}
#formBox table th{
width:280px;
}
#formBox table td{
width:885px;
}

#formBox table th span.req{
padding:3px 0 2px 70px;
background:URL(../img/icon_hissu.gif) left top no-repeat;
}
#formBox table th span.option{
padding:3px 0 2px 70px;
background:URL(../img/icon_nini.gif) left top no-repeat;
}

#formBox table td input,
#formBox table td textarea{
width:500px;
padding:10px;
border:solid 1px #ccc;
box-shadow:none;
}
#formBox table td input.add{
width:200px;
margin:0 0 10px;
}
#formBox p#sub{
text-align:right;
}

#formBox p#sub input{
width:150px;
height:40px;
font-size:14px;
text-align:center;
border:none;
background-color:#DAE000;
/*iOS*/
border-radius:0;
-webkit-appearance: none;
}
#formBox p#sub input:hover{
color:#fff;
background-color:#555;
transition: background-color 0.7s ease,padding 1s ease;
-webkit-transition: background-color 0.7s ease,padding 1s ease;
}

#formBox table td .comment{
font-size:12px;
}


/* Privacy */
#privacy{
margin:0 0 100px;
}
#privacy h2{
margin:0 0 20px;
font-size:16px;
font-weight:normal;
font-family:Georgia,Times,Times New Roman,serif;
letter-spacing:0.1em;
}
#privacy p{
margin:0 0 20px;
}
#privacy ul{
margin:0;
padding:0;
list-style:none;
}
#privacy ul li{
margin:0 0 0 1em;
padding:0;
text-indent:-1em;
}

/* 送信後 コメント表示用*/
.wpcf7-mail-sent-ok{
width:1150px!important;
padding:100px 0!important;
text-align:center;
position:absolute;
top:0;
background-color:#fff;
opacity:0.9;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/* About page */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */
.aboutBox #pageCont p{
margin:0 0 40px;
}

.aboutBox #pageCont table{
width:100%;
margin:0 0 50px;
}

.aboutBox #pageCont table th,
.aboutBox #pageCont table td{
padding:10px 0;
text-align:left;
vertical-align:top;
border-bottom:solid 1px #eee;
}
.aboutBox table th{
width:80px;
}
.aboutBox table td #hard,
.aboutBox table td #toyama{
width:520px;
float:left;
}
.aboutBox #pageCont table td p{
margin:0;
padding:0;
}



/* google map */
#hardOffice,
#toyamaOffice{
width:460px;
height:320px;
margin:1em 0 2em;
}
#hardOffice iframe,
#toyamaOffice iframe{
	width:100%;
	height:320px;
	border:none;
}

.aboutBox #pageCont section#listLast{
margin:0 0 90px;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/* footer */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */
#footerOuter{
width:100%;
margin:0;
}
#footerNav,
#footerBox #footerInner{
width:1165px;
margin:0 auto;
}
#footerNav ul{
margin:0 0 30px;
padding:0;
}
#footerNav ul li{
display:inline;
padding:0 20px;
border-left:solid 1px #ccc;
}
#footerNav ul li:first-child{
padding:0 20px 0 0;
border-left:none;
}

#footerBox{
min-height:32px;
padding:50px 0;
background-color:#EEEEEE;
}

#footerBox #footerInner{
position:relative;
}

#footerBox #footerInner #f_co_name{
margin:0 0 10px;
font-size:16px;
}
#footerBox #footerInner #f_add{
margin:0 0 20px;
padding:0;
}
#footerBox #footerInner #copyright{
margin:0;
padding:0;
font-size:10px;
color:#555;
font-family:Georgia,Times,Times New Roman,serif;
}

#footerBox #footerInner #f_add span{
display:inline-block;
}

#footerBox #footerInner #f_add span.bild{ width:88px; }
#footerBox #footerInner #f_add span.address{ width:475px; }
#footerBox #footerInner #f_add span.tel{ width:116px; }

/* pagetop */
#pagetop{
position:absolute;
top:-70px;
right:0;
margin:0;
}