
/* パンくず
----------------------------------------------------*/
p.pan {
clear:both;
margin:5px 0;
padding:0;
font-size:10px;
color:#999999;
}
p.pan a {
margin:0;
padding:0;
font-size:10px;
color:#999999;
}
p.pan a:hover {
margin:0;
padding:0;
font-size:10px;
color:#FF9900;
}


/* 色
----------------------------------------------------*/
span.red {
color:#990000;
}
span.blue {
color:#0066AF;
}
span.tya {
color:#C3825B;
}
span.pink {
color:#E73C64;
}

/* ページアップ
----------------------------------------------------*/
p.pageup {
text-align:right;
margin:0 0 5px 0;
padding:0;
font-size:10px;
color:#999999;
}
p.pageup a {
margin:0;
padding:0;
font-size:10px;
color:#999999;
}
p.pageup a:hover {
margin:0;
padding:0;
font-size:10px;
color:#FF9900;
}


/* 続きを見る
----------------------------------------------------*/
p.con-c {
text-align:center;
}


/* サイドリスト
----------------------------------------------------*/
.s-box {
width:201px;
margin:0;
padding:0;
background:url(../img/pub/s-center.gif) repeat-y top left;
}
p.s-under {
width:201px;
height:10px;
margin:50px 0 0 0;
padding:0;
text-indent:-9999em;
line-height:100%;
background:url(../img/pub/s-under.gif) no-repeat bottom left;
}
h4.s-list-title {
margin:15px 12px 0 12px;
padding:2px;
line-height:135%;
font-size:0.8em;
color:#666666;
text-align:center;
font-weight:normal;
border:#DEB554 1px solid;
background:#F8EED8;
}
.s-box ul {
margin:15px 12px 30px 12px;
padding:0 0 5px 0;
list-style:none;
border-bottom:#DEB554 1px solid;
}
.s-box li {
margin:7px 0 0 0;
padding:7px 0 0 12px;
border-top:#DEB554 1px solid;
line-height:135%;
font-size:0.8em;
color:#666666;
background:url(../img/pub/s-list-icon.gif) no-repeat 0 10px;
}
.s-box li a {
margin:0;
padding:0;
color:#666666;
}
.s-box li a:hover {
margin:0;
padding:0;
color:#FF9900;
}



/* 共通3カラム　（コンテンツ内）
----------------------------------------------------*/
.column3-box {
clear:both;
width:560px;
margin:30px 0 0 0;
    overflow: hidden;
}

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

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

.column3-box-l {
clear:both;
position:relative;
float:left;
width:180px;
margin:20px 10px 0 0;
padding:0;
}
.column3-box-c {
float:left;
width:180px;
margin:20px 0 0 0;
padding:0;
}
.column3-box-r {
float:right;
width:180px;
margin:20px 0 0 0;
padding:0;
}
.column3-box img {
margin:0 0 10px 0;
padding:0;
border:3px #DEB554 solid;
}
.column3-box h4 {
margin:0 0 5px 0;
padding:0;
line-height:135%;
font-size:0.85em;
color:#CC9900;
text-align:center;
}
.column3-box h4 a {
margin:0;
padding:0;
color:#CC9900;
}
.column3-box h4 a:hover {
margin:0;
padding:0;
color:#FF9900;
}

/* 共通2カラム　 文字下　（コンテンツ内）
----------------------------------------------------*/
.column2-box {
clear:both;
width:560px;
margin:10px 0 0 0;
    overflow: hidden;
}

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

/*\*/
* html .column2-box {
    height: 1em;
    overflow: visible;
}
/**/
.column2-box h3 {
margin:0 0 5px 0;
padding:0;
line-height:135%;
font-size:0.85em;
color:#CC9900;
text-align:center;
}
.column2-box h3 a {
margin:0;
padding:0;
color:#CC9900;
}
.column2-box h3 a:hover {
margin:0;
padding:0;
color:#FF9900;
}

.column2-box h4 {
margin:0 0 5px 0;
padding:0;
line-height:135%;
font-size:0.85em;
color:#CC9900;
text-align:center;
}
.column2-box h4 a {
margin:0;
padding:0;
color:#CC9900;
}
.column2-box h4 a:hover {
margin:0;
padding:0;
color:#FF9900;
}
.column2-box img {
margin:0 0 10px 0;
padding:0;
border:3px #DEB554 solid;
}
.column2-box-l {
clear:both;
position:relative;
float:left;
width:270px;
margin:20px 10px 0 0;
padding:0;
}
.column2-box-r {
float:right;
width:270px;
margin:20px 0 0 0;
padding:0;
}

/* 共通2カラム 高さ整え用
----------------------------------------------------*/
.m-0 {
clear:both;
margin:0;
padding:0;
    overflow: hidden;
}

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

/*\*/
* html .m-0 {
    height: 1em;
    overflow: visible;
}



/* 共通2カラム 文字流し　（コンテンツ内）
----------------------------------------------------*/
.column2-2-box {
clear:both;
width:560px;
margin:15px 0 0 0;
    overflow: hidden;
}

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

/*\*/
* html .column2-2-box {
    height: 1em;
    overflow: visible;
}
/**/
.column2-2-box-txt {
float:right;
width:130px;
margin:0;
padding:0;
}

.column2-2-box-l {
clear:both;
position:relative;
float:left;
width:270px;
margin:15px 0 0 0;
padding:0;
}
.column2-2-box-r {
float:right;
width:270px;
margin:15px 0 0 0;
padding:0;
}
.column2-2-box img {
float:left;
margin:0 0 10px 0;
padding:0;
border:3px #DEB554 solid;
}
.column2-2-box h4 {
margin:10px 0 5px 0;
padding:0;
line-height:135%;
font-size:0.85em;
color:#CC9900;
}
.column2-2-box h4 a {
margin:0;
padding:0;
color:#CC9900;
}
.column2-2-box h4 a:hover {
margin:0;
padding:0;
color:#FF9900;
}


/* 画像枠なし2カラム
----------------------------------------------------*/
.column2-bno-box {
clear:both;
width:560px;
margin:30px 0 0 0;
    overflow: hidden;
}

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

/*\*/
* html .column2-bno-box {
    height: 1em;
    overflow: visible;
}
/**/
.column2-bno-box h4 {
margin:10px 0;
padding:0;
line-height:135%;
text-align:center;
font-size:1em;
color:#996600;
}
.column2-bno-box h4 a {
color:#996600;
}
.column2-bno-box h4 a:hover {
color:#FF9900;
}
.column2-bno-box img {
margin:15px 0 10px 0;
padding:0;
}

.column2-bno-box-l {
clear:both;
position:relative;
float:left;
width:260px;
margin:0;
padding:0;
}
.column2-bno-box-r {
float:right;
width:260px;
margin:0;
padding:0;
}


/* 画像の切り替え
----------------------------------------------------*/
.img-change {
clear:both;
width:560px;
margin:15px 0 0 0;
padding:0;
    overflow: hidden;
}

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

/*\*/
* html .img-change {
    height: 1em;
    overflow: visible;
}
/**/
.img-change img {
float:left;
margin:0;
padding:0;
border:none;
}


/* 左画像・文字流し
----------------------------------------------------*/
.img-l-box {
clear:both;
position:relative;
width:560px;
margin:30px 0 0 0;
padding:0;
    overflow: hidden;
}

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

/*\*/
* html .img-l-box {
    height: 1em;
    overflow: visible;
}
/**/
.img-l-box img {
float:left;
margin:0 20px 20px 0;
padding:0;
border:none;
}
.img-l-box h3 {
margin:10px 0;
padding:0;
line-height:135%;
font-size:1em;
color:#996600;
}
.img-l-box h3 a {
color:#996600;
}
.img-l-box h3 a:hover {
color:#FF9900;
}
.img-l-box h4 {
margin:10px 0;
padding:0;
line-height:135%;
font-size:1em;
color:#996600;
}
.img-l-box h4 a {
color:#996600;
}
.img-l-box h4 a:hover {
color:#FF9900;
}
.img-l-box-txt {
float:right;
width:285px;
margin:0;
padding:0;
}
.img-l-bo-box-txt {
float:right;
width:275px;
margin:0;
padding:0;
}

/* 右画像・文字流し
----------------------------------------------------*/
.img-r-box {
clear:both;
position:relative;
width:560px;
margin:30px 0 0 0;
padding:0;
    overflow: hidden;
}

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

/*\*/
* html .img-r-box {
    height: 1em;
    overflow: visible;
}
/**/
.img-r-box img {
float:right;
margin:0 0 20px 20px;
padding:0;
border:none;
}
.img-r-box h3 {
margin:10px 0;
padding:0;
line-height:135%;
font-size:1em;
color:#996600;
}
.img-r-box h3 a {
color:#996600;
}
.img-r-box h3 a:hover {
color:#FF9900;
}
.img-r-box h4 {
margin:10px 0;
padding:0;
line-height:135%;
font-size:1em;
color:#996600;
}
.img-r-box h4 a {
color:#996600;
}
.img-r-box h4 a:hover {
color:#FF9900;
}
.img-r-box-txt {
float:left;
width:285px;
margin:0;
padding:0;
}

/* 共通バナー
----------------------------------------------------*/
h3.pub-bar {
width:560px;
margin:25px 0 0 0;
padding:1px 0;
text-indent:15px;
font-size:1em;
color:#333333;
line-height:150%;
background:url(../img/pub/pub-bar.jpg) no-repeat 0 0;
}
h4.pub-bar2 {
width:560px;
margin:25px 0 0 0;
padding:1px 0;
text-indent:15px;
font-size:1em;
color:#333333;
line-height:150%;
background:url(../img/pub/pub-bar.jpg) no-repeat 0 0;
}
