@import "../default.css";
@import "../pager.css";
@import "../myform.css";

/* tag */

body {
background:whitesmoke;
}

a:link, a:hover, a:visited {
text-decoration:none;
color:royalblue;
}
.p, p {
display:block;
margin-bottom:10px;
}
h1 {
position:absolute;
top:-100px;
left:0px;
}
h2 {
margin-bottom:15px;
font-weight:bold;
}
h3, h4, h5, h6 {
margin-bottom:10px;
font-weight:bold;
}

/* layout */

div#header {
text-align:center;
background:white url("/statics/images/www/bg_01.jpg") repeat-x;
}
div#headerinner {
width:900px;
overflow:hidden;
background:white url("/statics/images/www/bg_01.jpg") repeat-x;
text-align:left;
margin:0 auto;
padding:0 0 30px;
}
div#body {
text-align:center;
background:white;
}
div#bodyinner {
clear:both;
overflow:hidden;
width:900px;
background:white;
margin:0 auto;
padding:0 0 20px;
text-align:left;
}
div#footer {
text-align:center;
}
div#footerinner {
overflow:hidden;
width:900px;
margin:0 auto;
text-align:left;
padding:10px 0 0;
}
div#footer * {
font-size:11px;
font-family: "?l?r ?o?S?V?b?N", "MS P Gothic", "?q???M?m?p?S Pro W3", "Hiragino Kakugo Pro W3", Osaka, sans-serif;
}

a#logo {
display:block;
overflow:hidden;
width:212px;
height:65px;
background:url("/statics/images/www/logo.gif") no-repeat;
float:left;
}
a#logo:hover {
background-position:0 -65px;
}
ul#navi {
overflow:hidden;
margin-top:5px;
width:532px;
float:right;
}
*html ul#navi {
width:532px;
}
ul#navi li {
width:133px;
text-align:center;
float:left;
}
ul#navi li a {
display:block;
width:131px;
height:24px;
_height:32px;
padding-top:8px;
text-align:center;
font-size:10px;
background:url("/statics/images/www/header_item.gif") no-repeat;
}
ul#navi li a:hover {
background-position:0 -32px;
}
*html #navi li a {
height:24px;
}

/*
ul#navi {
width:360px;
overflow:hidden;
float:right;
margin-top:10px;
}
ul#navi li {
width:90px;
float:left;
text-align:center;
}
ul#navi li a {
display:block;
width:85px;
text-align:center;
padding:10px 0;
font-size:10px;
border:1px solid gainsboro;
}
*/

/* class */

.clear {
clear:both;
}
.halfcol {
display:block;
width:50%;
float:left;
}

.inputform {
overflow:hidden;
}
.inputform table {
margin-bottom:10px;
}
.inputform th, .inputform td {
padding:2px 0;
}
.inputform th {
color:gray;
text-align:left;
vertical-align:top;
width:150px;
}
.inputform td {
width:450px;
}
.inputform button {
}
.inputform textarea {
margin:0;padding:9;
}
.sample {
font-family: Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", Osaka, sans-serif; font-size: 10px; font-weight: normal;
}
ul.inputerror {
margin-bottom:20px;
}
ul.inputerror li {
color:red;
}

ul#magicians {
overflow:hidden;
}
ul#magicians li {
overflow:hidden;
width:170px;
height:230px;
_width:180px;
_height:250px;
margin-bottom:10px;
margin-right:10px;
padding:5px;
text-align:center;
float:left;
}
*html ul#magicians li {
overflow:hidden;
width:180px;
height:250px;
}
ul#magicians img {
border:3px double gainsboro;
}
ul#magicians img:hover {
border-color:skyblue;
}
ul#magicians .name {
text-align:left;
padding:2px 0;
}
ul#magicians .name a:link, ul#magicians .name a:visited, ul#magicians .name a:hover {
color:#333;
}
ul#magicians .name a:hover {
color:royalblue;
text-decoration:underline;
}
ul#magicians p {
text-align:left;
padding:0;
margin:0;
}

/* FAQ */

dl.faq {
}
dl.faq dt {
font-weight:bold;
padding:10px 0;
color:darkgreen;
}
dl.faq dd {
padding:10px 0;
margin-left:20px;
}

/* contact button */

div#contact {
clear:both;
overflow:hidden;
width:975px;
height:69px;
background:url("/statics/images/www/contact_bg.gif") no-repeat;
margin:40px 0 20px;
}
a#contact_button {
display:block;
margin-top:15px;
margin-left:520px;
width:380px;
height:37px;
background:url("/statics/images/www/contact_button.gif") no-repeat;
}
a#contact_button:hover {
background-position:0 -37px;
}
ul.topicpath {
overflow:hidden;
margin-bottom:10px;
}
ul.topicpath li {
display:inline;
}
ul.topicpath li, ul.topicpath li * {
font-size:10px;
}
ul.sitemap {
margin-bottom:20px;
overflow:hidden;
}
ul.sitemap li {
width:120px;
float:left;
}
ul.sitemap a {
display:block;
color:#333;
}
ul.sitemap a:hover {
color:royalblue;
}
#copyright {
display:block;
clear:both;
color:gray;
padding:10px 0 5px;
font-size:0.8em;
text-align:center;
}

/* round corner */

span.round {
display:block;
background:#fff;
}
span.round span {
display:block;
height:1px;
overflow:hidden;
background:whitesmoke;
}
span.r1{margin: 0 5px;}
span.r2{margin: 0 3px;}
span.r3{margin: 0 2px;}
span.round span.r4 {margin: 0 1px;height: 2px;}