@charset "UTF-8";

@import "./style.css";

/* 印刷用スタイル */
@media print {
.nav {
display: none;
}

div.item{
margin-bottom: 5mm;
padding-bottom: 5mm;
page-break-inside: avoid;
}

div.item img{
margin: 0 5mm 5mm 5mm;
page-break-after: avoid;
}

}/* 印刷用スタイル */

/* 画面用スタイル */
@media handheld, screen, tv {
/* pager.js==ページ遷移用ナビ */
.nav {
display: block;
background-color: #900;
width: 90%;
margin:auto auto 30px auto;
padding: 5px;
font-family: meiryo, 'ヒラギノ角ゴ Pro W3', 'MS UI Gothic', 'MS Reference Sans Serif', sans-serif;
font-size: 90%;
height: auto;
overflow: auto;
}

.nav div.linkwrap{
display: block;
float: left;
}

.nav a {
padding: 0 0.5em;
}

.nav a.highlight {
color: white;
font-weight: bold;
}

.explain{
width: 80%;
border-style: none;
margin: 0 auto 20px 30px;
padding: 8px;
padding-bottom: 2px;
color: black;
background-color: #FCC;
line-height: 1.2em;
}
}/* 画面用スタイル */


/* 個々の記事 */
div.item{
clear: both;
}

div.item img{
clear: both;
float: left;
width: 400px;
margin: 0 1em 30px 1em;
padding: 0;
/* 写真に枠をつける */
border: white solid 6px!important;
}

div.item h3{
margin-top: 0!important;
clear: none;
}

/* FFでhrefなしaタグに下線が引かれるのをリセット */
div.item h3 a{
color: white;
text-decoration: none;
}

div.item p{
clear: none;
margin-right: 10px;
margin-bottom: 1em;
}

div.item p.date{
text-indent: 0;
margin-bottom: 60px;
}

/* RSSボタン */
img#rss_button{
vertical-align: text-bottom;
}

.option{
font-family: meiryo, 'ヒラギノ角ゴ Pro W3', 'MS UI Gothic', 'MS Reference Sans Serif', sans-serif;
font-size: smaller;
}

a.option:link{
text-decoration: none;
}

a.option:active{
text-decoration: none;
}

a.option:visited{
text-decoration: none;
}

a.option:hover{
text-decoration: none;
}