/*----全ての要素の余白をゼロに指定----*/
*{ padding:0px; margin:0px;}

p{ padding:0px; margin:0px;}

ul{ padding:0px; margin:0px;}

img{ border:none;}

.center{ text-align:center;}
.right{ text-align:right;}

a { text-decoration:none;}
a:link{ color:#666;}
a:visited{ color:#666;}
a:hover{ color:#0066ff;}

a.to:link { color:#0099ff;}
a.to:visited { color:#0099ff;}
a.to:hover { color:#0033ff;}

hr{ border:solid 1px #89c3eb;}

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

body{ font-size:smaller; font-family:'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height:1.7em; background:url(../img/back.png) repeat-x top;}

#container{ width:980px; overflow:hidden; margin:auto; position:relative; margin-top:13px; margin-left:auto; margin-right:auto; z-index:auto;}

#foot{ width:980px; height:80px; background:url(../img/foot.png) repeat-x; color:#fff; text-align:center; margin-left:auto; margin-right:auto;}

.cop{ padding-top:35px;}

#hed{ width:980px; margin-left:auto; margin-right:auto;}

#main{ width:980px; margin-left:auto; margin-right:auto; background-color:#f7fcfe;}

#container:after{ display:block; clear:both; height:1px; overflow:hidden;}

.htel{ margin-left:80px;}

/*\*/
* html #container{ height:1em; overflow:visible;}
/**/

h1{ width:100%; margin-top:30px;}

/*----バナー----*/
table.bn{ width:100%; padding-top:25px; margin-left:auto; margin-right:auto;}

table.cont{ width:85%; padding-top:25px; margin-left:auto; margin-right:auto;}
table.cont th{ width:50%; background:#3366ff; color:#fff; letter-spacing:3px;}
table.cont td{ vertical-align:top;}
table.cont td iframe{ width:380px; height:400px;}

/*------------*/
#main2{ width:95%; height:640px; overflow:scroll; overflow-x:hidden; margin-top:65px; margin-left:auto; margin-right:auto; background-image:url(../img/back.gif); background-attachment:fixed; background-repeat:no-repeat; background-position:50% 55%;}

#box{ width:580px; margin-left:300px;}

.red{ color:#ff0033; font-weight:bold; font-size:14px;}
.blue{ color:#006699; font-weight:bold; font-size:14px;}
.blue2{ color:#006699;}
.inft{ border:#0099ff 2px dashed; width:95%; height:110px;}

#kaze{ margin-top:30px;}

/*----文章----*/
dl.sat{ width:100%; margin-bottom:15px; clear:both;}
dl.sat dt{ height:35px; background:url(../img/stitle.png) no-repeat; color:#003399; text-indent:5px; font-size:16px; font-weight:bold; padding-top:8px; margin-top:5px; margin-bottom:5px;}
dl.sat dd{ margin-top:5px; margin-bottom:5px;}

dl.qa{ width:100%; margin-bottom:15px;}
dl.qa dt{ background:#84a2d4; color:#fff; text-indent:5px; font-size:16px; font-weight:bold; padding-top:0 0 5px 5px; margin-top:5px; margin-bottom:5px;}
dl.qa dd{ margin-bottom:20px;}

dl.mess{ width:100%; background:url(../mail2/img/tegami.png); background-repeat:no-repeat; margin-left:auto; margin-right:auto; margin-bottom:20px;}
dl.mess dt{ padding-top:40px; margin-left:auto; margin-right:auto;}
dl.mess dd{ padding-top:45px; margin-left:auto; margin-right:auto;}

.tfo{ width:100%; margin-bottom:30px; clear:both;}

.tfti{ width:100%; height:35px; background:url(../img/stitle.png) no-repeat; text-align:left; color:#003399; text-indent:5px; font-size:16px; font-weight:bold; clear:both; margin-top:20px;}

table.satt{ width:100%; margin-bottom:20px;} 
table.satt th{ height:35px; background:#6699ff; color:#fff; letter-spacing:3px;}
table.satt td{ padding-left:3px;}

/*-----料金----*/
table.ryo2{ width:100%; border-radius:10px; margin-top:0;}
table.ryo2 td{ height:auto; vertical-align:top; line-height:1.9em; padding-top:2px; padding-left:3px;}

.ryo2 img{ vertical-align:middle;}

/*----リンク-----*/
table.link{ width:100%; border-radius:10px;}
table.link th{ width:125px; text-align:left; height:50px; border-bottom:1px dotted #666;}
table.link td{ border-bottom:1px dotted #666;}

/*ここからタブレット用環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width:800px){
body{ font-size:16px; font-family:'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height:1.7em;}

img { max-width:100%; height:auto;}

#container{ width:98%; margin:auto; margin-top:13px; margin-left:auto; margin-right:auto;}

#foot{ width:98%; background:url(../img/foot.png) repeat-x; color:#fff; text-align:center; margin-left:auto; margin-right:auto;}

#hed{ width:98%; margin-left:auto; margin-right:auto;}

#main{ width:98%; margin-left:auto; margin-right:auto; background-color:#f7fcfe;}

#main2{ width:98%; margin-left:auto; margin-right:auto; margin-top:15px; background-image:url(../img/back.gif); background-repeat:no-repeat;}

#box{ width:100%; margin-left:0px;}

#container:after{ clear:both; height:1px;}

h1{ width:98%; margin-top:30px; margin-left:auto; margin-right:auto;}

/*----文章----*/
dl.sat{ width:95%; margin-left:auto; margin-right:auto; margin-bottom:15px;}
dl.sat dt{ height:35px; background:url(../img/stitle.png) no-repeat; color:#003399; text-indent:5px; font-size:16px; font-weight:bold; padding-top:8px; margin-top:5px; margin-bottom:5px;}
dl.sat dd{ margin-top:5px; margin-bottom:5px;}

dl.qa{ width:95%; margin-left:auto; margin-right:auto; margin-bottom:15px;}
dl.qa dt{ background:#84a2d4; color:#fff; text-indent:5px; font-size:16px; font-weight:bold; padding-top:0 0 5px 5px; margin-top:5px; margin-bottom:5px;}
dl.qa dd{ margin-bottom:20px;}

.tfo{ width:100%; padding-bottom:30px; clear:both;}
.tfo td{ display: block; text-align: center;}
.tri br{ display:none;}

.tfti{ width:100%; height:35px; background:url(../img/stitle.png) no-repeat; text-align:left; color:#003399; text-indent:5px; font-size:16px; font-weight:bold; clear:both; margin-top:20px;}

/*-----table------*/
table.ryo2{ width:95%; border-radius:10px; margin-top:0;}
table.ryo2 td{ height:auto; vertical-align:top; line-height:1.9em; padding-top:2px; padding-left:3px;}

.ryo2 img{ vertical-align:middle;}

/*----バナー----*/
table.bn{ width:95%; padding-top:25px; margin-left:auto; margin-right:auto;}
table.bn td{ display:block; text-align:left; width:100%;}
table.bn td img{ width:48%; padding:1px;}

table.cont{ width:100%; padding-top:25px; margin-left:auto; margin-right:auto;}
table.cont th{ display:block; width:100%; background:#3366ff; color:#fff; letter-spacing:3px;}
table.cont td{ display:block; vertical-align:top;}
table.cont td iframe{ width:100%; height:200px;}

/*----リンク-----*/
table.link{ width:95%; margin-left:0px; border-radius:10px;}
table.link th{ width:125px; text-align:left; height:50px; border-bottom:1px dotted #666;}
table.link td{ border-bottom:1px dotted #666;}

/*--------------------------------*/
#mailform { border-collapse:collapse;}
#mailform tr th { border-bottom:solid 1px #ccc; display:block; padding:10px; text-align:left;}
#mailform td{ display:block; padding:10px;}

#kaze{ margin-top:30px;}

}

/*ここからスマートフォン用環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width:480px){
body{ font-size:16px; font-family:'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height:1.7em;}

.htel{ margin-left:0px;}

img { max-width:100%; height:auto;}

#container{ width:98%; margin:auto; margin-top:13px; margin-left:auto; margin-right:auto;}

#foot{ width:98%; background:url(../img/foot.png) repeat-x; color:#fff; text-align:center; margin-left:auto; margin-right:auto;}

#hed{ width:98%; margin-left:auto; margin-right:auto;}

#main{ width:98%; margin-left:auto; margin-right:auto; background-color:#f7fcfe;}

#main2{ width:98%; margin-left:auto; margin-right:auto; margin-top:15px; background-image:url(../img/back.gif); background-repeat:no-repeat;}

#box{ width:100%; margin-left:0px;}

#container:after{ clear:both; height:1px;}

h1{ width:98%; margin-top:30px; margin-left:auto; margin-right:auto;}

/*----文章----*/
dl.sat{ width:95%; margin-left:auto; margin-right:auto; margin-bottom:15px;}
dl.sat dt{ height:35px; background:url(../img/stitle.png) no-repeat; color:#003399; text-indent:5px; font-size:16px; font-weight:bold; padding-top:8px; margin-top:5px; margin-bottom:5px;}
dl.sat dd{ margin-top:5px; margin-bottom:5px;}

dl.qa{ width:95%; margin-left:auto; margin-right:auto; margin-bottom:15px;}
dl.qa dt{ background:#84a2d4; color:#fff; text-indent:5px; font-size:16px; font-weight:bold; padding-top:0 0 5px 5px; margin-top:5px; margin-bottom:5px;}
dl.qa dd{ margin-bottom:20px;}

.tfo{ width:100%; padding-bottom:30px; clear:both;}

.tfti{ width:100%; height:35px; background:url(../img/stitle.png) no-repeat; text-align:left; color:#003399; text-indent:5px; font-size:16px; font-weight:bold; clear:both; margin-top:20px;}

/*-----table------*/
table.ryo2{ width:95%; border-radius:10px; margin-top:0;}
table.ryo2 td{ height:auto; vertical-align:top; line-height:1.9em; padding-top:2px; padding-left:3px;}

.ryo2 img{ vertical-align:middle;}

/*----バナー----*/
table.bn{ width:95%; padding-top:25px; margin-left:auto; margin-right:auto;}
table.bn td{ display:block; text-align:left; width:100%;}
table.bn td img{ width:48%; padding:1px;}

table.cont{ width:100%; padding-top:25px; margin-left:auto; margin-right:auto;}
table.cont th{ display:block; width:100%; background:#3366ff; color:#fff; letter-spacing:3px;}
table.cont td{ display:block; vertical-align:top;}
table.cont td iframe{ width:100%; height:200px;}

/*----リンク-----*/
table.link{ width:95%; margin-left:0px; border-radius:10px;}
table.link th{ width:125px; text-align:left; height:50px; border-bottom:1px dotted #666;}
table.link td{ border-bottom:1px dotted #666;}

/*--------------------------------*/
#mailform { border-collapse:collapse;}
#mailform tr th { border-bottom:solid 1px #ccc; display:block; padding:10px; text-align:left;}
#mailform td{ display:block; padding:10px;}

#kaze{ margin-top:30px;}

}