﻿@charset "UTF-8";
/*
Theme Name: kamisho css
Theme URL: http://www.kamisho.cc/
Description: baseCSS（common css）.
Version: 1.0
Author: kamisho
Author URL: http://www.kamisho.cc/
*/

/* CSS Document */
body {
margin:0;
padding:0;
}
a {
text-decoration:none;
color:#0066FF;
}
a:hover {
color:#cc3300;
}
p {
margin:0;
padding:0;
font-size:0.85em;
font-weight:normal;
color:#666666;
line-height:150%;
}
/* Basic structure
------------------ */
.base {
width:816px;
background:url(../img/pub/gb.jpg) repeat-y top center;
margin:0 auto;
padding:0;
top:0;
left:0;
overflow: hidden;
}
.base:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .base {
    height: 1em;
    overflow: visible;
}
/**/
.container {
width:780px;
margin:10px 0 10px 20px;
padding:0;
overflow: hidden;
}
.container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .container {
    height: 1em;
    overflow: visible;
}
/**/
h1.cover {
width:777px;
height:165px;
margin:0 0 5px 0;
padding:0;
font-size:14px;
color:#666666;
line-height:150%;
font-weight:normal;
background:url(../img/pub/under-cover.jpg) no-repeat bottom left;
display:block;
}
h1.cover a {
width:777px;
height:165px;
margin:0;
padding:0;
color:#000066;
font-weight:normal;
background:url(../img/pub/under-cover.jpg) no-repeat bottom left;
display:block;
}
h1.cover a:hover {
color:#3399FF;
}
/* main
----------------------------- */
.contents {
clear:both;
width:780px;
margin:0;
padding:0;
    overflow: hidden;
}
.contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .contents {
    height: 1em;
    overflow: visible;
}
/**/
.main {
float:left;
width:533px;
margin:0 0 0 10px;
padding:0;
display:inline;
}


/* side
----------------------------- */
.side {
float:right;
width:195px;
margin:0 10px 0 0;
padding:0;
display:inline;
}

h4.jigyou {
width:192px;
height:65px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/index/s-kodati.gif) no-repeat 0 0;
}
ul#s-jigyo {
width:191px;
margin:0 0 10px 0;
padding:0;
list-style:none;
}
ul#s-jigyo li {
width:191px;
height:103px;
margin:0 0 5px 0;
padding:0;
text-indent:-9999em;
outline:none;
display:block;
}
ul#s-jigyo li a {
width:191px;
height:103px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
display:block;
}
li#s-komono {
background:url(../img/kagu/s-sidenews.jpg) no-repeat 0 -35px;
}
li#s-komono a {
background:url(../img/kagu/s-sidenews.jpg) no-repeat 0 -35px;
}
li#s-komono a:hover {
background:url(../img/kagu/s-sidenews.jpg) no-repeat -191px -35px;
}

li#s-kagu {
background:url(../img/kagu/s-sidenews.jpg) no-repeat 0 -138px;
}
li#s-kagu a {
background:url(../img/kagu/s-sidenews.jpg) no-repeat 0  -138px;
}
li#s-kagu a:hover {
background:url(../img/kagu/s-sidenews.jpg) no-repeat -191px  -138px;
}

li#s-singetu {
background:url(../img/kagu/s-sidenews.jpg) no-repeat 0 -243px;
}
li#s-singetu a {
background:url(../img/kagu/s-sidenews.jpg) no-repeat 0  -243px;
}
li#s-singetu a:hover {
background:url(../img/kagu/s-sidenews.jpg) no-repeat -191px  -243px;
}

/* pub btn
----------------------------- */
.bot{
clear:both;
margin:0 0 20px 320px;
}

.bot ul{
	margin:0;
	padding:0;
	list-style: none;
}

.bot li {
	margin: 10px 0 0 0;
	font-size:0.85em;
	padding: 0;
}
.bot li a {
	margin:0;
	padding:7px 0 0 10px;
	text-decoration: none;
	display: block;
}
.btn {
width:170px;
height:23px;
background:url(../img/pub/btn.jpg) no-repeat 0px 0px;
}
.btn a{
width:170px;
height:23px;

background:url(../img/pub/btn.jpg) no-repeat 0px 0px;
}
.btn a:hover{
width:170px;
background:url(../img/pub/btn.jpg) no-repeat 0px -30px;
}

p.continue {
clear:both;
margin:10px 0 5px 0;
font-size:0.85em;
font-weight:normal;
text-align:right;
color:#0071b5;
padding:0 20px 0 0;
}


/* Guide contact
----------------------------- */
p.access {
width:192px;
height:200px;
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
background:url(../img/obtain/contact-box.jpg) no-repeat 0 0;
}

p.access a {
display:block;
width:192px;
height:200px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/obtain/contact-box.jpg) no-repeat 0 0;
}

p.access a:hover {
display:block;
width:192px;
height:200px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/obtain/contact-box.jpg) no-repeat 0 -200px;
}

/* footer
------------------ */
.footer {
clear:both;
width:778px;
height:63px;
margin:10px 0 0 0;
padding:0;
text-indent:-9999em;
background:url(../img/pub/footer-bk.gif) no-repeat left center;
}

/* Small articles
------------------ */
.pan {
margin:0;
padding:0;
font-size:12px;
color:#333333;
}
.pan a {
font-size:12px;
color:#0066FF;
}
.pan a:hover {
color:#cc3300;
}

/* pageup
------------------ */
.pageup {
clear:both;
width:533px;
margin:0;
padding:0;
text-align:right;
font-size:0.75em;
color:#660000;
}
.pageup a {
color:#660000;
text-decoration:none;
}
.pageup a:hover {
color:#cc3300;
}

/* Decoration
------------------ */
span.red {
color:#CC0000;
}


