* { margin: 0; padding: 0; }
body { width: 100%; font-family: ariel,meiryo; font-size: 75%; line-height: 150%; text-align: center; color: #630; }

a { color: #399; }
a:hover { color: #6cc; }
a img { border: 0; }
a:hover img { filter:alpha(opacity=75); -moz-opacity: 0.65; opacity: 0.65; }

h2 { font-size: 130%; margin-bottom: 10px; color: #096; background: url(../img/h2_sen.gif) left bottom no-repeat; padding: 10px 0 7px 2px; }
h3 { font-size: 110%; margin-bottom: 10px; color: #000; border-left: 4px solid #f90; padding: 0 0 0 6px; }

#top { background: #09f url(../img/bg.gif) center top repeat-y; }

#head-top { width: 100%; background-color: #666; color: #EBD6C2; text-align: center; }
#head-top h1 { font-size: 100%; font-weight: normal; width: 780px; margin: 0 auto; text-align: left; }
#head { width: 828px; height: auto; margin: 0 auto; display: inline-block; }
#head-left { float: left; padding: 25px 0 20px 60px; }
#head-left p a { font-size: 75%; text-decoration: none; color: #c96; letter-spacing: 2px; }
#head-right { float: right; padding: 5px 20px 5px 0; text-align: left; font-size: 90%; }

#middle { width: 828px; height: auto; margin: 0 auto; background: url(../img/bg_middle.gif) center top repeat-y; }
#main { width: 828px; display: inline-block; background: url(../img/bg_head.gif) center top no-repeat; text-align: left; }

#foot-wrap { width: 828px; margin: 0 auto; text-align: left; }
#foot { width: 828px; height: 117px; z-index: 5; position: absolute; margin-top: -55px; text-align: left; }
* html #foot { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_foot.png',sizingMethod='crop'); }
* html #foot img { display: none; }

.pops { position: absolute; z-index: 30; margin-top: -55px; }
.pops ul { margin: 70px 0 0 30px; }
.pops li { list-style-type: none; display: inline; font-size: 90%; }

#foot-back { width: 100%; height: 229px; background: url(../img/footer_bg.gif) left top repeat-x; position: absolute; z-index: 4; left: 0; }
#foot-back p { width: 780px; margin: 0 auto; padding-top: 60px; text-align: right; font-size: 80%; }

.contents-main { width: 540px; float: left; }
.contents-menu { width: 288px; float: right; }
.inner-main { margin: 30px 10px 0 30px; padding-bottom: 50px; }
.inner-right { margin: 275px 20px 0 20px; padding-bottom: 50px; }
.inner-right ul { margin: 0 0 0 10px; pos ition: absolute; z-index: 10; }
.inner-right li { list-style-type: none; }

.inner-main p { margin-bottom: 1em; }
.inner-main ul { margin-left: 20px; }
.inner-main ol { margin-left: 20px; }
.inner-main li { margin-bottom: 1em; }
.inner-main dt { color: #666; font-weight: bold; }
.inner-main dd { display: inline-block; margin-bottom: 10px; }
.inner-main dd img { float: left; margin-right: 5px; }
.inner-main .pss { border: 1px solid #666; background-color: #fff; padding: 5px; margin: 10px; }

.top-google { border: 1px solid #666; background-color: #fff; padding: 5px; margin-bottom: 20px; }
.right-google { border: 1px solid #666; background-color: #fff; padding: 5px;width: 180px; text-align: center; margin-left: 20px; margin-top: 20px; }

.tpcs { border: 1px solid #666; background-color: #fff; padding: 10px; }