html { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin-top: 24px;
margin-bottom: 10px;
}
p, ol, ul, pre, blockquote {
 margin-top: 10px;
 margin-bottom: 10px;
}
p {
 padding-left: 4px;
 padding-top: 4px;
}
li {
 margin-top: 5px;
 margin-bottom: 5px;
}
ul {
 margin-left: 12px;
 padding:0px;
 list-style-position: inside;
}
dt { font-weight: bold;}
blockquote {
 border-left: solid #0000ff 2px;
 border-right: solid #0000ff 2px;
}
blockquote p { margin-top: 0px; margin-bottom: 0px;}
pre { background-color: #cccccc; border: dashed 2px #666666; padding: 8px; margin: 8px;}
table { padding:0px; border:0px; margin:auto; text-align:left; color:inherit; background-color:#ccd5dd;}td { padding:5px; margin:1px; color:inherit; background-color:#ffffff;}thead td{ color:inherit; background-color:#cccccc;}tfoot td{ color:#ffffff; background-color:#000000;}
/* link */
a:link { 
color: #333333; 
text-decoration: none;
}
a:visited { 
color: #333333; 
text-decoration: none;
}
a:hover { 
color: #FF3333; 
text-decoration: underline;
}
a:active { 
color: #FF3333; 
text-decoration: none;
}
#banner a:link { 
color: #660000; 
text-decoration: none;
}
#banner a:visited { 
color: #660000; 
text-decoration: none;
}
#banner a:hover { 
color: #FF0000; 
text-decoration: none;
}
#banner a:active { 
color: #FF0000; 
text-decoration: none;
}
#footer a:link { 
color: #FFFFFF; 
text-decoration: none;
}
#footer a:visited { 
color: #FFFFFF; 
text-decoration: none;
}
#footer a:hover { 
color: #FF3333; 
text-decoration: underline;
}
#footer a:active { 
color: #FFFFFF; 
text-decoration: none;
}
/* function */
.clr { 
clear: both; 
overflow: hidden; 
width: 1px; 
height: 1px; 
margin: 0 -1px -1px 0; 
border: 0; 
padding: 0; 
font-size: 0; 
line-height: 0;
}
.pkg:after { 
content: " "; 
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0;
}
* html .pkg { 
display: inline-block; 
}
/* no ie mac \*/
* html .pkg { 
height: 1%; 
}
.pkg { 
display: block; 
}
/* */
.center { 
text-align: center; 
}
.left { 
text-align: left; 
}
.right { 
text-align: right; 
}
.red { 
color: red; 
}
.green { 
color: green; 
}
.blue { 
color: blue; 
}
.yellow { 
color: yellow; 
}
.magenta { 
color: magenta; 
}
.cyan { 
color: cyan; 
}
.black { 
color: black; 
}
.gray { 
color: gray; 
}
.white { 
color: white; 
}
.xlarge { 
font-size: x-large; 
}
.large { 
font-size: large; 
}
.small { 
font-size: small; 
}
.xsmall { 
font-size: x-small; 
}
/* layout */
body {
 min-width: 730px;
 text-align: center;
 /* center on ie */
 font-size: 11px;
 font-family: 'trebuchet ms', verdana, helvetica, arial, "MS Pゴシック","osaka", sans-serif;
 background-color: #FFFFFF;
 margin: 0px;
 color: #333134;
}
#container {
 position: relative;
 text-align: left;
 margin: 0 auto 10px auto;
 width: 940px;
 background-color: #FFFFFF;
}
#container-inner {
 position: static;
 width: auto;
}
/* banner */
#banner {
 position: relative;
 background-image: url(img/top37.jpg);
 background-repeat: no-repeat;
 height:150px;
 width: 100%;
 background-position: top;
 margin: 0;
}
#banner-inner {
 position: static;
 height: 100%;
}
#banner-search{
 position:absolute;
 bottom: -5px;
 right: 10px;
}
#banner-header {
 position: absolute;
 top: 82px;
 left: 210px;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 16px;
 width:auto;
}
/* main */
#pagebody {
 position: relative;
 width: 100%;
 text-align: center;
 font-size: 11px;
}
#pagebody-inner {
 position: static;
 width: 100%;
 text-align: left;
 font-size: 11px;
}
#alpha {
 display: inline;
 /* ie win bugfix */
 position: relative;
 float: left;
 min-height: 1px;
}
#beta {
 display: inline;
 /* ie win bugfix */
 position: absolute;
 float: left;
 min-height: 1px;
}
#gamma {  
 display: inline; 
 /* ie win bugfix */ 
 position: static; 
 clear: right; 
 text-align: left;
 min-height: 1px;
}

#alpha-inner, #beta-inner, #gamma-inner { 
position: static;
}
#alpha {
 left: 190px;
 width: 560px;
}
#alpha-inner {
 padding: 10px;
}
#beta {
 left: 0px;
 width: 190px;
}
#beta-inner{ 
padding: 10px; 
}
#gamma {
 width: 190px;
}
#gamma-inner{ 
padding: 10px; 
}
/* content */
.gotop { 
text-align: right; 
clear: both;
}
.img { 
float: left; 
margin-right: 5px; 
text-align: center; 
width: 40%;
}
/* side ------------------------------*/
#beta {
 border: 2px dotted #986f5b;
 padding-top: 50px;
 background-image: url(img/osu1.gif);
 background-position: center top;
 background-repeat: no-repeat;
}
#gamma {
 border: 2px dotted #986f5b;
 padding-top: 10px; 
 background-repeat: no-repeat; 
 background-position: 4px 0px;
}
/* footer */
#footer { 
font-size: 10px; 
background-color: #A87B5A; 
color: #FFFFFF; 
text-align: center; 
margin: 0px; 
padding: 1px; 
display: block; 
text-decoration: none; 
clear: both;
}
.footer-navi {  
clear: both;
font-size: 12px; 
text-align: center;
}
/* specific item */
.archive-header { 
font-size: 14px;
font-weight: bold; 
border: none; 
margin-top: 4px; 
color: #993300; 
font-size: 12px; 
padding-left: 15px; 
padding-top: 1px; 
padding-bottom: 1px; 
background-image: url(img/navi1.gif); 
background-repeat: repeat-x; 
background-position: left bottom; 
height: 30px;
}
.topic-path {  
font-size: 12px;
}
/* entry */
.date-header,.entry-content { 
position: static; 
clear: both;
}
.entry,.trackbacks,.comments,.archive { 
position: static; 
overflow: hidden; 
clear: both; 
width: 100%; 
margin-bottom: 20px;
}
.entry-content,.trackbacks-info,.trackback-content,.comment-content,.comments-open-content,.comments-closed,.entry-excerpt,.entry-body,.entry-more-link,.entry-more { 
clear: both;
}
.entry-body,.entry-more { 
margin: 10px 0;
}
.entry-more-link{ 
text-align: right; 
}
.comments-open-footer,.archive-content { 
clear: both; 
margin: 5px 10px 20px 10px;
}
.comments-open label { 
display: block; 
}
#comment-author, #comment-email, #comment-url, #comment-text { 
width: 240px;
}
#comment-bake-cookie { 
margin-left: 0; 
vertical-align: middle;
}
.comments-open-header { 
clear: both;
}
#comment-post { 
font-weight: bold;
}
.date-header { 
margin: 5px 0; 
font-size: 12px; 
font-weight: bold; 
text-transform: uppercase;
}
.entry-header { 
margin-top: 10px; 
padding: 0 0 0 10px; 
color: #666; 
font-size: 14px; 
font-weight: bold;
}
.entry-header a { 
text-decoration: none; 
}
.entry-content,.comment-content,.trackback-content { 
margin: 0; 
line-height: 1.5;
}
.entry-footer,.comment-footer,.trackback-footer { 
margin: 5px 10px 0 0; 
border-top: 1px dotted #dae0e6; padding: 5px 0; color: #666; font-size: 10px; text-align: right;}
.comment-content,.trackback-content,.comment-footer,.trackback-footer { 
margin-left: 10px;
}
.content-nav { 
margin: 5px 0; 
text-align: center;
}
.content-nav-bread{ 
position: relative; 
margin: 5px 0; 
text-align: left;
}
#trackbacks-info { 
margin: 10px 0; 
border: 1px dashed #a3b8cc; 
padding: 0 10px; 
color: #292e33; 
font-size: 11px; 
text-align: center; 
background: #e6ecf2;
}
.comments-open-footer { 
margin: 10px 0;
}
.gotop { 
text-align: right; 
clear: both;
}
.img{ 
float: left; 
margin-right: 5px; 
text-align: center;
}
/* header */
.search-results-header,.trackbacks-header,.comments-header,.comments-open-header { 
/* ie win (5, 5.5, 6) bugfix */ 
p\osition: relative; width: 100%; 
w\idth: auto;
margin: 5px 0; 
border-left: 5px solid #666666; 
padding: 3px 0 3px 8px; 
color: #333333; 
font-size: 1em; 
font-weight: bold; 
line-height: 1.25; 
clear: both;
}
.module-header { 
/* ie win (5, 5.5, 6) bugfix */ 
p\osition: relative; width: 100%; 
w\idth: auto; 
border-left: 5px solid #666666; 
padding: 5px; 
color: #333333; 
line-height: 1.25; 
margin: 0px; 
font-size: 0.8em; 
font-weight: bold; 
text-transform: uppercase;
}
/* pickup */
.pickup{ 
width: auto; 
height: auto; 
margin: 5px 0; 
padding: 5px; 
border: 1px solid #9999cc; 
line-height: 1.5;
}
.pickup1{ 
width: 47%;  
height: 190px; 
margin: 5px 0; 
padding: 5px; 
line-height: 1.5; 
float: left;
}
.pickup2{ 
width: 47%;  
height: 190px; 
margin: 5px 0; 
padding: 5px; 
line-height: 1.5; 
float: right;
}
/* two-column-left tweaks */
.layout-two-column-left #alpha{ 
float: left;
}
.layout-two-column-left #beta{  
float: left;
}
.layout-two-column-left #gamma{  
float: right;
}
/* information tweaks */
.top-layout-information #alpha-showcase{ display: none;}
/* showcase tweaks */
.top-layout-showcase #alpha-information{ display: none;}
.top-layout-showcase #alpha-inner{ padding-top: 5px;}