@charset "utf-8";
@import url("common_theme.css");

/* =============== header =============== */

#header {
background: url(../images/header/fade_lakergold.png) left top repeat-x;
}

#mainTitle {
background: url(../images/header/title450mirror.png) left top no-repeat;
}

/* =============== contents box =============== */

#frontTable {
padding: 25px 0;
position: relative;
overflow: auto; /* 親ボックス高さ算出のため */
/*border: solid 1px red;*/
}

/* ========== welcome message ========== */

#welcome {
width: 450px;
height: 300px;
float: left;
background: url(../images/index/welcome4.gif) no-repeat;
display: inline; /* IE doubles margin */
/*border: solid 1px red;*/
}

#welcome h2, #welcome p {
font-family: georgia;
font-style: italic;
font-weight: bold;
font-size: 150%;
line-height: 2;
display: none;
}

#welcome p strong {
font-style: italic;
font-weight: bold;
}

#en {
margin-bottom: 1em;
}

/* ========== what's new ========== */

#updates {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: 6px solid #fc9501;
background-color: #5c7602;
float: right;
position: relative;
margin-top: 25px;
display: inline; /* IE doubles margin */
/*border: solid 1px red;*/
}

#whatsnew {
position: absolute;
width: 100px;
height: 100px;
left: -50px;
top: -50px;
z-index: 200;
background: url(../images/index/whatsnew15.png) no-repeat;
text-indent: -99999px;
}

#updates ul{
font-family: "Courier New";
font-weight: bold;
color: #fffff0;
text-align: center;
font-size: 90%;
letter-spacing: 0.06em;
padding: 10px 25px 25px;
}

#updates h3 {
border-bottom: 1px solid #fffffc;
margin-top: 15px;
color: #fffff0;
font-weight: bold;
}

#updates li p {

}

#updates a:link {
color: #fffff0;
text-decoration: underline;
}

#updates a:visited {
color: #fffff0;
text-decoration: underline;
}

#updates a:hover {
color: #ffb827;
font-weight: bold;
text-decoration: none;
}

/* ========== icons ========== */

#icons {
text-align: center;
clear: both;
padding-bottom: 10px;
}

#icons li {
display: inline;
padding: 0 2px;
}

/* ========== www.kazoookoshi.com ========== */

#www {
text-align: center;
/*border: solid 1px red;*/
}

#www a {
text-decoration: none;
font-weight: bold;
font-family: courier;
font-style: italic;
font-size: 120%;
background: url(../images/index/url-image.png) no-repeat;
text-indent: -99999px;
display: block;
overflow: hidden;
width: 314px;
height: 28px;
margin: auto;
}

#www a:link, a:visited {
color: #79552f;
}

#www a:hover {
color: #5fbcf7;
background: url(../images/index/url-image_push.png) no-repeat;
}