body {
margin:0;
padding:0;
background:url(../img/pub/bg2.jpg) repeat top left;
}
.bg {
margin:0;
padding:0;
background:url(../img/pub/bg1.jpg) repeat-x top left;
}
.container {
width:780px;
margin:0 auto;
padding:0 13px 0 57px;
background:url(../img/pub/cover.jpg) no-repeat 0 0;
}
.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;
}

.container img {
border:none;
}

/* ヘッダー
------------------------------------------------------------*/
.header {
width:780px;
margin:0;
padding:26px 0 0 0;
    overflow: hidden;
}

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

/*\*/
* html .header {
    height: 1em;
    overflow: visible;
}
/**/
ul.h-navi {
width:780px;
margin:0;
padding:0;
list-style:none;
}
ul.h-navi li {
float:right;
margin:0;
padding:0;
font-size:12px;
color:#FFFFFF;
}
ul.h-navi li a {
margin:0;
padding:0;
font-size:12px;
color:#FFFFFF;
}
ul.h-navi li a:hover {
margin:0;
padding:0;
font-size:12px;
color:#FF9900;
}
.header h1 {
clear:both;
width:780px;
height:84px;
margin:0;
padding:0;
text-indent:-9999em;
font-size:0.85em;
line-height:100%;
background:url(../img/pub/header.jpg) no-repeat 0 -1px;
display:block;
}
.header h1 a {
clear:both;
width:780px;
height:84px;
margin:0;
padding:0;
text-indent:-9999em;
line-height:100%;
background:url(../img/pub/header.jpg) no-repeat 0 -1px;
display:block;
}


/* メイン
------------------------------------------------------------*/
.w-box {
margin:0;
padding:0 0 20px 0;
background:#FFFFFF;
    overflow: hidden;
}

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

/*\*/
* html .w-box {
    height: 1em;
    overflow: visible;
}
/**/

.contents {
clear:both;
width:780px;
margin:0;
padding:0;
background:url(../img/pub/bg3.jpg) no-repeat top right;
    overflow: hidden;
}

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

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

.main {
clear:both;
float:left;
width:540px;
margin:0;
padding:0;
}


/* サイド
------------------------------------------------------------*/
.r-side {
float:right;
width:200px;
margin:0;
padding:0 20px 0 0;
}
.s-navi {
width:200px;
margin:0 0 20px 0;
padding:0 0 70px 0;
background:#FFFFCC;
}
.s-navi ul {
width:160px;
margin:20px 0 20px 20px;
padding:12px 0 25px 0;
list-style:none;
}
.s-navi li {
margin:0 0 7px 0;
padding:0 0 7px 0;
font-size:0.8em;
color:#660000;
background:url(../img/pub/a-n.gif) repeat-x bottom left;
}
.s-navi li a {
margin:0;
padding:0;
color:#660000;
}
.s-navi li a:hover {
margin:0;
padding:0;
color:#FF9900;
}
li.side-listend {
margin:0 0 28px 0;
padding:0 0 7px 0;
font-size:0.8em;
color:#660000;
background:url(../img/pub/a-n.gif) repeat-x bottom left;
}
.kyosenbox {
width:178px;
height:343px;
margin:0 auto;
padding:0;
background:url(../img/pub/kyosen.jpg) no-repeat 0 0;
border:#333333 1px solid;
}
.kyosenbox h4 {
margin:0 0 5px 10px;
padding:120px 0 0 0;
font-size:0.9em;
color:#333333;
font-weight:normal;
}
.kyosenbox p {
margin:0 5px 5px 10px;
padding:0;
font-size:12px;
color:#333333;
font-weight:normal;
}


/* フッター
------------------------------------------------------------*/
p#footer {
clear:both;
width:780px;
height:25px;
margin:30px 0 5px 0;
text-indent:-9999em;
background:url(../img/pub/footer.gif) no-repeat 0 0;
}
ul.f-navi {
clear:both;
width:780px;
margin:0;
padding:0;
list-style:none;
}
ul.f-navi li {
float:right;
margin:0;
padding:0;
font-size:12px;
color:#333333;
}
ul.f-navi li a {
margin:0;
padding:0;
font-size:12px;
color:#333333;
}
ul.f-navi li a:hover {
margin:0;
padding:0;
font-size:12px;
color:#FF9900;
}


/* 共通
------------------------------------------------------------*/
p.pan {
clear:both;
margin:5px 0 5px 20px;
padding:0;
font-size:10px;
}
p.con {
text-align:right;
margin:2px 0 5px 0;
padding:0;
font-size:12px;
}
p.con2 {
clear:both;
text-align:left;
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;
text-align:right;
margin:2px 0 20px 0;
padding:0;
font-size:12px;
}
.page-navigation {
width:500px;
margin:0 auto 20px auto;
padding:0;
font-size:0.7em;
line-height:125%;
text-align:center;
}
.page-navigation2 {
width:500px;
margin:0 auto 0 auto;
padding:0;
font-size:0.7em;
line-height:125%;
text-align:center;
}
.box {
width:520px;
margin:0;
padding:0 0 0 20px;
}
.plan-banner img {
margin:0;
padding:0;
text-decoration:none;
border:none;
}