* {
font-family: "¥á¥¤¥ê¥ª", Meiryo, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", Hiragino Kaku Gothic Pro, "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif;
}
body {color:#333;min-width:320px;}
a, a:visited {color:#003366;text-decoration:none;}
a:hover {text-decoration:underline;}
h1, h2, h3, h4, h5 {word-break:break-all;}
#wrapper {max-width:930px;min-width:320px;margin:0 auto;}
#header {}
#hello {font-size:14px;text-align:right;padding:0 10px;}
#site-title {width:100%;height:90px;background:url(../images/header.jpg) no-repeat left bottom;margin: 0 auto 0;padding: 0;}
#site-title > a {height:90px;display:block;}
#header-menu {float:right;line-height:33px;padding-right:10px;text-align:right;}
#header-menu ul {margin:0 auto;padding:0;}
#header-menu li {font-size:13px;list-style-type:none;margin:0;padding:0;display:inline-block;}
#header-menu li > a {border:1px solid #ccc;background-color:#fff;padding:1px 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#header-menu li.mail-alert {}
#header-menu li.mail-alert > a {background-color:#C56A6A;border-color:#C56A6A;color:#fff;}
.searchbox {}
.searchbox input[type="text"] {width:70%;margin-right:5px;border:1px solid #999;}
.searchbox input[type="submit"] {width:50px;margin-right:2px;border:1px solid #999;background-color:#fff;}
#searchbox-in-header {display:none;}
#searchbox-under-header {text-align:center;margin-bottom:20px;padding:20px 0;display:block;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#efefef;}
@media only screen and (min-width: 930px) {
#searchbox-in-header {clear:both;float:right;padding:10px 10px;display:block;}
#searchbox-under-header {display:none;}
.searchbox input[type="text"] {width:200px;margin-right:5px;border:1px solid #999;}}
#header-categories {clear:both;width:100%;font-size: 14px;margin: 0 auto 0;padding:20px 0 20px 0;text-align:center;display:none;}
#header-categories ul {margin: 0;padding: 0 5px;}
#header-categories li {list-style-type:none;width:32%;text-align:center;margin: 2px 0;padding:2px 0;font-weight:bold;border:1px solid #ccc;display:inline-block;}
#header-categories li.selected {border:1px solid #003366;}
#header-categories li:hover {border:1px solid #003366;}
#header-categories a, #header-categories a:visited {color:#003366;}
@media only screen and (min-width: 930px) {
#header-categories {text-align:left;display:block;}
#header-categories li,
#header-categories li.selected,
#header-categories li:hover {width:auto;padding:0 10px;border:none;border-right:1px solid #ccc;}
#header-categories li:last-child {border:none;}
#header-categories li.selected > a,
#header-categories a:hover {color:#003366;text-decoration:none;border-bottom:2px solid #fdbf3f;}
}
#container {}
#main {padding-bottom:10px;line-height:1.5;}
#contents,
#contents-single {background-color:#fff;padding:0 10px;}
#contents-single-form {background-color:#fff;padding:10px;}
#sidebar {padding:10px 10px;}
@media only screen and (min-width: 600px) {
#contents,
#contents-single {background-color:#fff;padding:0 20px;}
#contents-single-form {max-width:584px;margin:0 auto;}
}
@media only screen and (min-width: 930px) {
#main {float:left;width:100%;margin-right:-250px;}
#contents {margin-right:270px;}
#sidebar {float:left;width:250px;padding:0;}
}
#sidebar .sidebar_menu {margin-bottom:20px;}
#sidebar h4 {font-size:16px;border-top:2px solid #003366;border-bottom:1px dotted #ccc;margin:0;padding:5px 5px 5px 0;margin-bottom:5px;}
#sidebar h4 > .title {width:80%;display:inline-block;}
#sidebar p {font-size:15px;line-height:1.5}
#sidebar ul {margin:0;padding:0;}
#sidebar li {list-style-type:none;margin:0 0 5px;padding:0 0 5px;border-bottom:1px dotted #ccc;word-break:break-all;line-height:1.5}
#sidebar li:last-child {border:none;}
#sidebar li > a {font-size:15px;color:#333;text-decoration:none;width:97%;display:inline-block;}
#sidebar li > a:hover {text-decoration:underline;}
#sidebar li > i {color:#ccc;}
@media only screen and (min-width: 930px) {
#sidebar h4 {font-size:14px;}
#sidebar p {font-size:14px;}
#sidebar li > a {font-size:13px;font-weight:bold;width:93%;display:inline-block;}
}
#sidebar .twitter {display:inline-block;line-height:58px;vertical-align:middle;}
#sidebar .rss {display:inline-block;line-height:58px;vertical-align:middle;}
#footer {clear:both;}
#footer p {padding:0 10px;}
#footer-categories {clear:both;font-size: 14px;margin:0;padding:20px 10px;color:#666;}
#footer-categories h4 {font-size:16px;}
#footer-categories ul {margin:0;padding:0px 10px;}
#footer-categories li {width:48%;font-size:15px;padding: 3px 0;display:inline-block;}
#footer-categories li > i {font-size:13px;}
#footer-categories a, #footer-categories a:visited {color:#666;}
#footer-categories a:hover {color:#003366;text-decoration:underline;}
@media only screen and (min-width: 800px) {
#footer-categories ul {margin:0;padding:0px 20px;}
#footer-categories li {width:32%;font-size:14px;}
#footer-categories li > i {font-size:12px;}
}
#footer-menu {padding:40px 10px;text-align:center;}
#footer-menu ul {margin:0 auto 20px;;padding:0;}
#footer-menu li {list-style-type:none;float:left;width:50%;text-align:center;padding:5px 0;}
#footer-menu li > a {color:#666;font-weight:bold;}
#footer-menu li:last-child {border-right:none;}
@media only screen and (min-width: 600px) {
#footer-menu li {list-style-type:none;float:none;margin:0;padding:0 10px;display:inline;border-right:1px dotted #ccc;}
#footer-menu li > a {color:#666;font-weight:bold;}
#footer-menu li:last-child {border-right:none;}
}
#copyright {color:#fff;font-style:italic;padding:3px 15px 0px 0px;text-align:right;font-size:14px;font-weight:normal;background:url(../images/footer.jpg) no-repeat;}
/* common parts */
table {border-collapse:collapse;margin-bottom:20px;}
th, td {padding:5px;border:1px solid #ccc;}
th {background-color:#a6a6a6;color:#fff;}
td {}
input[type="text"],
input[type="reset"],
input[type="password"] {border:1px solid #ccc;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-webkit-appearance:none;padding-left:5px;}
select {border:1px solid #ccc;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-webkit-appearance:none;padding:1px 5px;}
.button {color:#fff;border:1px solid #466fb1;background-color:#466fb1;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-webkit-appearance:none;padding:10px 30px;display:inline-block;}
.reset {color:#666;border:1px solid #666;background-color:#fff;}
.kakumaru {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
i {padding-right:5px;}
.oshirase { text-align: left; font-size: 0.9em; line-height: 1.3em; border: 1px solid #C56A6A; margin: 0 0 1em 0; padding: 5px; }
.oshirase .title { color: #C56A6A; margin-bottom:0.5em;}
.pager {}
.pager a, .pager span {border:1px solid #ccc;padding:5px 10px;margin-left:5px;font-size:18px;}
.pager span {color:#fff;background-color:#466fb1;weight: bold;}
/* end of common parts */
/* */
.smaoff {display:none;}
@media only screen and (min-width: 800px) {
.smaoff {display:inline-block;}
.smaon {display:none;}
}
#breadcrumb {color:#ccc;font-size:13px;}
#breadcrumb > a {color:#ccc;}
p.category-description {border-bottom:1px dotted #ccc;margin-bottom:20px;padding-bottom:40px;}
#article {padding:40px 10px;}
#article h1 {font-size:1.4em;word-break:break-all;}
#article .article-attribute {font-size:13px;color:#999;margin-bottom:20px;}
#article .article-attribute .regist_time {display:inline-block;}
#article .article-attribute .crypt_id {display:inline-block;border-left:1px solid #ccc;margin-left:10px;padding-left:10px;}
#article .comments {line-height:1.8;margin-bottom:40px;}
#article .comment {}
@media only screen and (min-width: 800px) {
#article h1 {font-size:1.8em;}
#article {padding:40px 80px;}
}
#article .category-description2 {font-size:14px;border:1px dotted #ccc;background:#f0f0ff;margin:20px 5px;padding:20px;}
#article-induction {text-align:center;border:1px dotted #ccc;background:#efefef;margin:40px auto;padding:10px 0;}
#article-induction .button-list {margin-bottom:20px;}
#article-induction .button-list form {display:inline-block;margin:0;padding:5px 0;}
#article-induction .point {}
#article-induction .point > span {display:inline-block;padding:0 5px 0 35px;margin:0 5px;height:22px;vertical-align:middle;}
@media only screen and (min-width: 800px) {
#article-induction {width:80%;}
#article-induction .button-list form {padding:0;}
}
#under-article {padding-top:40px;border-top:1px dotted #ccc;}
#contents-single-form h1 > span {}
#contents-single-form h1 > img {display:none;}
@media only screen and (min-width: 800px) {
#contents-single-form h1 > span {display:none;}
#contents-single-form h1 > img {display:inline;}
}
#possess-point {margin-bottom:40px;}
#possess-point p.point {width:250px;font-size:24px;font-weight:bold;text-align:right;border-bottom:1px dotted #a6a6a6;margin:5px auto;padding-right:10px;}
/* input form */
#contents form {margin:0 auto;text-align:left;}
#contents form dl {margin-bottom:1em;}
#contents form dt {font-weight:bold;text-align:left;}
#contents form dd {text-align:left;margin:0;padding:0;}
#contents form dd > input[type="text"] {width:100%;}
#contents form dd > input[type="password"] {width:100%;}
#contents form input[type="button"],
#contents form input[type="reset"],
#contents form input[type="submit"] {width:100%;}
#contents form p.note {font-size:15px;}
#contents .required {color:#990000;font-size:13px;}
#contents .hosoku {font-size:13px;color:#999;}
@media only screen and (min-width: 800px) {
#contents form {margin:0 auto;text-align:left;}
#contents form dl {clear:both;}
#contents form dt {width:30%;display:inline-block;vertical-align:top;}
#contents form dd {width:65%;display:inline-block;}
#contents form dd > input[type="text"],
#contents form dd > input[type="password"] {width:300px;}
#contents-single-form form {max-width:560px;}
}
.error-message {text-align:left;color:#C56A6A;border:1px solid #C56A6A;margin:30px auto;padding:5px 10px;}
/* end of input form */
.mail-address {font-size:24px;font-weight:bold;text-align:center;}
/* buy point */
.point-price {width:100%;}
.point-price th, .point-price td {text-align:center;}
/* end of buy point */
.caution {width:80%;text-align:center;border:1px solid #C56A6A;padding:10px 20px;margin:10px auto;}
.comado {}
.comado .image {float:left;width:140px;margin:0;padding:0;border:none;}
.comado .attributes {padding-left:160px;}
.comado .store-link {margin-top:20px;}
.comado .store-link a {color:#fff;margin:5px 0px;padding:2px 20px;text-decoration:none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;display:block;}
.comado .store-link > a.amazon {border:1px solid #eda93a;background:#eda93a;}
.comado .store-link > a.rakuten {border:1px solid #bf0000;background:#bf0000;}
@media only screen and (min-width: 800px) {
.comado {padding:0 20px;}
.comado .store-link > a {display:inline !important;margin-right:5px !important;}
}
/* article list */
#article-list {}
#article-list dl {border-bottom:1px dotted #ccc;margin-bottom:20px;padding-bottom:40px;}
#article-list dl:last-child {border-bottom:none;}
#article-list dt {font-size:22px;font-weight:bold;}
#article-list dt > h3 {margin:0 0 10px;font-size:22px;line-height:1.5;word-break:break-all;}
#article-list dt > a {}
#article-list dd {margin:0;padding:0;}
#article-list dd .article-attribute {font-size:13px;color:#999;margin-bottom:20px;}
#article-list dd .regist-time {display:inline-block;border-right:1px dotted #ccc;margin-right:10px;padding-right:10px;}
#article-list dd .category-name {display:none;}
#article-list dd .point-info {display:inline-block;}
#article-list dd .point {font-size:15px;padding:0px 10px 0px 30px;color:#333;}
#article-list dd .image {padding-right:10px;float:left;}
#article-list dd:after {clear:both;content:"";display:block;}
@media only screen and (min-width: 800px) {
#article-list dd .category-name {display:inline-block;border-right:1px dotted #ccc;margin-right:10px;padding-right:10px;}
}
.article-list-block {}
.article-list-block ul {padding:10px;}
.article-list-block li {list-style-type:none;border-bottom:1px dotted #ccc;padding-bottom:5px;margin-bottom:5px;}
.article-list-block li:last-child {border-bottom:none;}
@media only screen and (min-width: 800px) {
.article-list-block ul {padding:20px 40px;}
.article-list-block li {list-style-type:disc;border-bottom:none;padding-bottom:0;margin-bottom:0;}
}
.icon20_ryo {background:url(../image/ryo_icon20.gif) no-repeat left center;}
.icon20_hyo {background:url(../image/hyo_icon20.gif) no-repeat left center;}
.icon20_free {background:url(../image/free_icon20.gif) no-repeat left center;}
.icon20_bought {background:url(../image/bought_icon20.gif) no-repeat left center;}
.icon_ryo {background:url(../image/ryo_icon.gif) no-repeat left center;}
.icon_hyo {background:url(../image/hyo_icon.gif) no-repeat left center;}
#article-list dd .comment {clear:both;font-size:15px;}
/* end of article list */
/* point colors */
/*
.point-free {background-color:#c2e0c2;}
.point-ryo {background-color:#fde26b;}
.point-hyo {background-color:#e59a45;}
.point-bought {background-color:#e4c6c4;}
*/
.pr {padding-top:10px;}
.pr ul {padding:0;}
.pr li {list-style-type:none;padding-bottom:5px;}
/* ranking */
#sidebar .ranking {border-right:1px dotted #ccc;border-left:1px dotted #ccc;border-bottom:1px dotted #ccc;}
#sidebar .ranking {counter-reset:ranking-counter;}
#sidebar .ranking h4 {padding-left:10px;}
#sidebar .ranking ul {padding:5px 5px 5px 10px;}
#sidebar .ranking li {position:relative;padding:0 0 5px 30px;}
#sidebar .ranking li::before {
position:absolute;
top:0px;
left:0px;
width:18px;
height:18px;
line-height:18px;
font-size:12px;
text-align:center;
color:#ffffff;
background-color:#424242;
content:counter(ranking-counter, decimal);
counter-increment: ranking-counter;
opacity:0.9;
z-index:1;
}
/* ranking */
#sidebar .archives {border-right:1px dotted #ccc;border-left:1px dotted #ccc;border-bottom:1px dotted #ccc;}
#sidebar .archives h4 {padding-left:10px;}
#sidebar .archives form {margin:0 !important;padding:0 5px 5px !important;}
#sidebar .archives select {width:100%;}
.amazon-items-sidebar {}
.amazon-items-sidebar ul {}
.amazon-items-sidebar li {padding:10px 0 !important;}
.amazon-items-sidebar .item-image {float:left;width:75px;height:75px;text-align:center;}
.amazon-items-sidebar .item-attribute {height:85px;padding-left:75px;vertical-align:top;}
.amazon-items-sidebar .item-attribute a {color:#333;}
.amazon-items-sidebar .store-link {margin-top:10px;}
.amazon-items-sidebar .store-link a {color:#fff;margin:5px 0px;padding:2px 20px;text-decoration:none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.amazon-items-sidebar .store-link > a.amazon {border:1px solid #eda93a;background:#eda93a;}
.amazon-items-sidebar .store-link > a.rakuten {border:1px solid #bf0000;background:#bf0000;}
@media only screen and (min-width: 930px) {
.amazon-items-sidebar .item-attribute {width:170px;height:75px;font-size:13px;overflow:hidden;padding-left:5px;}
.amazon-items-sidebar .title {max-height:40px;overflow:hidden;}
.amazon-items-sidebar .store-link a {font-size:13px;padding:1px 10px;}
}
.amazon-items-sidebar:after {clear:both;content:"";display:block;}
#amazon-products {margin:40px 0;}
#amazon-products ul {margin:0;padding:0;}
#amazon-products li {list-style-type:none;border-bottom:1px dotted #ccc;margin:0 0 10px;padding:0 0 10px;}
#amazon-products li:after {clear:both;content:"";display:block;}
#amazon-products li:last-child {border:none;}
#amazon-products .item-image {float:left;width:140px;height:140px;text-align:center;}
#amazon-products .item-attribute {height:120px;vertical-align:top;padding-left:145px;}
#amazon-products .item-title {margin-bottom:10px;}
#amazon-products .store-link a {color:#fff;margin:0 0 5px;padding:2px 20px;text-decoration:none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;display:block;}
#amazon-products .store-link > a.amazon {border:1px solid #eda93a;background:#eda93a;}
#amazon-products .store-link > a.rakuten {border:1px solid #bf0000;background:#bf0000;}
@media only screen and (min-width: 600px) {
#amazon-products .store-link a {margin:0 5px 0 0;display:inline-block;}
}
@media only screen and (min-width: 930px) {
#amazon-products {text-align:center;}
#amazon-products ul {font-size:0;}
#amazon-products li {text-align:center;width:16%;min-width:140px;border-bottom:none;border-right:1px dotted #ccc;margin:0;padding:0 5px;display:inline-block;}
#amazon-products .item-image {float:none;width:140px;height:140px;margin:0;padding:0;}
#amazon-products .item-attribute {height:auto;font-size:12px;margin-top:5px;padding:0;}
#amazon-products .item-title {display:none;}
#amazon-products .store-link {text-align:center;}
#amazon-products .store-link a {margin:0 0 5px;display:block;}
}
