/* 共通css */

html,body{
width:100%;
font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
font-size:14px;
line-height:1.5;
background-color:#FFF;
}

a:link{
text-decoration:none;
}

a:visited{
text-decoration:none;
}

a:hover{
text-decoration:none;
}

a:active{
text-decoration:none;
}

.sp_area{
display:block;
}

.pc_area{
display:none;
}

@media screen and (min-width: 769px){

.sp_area{
display:none;
}

.pc_area{
display:block;
}

}


/* ヘッダー用css */

#header{
margin:0;
padding:0;
width:100%;
text-align:center;
}

#header img{
width:100%;
}

#header #tel a{
display:block;
margin:10px 0;
padding:10px 0;
width:100%;
background-color:#1C6CE5;
color:#FFF;
}

@media screen and (min-width: 769px){

#header{
margin:0 auto 0;
width:760px;
}

}


/* ボディ用css */

#body{
margin:0;
padding:0;
width:100%;
}

@media screen and (min-width: 769px){

#body{
margin:0 auto 0;
width:760px;
}

}


/* メイン用css */

#main{
margin:0 10px;
padding:0;
width:width:calc(100% - 20px);
}

h2{
margin:20px 0;
text-align:center;
color:#1C6CE5;
font-weight:bold;
}

#main #site{
display:block;
margin:20px auto 20px;
padding:10px;
width:100px;
text-align:center;
background-color:#1C6CE5;
color:#FFF;
}

@media screen and (min-width: 769px){

table{
width:750px;
}

th{
padding:5px 0;
width:width:calc(250px - 10px);
text-align:center;
background-color:#1C6CE5;
border:5px solid #FFF;
}

td{
padding:5px 0;
width:250px;
text-align:center;
}

}


/* サイド用css */


/* フッター用css */

#footer{
margin:0;
padding:0;
width:100%;
text-align:center;
}

@media screen and (min-width: 769px){

}