@charset "UTF-8";

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
mismoディレクトリ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
h3.pageTitle { height: 220px; background: url(/mismo/images/title.gif) no-repeat 0 0; }

/*一覧*/
h3.pageTitleNewMismo { background-image: url(/mismo/list-new-mismo/images/title.gif); }
h3.pageTitleNewRiche { background-image: url(/mismo/list-new-riche/images/title.gif); }
h3.pageTitleNewHakone { background-image: url(/mismo/list-new-hakone/images/title.gif); }
h3.pageTitleOldMismo { background-image: url(/mismo/list-old-mismo/images/title.gif); }
h3.pageTitleOldRiche { background-image: url(/mismo/list-old-riche/images/title.gif); }
h3.pageTitleOldHakone { background-image: url(/mismo/list-old-hakone/images/title.gif); }
h3.pageTitlePaper { background-image: url(/mismo/paper/images/title.gif); }


/*---------------------------------------------------------------
ミスモ発行物
---------------------------------------------------------------*/

.mismoNewPublic { margin: 0 0 30px 0; padding: 0 20px; }
.mismoNewPublic ul { margin: 0; padding: 0; list-style: none; width: 830px; }
.mismoNewPublic li { float: left; display: block; }
.mismoNewPublic li.col1 { width: 266px; background: url(/common-img/line-dot-001.gif) repeat-y right; }
.mismoNewPublic li.col2 { width: 298px; background: url(/common-img/line-dot-001.gif) repeat-y right; }
.mismoNewPublic li.col3 { float: right; width: 235px; }

.mismoNewPublic li.col1 .mismoNewPublicInner { padding: 0 31px 0 0; }
.mismoNewPublic li.col2 .mismoNewPublicInner { padding: 0 31px; }

.mismoNewPublic li h4 { margin: 0 0 20px 0; width: 235px; height: 55px; display: block; text-indent: -9999px; overflow: hidden; }
.mismoNewPublic li.col1 h4 { background: url(/mismo/images/logo-mismo.gif) no-repeat; }
.mismoNewPublic li.col2 h4 { background: url(/mismo/images/logo-riche.gif) no-repeat; width: 236px; }
.mismoNewPublic li.col3 h4 { background: url(/mismo/images/logo-hakone.gif) no-repeat; }

.mismoNewPublic li p.newImg { margin: 0 0 15px 0; text-align: center; }
.mismoNewPublic li p.publicRead { margin: 0; height: 233px; line-height: 1.5em; color: #333; }

/*バックナンバー*/
.mismoNewPublic li p.newBacknumber { margin: 20px 0 3px 0; width: 140px; }
.mismoNewPublic li p.newBacknumber a { width: 140px; height: 25px; display: block; text-indent: -9999px; overflow: hidden; background: url(/mismo/images/btn-backnumber.gif) no-repeat; }
.mismoNewPublic li p.newBacknumber a:hover { background: url(/mismo/images/btn-backnumber.gif) no-repeat 0 -25px; }

.mismoNewPublic li p.oldBacknumber { margin: 0 0 5px 0; width: 140px; }
.mismoNewPublic li p.oldBacknumber a { width: 140px; height: 25px; display: block; text-indent: -9999px; overflow: hidden; background: url(/mismo/images/btn-old-backnumber.gif) no-repeat;  }
.mismoNewPublic li p.oldBacknumber a:hover { background: url(/mismo/images/btn-old-backnumber.gif) no-repeat 0 -25px;  }




/*---------------------------------------------------------------
インクルーブからの出版物
---------------------------------------------------------------*/

.inclubePublic {}

h4.titleInclubePublic { margin: 0 0 44px 0; width: 870px; height: 44px; text-indent: -9999px; background: url(/mismo/images/ttl-inclube.gif) no-repeat; }

.inclubePublic ul { margin: 0; padding: 0; list-style: none; }
.inclubePublic li { margin: 0 0 44px 0; width: 870px; } 
.inclubePublic li.lastBox { margin: 0; } 
.inclubePublic .bookImg { float: left; width: 200px; text-align: center; }
.inclubePublic .inclubePublicData { float: right; width: 650px; color: #000; }
.inclubePublic h5 { margin: 0 0 8px 0; font-size: 1.3em; }
.inclubePublic p.publicRead { margin: 0 0 20px 0; line-height: 1.5em; }
.inclubePublic p.publicPrice { margin: 0; font-weight: bold; }
.inclubePublic p.publicPrice em { font-style: normal; color: #F30; }
.inclubePublic p.publicPrice img { margin: 0 0 0 5px; vertical-align: middle; }


/*---------------------------------------------------------------
散歩気分ポストカード
---------------------------------------------------------------*/

.sanpoPublic { padding: 20px 20px 0 20px; }
.sanpoPublic h3 { margin: 0 0 30px 0; width: 830px; height: 135px; display: block; text-indent: -9999px; background: url(/mismo/publication-sanpokibun/images/ttl-sanpo.gif) no-repeat; }

.sanpoPublic ul { margin: 0; padding: 0; list-style: none; width: 830px; }
.sanpoPublic li { float: left; display: block; }
.sanpoPublic li.col1 { width: 287px; }
.sanpoPublic li.col2 { width: 287px; }
.sanpoPublic li.col3 { float: right; width: 256px; }

.sanpoPublic li.col1 .mismoNewPublicInner { padding: 0 31px 0 0; }
.sanpoPublic li.col2 .mismoNewPublicInner { padding: 0 31px 0 0; }

.sanpoPublic li h4 { margin: 0 0 2px 0; color: #3485AE; font-size: 1.3em; font-weight: bold; }

.sanpoPublic li p.newImg { margin: 0 0 10px 0; text-align: center; }
.sanpoPublic li p.publicRead { margin: 0; line-height: 1.5em; color: #333; }

.sanpoPublic2 { padding: 30px 20px 40px 20px; }
.sanpoPublic2 p { margin: 0; color: #04A780; font-size: 1.4em; font-weight: bold; }

.sanpoPublic3 { padding: 40px 20px 20px 20px; background: url(/mismo/images/line.gif) no-repeat top; }

.sanpoPublic3 table { }
.sanpoPublic3 table caption { color: #3485AE; font-weight: bold; text-align: left; }
.sanpoPublic3 table th { padding: 0 0 0 1em; width: 8em; text-align: left; vertical-align: top; color: #04A780; }
.sanpoPublic3 table td { padding: 0 0 0 1em; text-align: left; vertical-align: top; color: #333; }




/*---------------------------------------------------------------
発行物バックナンバー
---------------------------------------------------------------*/

.backnumberPublic { padding: 20px 0 0 3px; background: url(/mismo/images/line.gif) no-repeat top; }
.backnumberPublic p { margin: 0 0 10px 0; }
.backnumberPublic table { }
.backnumberPublic table th { color: #3485AE; font-weight: bold; text-align: left; }
.backnumberPublic table td { padding: 0 0 1em 1em; }
.backnumberPublic table td em { color: #04A780; font-weight: bold; font-style: normal; }

p.backnumberOldBtn { margin: 0; padding: 0; text-align: right; position: absolute; top: 5px; right: 10px; }

/*---------------------------------------------------------------
ミスモ・リッシュ設置協力店一覧
---------------------------------------------------------------*/

.paper { padding: 10px 0 0 0; width: 870px; }
.paper h4 { margin: 0 0 10px 0; color: #3485AE; font-weight: bold; font-size: 1.4em; }
.paper table { margin: 0 0 40px 0; width: 870px; border-top: 1px solid #CCC; }
.paper table th { padding: 10px; width: 12em; font-weight: bold; text-align: left; border-bottom: 1px dotted #CCC; background: #F8F8F8; }
.paper table td { padding: 10px; line-height: 1.5em; border-bottom: 1px dotted #CCC; }



/*---------------------------------------------------------------
ミスモ・リッシュ設置協力店一覧
---------------------------------------------------------------*/

.paperPlace { width: 560px; height: 420px; overflow-y: auto; }
.paperPlace table { }
.paperPlace table th { color: #3485AE; font-weight: bold; text-align: left; }
.paperPlace table td { padding: 0 0 1em 1em; line-height: 1.5em; }
.paperPlace table td em { color: #04A780; font-weight: bold; font-style: normal; }

.paperPlaceMap { margin: 20px auto; width: 680px; }