body
{
position: relative;
margin: 0;
padding: 0;
background-image: url(http://www.horiyaku.co.jp/main/pts/bg.gif);
font-size: 90%;
/*font-family: "helvetica", sans-serif;*/
font-family: "ＭＳ Ｐゴシック", sans-serif;
line-height: 135%;
letter-spacing: 0.1em;
color: #4f4f4f	;
}

/*                        root
-------------------------------------------------------*/
a
{
font-size: 105%;
text-decoration: none;
}

a:link
{
color: #003366;
}

a:visited
{
color: #003366;
}

a:hover
{
color: #006699;
}

div
{
margin: 0;
padding: 0;
}

/*                        div
-------------------------------------------------------*/
div#wrapper
{
position: absolute;
width: 760px;
left: 50%;
background-image: url(http://www.horiyaku.co.jp/sub/images/bgBody00.gif);
background-repeat: repeat-y;
margin-left: -380px;
background-color: #ffffff;
/*border: 1px #333333 solid;*/
}

div#header
{
position:relative;
background-image: url(http://www.horiyaku.co.jp/sub/images/bgHeader01.gif);
background-repeat: repeat-y;
height: 110px;
/*border: 1px #ff0000 solid;*/
}

div#TopText
{
background-image: url(http://www.horiyaku.co.jp/sub/images/bgHeader00.gif);
background-repeat: no-repeat;
background-position: left top;
/*border: 1px #0000ff solid;*/
}

div#TopText p
{
line-height: 20px;
font-size: 15px;
margin-top: 0;
margin-bottom: 2px;
padding-top: 5px;
padding-bottom: 0;
margin-left: 27px;
color: #666666;}

div#PageTitle
{
margin-top: 10px;
margin-left: 20px;
padding: 0.3em;
height: 25px;
/*border: 1px #ff0000 solid;*/
}

div#PageTitle h2
{
font-size: 26px;
letter-spacing: 3px;
color: #4f4f4f;
display: inline;
}

div#PageSubTitle
{
margin-top: 8px;
margin-left: 0px;
margin-bottom: 0px;
padding-bottom: 10px;
padding-left: 25px;
font-size: 14px;
color: #666660;
letter-spacing: 2px;
/*border: 1px #ff0000 solid;*/
}

div#logo
{
position: absolute;
background-image: url(http://www.horiyaku.co.jp/sub/images/logHoriyakuSub00.gif);
background-repeat: no-repeat;
background-position: top left;
left: 500px;
top: 15px;
color: #003366;

}

div#logo p#logoHoriyaku
{
display: none;
}

div#logo p
{
margin-top: 30px;
font-size: 15px;
letter-spacing: 1px;
line-height: 120%;
}

/*------------------------------------------------ PageIndex --------*/
div#PageIndex
{
position:relative;
width: 760px;
background: url(http://www.horiyaku.co.jp/sub/images/bgPageIndexHeadline00.gif) no-repeat 0px 0px;
/*border: 1px #0000ff solid;*/
}

div#PageIndex div#ulContainer
{
margin-top: 10px;
margin-left: 180px;
padding: 0;
width: 550px;
/*border: 1px #0000ff solid*/
}

div#PageIndex div#PageImage
{
position: absolute;
left: 20px;
top: 40px;
width: 160px;
text-align: center;
/*border: 1px #ff0000 solid;*/
}

/*------------------------------------------------ Content --------*/
div#content
{
position: relative;
width: 760px;
/*border: 1px #ff0000 solid;*/
}


div#MainContent
{
width: 525px;
margin-left: 200px;
top: 0px;
/*border: 1px #000099 solid;*/
}

p#LastModified
{
margin-top: 15px;
margin-right: 5px;
text-align: right;
color: #505055;
/*border: 1px #000099 solid;*/
}

/*------------------------------------------------ SubInformation --------*/
div#SubInformation
{
margin-top: 15px;
margin-right: 35px;
margin-left: 30px;
padding: 10px;
background-color: #fafafc;
font-size: 95%;
letter-spacing: 0.2em;
color: #44443a;
border: 1px #aaaaaa dotted;
}

div#SubInformation span.caution
{
color: #ff0000;
}

/*------------------------------------------------ navigation --------*/
div#navigation
{
position: absolute;
width: 160px;
left: 20px;
top: 50px;
/*border: 1px #00ff00 solid;*/
overflow: hidden;
}

div#navigation h4
{
width: 125px;
margin-bottom: 10px;
font-size: 16px;
letter-spacing: 2px;
color: #666655;
padding-top: 3px;
padding-left: 10px;
border-top: 1px #999999 solid;
}

div#navigation h5
{
margin: 0;
padding-left: 20px;
color: #55555a;
background-image: url(http://www.horiyaku.co.jp/sub/images/icoPage01.gif);
background-repeat: no-repeat;
background-position: left top;
}

div#navigation h5#news
{
background-image: url(http://www.horiyaku.co.jp/sub/images/icoPage00.gif);
}

div#navigation #SiteNavHeader1
{
margin-top: 20px;
border-left: 5px orange solid;
}

div#navigation #SiteNavHeader2
{
margin-top: 40px;
border-left: 5px orange solid;
}

div#navigation #SiteNavHeader3
{
margin-top: 60px;
border-left: 5px orange solid;
}

div#navigation #SiteNavHeader4
{
margin-top: 80px;
border-left: 5px orange solid;
}

div#navigation #SiteNavHeader5
{
margin-top: 100px;
border-left: 5px orange solid;
}

div#navigation #GlobalNavHeader
{
border-left: 5px #00ff00 solid;
}

div#navigation div
{
margin-left: 15px;
margin-bottom: 50px;
}

div#navigation ul
{
list-style: none;
margin: 0;
padding: 0;
width: 120px;
border-top: 1px #bbbbbb solid;
overflow: hidden;
}

div#navigation ul a
{
display: block;
width: 120px;
margin: 0;
padding-top: 4px;
padding-left: 4px;
font-size: 15px;
border-bottom: 1px #bbbbbb solid;
}

div#navigation ul a:visited
{
}

div#navigation ul a:hover
{
background-color: #fafafc;
text-align: center;
}

div#navigation ul a:active
{
background-color: #fafafc;
text-align: center;
}

/*------------------------------------------------ footer --------*/
div#footer
{
margin-top: 15px;
width: 760px;
background-image: url(http://www.horiyaku.co.jp/sub/images/bgFooter01.gif);
background-repeat: repeat-y;
/*border: 1px #ff0000 solid;*/
}

div#CopyText
{
position: relative;
margin-top: 0;
margin-right: 25px;
margin-left: 5px;
padding-top: 25px;
padding-bottom:5px;
height: 22px;
text-align: center;
font-size: 15px;
letter-spacing: 2px;
color: #44443a;
background-image: url(http://www.horiyaku.co.jp/sub/images/bgBorderTopCp00.gif);
background-repeat: no-repeat;
background-position: top left;
/*color: #445566;*/
}

div#CopyText div
{
position: absolute;
top: 7px;
left: 671px;
width: 40px;
height: 40px;
overflow: hidden;
/*border: 1px #ff0000 solid;*/
}

div#CopyText div a
{
display: block;
height: 40px;
width: 40px;
padding-top: 40px;
background-image: url(http://www.horiyaku.co.jp/sub/images/btnBottomLink00.gif);
background-repeat: no-repeat;
background-position: left top;
}

div#CopyText div a:link
{

}

div#CopyText div a:hover
{
background-image: url(http://www.horiyaku.co.jp/sub/images/btnBottomLink00.gif);
background-repeat: no-repeat;
background-position: right top;
}

div#BottomText
{
background-image: url(http://www.horiyaku.co.jp/sub/images/bgFooter00.gif);
background-repeat: no-repeat;
bckground-position: bottom left;
width: 760px;
height: 40px;
text-align: right;
}

div#BottomText span
{
margin-right: 45px;
font-size: 12px;
font-family: "helvetica", "verdana", "ＭＳ ゴシック";
font-weight: bold;
letter-spacing: 4px;
color: #444438;
}

/*-------------------------------------------------- section --------------★-*/
div.section
{
margin-top: 20px;
padding: 0;
background-color: #fcfcfa;
border: 1px #b8b8b8 solid;
}

div.section h3
{
margin-top: 0;
margin-bottom: 5px;
padding: 2px 2px 2px 15px;
background-color: #f0f0ed;
border-bottom: 1px #b8b8b8 solid;
color: #555555;
letter-spacing: 0.2em;
}

div.section h4
{
margin-top: 0;
margin-bottom: 0;
margin-left: 15px;
font-size: 100%;
}

div.section p
{
margin: 7px;
font-size: 100%;
letter-spacing: 0.1em;
line-height: 135%;
}

div.section p a
{
text-decoration: underline;
}

div.section ul
{
margin-top: 5px;
}
/*------------------------------ Back Top ------*/
p.BackTop
{
margin-top: 2px;
margin-right: 8px;
margin-bottom: 2px;
text-align: right;
/*border: 1px #ff0000 solid;*/
}

p.BackTop a
{
font-size: 13px;
letter-spacing: 2px;
text-decoration: underline;
}

/*                        ul     　　　　　　　★★★★
-------------------------------------------------------*/
ul#PageIndexList
{
list-style: none;
margin: 0;
padding: 0;
width: 550px;
overflow: hidden;
/*border: 1px #00ff00 solid;*/
}


ul#PageIndexList li
{
margin: 0;
padding: 0;
float: left;
width:180px;
/*height: 30px;*/
}

ul#PageIndexList li a
{
display: block;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;

padding-top: 0;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
/*height: 20px;*/
font-size: 15px;
letter-spacing: 2px;
border-right: 2px #aaaaaa solid;
}

ul#PageIndexList li a:link
{
}

ul#PageIndexList li a:hover
{
color: #0088ff;
text-decoration: underline;
}

/*                      span     　　　　　　　★★★★
-------------------------------------------------------*/
span.ulorange
{
border-bottom: 1px orange solid;
}