body,td.div,span,p,h1,h2,h3,h4,h5,h6,select,ul,li,form,iuput {font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka","century gothic","Arial","Helvetica",sans-serif;color: #222222;}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}

header, section, nav, footer {display: block;position: relative;}


img {border: 0px;vertical-align:text-bottom;margin: 0px;padding: 0px;}

html, body {position: relative;}

/* --------------------------------------ここまでリセット設定-------------------------------------------------- */



a#about-facebook {display: none;}



/* ---------------------------------------------------- */
/* 基本設定
/* ---------------------------------------------------- */


body {}

#wrapper {width: 950px;margin: 0px auto 0px auto;padding: 0px 0px 100px 0px;position: relative;}


header {margin-bottom: 30px;border-bottom: 1px solid #cdc9c6;}
h1 {font-size: small;color: #aaaaaa;position: absolute;bottom: 10px;right: 0px;}
header div#logo {}
header div#logo a {display: block;text-decoration: none;text-indent: -9999px;height: 56px;width: 200px;background: url(image/header-logo.jpg) no-repeat 50% 50%;background-size: contain;}


nav {width: 259px;float:left;margin-bottom: 250px;}
nav h2 {display: none;}
nav h3 {display: none;}

nav div#nav-main {margin-bottom: 50px;}
nav div#nav-main ul {}
nav div#nav-main ul li {list-style-type: none;}
nav div#nav-main ul li a {text-decoration: none;display: block;line-height: 36px;color: #222222;font-size: small;border-bottom: 1px solid #cdc9c6;width: 220px;}
nav div#nav-main ul li a:hover {color: #222222;text-decoration: underline;}
nav div#nav-main ul li#active a {color: #222222;width: 259px;background: url(image/index-yaji-002.jpg) no-repeat 100% 50%;}

nav div#nav-main ul li#icon-bbs a {background: url(image/icon-bbs.jpg) no-repeat 0px 50%;padding-left: 43px;width: 177px;}
nav div#nav-main ul li#icon-blog a {background: url(image/icon-blog.jpg) no-repeat 0px 50%;padding-left: 43px;width: 177px;}
nav div#nav-main ul li#icon-bbs-active a {background: url(image/icon-bbs.jpg) no-repeat 0px 50%;padding-left: 43px;width: 216px;}
nav div#nav-main ul li#icon-blog-active a {background: url(image/icon-blog.jpg) no-repeat 0px 50%;padding-left: 43px;width: 216px;}
nav div#nav-main br {clear: both;}


section {width: 650px;float: right;padding: 0px 0px 30px 40px;border-left: 1px solid #cdc9c6;}
section h2 {margin: 0px 0px 10px 0px;padding: 0px 0px 80px 60px;font-size: xx-large;background: url(image/h2-back.jpg) no-repeat 0px 0px;}
section h3 {font-size: x-large;margin-bottom: 10px;border-bottom: 1px solid #cccccc;}


div.section-wrap {margin-bottom: 80px;}
div.section-wrap p {margin-bottom: 20px;line-height: 2.0em;font-size: small;}

#gotop {position: absolute;width: 80px;bottom: 0px;right: 0px;}
#gotop a {display: block;text-indent: -9999px;background: url(image/pagetop.gif) no-repeat 50% 50%;height: 25px;}


div#sms {position: absolute;top: 60px;right: 0px;}

footer {margin: 0px;padding: 0px;background: #ffa75d url(image/footer-back-002.jpg) repeat-x 0px 100%;}
footer h2 {display: none;}
footer br {clear: both;}

div#footer-wrap {width: 950px;margin: auto;position: relative;padding: 30px 0px 0px 0px;}


div#footer-aboutme {width: 270px;float: left;background: url(image/about-me.jpg) no-repeat 0px 0px;background-size: 80px 80px;padding-top: 120px;}
div#footer-aboutme h3 {color: #444341;font-family: 'Century Gothic';font-weight: bold;margin-bottom: 20px;display: none;}
div#footer-aboutme p {font-size: small;color: #444341;margin-bottom: 10px;}

div#footer-aisatu {width: 650px;float: right;padding-bottom: 50px;}
div#footer-aisatu p {font-size: small;color: #444341;}

div#footer-link {clear: both;margin-top: 20px;height: 140px;}
div#footer-link h3 {display: none;}
div#footer-link ul {float: left;width: 750px;}
div#footer-link ul li {}
div#footer-link ul li a {display: block;float: left;text-indent: -9999px;height: 53px;margin-right: 10px;margin-bottom: 10px;background-image: url(image/link-back.jpg);background-repeat: no-repeat;}
div#footer-link ul li a:hover {color: #ffffff;}


div#footer-link ul li a#oticon {width: 105px;background-position: 0px 0px;}
div#footer-link ul li a#rionet {width: 120px;background-position: -120px 0px;}
div#footer-link ul li a#siemens {width: 120px;background-position: -250px 0px;}
div#footer-link ul li a#widex {width: 110px;background-position: -380px 0px;}
div#footer-link ul li a#panasonic {width: 115px;background-position: -505px 0px;}
div#footer-link ul li a#gnresound {width: 120px;background-position: -0px -55px;}
div#footer-link ul li a#bernafon {width: 130px;background-position: -135px -55px;}
div#footer-link ul li a#phonak {width: 75px;background-position: -280px -55px;}
div#footer-link ul li a#starkey {width: 105px;background-position: -365px -55px;}



p#copyright {clear: both;text-align: right;font-size: small;font-family: 'Century Gothic';color: #aaa;position: absolute;bottom: 20px;right: 20px;}


/* ---------------------------------------------------- */
/* インデックス
/* ---------------------------------------------------- */

section#index {}

section#index h2 {display: none;}






div#index-kenkyu-bosyu2 {position: relative;padding: 0;background: #eee;padding-bottom: 20px;margin-bottom: 30px;}

div#index-kenkyu-bosyu2 p.bosyu-title {font-size: 300%;font-weight: bold;line-height: 1.1em;background: #70B168;padding: 20px;margin-bottom: 20px;color: #fff;}
div#index-kenkyu-bosyu2 p {padding: 5px 20px;}

div#index-kenkyu-bosyu2 a {display: block;font-size: 120%;margin: auto;line-height: 2em;width: 13em;text-align: center;background: #E0A254;color: #fff;text-decoration: none;}



div#index-hearinglossjp {}

div#index-hearinglossjp a {display: block;background:url(image/hearinglossjp.jpg) no-repeat 50% 0% #ffbe47;background-size:contain ;margin-bottom:30px;padding: 430px 20px 20px 20px;font-size: 180%;text-decoration: none;line-height: 1.1em;color: #fff;font-weight: bold;}
div#index-hearinglossjp a span {font-size: 40%;display: block;}







div#index-kenkyu-bosyu {}

div#index-kenkyu-bosyu a {display: block;background:url(image/index-kenkyu-bosyu.jpg) no-repeat 50% 0% #eee;background-size:contain ;margin-bottom:30px;padding: 220px 20px 20px 20px;font-size: 180%;text-decoration: none;line-height: 1.1em;color: #4D8D21;font-weight: bold;}
div#index-kenkyu-bosyu a span {font-size: 40%;display: block;}







div#index-samishii {}

div#index-samishii a {display: block;background:url(image/index-samishii.jpg) no-repeat 50% 0% #eee;background-size:contain ;margin-bottom:30px;padding: 470px 20px 20px 20px;font-size: 180%;text-decoration: none;line-height: 1.1em;color: #4ba5c0;font-weight: bold;}
div#index-samishii a span {font-size: 40%;display: block;}


div.index-more {position: absolute;bottom: 3px;right: 3px;}
div.index-more a {padding-right: 30px;padding-left:5px ;background: url(image/index-yaji-002.jpg) no-repeat 100% 50%;font-size: x-small;color: #ffa75d;text-decoration: none;}

div#index-menu-blog {margin-bottom: 20px;position: relative;background: url(image/index-menu-title-001.jpg) no-repeat 0px 0px;padding-left: 165px;border-bottom: 1px solid #cdc9c6;border-right: 1px solid #cdc9c6;}
div#index-menu-blog h3 {display: none;}
div.index-menu {padding: 0px 0px 30px 20px;position: relative;border-left: 1px solid #cdc9c6;}
div.index-menu h4 {background-repeat: no-repeat;background-position: 0px 0px;height: 110px;line-height: 110px;text-indent: -9999px;}
div.index-menu ul {}
div.index-menu ul li {font-size: x-small;}
div.index-menu ul li a {font-size: small;color: #ffa75d;text-decoration: none;}
div.index-menu ul li a:hover {text-decoration:underline ;}
div#index-menu-001 {padding-top: 20px;}
div#index-menu-002 {border-bottom: 1px solid #cdc9c6;}
div#index-menu-001 h4 {background-image: url(image/index-blog-001.jpg);}
div#index-menu-002 h4 {background-image: url(image/index-blog-002.jpg);}

div#index-menu-bbs {margin-bottom: 20px;position: relative;background: url(image/index-menu-title-002.jpg) no-repeat 0px 0px;padding-left: 165px;border-bottom: 1px solid #cdc9c6;border-right: 1px solid #cdc9c6;font-size: small;}
div#index-menu-bbs h3 {display: none;}






div#index-hajime {border-right: 1px solid #cdc9c6;padding: 20px 20px 20px 0px;position: relative;}
div#index-hajime h3 {margin: 0px 0px 10px 0px;padding: 0px 0px 20px 30px;font-size: x-large;background: url(image/h3-back.gif) no-repeat 0px 10px;border: none;}
div#index-hajime p {font-size: small;margin-bottom: 10px;line-height: 2.0em;}

div#index-whatnew {position: relative;border-bottom: 1px solid #cdc9c6;border-right: 1px solid #cdc9c6;padding: 0px 0px 30px 0px;width: 219px;}
div#index-whatnew h3 {display: block;margin: 0px 0px 20px 0px;padding: 0px 0px 20px 30px;font-size: x-large;background: url(image/h3-back.gif) no-repeat 0px 10px;border: none;}
div#index-whatnew dl {padding: 0px;margin: 0px}
div#index-whatnew dl dt {padding: 0em 0px 0px 0px;margin: 0px;line-height: 1em;color: #444444;font-size: x-small;}
div#index-whatnew dl dd {padding: 0px 1em 0px 5em;margin: 0px 0px 0px 0px;line-height: 1em;position: relative;top: -1em;}
div#index-whatnew dl dd a {text-decoration: none;color: #ffa75d;font-size: small;}
div#index-whatnew dl dd a:hover {text-decoration:underline ;} 


/* ---------------------------------------------------- */
/* 私のこと
/* ---------------------------------------------------- */

section#aboutme {}

/* ---------------------------------------------------- */
/* 50dBの世界
/* ---------------------------------------------------- */

section#world {}

/* ---------------------------------------------------- */
/* 人間性への影響
/* ---------------------------------------------------- */

section#eikyou {}

/* ---------------------------------------------------- */
/* 補聴器とは
/* ---------------------------------------------------- */

section#aid {}

/* ---------------------------------------------------- */
/* 難聴者の在り方
/* ---------------------------------------------------- */

section#arikata {}

/* ---------------------------------------------------- */
/* ろうの世界について
/* ---------------------------------------------------- */

section#sign {}

/* ---------------------------------------------------- */
/* 難聴の子を持つ御両親へ
/* ---------------------------------------------------- */

section#parents {}

/* ---------------------------------------------------- */
/* お問合わせ
/* ---------------------------------------------------- */

section#mail {}

section#mail p {font-size: small;margin-bottom: 30px;}

section#mail input {border: 1px solid #aaaaaa;padding: 3px;background: #ffffff;width: 300px;}
section#mail textarea {background: #ffffff;border: 1px solid #aaaaaa;padding: 8px;width: 90%;}
section#mail dl dt {width: 160px;text-align: center;float: left;clear: both;border-top: 1px solid #aaaaaa;padding-top: 20px;font-size: small;}
section#mail dl dd {width: 450px;float: right;margin-bottom: 20px;border-top: 1px solid #aaaaaa;padding-top: 20px;}


div#mail-botan {clear: both;text-align: center;border-top: 1px solid #aaaaaa;padding-top: 20px;}
div#mail-botan input {width: 150px;background: #595959;margin: 2px;color: #ffffff;border: none;}









/* ---------------------------------------------------- */
/* 掲示板
/* ---------------------------------------------------- */



/* -----------------------下記は検索窓の設定----------------------------- */
div#serch {background: url(image/search-back.jpg) no-repeat 0px 50%;padding-left: 25px;border: 1px solid #aaaaaa;position: absolute;top: 30px;right: 0px;}
div#serch form {position: relative;width: 170px;}
div#serch form input#mado {display: block;height: 22px;line-height: 22px;width: 147px;border-left: none;border-right: 1px solid #aaaaaa;border-bottom: none;border-top:none;font-family: arial;color: #aaaaaa;padding: 0px;margin: 0px;}
div#serch form input#botan {position: absolute;top: 0px;right: 0px;display: block;width: 22px;line-height: 22px;height: 22px;padding: 0px;margin: 0px;}




table.regfm {width: 100%;}
table.regfm th {text-align:center;border-top: 1px solid #aaaaaa;font-size: small;width: 7em;} /* 投稿フォーム */
table.regfm td {width: 7em; padding:10px 0px 10px 0px; text-align:left;border-top: 1px solid #aaaaaa;} /* 投稿フォーム */

table.regfm td.small {font-size: small;}
table.regfm td input {border: 1px solid #aaaaaa;line-height: 22px;height: 22px;background: #ffffff;width: 300px;}
table.regfm td textarea {background: #ffffff;border: 1px solid #aaaaaa;padding: 8px;width: 90%;}

table.regfm tr td#form-bottan {text-align: center;}
table.regfm tr td#form-bottan input {width: 150px;background: #595959;margin: 2px;color: #ffffff;border: none;}

p.url { margin:1em 0 0 0; } /* URL位置 */
img.capt { vertical-align:middle; } /* 認証画像位置 */


div.art {padding: 0px 20px 20px 0px;margin-bottom: 80px;font-size: small;border-bottom: 1px solid #cdc9c6;border-right: 1px solid #cdc9c6;}
div.val {font-size: small;border-bottom: 1px solid #aaaaaa;padding-bottom: 5px;margin-bottom: 20px;}


div#bbs-toukou {margin-top: 100px;}
div#bbs-toukou h3 {}
div#bbs-toukou p {font-size: small;margin-bottom: 10px;}

div#bbs-bottom {margin-top: 20px;}
div#bbs-bottom h4 {text-align: center;margin-bottom: 10px;}
div#bbs-bottom ul {}
div#bbs-bottom ul li {font-size: x-small;list-style: disc;margin-left: 25px;margin-bottom: 5px;}


div#bbs-kanri {font-size: small;}
div#bbs-kanri form {width: 400px;float: left;}
div#bbs-kanri a {display: block;width: 29px;height: 29px;text-indent: -9999px;background: url(image/icon-login.jpg) no-repeat 50% 50%;float: right;}
div#bbs-kanri br {clear: both;}
div#bbs-kanri input {border: 1px solid #aaaaaa;background: #ffffff;width: 100px;line-height: 22px;height: 22px;}
div#bbs-kanri input#bbs-kanri-b {width: 50px;background: #595959;margin: 2px;color: #ffffff;border: none;text-align: center;}


div#bbs-error {text-align: center;}
div#bbs-error input {background: #595959;color: #ffffff;border: none;text-align: center;line-height: 22px;height: 22px;padding: 0px 8px;margin-top: 50px;}

