@charset "UTF-8";
html {
overflow-y: scroll;
}
body {
color: #333333;
font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 1rem;
line-height: 1.7;
letter-spacing: 0.2px;
-webkit-text-size-adjust: 100%;
}
/* for IE7 */
*+html body {
font-family: 'メイリオ', 'MS Pゴシック';
}
/* for IE6 */
* html body {
font-family: 'MS Pゴシック';
}
/* link
------------------------------------------------ */
a:link {
color:#004D77;
text-decoration:none;
}
a:visited {
color:#004D77;
text-decoration:none;
}
a:hover {
color:#00A0F7;
text-decoration:underline
}
a:active {
color:#00A0F7;
text-decoration:none;
}
a:hover img {
opacity: 0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;
}
a:active img {
opacity: 0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;
}
a:active img {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
#header a:hover img,
#nav ul li a:hover img,
#nav ul li a:active img {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
}
/* clearfix
------------------------------------------------ */
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-Mac */
/* 文字
------------------------------------------------ */
strong {
font-weight: bold;
}
.textC {
text-align: center;
}
.textR {
text-align: right;
}
.red {
color: red;
}
.bold {
font-weight: bold;
}
.smallCap {
font-size: 0.8rem;
}
.largeCap {
font-size: 1.2rem;
}
.vLast {
margin-bottom:0 !important;
}
.hLast {
margin-right:0 !important;
}
.margin-bottom {
margin-bottom: 20px;
}
.super {
vertical-align: super;
font-size: 0.8rem;
}
#main .entryBody p {
margin-bottom: 1em;
}
.floatL {
float: left;
}
.floatR {
float: right;
}
/* 画像
------------------------------------------------ */
img {
max-width: 100%;
height: auto;
}
/* ボタン
------------------------------------------------ */
.button {
text-align: center;
}
.button a {
display:inline-block;
padding: 5px 10px;
color: #fff;
background: #003081;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.button a:link,
.button a:visited,
.button a:active {
color: #fff;
}
.button a:hover {
color: #fff;
text-decoration: none;
background: #DB0046;
}
/* ------------------------ */
.buttonMore {
text-align: center;
}
.buttonMore span {
cursor: pointer;
display:inline-block;
padding: 5px 10px;
color: #fff;
background: #003081;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.buttonMore span:hover {
color: #fff;
text-decoration: none;
background: #DB0046;
}
/* ------------------------ */
.pageButton {
margin: 20px;
}
.pageButton .next {
float: right;
}
.pageButton .prev {
float: left;
}
.pageButton .mokuji {
clear: both;
}
.pageButton .mokuji a {
display: block;
}
/* noscript
------------------------------------------------ */
#noscript {
position: relative;
z-index: 5260;
padding: 10px;
border-bottom: #00A893 solid 1px;
background: #fff;
color: #000;
text-align: center;
font-size: 14px;
}
#noscript span {
color: #ff0000;
}
/* layout
------------------------------------------------ */
#container {
width: 1000px;
margin: 0 auto;
box-shadow: 0px 0px 5px 2px #a9a9a9;
-webkit-box-shadow: 0px 0px 5px 2px #a9a9a9;
-moz-box-shadow: 0px 0px 5px 2px #a9a9a9;
}
#container-wrap {
margin: 10px 20px 20px 20px;
}
#main {
float: left;
width: 650px;
padding: 0 20px;
}
#side {
float: right;
width: 250px;
font-size: 90%;
line-height: 1.5;
}
/* header
------------------------------------------------ */
#header {
position: relative;
}
/* search-box
------------------------------------------------ */
#header #search-box {
position:absolute;
top:5px;
right:20px;
}
#header #search-box .title {
font-size: 80%;
}
#header #search-box .title img {
vertical-align: middle;
}
#header #search-box .wrap {
font-size: 90%;
}
#header #search-box #srchBtn {
font-size: 80%;
}
/* nav
------------------------------------------------ */
#nav {
height:30px;
margin:1px 0 0 0;
overflow:hidden;
margin-bottom: 10px;
}
#nav ul {
margin:0;
list-style: none;
text-align:center;
}
#nav ul li {
float:left;
padding-right:1px;
background:url(/images/navimenu/nav_line.png) no-repeat right top;
}
#nav ul li.last{
padding-right:0;
}
#nav ul li a {
display:block;
color:#fff;
}
#nav ul li.bgnon {
background: none;
}
/* banner-rota
------------------------------------------------ */
#banner-rota {
padding-bottom: 10px;
border-bottom: 3px solid #FF7F7F;
}
#banner-rota iframe {
width: 850px;
height: 38px;text-align:center;
}
/* corner-title
------------------------------------------------ */
#corner-title {
margin-bottom: 20px;
padding: 0 20px 10px 20px;
border-bottom: 1px dotted #a9a9a9;
}
#corner-title .title {
float: left;
}
#corner-title .clearfix {
float: right;
width: 590px;
}
#corner-title .dm-fb {
float: right;
width: 109px;
}
#corner-title .dm-mail {
float: right;
width: 219px;
margin-right:10px;
padding-right:10px;
border-right:1px dotted #a9a9a9;
}
#corner-title .dm-3min {
float: right;
width: 217px;
margin-right:10px;
padding-right:10px;
border-right:1px dotted #a9a9a9;
}
/* main
------------------------------------------------ */
#main #pager {
margin-bottom: 20px;
}
#main #dfp {
background: #a9a9a9; height: 60px; width: 468px;margin: 0 auto 20px auto;
}
#main .button-sns {
height: 30px;
margin-bottom: 20px;
background: #E5E9F9;
}
#main .button-sns .fb-like {
float: left;
margin: 5px 20px 0 20px;
}
#main .button-sns .tw {
float: left;
margin-top: 5px;
}
#main .button-sns.bottom {
margin-bottom: 20px;
}
#main .releaseDate {
background: #eee;
margin-bottom: 20px;
padding: 5px 20px;
text-align: right;
font-size: 90%;
}
/* note
------------------------------------------------ */
#main #note {
border-top: 1px dotted #a9a9a9;
font-size: 80%;
text-align: center;
}
#main #note p {
border-bottom: 1px dotted #a9a9a9;
}
/* side
------------------------ */
#side .box {
margin-bottom: 20px;
}
#side .module {
margin-bottom: 20px;
border-bottom: 3px solid #FF7F7F;
}
#side .module .title {
margin-bottom: 5px;
padding: 0 5px;
font-size: 110%;
font-weight: bold;
border-bottom: 3px solid #FF7F7F;
}
#side .module li {
padding: 0 5px 5px 5px;
margin-bottom: 5px;
border-bottom: 1px dotted #a9a9a9;
}
#side .module ul.clearfix li {
margin-bottom: 5px;
padding-bottom: 5px;
line-height: 1.3;
}
#side .module li:last-child,
#side .module ul.clearfix li:last-child {
border-bottom: none;
margin-bottom: 0;
}
#side .module li .image {
float: left;
margin-right: 10px;
height: 40px;
width: 40px;
background: #eee;
overflow: hidden;
}
#side .module li img {
height: 40px;
width: 40px;
}
#side .dfp {
margin-bottom: 20px;
width: 250px;
height: 250px;
}
#side .module .button {
margin-bottom: 5px;
}
/* footer
------------------------------------------------ */
#footer {
border-top: 3px solid #FF7F7F;
font-size: 90%;
text-align: center;
padding: 10px 0;
}
#footer ul {
border-bottom: 3px solid #FF7F7F;
margin-bottom: 10px;
padding-bottom: 10px;
}
#footer ul li {
display: inline-block;
border-right:1px dotted #a9a9a9;
}
#footer ul li.first {
border-left:1px dotted #a9a9a9;
}
#footer li a {
display:block;padding: 0 15px;
}
/* #page-top
------------------------------------------------ */
#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 90%;
text-align: center;
}
#page-top a {
display: block;
text-decoration: none;
color: #fff;
background: #003081;
opacity: 0.7;
}
#page-top a:hover {
background: #771118;
}
#page-top a.btnA {
padding: 10px 10px 5px 10px;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
}
#page-top a.btnB {
padding: 5px 10px 10px 10px;
border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
}