@charset "UTF-8";
/*****
base12px
10px = 80-87%
11px = 88-95%
12px = 96-104%
13px = 105-112%
14px = 113-120%
15px = 121-129%
16px = 130-137%
17px = 138-145%
18px = 146-154%
19px = 155-162%
20px = 163-170%
21px = 171-179%
22px = 180-187%
23px = 188-195%
24px = 196-204%

base16px
10px = 60-65%
11px = 66-71%
12px = 72-78%
13px = 79-84%
14px = 85-90%
15px = 91-96%
16px = 97-103%
17px = 104-109%
18px = 110-115%
19px = 116-121%
20px = 122-128%
21px = 129-134%
22px = 135-140%
23px = 141-146%
24px = 147-153%
*****/

/*****font size*****/
html{font-size:12px;}
body{font-size:100%;
line-height:1.6em;
letter-spacing:0.1em;
}

h1,h2,h3,h4,h5,h6,th{font-weight:normal;letter-spacing:0.02em;}
h1{font-size:1.2em;line-height:1em}
h2{font-size:1.1em;line-height:1em}
h3,h4,h5,h6{font-size:1em;line-height:1em}

p{font-size:1em;}
a{font-size:1em;text-decoration:none;}
address{font-style:normal;}
address,abbr,acronym{font-size:1em;}
blockquote,cite,dfn,q{font-size:1em;font-style:normal;}
q:before,q:after{content:'';}
code,kbd,pre,samp{font-size:1em;font-family:monospace;}
em{font-style:italic;}
strong{font-weight:bold;}
/*table*/table,tr,th,td,caption{font-size:1em;line-height:1em;}
/*form*/form,input,label,option,textarea{font-size:1em;line-height:1em;}
/*ul*/ul,li,ol{list-style-type:none;font-size:1em;line-height:1em;}
/*dl*/dl,dt,dd{font-size:1em;line-height:1em;}

/*****space reset*****/
body,div,p,ul,li,ol,dl,dt,dd,table,tr,th,td,form,input,img,h1,h2,h3,h4,h5,h6,blockquote{
margin:0;
padding:0;
border:none;
border-collapse:collapse;
}
body{
background:#fff;
color:#000;
}

.wr{
width:100%;
margin:0;
clear:both;
}
.cnt{
width:900px;
margin:0 auto;
clear:both;
}
.clr{
clear:both;
overflow:hidden;
height:0;
}

.bg{
background:#fff url("img/bg.gif") center top no-repeat;
width:100%;
margin:0;
padding:20px 0;
clear:both;
border-top:#eee 0px solid;
border-bottom:#eee 0px solid;
}

/*****ヘッダー*****/
#header {
margin:30px 0;
}

#header h1{
float:left;
margin:0 30px 0 0;
}
#header h2{
float:right;
margin:20px 0 0 0;
}
#header h2 img{
margin:0 0 0 30px;
}
#titles{
height:300px;
}
#titles img{
padding:85px 195px 105px 195px;
cursor: pointer;
}
#titles img:hover{
filter:alpha(opacity=60);
opacity:0.6;
}
#imagelist{
}
.btn_re{
cursor: pointer;
}
#imagelist li{
width:100px;
height:100px;
float:left;
text-align:center;
vertical-align:middle;
overflow:hidden;
}
#footer{
padding:30px 0;
}
#footer li{
margin:0 0 0 0;
float:left;
line-height:16px;
}
#footer address{
color:#ddd;
float:right;
}
#info{
display:none;
margin:50px 0 0 0;
}
h3{
color:#333;
width:250px;
float:left;
font-weight:bold;
margin:2px -250px 0 0;
}
p{
width:650px;
margin:0 0 0 250px;
}