@charset "UTF-8";

/* reset
-------------------------------------- */
body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button {
margin: 0; padding: 0;
}

h1, h2, h3, h4, h5, h6 {
margin: 0; padding: 0; font-size: 100%; font-weight: normal;
}

address, caption, cite, code, dfn, em, strong, var {
font-style: normal; font-weight: normal;
}

ol, ul {
list-style: none; margin: 0; padding: 0;
}

table {
border-collapse: collapse; border-spacing: 0;
} 

caption, th {
text-align: left; font-weight: normal; font-style: normal;
}

acronym, abbr, fieldset, img {
border: 0;
}

:focus {
outline: 0;
}

/* link */
a {
color:#788C03;
text-decoration: none;
}

a:hover, a:active, a:focus {
color:#788C03;
text-decoration:underline;
}

.clear {
width: 100%;
clear: both;
height: 0;
}

* html .clear {
font-size: 0.01em;
line-height: 0;
}

/* clearfix */
.clearfix:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {display: inline-block;}
.clearfix {display: block;}
* html .clearfix {height: 1%;}

/* body
-------------------------------------- */
body {
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,monospace;
color:#333333;
font-size: 12px;
line-height: 160%;
text-align: center;
}

/* header
-------------------------------------- */
#header {
width: 808px;
/* height: 98px; */
/* margin: 20px auto 15px; */
margin: 20px auto 5px;
}

/* h1 */
h1 {
text-indent: -9999px;
width: 200px;
height: 122px;
float: left;
}

h1 a {
background: transparent url(../images/common/dotcom.gif) no-repeat scroll 0 0;
width:200px;
height:122px;
display: block;
}

/* menu */
ul#menu {
background: transparent url(../images/common/menu_bg.gif) no-repeat scroll 0 0;
width: 600px;
padding: 4px;
text-indent: -9999px;
float: right;
}

* html ul#menu {/* ie6 */
width: 608px;
}

ul#menu li {
display: inline;
}

/* menu a */
ul#menu li a {
background: transparent url(../images/common/menu.gif) no-repeat scroll 0 0;
width: 150px;
height:38px;
float:left;
overflow:hidden;
}

ul#menu li#menu1 a {background-position:0 0;}
ul#menu li#menu2 a {background-position:-150px 0;}
ul#menu li#menu3 a {background-position:-300px 0;}
ul#menu li#menu4 a {background-position:-450px 0;}
ul#menu li#menu5 a {background-position:0 -38px;}
ul#menu li#menu6 a {background-position:-150px -38px;}
ul#menu li#menu7 a {background-position:-300px -38px;}
ul#menu li#menu8 a {background-position:-450px -38px;}
ul#menu li#menu9 a {background-position:0 -76px;}
ul#menu li#menu10 a {background-position:-150px -76px;}
ul#menu li#menu11 a {background-position:-300px -76px;}
ul#menu li#menu12 a {background-position:-450px -76px;}

/* menu a currentpage */
ul#menu li#menu1.cu a {background-position:0 -114px;}
ul#menu li#menu2.cu a {background-position:-150px -114px;}
ul#menu li#menu3.cu a {background-position:-300px -114px;}
ul#menu li#menu4.cu a {background-position:-450px -114px;}
ul#menu li#menu5.cu a {background-position:0 -152px;}
ul#menu li#menu6.cu a {background-position:-150px -152px;}
ul#menu li#menu7.cu a {background-position:-300px -152px;}
ul#menu li#menu8.cu a {background-position:-450px -152px;}
ul#menu li#menu9.cu a {background-position:0 -190px;}
ul#menu li#menu10.cu a {background-position:-150px -190px;}
ul#menu li#menu11.cu a {background-position:-300px -190px;}
ul#menu li#menu12.cu a {background-position:-450px -190px;}

/* menu a:hover */
ul#menu li#menu1 a:hover {background-position:0px -114px;}
ul#menu li#menu2 a:hover {background-position:-150px -114px;}
ul#menu li#menu3 a:hover {background-position:-300px -114px;}
ul#menu li#menu4 a:hover {background-position:-450px -114px;}
ul#menu li#menu5 a:hover {background-position:0px -152px;}
ul#menu li#menu6 a:hover {background-position:-150px -152px;}
ul#menu li#menu7 a:hover {background-position:-300px -152px;}
ul#menu li#menu8 a:hover {background-position:-450px -152px;}
ul#menu li#menu9 a:hover {background-position:0px -190px;}
ul#menu li#menu10 a:hover {background-position:-150px -190px;}
ul#menu li#menu11 a:hover {background-position:-300px -190px;}
ul#menu li#menu12 a:hover {background-position:-450px -190px;}

/* main
-------------------------------------- */
#main {
width: 800px;
margin: 0 auto 30px;
}

/* content */
#content {
text-align: left;
position:relative;
}

/* text h */
h2 {
padding: 23px 0 8px 5px;
font-size: 18px;
margin-bottom: 15px;
border-bottom: 1px solid #c3c3c3;
font-weight: bold;
}

/* text */
.tm {
font-size: 9px;
}

/* buy
-------------------------------------- */
#buy {
width: 800px;
text-align: right;
margin: 0px auto 10px;
}

p.buy {
width: 800px;
margin: 0px auto 12px;
}

a.gotobuy {
text-indent: -9999px;
background: url(../images/common/btn_buypage.gif);
width: 153px;
height: 30px;
margin-right: 10px;
margin-top: -5px;
position:absolute;
right:0;
top:18px;
}

p.buy .left{
float: left;
}

p.buy .right{
float: right;
position:inherit;
}

a.gotobuy-p {
text-indent: -9999px;
background: url(../images/common/btn_buypage.gif);
width: 153px;
height: 30px;
margin-right: 10px;
}

/* top-info
-------------------------------------- */
#top-info {

}

#top-info .institutional-buying {
float: left;
text-align: left;
color: #729200;
padding-bottom: 5px;
}

#top-info .institutional-buying span {
text-decoration: underline;
}

#top-info .attention {
float: right;
margin: 0 5px 5px 0;
}

#top-info .attention a {
color: #c10000;
}

/* content-top
-------------------------------------- */
#content-top {
text-align: right;
}

#content-top p#pan-list {
padding-right: 5px;
}

/* other-links
-------------------------------------- */
#other-links {
background: transparent url(../images/common/other-link_bg.gif) no-repeat scroll 0 0;
width: 800px;
height: 104px;
margin: 0px auto 14px;
}

ul#link-box {
text-indent: -9999px;
padding: 6px 0 0 6px;
}

ul#link-box li {
display: inline;
float:left;
}

ul#link-box li#seminar-link,
ul#link-box li#who,
ul#link-box li#h1n1,
ul#link-box li#phase-jp,
ul#link-box li#h5n1 {
margin-right: 0px;
}

ul#link-box li a {
display: block;
height:46px;
width: 197px;
background: transparent no-repeat scroll 0 0;
}

ul#link-box li#seminar-link a {
background: url(../images/common/btn_seminar.gif);
width: 198px;
height:92px;
}
ul#link-box li#who a {background: url(../images/common/btn_who.gif);}
ul#link-box li#h1n1 a {background: url(../images/common/btn_h1n1.gif);}
ul#link-box li#press a {background: url(../images/common/btn_press.gif);}
ul#link-box li#phase-jp a {background: url(../images/common/btn_phase_jp.gif);}
ul#link-box li#h5n1 a {background: url(../images/common/btn_h5n1.gif);}
ul#link-box li#influenza-info a {background: url(../images/common/btn_info.gif);}

/* hover */
ul#link-box li a:hover {
height:46px;
width: 197px;
}

ul#link-box li#seminar-link a:hover {background-position:0px -92px;}
ul#link-box li#who a:hover,
ul#link-box li#h1n1 a:hover,
ul#link-box li#press a:hover,
ul#link-box li#phase-jp a:hover,
ul#link-box li#h5n1 a:hover,
ul#link-box li#influenza-info a:hover {
background-position:0px -46px;
}

/* footer
-------------------------------------- */
#footer {
width: 800px;
text-align: left;
color: #799ca6;
margin: 0pt auto;
padding-bottom:36px;
}

#footer img {
margin-top: 2px;
padding-right: 10px;
}

#footer a {
color: #526a70;
padding:0pt 10px;
}


/* scroll newslist
-------------------------------------- */
#newslist {
height: 1.6em;
overflow:hidden;
}

.tickercontainer { /* the outer div with the black border */
width: 800px;
margin: 0 0 5px;
padding: 0;
overflow:hidden;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 800px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 800px;
list-style-type: none;
margin: 0;
padding: 0;
width: 9999px;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
color:#705a31;
text-align: left;
padding-left: 16px;
}

ul.newsticker li.sangakukan-link {
background: transparent url(../images/common/scroll_num1.png) no-repeat center left;
}

ul.newsticker li.kpu-link {
background: transparent url(../images/common/scroll_num2.png) no-repeat center left;
}

ul.newsticker a {
color:#705a31;
}


a.pinkribbon_support {
float: right;
}