@charset "UTF-8";

/* base-weblog.css */
/* basic elements */

html {
margin: 0;
/* setting border: 0 hoses ie6 win window inner well border */
padding: 0;
}

body {
margin: 0;
padding: 0;
}

form { margin: 0; padding: 0; }

a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
margin: 0;
}

table {
margin: 0;
}

/* standard helper classes */
.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 class wraps enclosing block element around inner floated elements */
.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; }
/* */

/* page layout */

body { text-align: center; } /* center on ie */

#container {
position: relative;
margin: 0 auto;
width: 800px;
text-align: left;
}

#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta, #footer
{
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
position: static;
}

/* page layout */

body {
min-width: 800px;
font-family: verdana, 'trebuchet ms', sans-serif;
}

#container {
width: 800px;
margin-bottom: 20px;
background: #fff;
}

#container-inner {
margin: 0;
}

/* header */

#header-img {
margin: 0;
width: 800px;
background: url(http://sasakikoshi.com/images/format/header.jpg);
}

#header-img-inner {
padding: 0;
}

#header-fla {
margin: 0;
width: 800px;
}

#header-fla-inner {
padding: 0;
}

/* navber */

#navber {
margin: 0;
width: 800px;
clear: both;
}

#navber-inner {
padding: 8px 8px 4px 20px;
font-size: 12px;
text-align: left;
}

/* side-nav */

#side-nav {
margin: 0;
width: 800px;
clear: both;
}

#side-nav-inner {
padding: 0;
text-align: left;
}

ul#navlist {
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
}

ul#navlist li { display: inline; }

ul#navlist li a {
float: left;
padding: 0;
text-decoration: none;
}

/* footer */

#footer {
margin: 0;
padding: 8px 0 8px 0;
width: 800px;
}

#footer-inner {
text-align: center;
font-size: 12px;
}

/* font */

.font {
display: none;
}

/* layout-column.css */
/* one-column */

.layout-one-column body { min-width: 800px; }
.layout-one-column #container { width: 800px; }
.layout-one-column #banner { width: 800px; } /* necessary for ie win */
.layout-one-column #pagebody {
position: static;
width: 800px;
}

.layout-one-column #alpha {
margin: 0;
width: 800px;
background: none;
}

.layout-one-column #alpha-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

/* two-column-left */

.layout-two-column-left #alpha {
display: inline; /* ie win bugfix */
position: relative;
float: right;
min-height: 1px;
}

.layout-two-column-left #beta {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

.layout-two-column-left #pagebody {
width: 800px;
background: #fff url(http://sasakikoshi.com/images/format/two-column-left.gif);
}

.layout-two-column-left #alpha {
margin: 0;
width: 560px;
text-align: right;
}

.layout-two-column-left #alpha-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-two-column-left #beta {
margin: 0;
width: 240px;
}

.layout-two-column-left #beta-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-two-column-left #gamma {
margin: 0;
width: 800px;
}

.layout-two-column-left #gamma-inner {
padding: 10px 10px 10px 10px;
text-align: center;
}

/* two-column-left-sasaki */

.layout-two-column-left-sasaki #alpha {
display: inline; /* ie win bugfix */
position: relative;
float: right;
min-height: 1px;
}

.layout-two-column-left-sasaki #beta {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

.layout-two-column-left-sasaki #pagebody {
width: 800px;
background: #fff url(http://sasakikoshi.com/images/format/two-column-left.gif);
}

.layout-two-column-left-sasaki #alpha {
margin: 0;
width: 560px;
}

.layout-two-column-left-sasaki #alpha-inner {
padding: 0;
text-align: left;
}

.layout-two-column-left-sasaki #alpha-inner .right {
padding: 0;
text-align: right;
}

.layout-two-column-left-sasaki #beta {
margin: 0;
width: 240px;
}

.layout-two-column-left-sasaki #beta-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-two-column-left-sasaki #gamma {
margin: 0;
width: 800px;
}

.layout-two-column-left-sasaki #gamma-inner {
padding: 10px 10px 10px 10px;
text-align: center;
}


/* two-column-right */

.layout-two-column-right #pagebody {
width: 800px;
background: #fff url(http://sasakikoshi.com/images/format/two-column-right.gif);
}

.layout-two-column-right #alpha {
margin: 0;
width: 560px;
}

.layout-two-column-right #alpha-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-two-column-right #beta {
margin: 0;
width: 240px;
}

.layout-two-column-right #beta-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-two-column-right #gamma {
margin: 0;
width: 800px;
}

.layout-two-column-right #gamma-inner {
padding: 10px 10px 10px 10px;
text-align: center;
}

/* three-column */

.layout-three-column body { min-width: 800px; }
.layout-three-column #container { width: 800px; }
.layout-three-column #banner { width: 800px; } /* necessary for ie win */
.layout-three-column #pagebody {
position: static;
width: 800px;
}

.layout-three-column #beta,
.layout-three-column #delta {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

.layout-three-column #alpha {
display: inline; /* ie win bugfix */
position: relative;
float: right;
min-height: 1px;
}

.layout-three-column #gamma {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

.layout-three-column #delta {
margin: 0;
width: 600px;
}

.layout-three-column #alpha {
margin: 6px 0 4px 0;
width: 400px;
text-align: center;
}

.layout-three-column #alpha-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-three-column #beta {
margin: 0;
width: 200px;
}

.layout-three-column #beta-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-three-column #gamma {
margin: 0;
width: 200px;
}

.layout-three-column #gamma-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

/* three-column2 */
.layout-three-column2 #beta,
.layout-three-column2 #delta {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

.layout-three-column2 #alpha {
display: inline; /* ie win bugfix */
position: relative;
float: right;
min-height: 1px;
}

.layout-three-column2 #gamma {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

.layout-three-column2 #pagebody {
width: 800px;
background: none;
}

.layout-three-column2 #delta {
margin: 0;
width: 640px;
}

.layout-three-column2 #alpha {
margin: 6px 0 4px 0;
width: 480px;
text-align: center;
}

.layout-three-column2 #alpha-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-three-column2 #beta {
margin: 0;
width: 160px;
}

.layout-three-column2 #beta-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-three-column2 #gamma {
margin: 0;
width: 160px;
}

.layout-three-column2 #gamma-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

/* body.css */
/* body-sasakikoshi-style */

body {
background: #ccc url(http://sasakikoshi.com/images/format/body_center.gif) center top repeat-y;
}

/* banner */

#top-banner #banner-top,
#top-banner #banner-top a,
#top-banner #banner-top a:link,
#top-banner #banner-top a:visited,
#top-banner #banner-top a:hover,
#top-banner #banner-top a:active {
color: #000;
}

#banner-top,
#banner-top a,
#banner-top a:link,
#banner-top a:visited,
#banner-top a:hover,
#banner-top a:active {
color: #666;
}

#banner-description,
#banner-description a,
#banner-description a:link,
#banner-description a:visited,
#banner-description a:hover,
#banner-description a:active {
color: #666;
}

#banner-navber,
#banner-navber a,
#banner-navber a:link,
#banner-navber a:visited,
#banner-navber a:hover,
#banner-navber a:active {
color: #666;
}

/* navber */

#navber {
background: #efefef url(http://sasakikoshi.com/images/format/navber.gif);
}

#navber-inner,
#navber-inner a,
#navber-inner a:link,
#navber-inner a:visited {
color: #333;
text-decoration: none;
}

#navber-inner a:hover,
#navber-inner a:active {
color: #666;
text-decoration: none;
}

/* side-nav */

#side-nav {
background: #336699 url(http://sasakikoshi.com/images/format/navi.jpg);
}

ul#navlist li a,
ul#navlist li a:link,
ul#navlist li a:visited {
color: #fff;
background: #336699 url(http://sasakikoshi.com/images/format/navi.jpg);
}

ul#navlist li a:hover,
ul#navlist li a:active {
color: #333;
background: #ccc url(http://sasakikoshi.com/images/format/navi_hover.jpg);
}


/* footer */

#footer {
background: #ccc url(http://sasakikoshi.com/images/format/footer.jpg);
}

#footer-inner,
#footer-inner a,
#footer-inner a:link,
#footer-inner a:visited {
color: #fff;
text-decoration: none;
}

#footer-inner a:hover,
#footer-inner a:active {
color: #fff;
text-decoration: none;
}

/* banner.css */
/* banner-style */

#top-banner {
margin: 0;
padding: 0;
width: 800px;
}

#top-banner-inner {
margin: 0;
padding: 0;
text-align: left;
}

#top-banner #banner-top,
#top-banner #banner-top a,
#top-banner #banner-top a:link,
#top-banner #banner-top a:visited,
#top-banner #banner-top a:hover,
#top-banner #banner-top a:active {
margin: 0;
padding: 4px 0 0 1px;
font-size: 12px;
text-decoration: none;
}

#banner {
margin: 0;
padding: 0;
width: 800px;
background: url(http://sasakikoshi.com/images/format/banner.jpg);
}

#banner-inner {
margin: 0;
padding: 0;
}

#banner-top,
#banner-top a,
#banner-top a:link,
#banner-top a:visited,
#banner-top a:hover,
#banner-top a:active {
margin: 0;
padding: 4px 0 0 10px;
font-size: 12px;
text-decoration: none;
}

#banner-header { display: none; }

#banner-description {
margin: 0;
font-size: 12px;
line-height: 1.4;
display: none;
}

#banner-navber,
#banner-navber a,
#banner-navber a:link,
#banner-navber a:visited,
#banner-navber a:hover,
#banner-navber a:active {
margin: 0;
padding: 10px 0 0 10px;
text-decoration: none;
}

/* module.css */
/* module-blue2-style */

.module { color: #ccc; }

/* module-content */

.module-content {
margin: 0 0 8px 0;
padding: 0 0 8px 0;
color: #000;
background: #d6ebeb url(http://sasakikoshi.com/images/format/module-content.gif) ;
}

.module-content a,
.module-content a:link,
.module-content a:visited {
color: #333366;
}

.module-content a:hover,
.module-content a:active {
color: #333366;
}

/* module-header */

.module-header {
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative; 
width: 100%;
w\idth: auto;

margin: 0;
padding: 5px 10px 5px 10px;
color: #fff;
font-size: 12px;
font-weight: bold;
background: #7DB8E9 url(http://sasakikoshi.com/images/format/module.jpg) ;
border-left: 5px solid #2B5885;
}

.module-header a,
.module-header a:link,
.module-header a:visited {
color: #fff;
text-decoration: none;
}

.module-header a:hover,
.module-header a:active {
color: #fff;
text-decoration: none;
}

/* module-list */

.module-list {
margin: 0;
padding: 2px 0 2px 6px;
}

.module-list-item,
.archive-list-item {
padding: 1px 0 1px 14px;
background: url(http://sasakikoshi.com/images/format/module-list.gif);
list-style-type: none;
}

/* module-powered */

.module-powered { margin: 0; padding: 0; }
.module-powered .module-content {
margin: 15px;
padding: 10px;
border: 1px solid #dfc78a;
background: url(http://sasakikoshi.com/css/powell_street/gradient-bg.gif) left center repeat-x;
}

/* module-photo */

.module-photo { border: 0; background: none; }
.module-photo .module-content { margin: 10px; }
.module-photo img { border: 0; }

/* module-calendar */

.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 11px; }

.module-calendar .module-content {
margin: 5px 10px 15px 10px;
background: #fff;
color: #333;
text-align: center;
}

.module-calendar .module-content a,
.module-calendar .module-content a:link,
.module-calendar .module-content a:visited {
color: #000;
text-decoration: underline;
}

.module-calendar .module-content a:hover,
.module-calendar .module-content a:active {
color: #000;
}

.module-calendar table {
width: 100%;
}

.module-calendar td {
text-align: center;
}

/* entry.css */
/* entry-grey-style */

.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative; 
width: 100%;
w\idth: auto;

margin: 0 0 1px 0;
padding: 5px 5px 5px 5px;
color: #333;
font-size: 13px;
font-weight: bold;
line-height: 1;
}

.trackbacks-header a,
.trackbacks-header a:visited,
.comments-header a,
.comments-header a:visited,
.comments-open-header a,
.comments-open-header a:visited,
.archive-header a,
.archive-header a:visited {
color: #333;
}

.trackbacks-header a:hover,
.comments-header a:hover,
.comments-open-header a:hover,
.archive-header a:hover {
color: #000;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed {
font-size: 11px;
}

.entry { margin-bottom: 20px; }

.date-header {
margin: 0;
padding: 5px;
color: #666;
font-size: 11px;
font-weight: bold;
}

.entry-header {
margin: 0;
padding: 4px 10px 4px 10px;
color: #333;
font-size: 14px;
font-weight: bold;
background: #eee;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}

.entry-header a,
.entry-header a:link,
.entry-header a:visited {
color: #333;
}

.entry-header a:hover,
.entry-header a:active {
color: #333;
}

.entry-content {
margin: 0;
padding: 0;
color: #666;
}

.link {
margin: 0;
padding: 10px 10px 10px 10px;
text-align: left;
}

.entry-header2 {
margin: 0 10px 0 10px;
padding: 4px 10px 4px 10px;
color: #333;
font-size: 14px;
font-weight: bold;
border-left: 4px solid #666;
border-bottom: 1px solid #666;
text-align: left;
}

.entry-header3 {
margin: 0 10px 0 10px;
padding: 4px 10px 4px 10px;
color: #333;
font-size: 14px;
font-weight: bold;
text-align: left;
}

.entry-footer {
margin: 0 0 20px 0;
border-top: 1px solid #d1dbe5;
padding: 2px 10px 10px 10px;
color: #666;
font-weight: normal;
}

.content-nav { margin-top: 0; }

/* body */

body {
font-size: 12px;
line-height: 18px;
color: #666;
}

a,
a:link,
a:visited{
color: #666;
}

a:hover,
a:active {
color: #666;
}

/* banner */

#banner {
height: 400px;
}

#banner-top,
#banner-top a,
#banner-top a:link,
#banner-top a:visited,
#banner-top a:hover,
#banner-top a:active {
color: #fff;
}

#banner-description {
padding: 20px 0 0 20px;
width: 580px;
}

/* header */

#header-img {
height: 150px;
}

/* entry */

.entry-body b {
color: #669933;
font-weight: bold;
}

.entry-body img {
margin: 0 0 6px 6px;
float: right;
}

.entry-body2 {
margin: 4px 2px 4px 12px;
}

.entry-body2 img {
margin: 4px 6px 4px 0;
}


.entry-subheader {
color: #669933;
font-weight: bold;
}

.entry-info {
margin: 0;
padding: 8px 0 0 0;
color: #669933;
font-weight: bold;
}

.main-a {
margin: 0 0 0 3px;
}

/* goiken */

.goiken1 {
margin: 8px 0 8px 0;
padding: 0;
text-align: center;
color: #333;
}

.goiken2 {
margin: 8px 0 8px 100px;
padding: 0;
text-align: left;
color: #333;
}


.thank {
margin: 8px 8px 20px 8px;
padding: 0;
font-weight: bold;
color: #333;
}

/* prodrop */

.preload2 {background: url(http://sasakikoshi.com/prodrop2/button4.gif);}
.menu2 {padding:0 0 0 26px; margin:0; list-style:none; height:40px; background:#fff url(http://sasakikoshi.com/prodrop2/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 18px 0 6px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 18px 0 6px; height:40px; background:url(http://sasakikoshi.com/prodrop2/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(http://sasakikoshi.com/prodrop2/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(http://sasakikoshi.com/prodrop2/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(http://sasakikoshi.com/prodrop2/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(http://sasakikoshi.com/prodrop2/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(http://sasakikoshi.com/prodrop2/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(http://sasakikoshi.com/prodrop2/button4a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {
visibility:visible;
}
.menu2 li:hover {
position:relative; z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {
position:absolute;
left:-9999px;
top:-9999px;
width:0;
height:0;
margin:0;
padding:0;
list-style:none;
}

.menu2 :hover ul.sub {
left:2px;
top:40px;
background:#fff;
padding:3px 0; border:1px solid #4ab;
white-space:nowrap;
width:93px; height:auto;
}

.menu2 :hover ul.sub li {
display:block;
height:20px;
position:relative;
float:left;
width:90px;
}

.menu2 :hover ul.sub li a {
display:block;
font-size:11px;
height:20px;
width:87px;
line-height:20px;
text-indent:5px;
color:#000; text-decoration:none;
border:3px solid #fff;
border-width:0 0 0 3px;
}

.menu2 :hover ul.sub li a.fly {
background:#fff url(http://sasakikoshi.com/prodrop2/arrow.gif) 80px 7px no-repeat;
}

.menu2 :hover ul.sub li a:hover {
background:#4ab;
color:#fff;
}

.menu2 :hover ul.sub li a.fly:hover {
background:#4ab url(http://sasakikoshi.com/prodrop2/arrow_over.gif) 80px 7px no-repeat;
color:#fff;
}

.menu2 :hover ul li:hover > a.fly {
background:#4ab url(http://sasakikoshi.com/prodrop2/arrow_over.gif) 80px 7px no-repeat;
color:#fff;
} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {
left:90px;
top:-4px;
background: #fff;
padding:3px 0;
border:1px solid #4ab;
white-space:nowrap; width:93px;
z-index:200; height:auto;
}

.gijiroku {
margin:0 0 26px 14px;
width:95%;
}