/***** common *****/
ol {list-style-position:inside; margin-left:15px;}
.formBtn {margin:10px 0;}
p {margin-bottom:20px;}
a img:hover {opacity:0.7;}

h1 a {color:#666; text-shadow:0 1px 1px #fff;}
h1 a:hover {text-decoration:none;}
header {margin-bottom:8px;}
footer {border-top:3px solid #808080; background-color:#e6e6e6; margin-top:20px; padding:15px 15px 5px;}
.mainContent {padding:2px;}

/* entry */
.entryHead {border:1px solid #ccc; padding:10px; border-radius:4px; box-shadow:0 1px 2px #999;}
.entryHead h3 {margin:0;}
.entryInfo {text-align:right;}
.entryInfo .entryPostDate {font-size:90%;}
.entryBody {margin:10px 0 25px;}
.entryBody .entryImage {display:block; padding:0 5px 5px 0; background-color:#fff;}
.entryBody .entryImage img {}
.entryBody .entryText {letter-spacing:0.15em;}
.entryReadMore {text-align:right; font-weight:bold; font-size:130%; width:100%; clear:both;}
.entryReadMore a {padding:4px 8px; border-radius:3px; background-color:#e5e5ff; box-shadow:0 1px 2px #999;}
.entryFoot {clear:both; margin:10px 0; padding:0 0 10px; border-bottom:1px solid #ddd;}
.entryTags a {margin-right:3px; display:inline-block; border-radius:3px; background-color:#5aad6d; text-shadow:1px 1px 0 #999; color:#fff; text-decoration:none; padding:3px;}
.entryParts {clear:both;}

/* entryList */


/* entryDetail */

/* blogcard */
.blogCard {border:1px solid #ddd; margin:10px 0; padding:7px; box-shadow:0 1px 2px #ddd; background-color:#fffce0; width:100%; overflow:hidden;}
.blogCard .cardTitle {font-weight:bold; font-size:130%; color:#666;}
.blogCard .cardBody {}
.blogCard .cardImage {display:block; float:left; width:30%; padding:2px; margin-right:5px; background-color:#fff;}
.blogCard .cardImage img {height:100%; max-height:100%; max-height:120px;}
.blogCard .cardText {display:block; float:left; color:#999;}

/* block */
.blockWrapper {clear:both; margin-bottom:10px; padding:2px;}
.blockWrapper h5 {margin:0 0 5px; font-weight:bold; background-color:#808080; border-radius:4px; padding:12px 5px; color:#fff; box-shadow:0 1px 2px #999; border:1px solid #fff; font-size:120%;}
.blockWrapper ul {list-style:none;}
.blockBody {}
.blockBody li {display:table; table-layout:fixed; margin-bottom:5px; vertical-align:top; width:100%;}
.blockBody li .blockImage {width:50%; max-height:150px; overflow:hidden; display:block; float:left;}
.blockBody li .blockImage img {width:100%;}
.blockBody li .blockTitle {display:block; vertical-align:top; font-weight:bold;}

.blockWide .blockBody .linkList {width:100%; display:table; border:1px solid #ddd; padding:8px 0; font-size:125%; font-weight:bold;}
.blockWide .blockBody .linkList li {display:table-cell; text-align:center; border-right:1px solid #ddd; padding:8px 0;}
.blockWide .blockBody .linkList li:last-child {border-right:none;}
.blockWide .blockBody .entryList {display:table;}
.blockWide .blockBody .entryList li {display:table-cell; width:25%;}
.blockWide .blockBody .entryList li .blockImage {width:100%; display:block;}
.blockWide .blockBody .entryList li .blockTitle {width:100%; line-height:1.3em; height:2.6em; overflow:hidden;}

@media (min-width: 768px){
.blockSide .blockBody li .blockImage {width:100%; float:none;}
.blockMain .blockBody li .blockImage  {width: 30%; margin-right:10px;}
}



/* pager */
.result {margin:5px 0;}
.result .amount {font-size:110%; font-weight:bold;}
.result .cal {font-size:110%; font-weight:bold;}
.pagenavi {margin:5px 0;}
.pagenavi a, .pagenavi span {padding:3px 8px; border-radius:3px; border:1px solid #999; margin-right:10px;}
.pagenavi .current {font-weight:bold; background:#d9d9d9;}

@media (max-width:768px) {
.blockWide .blockBody .entryList li {display:inline-block; width:49%;}
.entryBody .entryImage {width:100%; float:none;}
.entryBody img {width:100%;}
}