@charset "UTF-8";

/* culture shock: prozac afternoon by pogy366 - Sept. 2005 */

/******* structure and layout *******/
body {
font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3";
font-size: 7pt;
color: #000000;
margin:10px 0 0 0;
padding:0 0 0 0;
background: #8E979C url(../images/bg.gif);
text-align:center;
}

p {
line-height:1.7;
}

h1 {
font-size: 140%;
}

h2 {
font-size: 130%;
}

h3 {
font-size: 120%;
}

.wrap {
position:relative;
width:780px;
margin:0 auto;
padding:0 0 0 0;
text-align:center;
/*background: #ffffff url(../images/header.jpg) no-repeat;*/
background: #ffffff url(../images/header.jpg) no-repeat;
border-left:1px solid #f1b75f;
border-right:1px solid #f1b75f;
border-top:1px solid #f1b75f;
}

.wrap2 {
position:relative;
width:780px;
margin:0 auto;
padding:0 0 0 0;
text-align:center;
/*background: #ffffff url(../images/header2.jpg) no-repeat;*/
background: #ffffff;
border-left:1px solid #f1b75f;
border-right:1px solid #f1b75f;
border-top:1px solid #f1b75f;
}

#font-nav {
position: relative;
float: right;
margin: 8px 0 0 0;
padding: 0 0 0 0;
width: 60px;
}

#font-tnav {
position: relative;
float: right;
margin: 11px 0 0 0;
padding: 0 0 0 0;
width: 100px;
text-align: right;
font: normal 11px "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3";
}

.topnav {
position:relative;
clear:both;
width:780px;
height:30px;
margin:-7px 0 0 0;
_margin:-1px 0 0 0;
padding:0;
background:#ffffff url(../images/topnav_bg_grey.gif);
font-size:8pt;
}

.topnav2 {
position:relative;
clear:both;
width:780px;
height:30px;
margin:-7px 0 0 0;
_margin:-1px 0 0 0;
padding:0;
background:#ffffff url(../images/topnav_bg_grey.gif);
font-size:8pt;
}

.container {
position:relative;
clear:both;
width:760px;
margin:10px 10px 0 10px;
padding:0 0 0 0;
background:#ffffff;
color:#000000;
text-align:left;
}

.news-right {
float:right;
width:200px;
margin:10px 5px 5px 0;
padding:0 10px 0 10px;
background:#D0DEF6;
color:#465670;
font-size:6pt;
text-align:left;
line-height:1.4;
}

.news-item {
display:block;
margin:5px 0 0 0;
}

.menu-right {
float:right;
width:180px;
margin:10px 5px 5px 0;
padding:30px 5px 0 0;
color:#465670;
text-align:left;
}

.mounth-list {
margin:0;
padding:0 0 0 30px;
text-align:left;
line-height: 1.5em;
}

.container-left1 {
min-height: 460px;
_height: 460px;    /* IE¤Î¤ß¤ËßmÓ䵤ì¤ë(undesr score hack) */

float:left;
clear:none;
width:530px;
margin:10px 0 0 5px;
padding:0 0 0 0;
background:#FFFFFF;
color:#000000;
text-align:left;
line-height: 1.5em;
}

.container-left2 {
min-height: 580px;
_height: 580px;    /* IE¤Î¤ß¤ËßmÓ䵤ì¤ë(undesr score hack) */

float:left;
clear:none;
width:550px;
margin:10px 10px 0 5px;
padding:0 10px 0 0;
background:#FFFFFF;
color:#000000;
text-align:left;
border-right-color:#E0DFE3;
border-right-style:solid;
border-right-width:1px;
}

.container-left3 {
min-height: 580px;
_height: 580px;    /* IE¤Î¤ß¤ËßmÓ䵤ì¤ë(undesr score hack) */

float:left;
clear:none;
width:760px;
margin:10px 0 0 5px;
padding:0 10px 0 0;
background:#FFFFFF;
color:#000000;
text-align:left;
}

#topic-path {
margin: 0 10px 20px 0;
padding: 0;
}

/*
.news p {
margin:10px 10px;
}
*/

.news-cnr-top {
background:url(/common/fs/jgp/images/cnr_tr.gif) no-repeat top right;
margin:0 -10px 0 -10px;
}

.news-cnr-bottom {
background:url(/common/fs/jgp/images/cnr_br.gif) no-repeat top right;
margin:0 -10px 0 -10px;
}

img.cnr {
width:8px;
height:8px;
border:none;
display: block !important;
}

.footer {
position:relative;
clear:both;
width:780px;
margin:0 auto;
padding:4px 0 4px 0;
color:#f1b75f;
background:#ffffff;
font-size:8pt;
text-align:center;
border:1px solid #f1b75f;
}

.footer-pre {
clear:both;
width:780px;
margin:0 auto;
padding:0 0 0 0;
color:#f1b75f;
background:#ffffff;
font-size:7pt;
text-align:right;
border-left:1px solid #f1b75f;
border-right:1px solid #f1b75f;
}

/******* top navigation *******/
#nav ul {
padding:0 0 0 0;
margin:0 0 0 0;
white-space: nowrap;
font-size:8pt;
color:#ffffff;
float:left;
width:100%;
background:#ffffff url(../images/topnav_bg_grey.gif);
list-style:none;
}

#nav ul li {
display:inline;
list-style:none;
}

#nav ul li a {
margin: 0 0 0 0;
padding: .25em 2em .3em 1em;
background :#ffffff url(../images/topnav_bg_grey.gif);
color: #000000;
text-decoration:none;
float: left;
border-right:1px solid #cccccc;
}

#nav ul li a:hover {
background:#8DA8D5 url(../images/topnav_bg.gif);
color: #ffffff;
text-decoration:none;
border-right:1px solid #cccccc;
}

#nav2 {
visibility:hidden;
}

#info ul {
margin-bottom: 12px;
list-style-image: url(/common/fs/jgp/images/SpryMenuBarRight.gif);
}

#info li {
line-height:1.7em;
margin-bottom: 8px;
}

/******* archives *******/

#archive {
margin-left: 10px;
padding-top: 1px;
border-top: dotted #666666 1px;
}

#archive td  {
line-height: 1.3em;
border-bottom: dotted #666666 1px;
}

#archive td.photo {
width: 120px;
height: 102px;
padding-top: 4px;
}

* html #archive td.photo {
width: 120px;
height: 100px;
padding-top: 0;	
}

#archive td.title {
margin: 0;
padding: 0;
/*vertical-align: top;*/
}

#archive a {
color:#D3812D;
text-decoration:none;
font-weight: bold;
}

#archive a:hover {
color:#E39243;
text-decoration:underline;
}

/******* links *******/

a {
color:#D3812D;
text-decoration:none;
}

a:hover {
color:#E39243;
text-decoration:underline;
}

/*
#news a {
color:#D3812D;
text-decoration:underline;
}

#news a:hover {
color:#E39243;
text-decoration:none;
}
*/

#footer a {
color:#f1b75f;
text-decoration:none;
}

#footer a:hover {
color:#D3812D;
text-decoration:underline;
}

/******* fonts and colors *******/

.header strong {
color:#ffffff;
font-size:13pt;
letter-spacing:.7em;
}

.news-title {
color:#465670;
font-size:7pt;
font-weight:bold;
}

.page-title {
color:#4669A4;
font-size:7pt;
font-weight:bold;
padding: 0 0 0 10px;
margin: 0 0 15px 3px;
border-left: solid #f1b75f 5px;
border-bottom: solid #E0DFE3 1px;
}

table.calendar {
border-top:1px solid #E0DFE3;
border-left:1px solid #E0DFE3;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}

.calendar th {
border-right:1px solid #E0DFE3;
border-bottom:1px solid #E0DFE3;
color:#330000;
background-color:#F8F8F8;
padding:0.3em 1em;
text-align:center;
}

.calendar td {
border-right:1px solid #E0DFE3;
border-bottom:1px solid #E0DFE3;
padding:3px;
}

table.photo-title th {
margin:0;
padding:0 0 10px 20px;
background-image:url(/common/fs/jgp/images/bk_red.gif);
background-position:left top;
background-repeat:no-repeat;
}

/******* images *******/

img {
border:none;
}

.right img {
position:relative;
float:right;
padding:0 0 0 0;
margin:5px 2px 2px 5px;
}

.left img {
position:relative;
float:left;
padding:0 0 0 0;
margin:0 5px 0 2px;
}

.container-left1 img, img.sborder, .container-left3 img {
padding:3px 3px;
background-color:#ffffff;
border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
border-width:1px;
border-style:solid;
}

img.mborder {
padding:5px 5px;
background-color:#ffffff;
border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
border-width:1px;
border-style:solid;
}

/* search */
form.search {
position: absolute;
top: 7px;
right: -12px;
background: transparent;
border: none;
width: 249px;
}

form.search input.textbox {
margin: 0;
padding: 0;
width: 140px;
font-size: 12px;
background: #FFF;
color: #333; 
}

form.search input.button {
width: 40px;
height: 24px;
}

/******* workarounds and hacks *******/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */