body{
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, sans-serif;
background-image:url(http://www.bh-glow.com/img/menopause_back.gif);
background-repeat: repeat;
}

a {
	color:#c50067;
	text-decoration: underline;
}

a:hover {
	color:#ed8f4e;
	text-decoration: none;
}

img, img a {border:none;}

#container{
width: 800px;
height: auto;
margin-right: auto;
margin-left: auto;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fafafa;
}

#top{
margin:0px 0px 0px 0px;
width: 800px;
height: 180px;
padding: 0px 0px 0px 0px;
background-image:url(http://www.bh-glow.com/img/menopause-top.gif);
}

#top h1{
margin: 28px 0px 0px 40px;
width: 500px;
text-align: left;
font-size: 18px;
font-weight: normal;
font-family:"HG創英角ｺﾞｼｯｸUB";
color: #ff8822;
}

#top h1 a{
color: #ff8822;
text-decoration: none;
}

#top h2{
padding: 60px 0px 0px 0px;
text-align: right;
text-indent: 20px;
line-height: 36px;
font-size: 18px;
font-weight: normal;
font-family:"HG創英角ｺﾞｼｯｸUB";
color: #ff8822;
}

#top-list{
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
width: 798px;
height: auto;
text-align: left;
font-family: Verdana, Arial, sans-serif;
font-size: 13px; color: #ee6600;
}

#main{
float: right;
width: 500px;
height: auto;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
background-color: #fafafa;
}

#main h3{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 50px;
width: 500px;
text-align: left;
text-indent: 25px;
line-height: 50px;
font-family: Verdana, Arial, sans-serif;
font-size: 16pt;
color: #995511;
font-weight: bolder;
background: url(http://www.bh-glow.com/img/menopause-cate.gif);
background-repeat: no-repeat;
}

#main h4{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 40px;
width: 490px;
text-align: center;
text-indent: 0px;
line-height: 40px;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
color: #404070;
font-weight: bolder;
background: url(http://www.bh-glow.com/img/menopause-cate4.gif) no-repeat;
}

#main h5{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 50px;
width: 500px;
text-align: center;
text-indent: 0px;
line-height: 50px;
font-family: "HG創英角ｺﾞｼｯｸUB";
font-size: 22px;
color: red;
font-weight: bolder;
background: url(http://www.bh-glow.com/img/menopause-catem.gif) no-repeat;
}

#main-list{
margin: 0px 10px 0px 20px;
padding: 0px 0px 0px 0px;
width: 480px;
height: auto;
text-align: left;
font-family: Verdana, Arial, sans-serif;
font-size: 13px; color: #ee6600;
}

#desc-top{
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#desc-top h4{
margin: 5px 0px 0px 25px;
padding: 0px 0px 0px 0px;
width: 450px;
height: 40px;
text-align: center;
text-indent: 0px;
line-height: 40px;
font-family: Verdana, Arial, sans-serif;
font-size: 14pt;
color: #ffdd22;
font-weight:bolder;
background-image:url(http://www.bh-glow.com/img/menopause-cate4m.gif) no-repeat;
display: block;
}

#desc-top h4 a{
padding: 0px 0px 0px 0px;
color: #ee6600;
text-decoration: none;
display: block;
}

#desc-top h4 a:link{
padding: 0px 0px 0px 0px;
color: #ee6600;
text-decoration: none;
display: block;
}

#desc-top h4 a:hover{
padding: 0px 0px 0px 0px;
color: #dd0000;
text-decoration: underline;
display: block;
}

.desc-p{
padding: 0px 10px 0px 10px;
text-align: left;
text-indent: 0px;
line-height: 25px;
font-family: Verdana, Arial, sans-serif;
font-size: 17px;
font-weight: normal;
color: #ee6600;
}

.cate-exce{
padding: 0px 25px 0px 25px;
text-align: left;
text-indent: 0px;
line-height: 12px;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #ee6600;
}

#menu{
float: left;
width: 298px;
margin: 0px 0px 0px 0px;
background: #ffffff;
}

#menu h4{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 298px;
height: 30px;
text-align: left;
text-indent: 20px;
line-height: 30px;
font-family: Verdana, Arial, sans-serif;
font-size: 13pt;
font-weight: bolder;
color: #ee6600;
background: url(http://www.bh-glow.com/img/menopause-menut.gif);
background-repeat: no-repeat;
display: block;
}

#menu h4 a{
padding: 0px 0px 0px 0px;
color: #ee6600;
text-decoration: none;
}

#menu h4 a:link{
color: #ee6600;
text-decoration: none;
}

#menu h4 a:hover{
color: #ff0000;
text-decoration: underline;
}

#menu ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
}

#menu ul li.check-t{
text-align:left;
font-size: 13px;
line-height: 170%;
margin-left: 0px;
}

#menu ul li.check-t a{
width: 298px;
height:20px;
text-align: left;
text-indent: 30px;
line-height: 20px;
background-image:url(http://www.bh-glow.com/img/menopause-menu0.gif);
background-repeat: no-repeat;
display: block;
color: #ee6600;
text-decoration: none;
}

#menu ul li.check-t a:link{
width: 298px;
height:20px;
text-align: left;
text-indent: 30px;
line-height:20px;
padding: 0px 0px 0px 0px;
background:url(http://www.bh-glow.com/img/menopause-menu0.gif);
background-repeat: no-repeat;
color: #ee6600;
text-decoration: none;
}

#menu ul li.check-t a:hover{
width: 298px;
height:20px;
text-align: left;
text-indent: 30px;
line-height:20px;
padding: 0px 0px 0px 0px;
background:url(http://www.bh-glow.com/img/menopause-menu1.gif);
background-repeat: no-repeat;
color: #995511;
text-decoration: underline;
}

#link p{
line-height: 120%;
}

#link ul{
margin:0px 0px 0px 8px;
padding:0px 0px 5px 20px;
list-style-type:none;
}

#link ul li{
text-align:left;
font-size: 13px;
color: #ee6600;
}

#link ul li a{
margin:0px 0px 0px 0px;
padding:5px 0px 5px 25px;
color:#ffa500;
background:url(http://www.bh-glow.com/img/link-mark_p.gif) left center no-repeat;
}

#link ul li a:link{
padding: 5px 0px 5px 25px;
color:#ffa500;
text-decoration: none;
}

#link ul li a:hover{
padding: 5px 0px 5px 25px;
color:#995511;
}

#area{
width: 298px;
height:auto;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
overflow:hidden;
}

#area ul {
list-style-type: none;
}

#area ul li {
float:left;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 15px;
width: 15px;
height: 12px;
background: url(http://www.bh-glow.com/img/menopause-list.gif) no-repeat left center;
white-space:nowrap;
}

#area ul li a{
text-align: left;
text-indent: 0px;
line-height:10px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ee6600;
}

#kousinBox {
overflow: auto;
with: 240px;
height: 190px;
padding: 10px 5px 10px 10px;
font-size: 10px;
line-height: 150%;
border:2px solid #fafafa;
}

#kousinBox ul li a{
padding: 5px 5px 5px 5px;
font-size: 10px;
color: #eeaa00;
text-decoration: none;
}

#kousinBox ul li a:link{
padding: 5px 5px 5px 5px;
font-size: 10px;
color: #eeaa00;
text-decoration: none;
}

#kousinBox ul li a:hover{
padding: 5px 5px 5px 5px;
font-size: 10px;
color: #ee6600;
text-decoration: underline;
}

.side-kousin {
color: #eeaa00;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

#und{
float:left;
margin: 0px 0px 0px 0px;
width: 800px;
padding: 10px 0px 10px 0px;
text-align: center;
font-weight: bolder;
border-width: 0px 0px 0px 0px;
border-color: #106830;
border-style: solid;
background: #f1dfec;
}

#und a{
font-size: 15px;
color: #dd3388;
text-decoration: none;
}





/*------------- 　文字の色や強調  ----------*/

.n10  {font-size: 10px}
.n11  {font-size: 11px}
.n12  {font-size: 12px}
.n13  {font-size: 13px}
.n14  {font-size: 14px}
.n15  {font-size: 15px}

.red  {color: red; font-weight: normal}
.redb {color: red; font-weight: bold}
.redl {color: red; font-weight: bold; font-size: 16px}
.red18 {color: red; font-weight: bold; font-size: 18px;text-align: center;}

.blue  {color: blue; font-weight: normal}
.blueb {color: blue; font-weight: bold}
.bluel {color: blue; font-weight: bold; font-size: 16px}

.green  {color: green; font-weight: normal}
.greenb {color: green; font-weight: bold}
.greenl {color: green; font-weight: bold; font-size: 16px}

.orange10  {font-size: 10px; color: orange; font-weight: normal}
.orange  {color: orange; font-weight: normal}
.orangeb {color: orange; font-weight: bold}
.orangel {color: orange; font-weight: bold; font-size: 16px}
