/* base ------------------------------------------------------------------ */

:link,:visited {
text-decoration:none;
}
html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
table {
border-spacing:0;
}
fieldset,img,abbr,acronym {
border:0;
}

ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
q:before,q:after {
content:'';
}
a {
text-decoration:none;
outline:none;
}
a:link,a:visited {
	color: #666666;
}
a:hover {
	color: #5B5BFF;
	text-decoration: underline;
}
hr {
border:0;
height:1px;
background-color:#000;
color:#000;
}
a img,:link img,:visited img {
border:none;
}
address {
font-style:normal;
}
#globalnavi {
    text-align: center;
    padding-bottom: 3px;
    border-bottom : 1px solid #666699;
}

/* Layout ----------------------------------------------------------------- */


body {
text-align: center;
background-color: #fff;
background-image: url(http://www.heian-ih.co.jp/img/background.jpg);
background-repeat: repeat;
}
#container {
	width: 806px;
	min-height: 100%;
	text-align: left;
	background-color: #fff;
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: small;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #666666;
}
#header {
position: relative;
background-color: #fff;
background-image: url(http://www.heian-ih.co.jp/img/header.jpg);
background-repeat: no-repeat;
text-align: right;
height: 88px;
width: 806px;
}
#header img {
position: absolute;
left: 3px;
top: 26px;
}
#header .subnavi {
text-align: right;
margin-right: 16px;
}
#header .subnavi span {
padding-right: 5px;
padding-left: 5px;
}


#navi {
background-image: url(http://www.heian-ih.co.jp/img/contents_back.jpg);
height: 45px;
width: 806px;
}
#navi ul {
}
#navi li {
float: left;
}

#content {
position: relative;
background-image: url(http://www.heian-ih.co.jp/img/contents_back.jpg);
width: 806px;
}
#content #foot-navi {
clear: both;
width: 800px;
}
#content #foot-navi .totop {
text-align: right;
margin-right: 20px;
}
#content #foot-navi ul {
margin-left: 29px;
}
#content #foot-navi li {
float: left;
}

#footer {
position: relative;
background-color: #000066;
background-image: url(img/footer_back.jpg);
background-repeat: no-repeat;
height: 35px;
margin-right: auto;
margin-left: auto;
width: 806px;
}
#footer p {
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding-top: 5px;
}

/* Top Page Layout ----------------------------------------------------------------- */

#content #top-main {
float: left;
width: 495px;
margin-top: 12px;
padding-left: 18px;
}
#content #top-main .catchcopy {
background-color: #FFFFFF;
background-image: url(img/top-img-back.jpg);
background-repeat: no-repeat;
height: 258px;
width: 495px;
margin-bottom: 25px;
}
#content #top-main .catchcopy p {
color: #FFFFFF;
height: 130px;
width: 130px;
padding-top: 15px;
padding-left: 345px;
line-height: 1.5em;
font-weight: bold;
}
#content #top-main .menu-bana1 {
background-color: #CCCCCC;
background-image: url(img/top-menubana1-back.jpg);
background-repeat: no-repeat;
height: 95px;
width: 486px;
margin-left: 9px;
margin-bottom: 12px;
}
#content #top-main .menu-bana2 {
background-color: #CCCCCC;
background-image: url(img/top-menubana2-back.jpg);
background-repeat: no-repeat;
height: 95px;
width: 486px;
margin-left: 9px;
margin-bottom: 12px;
}
#content #top-main .menu-bana3 {
background-color: #CCCCCC;
background-image: url(img/top-menubana3-back.jpg);
background-repeat: no-repeat;
height: 95px;
width: 486px;
margin-left: 9px;
margin-bottom: 12px;
}
#content #top-main .text {
float: left;
width: 350px;
}
#content #top-main .gazo {
float: right;
margin-right: 1px;
}

#content #top-main .menu-bana1 p,
#content #top-main .menu-bana2 p,
#content #top-main .menu-bana3 p
{
font-size: small;
width: 285px;
padding-top: 11px;
padding-left: 22px;
display: block;
line-height: 1.2em;
}
#content #top-submain {
float: right;
width: 273px;
margin-top: 45px;
}
#content #top-submain #news {
margin-bottom: 25px;

}
#content #top-submain #info {
padding: 8px;
width: 234px;
margin-top: 25px;
margin-bottom: 25px;
border: 1px solid #EFEFEF;
line-height: 16px;
}
#content #top-submain #info h2 {
font-size: small;
font-weight: bold;
margin-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}

#content #top-submain #news ul {
font-size: 10px;
border-top-width: 4px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #DCDCDC;
border-right-color: #DCDCDC;
border-bottom-color: #DCDCDC;
border-left-color: #DCDCDC;
width: 248px;
margin-top: 1px;
}

#content #top-submain #news .list-item {
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 7px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #DCDCDC;
background-image: url(img/news-icon.gif);
background-repeat: no-repeat;
text-indent: 18px;
margin-left: 9px;
padding-top: 3px;
width: 230px;
}

/* Lv1 Layout ----------------------------------------------------------------- */

#content #lv1-main {
float: right;
width: 550px;
padding-right: 10px;
}
#content #lv1-sub {
float: left;
width: 220px;
padding-left: 9px;
}
#content #topicpass {
font-size: small;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 15px;
}
#content .subnavi-index {
width: 218px;
border: 1px solid #1E1F55;
margin-bottom: 6px;
}
#container #content #lv1-main h2 {
	margin-top: 20px;
	margin-bottom: 15px;
}
#container #content #lv1-main h3 {
	background-image: url(img/business-h3-back.jpg);
	background-repeat: no-repeat;
	height: 23px;
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 3px;
	color: #666666;
	margin-left: 15px;
}
#container #content #lv1-main .business-text {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 35px;
	line-height: 20px;
}
#container #content #lv1-main .profile {
	padding: 10px;
	width: 450px;
	border: 1px solid #CCCCCC;
	margin-left: 50px;
	color: #666666;
	margin-bottom: 15px;
}
#container #content #lv1-main .profile:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

#container #content #lv1-main .profile p.photo {
	float: left;
	padding-right: 10px;
}
#container #content #lv1-main .profile div.prof-text {
	line-height: 18px;
	text-align: left;
	float: right;
	width: 330px;
}
#container #content #lv1-main .profile h3 {
	background-image: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	height: auto;
	padding-bottom: 3px;
	width: auto;
	margin-bottom: 10px;
	padding-left: 10px;
	margin-left: auto;
}


/* Lv2 Layout ----------------------------------------------------------------- */
#content #lv2-main {
float: right;
width: 550px;
padding-right: 10px;
margin-bottom: 20px;
}
#content #lv2-main h2 {
margin-top: 20px;
margin-bottom: 5px;
margin-left: 10px;
padding-bottom: 5px;
font-size: medium;
font-weight: bold;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
#content #lv2-main p {
margin-top: 10px;
margin-bottom: 5px;
margin-left: 15px;
line-height:20px;
}
#content #lv2-main .meta {
margin-left: 180px;
width: 320px;
line-height: 18px;
}
#content #lv2-main .blogwaku {
	margin-top: 15px;
	background-color: #EEEEEE;
	padding: 15px;
	width: 520px;
}
#content #lv2-main h2.blogmidashi {
	margin-top: 0px;
	margin-bottom: 15px;
        margin-left: 5px;
        font-size: small;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#content #lv2-main .metablog {
margin-left: 10px;
width: 400px;
line-height: 18px;
}

#content #lv2-main span.blogdate {
	font-size: x-small;
}
#content #lv2-main .example {
	width: 550px;
        overflow:hidden;
        margin-top: 10px;
        margin-bottom: 15px;
}
#content #lv2-main .example .right-box {
	float: right;
	text-align: left;
	width: 350px;
}
#content #lv2-main .example .right-box p {
        margin-left: 10px;
}

#content #lv2-main .example .left-box {
	float: left;
	margin-right: 10px;
	width: 180px;
}

#content #lv2-sub {
float: left;
width: 220px;
padding-left: 9px;
}

#content #lv2-sub .subnavi-index ul {
	margin-top: 8px;
	margin-bottom: 10px;
}
#content #lv2-sub .subnavi-index li {
	background-color: #FFFFFF;
	background-image: url(img/leftnavi-icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 14px;
	padding-top: 1px;
	margin-left: 7px;
	margin-bottom: 7px;
}
#content #lv2-sub .subnavi-index .this-entry-back {
	height: 24px;
	width: 209px;
	color: #16214F;
	background-color: #FFFFFF;
	background-image: url(img/lv3-subnavi-back.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 11px;
	padding-left: 8px;
	font-weight: bold;
}


/* Lv1 company Layout ----------------------------------------------------------------- */
#com dl {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#com h2 {
	font-weight: bold;
	background-color: #FFFFFF;
	background-image: url(img/company-h2-back.jpg);
	height: 24px;
	width: 525px;
	padding-top: 6px;
	padding-left: 25px;
	color: #666666;
	text-align: left;
}

#com dt {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	float: left;
	width: 140px;
	margin-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #A9B6E3;
	padding-left: 10px;
}
#com dd {
	font-size: 11px;
	line-height: 150%;
	color: #333333;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 150px;
	background-color: #EFEFEF;
}

#com dt.syozaichi {
	line-height: 550%;
}

#com ul {
	margin-left: 20px;
	padding-bottom: 30px;
}
#com li {
	background-image: url(img/map_icon3.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-top: 5px;
	line-height: 18px;
	padding-top: 2px;
}

/* Lv1 FAQ Layout ----------------------------------------------------------------- */
#faq dl {
	margin-top: 15px;
	background-image: url(img/faq_line.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background-position: bottom;
}
#faq dt {
	height: 50px;
	padding-top: 8px;
	padding-left: 50px;
}
#faq dd {
	height: 70px;
	padding-top: 8px;
	padding-left: 50px;
}
#faq .q1 {
background-image: url(img/faq_q1.gif);
background-repeat: no-repeat;
}
#faq .q2 {
background-image: url(img/faq_q2.gif);
background-repeat: no-repeat;
}
#faq .q3 {
background-image: url(img/faq_q3.gif);
background-repeat: no-repeat;
}
#faq .q4 {
background-image: url(img/faq_q4.gif);
background-repeat: no-repeat;
}
#faq .q5 {
background-image: url(img/faq_q5.gif);
background-repeat: no-repeat;
}
#faq .q6 {
background-image: url(img/faq_q6.gif);
background-repeat: no-repeat;
}

#faq .a1 {
height: 100px;
background-image: url(img/faq_a1.gif);
background-repeat: no-repeat;
}
#faq .a2 {
height: 215px;
background-image: url(img/faq_a2.gif);
background-repeat: no-repeat;
}
#faq .a3 {
height: 200px;
background-image: url(img/faq_a3.gif);
background-repeat: no-repeat;
}
#faq .a4 {
height: 160px;
background-image: url(img/faq_a4.gif);
background-repeat: no-repeat;
}
#faq .a5 {
background-image: url(img/faq_a5.gif);
background-repeat: no-repeat;
}
#faq .a6 {
background-image: url(img/faq_a6.gif);
background-repeat: no-repeat;
}
#faq ul {
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#faq li {
	list-style-type: disc;
}

/* Lv1 INQ Layout ----------------------------------------------------------------- */
#inq p {
	line-height: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#inq .inq_menu {
	background-color: #283ABB;
	width: 542px;
	margin-bottom: 30px;
}
#inq .inq_menu table {
	background-color: #FFFFFF;
	width: 536px;
	margin: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#inq .inq_menu th {
	font-size: 12px;
	color: #FFFFFF;
	width: 140px;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
	background-color: #7888DC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#inq .inq_menu td {
	font-size: 12px;
	color: #333333;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	background-color: #C8CEF0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#inq .inq_menu_pre {
	background-color: #FFCC00;
	width: 542px;
	margin-bottom: 30px;
}
#inq .inq_menu_pre table {
	background-color: #FFFFFF;
	width: 536px;
	margin: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#inq .inq_menu_pre th {
	font-size: 12px;
	color: #666666;
	width: 140px;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
	background-color: #FEE0CB;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#inq .inq_menu_pre td {
	font-size: 12px;
	color: #333333;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	background-color: #FFEECA;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#inq input.inqbutton {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	height: 28px;
	width: 80px;
	background-color: #0033FF;
	background-image: url(img/inq_button.jpg);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#inq .button {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/* Lv1 Map Layout ----------------------------------------------------------------- */
#map {
	margin-top: 30px;
	margin-left: 30px;
	margin-bottom: 30px;
}
#map dt.mapmain {
	font-weight: bold;
	background-color: #FFFFFF;
	background-image: url(img/map_icon1.gif);
	background-repeat: no-repeat;
	height: 20px;
	padding-top: 8px;
	padding-left: 15px;
	display: block;
	margin-top: 10px;
}
#map dd {
	margin-bottom: 25px;
	margin-left: 50px;
	margin-top: 10px;
	background-image: url(img/map_icon2.gif);
	background-repeat: no-repeat;
	height: 15px;
	padding-left: 12px;
	padding-top: 2px;
}

/* Lv1 privacy Layout ----------------------------------------------------------------- */
#privacy {
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 30px;
}
#privacy p {
	line-height: 18px;
	margin-bottom: 20px;
}
#privacy dt {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#privacy dd {
	margin-bottom: 40px;
	margin-left: 10px;
	line-height: 18px;
	font-size: 12px;
}
#privacy ul {
	margin: 10px;
	padding-left: 30px;
}
#privacy li {
	list-style-type: circle;
}

#lv2-sub .subnavi-index #calendar {
	color: #444444;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 210px;
}
#lv2-sub .subnavi-index #calendar .calendarhead {
        text-align: center;
	margin-right: auto;
	margin-left: auto;
        padding-bottom: 5px;
        font-size: 12px;
        letter-spacing: 0.2em;
}
#lv2-sub .subnavi-index #calendar table {
    padding: 0;
    border-collapse: collapse;
    margin-right: auto;
    margin-left: auto;
}
#lv2-sub .subnavi-index #calendar th {
    padding-bottom: 3px;
    text-align: center;
    font-size: 10px;
    width: 23px;
}
#lv2-sub .subnavi-index #calendar td {
    padding: 2px 0;
    text-align: center;
    font-size: 12px;
    line-height: 120%;
}
#lv2-sub .subnavi-index #calendar .today {
     color: #009966;
}
#lv2-sub .subnavi-index #calendar .sunday,
#lv2-sub .subnavi-index #calendar .holiday,
#lv2-sub .subnavi-index #calendar .holiday a:link,
#lv2-sub .subnavi-index #calendar .holiday a:visited {
    color: #e50003;
}
#lv2-sub .subnavi-index #calendar .saturday,
#lv2-sub .subnavi-index #calendar .saturday a:link,
#lv2-sub .subnavi-index #calendar .saturday a:visited {
    color: #0000ff;
}
#lv2-sub .subnavi-index #calendar a.bloglog:link,
#lv2-sub .subnavi-index #calendar a.bloglog:visited {
	text-decoration: underline;
        padding: 2px 0;
        line-height: 120%;
	font-weight: bold;
}
#content #lv2-main #about-main h2 {
margin-top: 20px;
margin-bottom: 5px;
margin-left: 10px;
padding-bottom: 10px;
font-size: small;
font-weight: bold;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
#content #lv2-main #about-main p {
margin-top: 10px;
margin-bottom: 5px;
margin-left: 15px;
line-height:20px;
}

#content #lv2-main .link-box {
background-color: #E9E9F8;
padding: 10px;
width: 530px;
overflow:hidden;
margin-top: 10px;
margin-bottom: 5px;
}
#content #lv2-main .link-box h2 {
margin: 0px;
padding-bottom: 5px;
font-size: small;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
#content #lv2-main .link-box .link-box-left {
	float: left;
	text-align: left;
	width: 230px;
	margin-right: 0px;
}
#content #lv2-main .link-box .link-box-right {
	float: right;
	text-align: left;
	width: 280px;
}
.blogdate {
	text-align: right;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}
p.poweredby {
        text-align: right;
        margin-rignt: 10px;
        font-size: 10px;
}