@charset "utf-8";

body {
 margin:0px;
 padding:0px;
 text-align:left;
 font-size:12px;
 color:#444444;
 background:#B0B3BA url(images/bg.gif) repeat-y;
 line-height:125%; 
}
body a:link	{ color:;text-decoration:;font-weight:; }
body a:visited	{ color:;text-decoration:;font-weight:; }
body a:active	{ color:;text-decoration:;font-weight:; }
body a:hover	{ color:;text-decoration:;font-weight:; }

form,input,textarea { margin:0px;padding:0px; }
img {border:none;}

/* -------------- */

#outerContainer	{
 width:800px;
background:url(images/bg_header.gif) no-repeat; 
}
#innerContainer	{
 padding:10px;
 text-align:left; 
}

/* header */

#header {
 position:relative;
 padding:;
 height:99px;
 color:#FFFFFF; 
}
#header #logo {
 position:absolute;
 left:18px;
 top:25px; 
}
#header #logo img {
 vertical-align:middle; 
}
#header #logo span {
 padding-left:10px;
 color:#FFFFFF;
 font-size:10px; 
}
#header #menu {
 position:absolute;
 right:18px;
 bottom:4px;
 font-size:11px; 
}

#header h1 {
 position:absolute;
 top:10px;
 right:18px;
 font-size:10px;
 width:360px;
 line-height:120%;
 font-weight:normal;
 margin:0px;
}
#header h1:first-letter	{
 color:#042754;
 font-size:12px;
 background-color:#EFF6FF;
 padding:2px;
 margin:2px; 
}
#header a:link	{ color:#FFFFFF;text-decoration: underline;font-weight:; }
#header a:visited { color:#FFFFFF;text-decoration: underline;font-weight:; }
#header a:active { color:#FFFFFF;text-decoration: underline;font-weight:; }
#header a:hover	{ color:#FFFFFF;text-decoration: underline;font-weight:; }

/* -------------- */

#copyArea {
 margin:0 4px;
 padding:10px 4px 0px;
 font-size:12px;
 font-weight:normal; 
}

#copyImgArea {
 margin:5px 4px 0px;
 text-align:center; 
}
#copyImgArea img {margin:0;border:none;}
#mainContainer {
 float:left;
 margin:10px 0px 0px;
 padding-bottom:20px;
 width:780px;
 background:url(images/bg_content_00.gif);
 border-top:1px solid #DDDDDD; 
}

/* leftside */

.gNavi	{
 float:left;
 margin:0 0 0 4px;
 width:180px;
 display:inline; 
}
.gNavi ul {
 margin:0px;
 padding:0px;
}
.gNavi li {
 margin:0 0 0 6px;
 padding:4px 0 4px 8px;
 list-style-type:none;
 background:url(images/icon_00.gif) 0% 50% no-repeat;
 font-size:14px; 
}
.gNavi li.bottom {
 margin-bottom:10px; 
}
.gNavi li.caption {
 margin:0px;
 padding:0px;
 width:180px;
 height:28px;
 background:url(images/plate_00.gif); 
}
.gNavi li.caption span {
 padding:4px 0 0 6px;
 display:block;
 color:#FFFFFF;
 font-size:15px;
 font-weight:bold;
 letter-spacing:4px; 
}
.gNavi li.caption span.short{ font-size:14px;letter-spacing:0px; }

/* rightside */

.gLink {
 float:right;
 margin:0 4px 0 0;
 width:180px;
 display:inline; 
}
.gLink ul {
 margin:0px;
 padding:0px;
}
.gLink li {
 margin:0 0 0 6px;
 padding:4px 8px 4px 12px;
 list-style-type:none;
 background:url(images/icon_01.gif) 0px 8px no-repeat;
 font-size:12px; 
}
.gLink li.caption {
 margin:0px;
 padding:0px;
 width:180px;
 height:28px;
 background:url(images/plate_00.gif);
 text-align:left; 
}
.gLink ul.list {
  height:30em;
 overflow:auto;
 scrollbar-face-color: #9BA7C1;
 scrollbar-track-color: #CCCCCC;
 scrollbar-arrow-color: #ffffff;
 scrollbar-highlight-color: #9BA7C1;
 scrollbar-shadow-color: #9BA7C1;
 scrollbar-3dlight-color: #6983B8;
 scrollbar-darkshadow-color: #6983B8; }
.gLink li.caption span {
 padding:4px 0 0 8px;
 display:block;
 color:#FFFFFF;
 font-size:15px;
 font-weight:bold;
 letter-spacing:0px; 
}

/* Post */
#contentArea { float:left;margin:1px;width:400px; }

#contentArea p strong { color:#0083D6;font-weight:normal; }
#contentArea p.tp { margin:8px;text-align:right;font-size:11px;color:#666666; }

.post {
       clear:both;
       padding: 2px 0 10px 0; 
       margin: 0 0 0 6px;
       text-align:left;
       background:#FFFFFF;
}
.post div.entry {
       margin: 0;
       font-size:12px; 
       color: #333333;
       line-height:160%;
       overflow: hidden; 
       padding: 10px 0 4px 4px;
}
.post h1 {
       font-size:18px;
       font-weight:bold;
       margin:0;
       padding:6px 0 6px 6px;
}
.post div.entry h2 {
       clear:both;
       font-size:13px;
       font-weight:bold;
       padding:3px 6px;
       background:#EEEEEE;
}
.post div.entry p {clear:both;margin:12px 0;}

.post div.entry ul {
       dislay:inline;
       padding:0;
       margin: 0; 
       font-size: 12px;
}
.post div.entry ul li {
       list-style: none; 
       font-size:12px;
       margin:5px 0; 
       padding:0 0 0 10px;
       border-bottom:1px #EEEEEE dotted;
       line-height:160%;
}
.blue {color:#0083D6;}
.red {color:#CC0000;}

/* gaiyo */
#gaiyo {margin:0;padding:0;}
#gaiyo dl {width:100%;margin:0;padding:0;clear:both;}
#gaiyo dt {width:26%;float:left;text-indent:6px;background:#EEEEEE;margin:8px 0;padding:2px 0;font-weight:bold;}
#gaiyo dd {float:left;margin:0;padding:10px 0 0 15px;width:70%}
#gaiyo dd p {margin:0 0 10px 0;padding:0;}

/* example */
#example {margin:0;padding:0;}
#example dl {width:100%;margin:0;padding:0;clear:both;}
#example dt {width:50px;float:left;text-indent:10px;margin:15px 0;padding:2px 0;font-weight:bold;}
#example dd {width:320px;float:left;margin:0;padding:15px 0 0 15px;font-size:10px;}
#example dd a {font-size:12px;}
#example dd p {margin:0 0 10px 0;padding:0;}
/* book */
#book {margin:0;padding:0;line-height:180%;}

/* dvd */
#dvd {margin:0;padding:0;line-height:180%;}
.dvd_title {margin:0;padding:0;line-height:180%;font-weight:bold;}
.dvd_con{font-size:5px;}

/* mail */
.input_s {width:50px;padding:1px;}
.input_m {width:250px;padding:1px;}
.input_l {width:380px;padding:1px;}

/* bread */
.xt {
        text-align:right;
        padding:6px 8px 0 0;
        margin:0;
        font-size:11px;
        color:#444444;
}


/* Pagebar */
div#main div.pagebar {
       clear:both;
       text-align: center; 
       background: #fff url(images/bg-pgbar.gif) center no-repeat; 
       font-size: 10px; 
       padding: 11px 0 11px 0; 
       color: #9a1912;
}
div#main div.pagebar a {
       padding: 2px 0 3px 6px; 
       text-decoration: none; 
       color: black;
       font-size:11px;
}
div#main div.pagebar a strong {
       padding: 2px 6px 3px 0; 
       color: #000; 
       text-decoration: none; 
       font-weight: normal;
       font-size:11px;
}
div#main div.pagebar a:hover, div#page div#main div.pagebar a.this{color: #000;}
div#main div.pagebar a:hover strong, div#page div#main div.pagebar a.this strong{color: #000;}

/* For IE */
* html div#page div#main div.pagebar a{padding: 0 0 0 6px;}
* html div#page div#main div.pagebar a strong{padding: 2px 6px 3px 0;}

/* Footer */
#footer {
 float:left;
 padding:20px 0 20px 0;
 width:780px;
 color:#666666;
 font-size:10px;
 background:url(images/bg_footer.gif) repeat-x;
 text-align:center; 
}
#nakanohito{
 float:right;
 padding:20px 65px 20px 0;
}

