@charset "shift_jis";
/* CSS Document */

html{
margin:0;
padding:0;
height:100%;
}

body{
box-sizing:border-box;
-moz-box-sizing:border-box;
margin:0;
padding:0;
font-family:"Arial","HGSゴシックE", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", sans-serif;
font-weight:normal;
background-color:#FFFFFF;
background-image:url("image/back.gif");
background-position:center;
}

div {
zoom:1;/*for IE 5.5-7*/
}

div:after{/*for modern browser*/
content: ".";
clear:both;
display:block;
line-height:0;
height:0;
visibility:hidden;
}

/*-----------------------------
id指定
-------------------------------*/

#top{
background-color:#FF66CC;
width:800px;
height:300px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
position:relative;
}

#login{
background-color:#FF99FF;
width:800px;
height:23px;
margin-top:0px;
margin-bottom:3px;
margin-left:auto;
margin-right:auto;
text-align:right;
}

#float{
width:800px;
height:485px;
margin-top:5px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
}

#side{
width:250px;
height:454px;
float:right;
}

#ad{
width:500px;
height:50px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
text-align:center;
}

#ad a{
color:#0000FF;
text-decoration:none;
font-weight:normal;
}

#ad a:hover{
color:#FF0000;
text-decoration:none;
font-weight:normal;
}

#danseit{
width:250px;
height:110px;
}

#danseit a{
background-image:url(image/danseit2.png);
background-repeat:no-repeat;
width:250px;
height:110px;
display:block;
text-decoration:none;
outline:none;
*outline:none;
}

#danseit a:hover{
background-image:url(image/danseit2-a.png);
background-repeat:no-repeat;
width:250px;
height:110px;
display:block;
text-decoration:none;
outline:none;
*outline:none;
}

#jyoseit{
width:250px;
height:110px;
}

#jyoseit a{
background-image:url(image/jyoseit2.png);
background-repeat:no-repeat;
width:250px;
height:110px;
display:block;
text-decoration:none;
outline:none;
*outline:none;
}

#jyoseit a:hover{
background-image:url(image/jyoseit2-a.png);
background-repeat:no-repeat;
width:250px;
height:110px;
display:block;
text-decoration:none;
outline:none;
*outline:none;
}

#mobile{
background-image:url(image/mobile2.png);
background-repeat:no-repeat;
width:250px;
height:194px;
margin-top:65px;
}

#mobile img{
margin-top:70px;
margin-left:115px;
}

#sentaku{
width:800px;
height:450px;
margin-top:5px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
border:#CCCCCC solid 2px;
text-align:center;
}

#sentakun{
width:800px;
height:350px;
margin-top:5px;
margin-bottom:100px;
margin-left:auto;
margin-right:auto;
border:#CCCCCC solid 2px;
text-align:center;
}

#sentakuf{
width:500px;
height:100px;
margin-left:auto;
margin-right:auto;
}

#yes{
width:150px;
height:50px;
margin-top:50px;
margin-left:80px;
margin-right:auto;
float:left;
}

#yes a{
background-image:url(image/yes.png);
background-repeat:no-repeat;
height:50px;
display:block;
text-decoration:none;
outline:none;
}

#yes a:hover{
background-image:url(image/yesa.png);
background-repeat:no-repeat;
text-decoration:none;
font-weight:normal;
display:block;
}

#no{
width:150px;
height:50px;
margin-top:50px;
margin-left:auto;
margin-right:80px;
float:right;
}

#no a{
background-image:url(image/no.png);
background-repeat:no-repeat;
height:50px;
text-decoration:none;
display:block;
outline:none;
}

#no a:hover{
background-image:url(image/noa.png);
background-repeat:no-repeat;
text-decoration:none;
font-weight:normal;
display:block;
}

#link{
width:800px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
text-align:center+
}

/*--------------------------------------
class指定[レイアウト]
----------------------------------------*/

.shokai{
width:800px;
height:30px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
text-align:center;
}

.contents{
background-image:;
background-repeat:repeat;
width:540px;
height:480px;
overflow:auto;
float:left;
border:#CCCCCC solid 2px;
}

.top{
width:540px;
height:480px;
float:left;
}

.top img{
margin-top:25px;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
}

.top2{
width:310px;
height:440px;
margin-right:0px;
float:right
}

.top2 img{
margin-top:25px;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
}

.ryokin{
margin:25px;
font-size:13px;
}

form{
margin:2px;
}

div.navbar{
width:800px;
height:25px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
border-bottom:solid #000000 1px;
border-top:solid #000000 1px;
text-align:center;
}

div.navbar h4{
width:140px;
line-height:25px;
float:left;
margin:0;
text-align:center;
font-size:12px;
font-family:"Arial","HGSゴシックE", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", sans-serif;
letter-spacing:2px;
}

div.navbar a{
color:#0000FF;
text-decoration:none;
font-weight:normal;
outline:none;
}

div.navbar a:hover{
color:#FF0000;
text-decoration:none;
font-weight:normal;
}

/*--------------------------------------
フォント、その他装飾など
----------------------------------------*/

.ad{
font-size:12px;
font-family:"Arial","HGSゴシックE", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", sans-serif;
font-weight:normal;
color:#000000;
margin:5px;
}

.log{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
font-family:"Arial","HGSゴシックE", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", sans-serif;
}

h3{
font-size:16px;
font-family:"Arial","HGSゴシックE", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", sans-serif;
font-weight:bold;
border-left:#FF0000 16px solid;
border-bottom:#FF0000 1px solid;
margin:20px;
padding-left:10px;
}

h2{
font-size:14px;
font-family:"Arial","HGSゴシックE", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", sans-serif;
margin-left:25px;
font-weight:normal;
}

h4{
font-size:15px;
font-family:"Arial","HGSゴシックE", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", sans-serif;
margin-top:0px;
margin-bottom:0px;
margin-left:18px;
margin-right:18px;
font-weight:normal;
}

p{
font-size:12px;
font-family:"Arial","HGSゴシックE", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", sans-serif;
margin-top:10px;
margin-left:25px;
font-weight:normal;
}

p a{
color:#0000FF;
text-decoration:none;
font-weight:normal;
}

p a:hover{
color:#FF0000;
text-decoration:none;
font-weight:normal;
}

.sh{
font-size:12px;
font-family:"Arial","HGSゴシックE", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", sans-serif;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
}

ul{
font-size:12px;
font-family:"Arial","HGSゴシックE", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", sans-serif;
margin-top:10px;
margin-left:25px;
font-weight:normal;
}

.ninsho{
font-size:18px;
font-family:"Arial","HGSゴシックE", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", sans-serif;
margin-top:40px;
font-weight:normal;
color:#FF0000;
}

.ninsho2{
font-size:14px;
font-family:"Arial","HGSゴシックE", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", sans-serif;
margin-top:40px;
font-weight:normal;
}