/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

/* 共通設定 */

a{
color:#79a6d2;
}
a:hover{
color:#4080bf;
}

#wrapper{
width:900px;
margin:0 auto;
margin-top: -30px;
}






/*ヘッダー*/
.logo{
float: left;
}

div.hed{
float: right;
margin-right: 20px;
}


header{
margin: 100px 0 10px;
overflow: hidden;
}

img.sns{
margin-left: 10px;
margin-top: 40px;
}

img.sns:hover{
filter:alpha(opacity=30);
-ms-filter:"alpha(opacity=30)";
opacity:0.3;
}


img.ron{
margin-left: 55px;
margin-top: 20px;
margin-right: 55px;
}

img.ron2{
margin-left: 55px;
margin-bottom: 20px;
margin-right: 55px;
}

img.ron:hover{
filter:alpha(opacity=30);
-ms-filter:"alpha(opacity=30)";
opacity:0.3;
}



/*ナビボタン*/
nav{
float: right;
}

img.ron3{
margin-left: 15px;
margin-top: -10px;
margin-right: 15px;
}

img.ron3:hover{
filter:alpha(opacity=30);
-ms-filter:"alpha(opacity=30)";
opacity:0.3;
}





/*トップ*/
table.top td{
text-align: center;
}



/*構成*/
div.greeting{
width: 900px;
margin-top: 100px;
margin-bottom: 30px;
margin-left: 250px;
}

div.greeting p{
text-align: left;
line-height: 180%;
font-family: Meiryo UI;
color: #696969;
}

div.adress{
margin-left: 50px;
margin-bottom: 50px;
font-family: Meiryo UI;
line-height: 180%;
color: #696969;
}

div.out{
margin-top: 30px;
}

img.ron4{
margin-left: 30px;
margin-right: 15px;
margin-top: 30px;
margin-bottom: 30px;
}



span{
font-size: 30px;
}

span.name{
font-size: 20px;
}



div.map_block{
margin-right: 50px;
float: right;
margin-top: -240px;
}


div.auther{
margin-left: 50px;
font-family: Meiryo UI;
line-height: 180%;
color: #696969;
font-size: 20px;
}

div.auther h1{
font-size: 25px;
}

table.authers th{
text-align: left;
width: 200px;
padding: 10px;
}






/*カミングスーン*/

div.coming{
margin-top: 130px;
margin-left: 100px;
margin-bottom: 80px;
font-family: Meiryo UI;
color: #696969;
}

table.news th{
width: 100px;
padding: 10px;
}

table.news td{
padding: 10px;
}

table.news{
width: 650px;
height: 200px;
padding: 20px;
}




/*カレンダー*/

div.calendar{
width: 900px;
margin-top: 100px;
margin-left: 50px;
font-family: Meiryo UI;
color: #696969;
}

div.calendar h1{
font-size: 30px;
margin-bottom: 10px;
margin-left: 100px;
}

table.calendar th{
border-style: solid;
padding: 25px;
text-align: center;
font-size: 15px;
width: 30px;
height: 20px;
}

table.calendar td{
border-style: solid;
text-align: center;
font-size: 15px;
width: 30px;
height: 70px;
}

table.calendar{
table-layout: fixed;
}

span.sun{
color: #ff0000;
font-size: 15px;
}

span.off{
font-size: 10px;
}

div.next{
margin-left: 560px;
margin-top: -230px;
margin-bottom: 200px;
}

div.next1{
margin-left: 560px;
margin-top: -200px;
margin-bottom: 250px;
}




/*作品集*/

div.work{
margin-top: 100px;
margin-left: 15px;
}

img.wo{
margin: 5px auto;
}

span.figure{
padding: 10px;
background-color: #FFF;
border:solid 1px #ccc;
display: inline-block;
text-align: center;
}

div.work.a img{
border: 0;
}

li{
float: left;
padding: 2.5px;
}


/*フッター*/


footer {
font-family: Meiryo UI;
color: #696969;
margin-top: 20px;
text-align: right;
font-size: 90%;
}

footer.w1{
margin-top: 1020px;
}

footer.a1{
margin-top: 100px;
}

footer.c1{
margin-top: 100px;
}





