body { font-size: 12px; line-height: 130%; margin: 0px auto; padding: 0px; text-align: left;} h1 { font-size: 10px; color: #FFFFFF; margin: 0px; padding: 0px; } /* 20081220 center -> left #wrapper { background-image: url(../f_img/top/bg.jpg); background-repeat: no-repeat; background-position: bottom; width: 875px; text-align: center; margin: 0px auto;} */ #wrapper { background-image: url(../f_img/top/bg.jpg); background-repeat: no-repeat; background-position: bottom; width: 875px; text-align: left; margin: 0px auto;} #head { background-image:url(../f_img/top/head-bg.gif); background-repeat: repeat-x; margin: 0px; padding: 0px;} #font { float: left; margin: 0px; padding-right: 10px; text-align: right; background-image: url(../f_img/top/head-bg.gif); background-repeat: repeat-x;} #font ul { list-style: none; margin: 0px; padding: 0px;} #font li { display: inline; float: left; margin: 0px; padding: 0px;} #login { background-image:url(../f_img/top/regist-bg.jpg); margin: 0px; padding: 1px 5px 0px 70px; width: 127px; float: left; background-repeat: no-repeat; height: 52px;} #login input.textarea { height: 12px; line-height:12px; margin: 1px; padding: 0px; width: 70px;} #login form { margin: 0px; padding: 0px;} /* 20081222 */ #logout { font-size:10pt; line-height:12px; margin: 0px; padding: 1px 0px 1px 0px; width: 275px; float: right;height: 52px;} /* #logout input.textarea { height: 12px; line-height:12px; margin: 1px; padding: 0px; width: 70px;} */ #logout form { margin: 0px; padding: 0px;} .flo { float: right;} #navi ul { list-style: none; margin: 0px; padding: 0px;} #navi li { display: inline; float: left; margin: 0px; padding: 0px;} #search { /* background-image:url(../f_img/top/header-bg.jpg); */ background-repeat: no-repeat; padding: 5px 10px 0px 10px; height: 191px;} #searchform { width: 344px; margin: 0px; padding: 5px 3px 2px 3px; background-image:url(../f_img/top/search-top.gif); background-repeat: no-repeat;} .text-11 { font-size: 11px; color: #000000; line-height:200%;} #search.products input.textarea { height: 14px; line-height:12px; margin: 1px; padding: 0px; width: 150px;} #search-form { width: 350px; margin: 0px 0px 3px 0px; float: right;} .google { float: right; width: 540px; text-align:right; border: #CCCCCC 1px solid; margin: 0px 0px 10px 0px; padding: 1px; font-size: 11px;} .google_text { height: 13px; line-height:12px; margin: 1px; padding: 0px; width: 120px;} .google ul { list-style: none; margin: 0px; padding: 0px;} .google li { display: inline; margin-right: 10px; padding: 0px; float: right; } .ex-go { margin-top: 2px; width: 850px; float: right;} #menu { margin: 10px 0px 15px 15px;} .menu { width: 203px; float: left; margin-right: 8px; padding: 0px;} .menu dl{ list-style: none; margin: 0px; padding: 0px; border-right: #CCCCCC 1px solid;} .menu dt { margin: 0px; padding: 0px; text-align: left;} .menu dd { background-image: url(../f_img/top/ms-bg.gif); background-repeat: no-repeat; margin-left: 25px; padding: 5px 3px 5px 20px; text-align:left; background-position: center left; border-bottom: #CCCCCC 1px solid;} .menu a:link,.menu a:visited,.menu a:active { color: #1a1a1a;} .menu a:hover { color: #cc0000;} .drop_menu dd { background-image: url(../f_img/top/ms-bg.gif); background-repeat: no-repeat; margin-left: 30px; padding: 5px 3px 5px 20px; text-align:left; background-position: center left; border-bottom:none;} .drop_menu a:link,.drop_menu a:visited,.drop_menu a:active { color: #0000FF;} #zyutaku_l { display: none; position: absolute; left: 0; margin: 0; padding: 0; } #banner { border: #CCCCCC 1px solid; padding: 5px 5px; width: 828px; margin:15px 0px 30px 15px; float:none; } #banner2 { padding: 5px 5px; width: 848px; margin:15px 0px 0px 10px; float:none; } .marquee0 { border: #CCCCCC 1px solid; padding: 5px 5px 5px 5px;} #banner_l { display: none; position: absolute; left: 0; margin: 0px 30px 0px 0px; padding: 0px; } #banner img { margin-right: 5px; padding: 0px;} .banner_menu { width: 262px; float: right; margin-left: 8px; padding: 0px;} .banner_menu dl{ list-style: none; margin: 0px; padding: 0px;} .banner_menu dt { margin: 0px; padding: 0px; text-align: right;} .banner_menu dd { margin-left: 10px; padding: 5px 3px 5px 20px; text-align:left; background-position: center left; } .banner_menu a:link,.menu a:visited,.menu a:active { color: #1a1a1a;} .banner_menu a:hover { color: #cc0000;} #premium { border: #CCCCCC 1px solid; padding: 5px 5px; width: 828px; margin:0px 0px 25px 15px; float:none; } #premium td { color: #FFFFFF; background-color:#AAAAFF;font-size:15px; font-weight:bolder; } #premium_title { margin:0px 0px 1px 15px; color:#8888FF;font-size:15px; } /* 20090604 */ #edi { border: #FFCC99 1px solid; padding: 5px 5px; width: 100px; margin:0px 0px 25px 15px; float:none; } #edi td { color: #FFFFFF; background-color:#FFCC99;font-size:15px; font-weight:bolder; } /* #menu01 { margin: 10px 0px 30px 20px;} */ #menu01 { margin: 5px 0px 30px 15px;} #menu01 a:link,#menu01 a:visited,#menu01 a:active { color: #000000;} #menu01 a:hover { color: #CC0000;} /* .menu01 { width: 410px; margin: 0px 10px 20px 0px; float: left;} */ .menu01 { width: 410px; margin: 0px 5px 20px 0px; float: left;} .menu01 dl{ list-style: none; margin: 0px 5px 0px 0px; padding: 5px; border-top: #CCCCCC 1px solid;} .menu01 dt { margin: 0px; padding: 2px; float: left; margin-right: 10px;} .menu01 dd { margin: 0px; padding: 2px; text-align:left;} .menu01 span { line-height:180%;} .menu02 { width: 500px; margin: 0px 5px 20px 0px; float: left;} .menu02 dl{ list-style: none; margin: 0px 5px 0px 0px; padding: 5px; border-top: #CCCCCC 1px solid;} .menu02 dt { margin: 0px; padding: 2px; float: left; margin-right: 10px;} .menu02 dd { margin: 0px; padding: 2px; text-align:left;} .menu02 span { line-height:180%;} .flo-l { margin-right: 5px; float: left;} /* 20090114 add */ .flo-r { margin-right: 5px; float: right;} .info { padding: 5px; border-top: #CCCCCC 1px solid;} .news { margin-top: 5px; border-top: #CCCCCC 1px solid; text-align:left; color: #000000;} .n-title { margin: 5px;} .n-title strong { margin: 5px; color: #FF9900;} .news ul { list-style: none; margin: 0px; padding: 0px;} .news li { margin: 0px; padding: 0px;} #footer-pan { background-image:url(../f_img/top/footer-bg.gif); background-repeat: no-repeat; width: 840px; margin-left: 20px; padding: 0px; text-align: left; background-position: center; color: #666666;} #footer-pan a:link,#footer-pan a:visited,#footer-pan a:active { line-height:130%; margin: 0px; color: #666666; } #footer-pan a:hover{ line-height:130%; margin: 0px; color: #CC0000; } #footer-pan2 { background-image:url(../f_img/top/footer-bg2.gif); background-repeat: no-repeat; width: 600px; margin-left: 20px; padding: 0px; text-align: left; background-position: center; color: #666666;} #footer-pan2 a:link,#footer-pan2 a:visited,#footer-pan2 a:active { line-height:130%; margin: 0px; color: #666666; } #footer-pan2 a:hover{ line-height:130%; margin: 0px; color: #CC0000; } .padding03 { padding: 1px 0px 5px 5px;} .clear { clear: both;} .copy { color: #999999; text-align: left; width: 830px; margin-left: 20px;} .float-l { float: left; margin: 0px; padding: 0px; text-align: left;} .print { padding: 10px 10px 3px 0px;} #search01 { background-image:url(../f_img/top/header-bg01.jpg); background-repeat: no-repeat; padding: 5px 10px 0px 10px; height: 136px;} #search01 .products input.textarea { height: 14px; line-height:12px; margin: 1px; padding: 0px; width: 150px;} .submenu { background-color:#3fa8e4; color: #FFFFFF; text-align:left; padding-left: 30px; height:28px;} .submenu_top { background-color:#3fa8e4; color: #FFFFFF; text-align:left; padding-left: 30px; height:28px} .title-pan { border-bottom: #CCCCCC 1px solid; width: 850px; margin: 0px auto;} .title2 { border-left: #DF2F99 0px solid; border-top: #DF2F99 0px solid; border-right: #DF2F99 0px solid; border-bottom: #FFFFFF 0px solid; width: 640px; color: #DF2F99; font-size: 150%; font-weight: bold; /* padding: 5px; padding-bottom:0px; */ padding: 4px; padding-left: 5px; padding-bottom:6px; float: left; text-align:left; margin: 0px; } .title { border-left: #DF2F99 0px solid; border-top: #DF2F99 0px solid; border-right: #DF2F99 0px solid; border-bottom: #DF2F99 1px solid; width: 640px; color: #DF2F99; font-size: 150%; font-weight: bold; /* padding: 5px; */ padding: 2px; padding-bottom:5px; padding-top:2px; padding-left: 5px; float: left; text-align:left; margin: 0px; } /*20081222 add font-size 100% .pan { padding: 3px 10px; color: #006699; float: left; text-align: left; margin: 0px;} */ .pan { font-size: 100%; padding: 3px 10px; color: #006699; float: left; text-align: left; margin: 0px;} .pan a:link,.pan a:visited,.pan a:active {color: #000099;} .pan a:hover { color: #CC0000;} .category { width: 840px; padding: 10px 0px 10px 0px; text-align:left; margin-left: 10px; white-space: nowrap; } .category ul { list-style: none; margin: 0px; padding: 0px;} .category li { display: inline; width: 210px; margin: 0px; padding: 3px 0px; float: left;} .category a:link,.category a:visited,.category a:active {color: #000099;} .category a:hover { color: #CC0000;} .category_icons { border-bottom: #CCCCCC 1px solid; } .day { width: 130px; padding: 9px 5px 8px 5px; float: left; text-align: left;} .c-img { width: 80px; padding: 5px 5px 5px 5px; float: left; text-align: center; border-left: #222222 1px dashed;} .comment-top { width: 580px; padding: 5px 10px; float: left; text-align: left; border-left: #222222 1px dashed;} .comment { width: 430px; padding: 5px 10px; float: left; text-align: left; border-left: #222222 1px dashed;} .maker { width: 130px; padding: 5px 10px; float: left; text-align: left; border-left: #222222 1px dashed;} .day01 { width: 130px; padding: 6px 5px 6px 5px; float: left; text-align: left;} .c-img01 { width: 80px; padding: 9px 5px 9px 5px; float: left; text-align: center;} .comment-top01 { width: 580px; padding: 3px 10px; float: left; text-align: left; line-height: 120%;} .comment01 { width: 430px; padding: 3px 10px; float: left; text-align: left; line-height: 120%;} .comment-blue { color: #000099;} .maker01 { width: 130px; padding: 3px 10px; float: left; text-align: left;} .line { margin: 5px 5px; border-bottom: #CCCCCC 1px solid; width: 840px; padding: 0px;} .line01 { margin: 30px 15px 15px 15px; border-bottom: #CCCCCC 1px dashed; width: 840px; padding: 3px; text-align: left;} .comment02 { padding: 10px; width: 810px; text-align:left; font-size: 130%; margin: 0px auto;} .comment02 span { color: #FF6600;} textarea,select,input { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳＰゴシック","sans-serif";} /* Basic code - don't modify */ .nav2 { display: block; margin: 0; padding: 0; position: relative; } .nav2 li { display: block; list-style: none; margin: 0; float: left; position: relative; padding: 0px;} .nav2 a { display: block; background-image: url(../f_img/top/point01.gif); background-repeat: no-repeat; background-position: center left; padding-left: 30px;} .nav2 ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; } html .nav ul { line-height: 0; } /* IE6 "fix" */ .nav2 ul a { zoom: 1; } /* IE6/7 fix */ .nav2 ul li { float: none; } .nav2 ul ul { top: 0; } /* 　サブメニュー部分CSS　*/ /* Essentials - configure this */ .nav2 ul { width: 300px; } .nav2 ul ul { left: 310px; } /* Everything else is theming */ .nav2 { background-color: #3FA8E4; height: 26px; padding-top:2px} .nav2 *:hover { background-color: #3FA8E4; } .nav2 a { text-decoration:none; border-right: 1px solid white; color: white; font-size: 12px; padding: 6px 8px 6px 20px; line-height: 1;} .nav2 li.hover { background-color: #3FA8E4; } .nav2 ul { top: 25px; } .nav2 ul li a { background-color: #3FA8E4; background-image:url(../f_img/top/point02.gif); background-repeat: no-repeat; background-position: center left;} .nav2 ul li.hover > a { background-color: #5E5A5A; } .nav2 ul *:hover { background-color: #5E5A5A; } .nav2 ul a { background-color: #3FA8E4; border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); } /* .nav2 ul a { border-bottom: none; } - I also needed this for IE6/7 */ #main { /* padding in px not ex because IE messes up 100% width tables otherwise */ /* 20081223 padding: 0 15px; */ text-align:left; } .button_table { border-bottom:1px solid; border-color:#FFFFFF; } /* 2010.09.30 */ .it { font-style:italic; position:relative; left:-0.2em; } .sup { font-size:0.8em; position:relative; top:-0.4em; } .sub { font-size:0.8em; position:relative; top: 0.2em; } .small { font-size:0.8em; } #aminoacid_list { font-size:12px; white-space:nowrap; } .aminoacid_name { font-weight:normal;background-color:#E0FFE0; } .aminoacid_name_1 { cursor:pointer; } .aminoacid_name_3 { cursor:pointer; } .aminoacid_name_d { cursor:pointer; }