body {
margin:0;
padding:0;
background:#CCFF99;
}
.bg {
margin:0;
padding:0;
background:url(../img/base/bg.jpg) no-repeat top center;
}
.container {
position:relative;
width:780px;
margin:0 auto;
padding:0 3px;
background:url(../img/base/shadow-c.gif) repeat-y top center;
}
.container p {
margin:0 0 5px 0;
padding:0;
line-height:135%;
color:#333333;
font-size:0.8em;
}
.container a {
color:#2686F0;
text-decoration:none;
outline:none;
}
.container a:hover {
color:#FF9900;
text-decoration:none;
}

/* ヘッダー
----------------------------------------------------------*/

.header {
width:780px;
margin:0 0 5px 0;
padding:5px 0 0 0;
    overflow: hidden;
}

.header:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .header {
    height: 1em;
    overflow: visible;
}
/**/
.header h1 {
width:780px;
height:170px;
margin:0;
padding:0;
font-size:12px;
color:#333333;
font-weight:normal;
text-indent:10px;
background:url(../img/base/cover.jpg) no-repeat bottom left;
display:block;
}
.header h1 a {
width:780px;
height:170px;
margin:0;
padding:0;
font-size:12px;
color:#333333;
font-weight:normal;
background:url(../img/base/cover.jpg) no-repeat bottom left;
display:block;
}

/* コンテンツ
----------------------------------------------------------*/
.contents {
clear:both;
width:780px;
margin:0;
padding:0;
background:#FFFFFF;
    overflow: hidden;
}

.contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .contents {
    height: 1em;
    overflow: visible;
}
/**/



/* メインボックス
----------------------------------------------------------*/
.mainbox {
float:left;
width:500px;
margin:0 0 40px 0;
padding:0 0 0 18px;
}
p.pan {
clear:both;
margin:0 0 5px 20px;
padding:0;
font-size:10px;
}



/* ライトボックス
----------------------------------------------------------*/
.rightbox {
float:right;
width:220px;
margin:0 0 40px 0;
padding:0 18px 0 0;
display:inline;
}
.s-pubbox {
width:210px;
margin:0;
padding:20px 0 20px 10px;
background:#FFFF99;
}
.s-contactbox {
width:198px;
margin:0;
padding:0 0 20px 0;
border:#333333 1px solid;
background:#E9E9E9;
}
.s-contactbox h4 {
width:198px;
height:36px;
margin:0;
padding:0;
text-indent:-9999em;
font-size:10px;
line-height:100%;
background:url(../img/base/s-contact-h.gif) no-repeat top center;
display:block;
}
.s-contactbox h4 a {
width:198px;
height:36px;
margin:0;
padding:0;
text-indent:-9999em;
font-size:10px;
line-height:100%;
background:url(../img/base/s-contact-h.gif) no-repeat top center;
display:block;
}
p.s-tel {
width:182px;
height:40px;
margin:10px auto 0 auto;
padding:0;
text-indent:-9999em;
font-size:10px;
line-height:100%;
background:url(../img/base/s-tel.gif) no-repeat 0 0;
}
p.s-contact {
width:181px;
height:63px;
margin:15px auto 0 auto;
padding:0;
text-indent:-9999em;
font-size:10px;
line-height:100%;
background:url(../img/base/s-contact-b.jpg) no-repeat top left;
display:block;
}
p.s-contact a {
width:181px;
height:63px;
margin:0;
padding:0;
text-indent:-9999em;
font-size:10px;
line-height:100%;
background:url(../img/base/s-contact-b.jpg) no-repeat top left;
display:block;
}
p.s-contact a:hover {
width:181px;
height:63px;
margin:0;
padding:0;
text-indent:-9999em;
font-size:10px;
line-height:100%;
background:url(../img/base/s-contact-b.jpg) no-repeat bottom left;
display:block;
}
ul.a-b-list {
width:200px;
margin:20px 0 0 0;
padding:0;
list-style:none;
}
ul.a-b-list li {
margin:0 0 7px 0;
padding:0 5px 7px 5px;
font-size:0.8em;
color:#2686F0;
line-height:135%;
background:url(../img/base/a-n.gif) repeat-x bottom left;
}
ul.a-b-list li a {
margin:0;
padding:0;
color:#2686F0;
}
ul.a-b-list li a:hoever {
margin:0;
padding:0;
color:#FF9900;
}

h5.s-syamei {
width:145px;
margin:20px 0 0 0;
padding:5px 0 5px 55px;
font-size:12px;
color:#003300;
line-height:135%;
font-weight:normal;
background:url(../img/base/s-nikkou.gif) no-repeat bottom left;
}
.s-syameibox {
width:180px;
margin:10px 0 0 0;
padding:10px 10px 5px 10px;
background:#FFFFFF;
}
.s-syameibox a {
color:#333333;
}
.s-syameibox a:hover {
color:#2686F0;
}
p.s-gyousya {
width:199px;
height:46px;
margin:15px 0 0 0;
padding:0;
text-indent:-9999em;
font-size:10px;
line-height:100%;
background:url(../img/base/s-gyosya.gif) no-repeat top left;
display:block;
}
p.s-gyousya a {
width:199px;
height:46px;
margin:0;
padding:0;
text-indent:-9999em;
font-size:10px;
line-height:100%;
background:url(../img/base/s-gyosya.gif) no-repeat top left;
display:block;
}
p.s-gyousya a:hover {
width:199px;
height:46px;
margin:0;
padding:0;
text-indent:-9999em;
font-size:10px;
line-height:100%;
background:url(../img/base/s-gyosya.gif) no-repeat bottom left;
display:block;
}

/* フッター
----------------------------------------------------------*/

p.footer {
clear:both;
width:775px;
margin:0 0 10px 0;
padding:2px 5px 2px 0;
text-align:right;
font-size:12px;
color:#FFFFFF;
background:#000000;
}

p.f-ara {
margin:0 5px 5px 5px;
padding:0;
font-size:10px;
color:#999999;
}



/* 上部ナビ
----------------------------------------------------------*/
.h-navi {
	position:absolute;
	clear:both;
	width:780px;
	margin:0;
	padding:0;
	left: 6px;
	top: 6px;
}
.h-navi ul {
width:780px;
margin:0;
padding:0;
list-style:none;
}
.h-navi li {
float:right;
margin:0;
padding:0;
font-size:12px;
text-decoration:none;
color:#2686F0;
}
.h-navi li a {
margin:0;
padding:0;
font-size:12px;
color:#2686F0;
text-decoration:none;
}
.h-navi li a:hover {
margin:0;
padding:0;
font-size:12px;
color:#FF9900;
text-decoration:none;
}




/* 共通
----------------------------------------------------------*/
p.con {
text-align:right;
margin:2px 0 5px 0;
padding:0;
font-size:12px;
}
p.con2 {
clear:both;
margin:2px 0 5px 0;
padding:0;
font-size:12px;
}
p.con3 {
clear:both;
text-align:right;
margin:2px 0 5px 0;
padding:0;
font-size:12px;
}
p.con4 {
clear:both;
margin:10px 0 5px 0;
padding:0;
font-size:12px;
}
.box {
width:500px;
margin:0;
padding:20px 0 0 0;
}
span.syou {
font-size:10px;
}
p.pageup {
text-align:right;
margin:30px 0 0 0;
padding:0;
font-size:12px;
color:#660000;
}
p.pageup a {
text-align:right;
margin:0;
padding:0;
font-size:12px;
color:#660000;
}
p.pageup a:hoevr {
text-align:right;
margin:0;
padding:0;
font-size:12px;
color:#FF9900;
}
p.pageup2 {
text-align:right;
margin:5px 0 0 0;
padding:0;
font-size:12px;
color:#660000;
}
p.pageup2 a {
text-align:right;
margin:0;
padding:0;
font-size:12px;
color:#660000;
}
p.pageup2 a:hoevr {
text-align:right;
margin:0;
padding:0;
font-size:12px;
color:#FF9900;
}