タグ部分）のデザイン*/
.CalendarTr {}
/*日付表示部分、日曜日の| タグ部分デザイン*/
.CalendarTdSun {
text-align:center;
}
/*日付表示部分、土曜日の | タグ部分デザイン*/
.CalendarTdSat {
text-align:center;
}
/*日付表示部分、平日曜日の | タグ部分デザイン*/
.CalendarTd {
text-align:center;
color#666666;
}
/*記事が存在する場所の設定*/
.CalendarTdLink {}
.CalendarTdLink a {
padding:4px 0;
display:block;
height:15px;
text-align:center;
}
.CalendarTdLink a:hover {
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
font-weight:bold;
}
/**************************************************************************************
ブログ内検索用デザイン
**************************************************************************************/
.blogsearch .box {
width:200px;
padding:3px;
}
.blogsearch .btn {
background:#efefef;
cursor:pointer;
}
.blogsearch .btn:hover {
background:#f9f9f9;
color:#999999;
}
/**************************************************************************************
バーコード用デザイン
**************************************************************************************/
.qrcode_image {
text-align:center;
}
/**************************************************************************************
ここからオリジナル
**************************************************************************************/
/* -----------------------------------------------------
デザイン
----------------------------------------------------- */
/*■ 上部外枠
----------------------------------------------------- */
#container {
min-height: 100%;
_height: 100%; /* for IE6 */
}
/*■ トップ
----------------------------------------------------- */
#top_box {
margin:0 auto;
padding: 1px 10px;
height: 12px;
background: #111111;
font-size: 10px;
color: #ffffff;
text-align: right;
}
#top_box p {
margin:0 auto;
width:970px;
}
/*■ ヘッダー
----------------------------------------------------- */
#header {
margin:0 auto;
margin-bottom:10px;
width: 980px;
}
/*■ コンテンツ＋サイドバー囲い
----------------------------------------------------- */
#content {
margin: 0 auto;
width: 980px;
padding-bottom: 110px;
}
/*■ コンテンツ
----------------------------------------------------- */
#cont {
float:left;
width:775px;
font-size:14px;
line-height:1.3em;
}
#cont h1 {
font-size: 16px;
margin-bottom:8px;
}
#cont p {
padding:10px;
}
/*■ サイドバー
----------------------------------------------------- */
#side {
float:right;
width:190px;
padding:5px 5px;
font-size:14px;
line-height:1.3em;
}
/*■ コンテンツ内（メインエリアと入荷：これはINDEXのみ）
----------------------------------------------------- */
#picbox {
margin:0 auto;
width:770px;
height:300px;
margin-bottom:40px;
}
#menu {
margin:0 auto;
width:770px;
height:30px;
margin-bottom:30px;
}
#wrap {
margin-top:30px;
width:770px;
padding:5px;
font-size:13px;
}
#wrap h1 {
margin-top:30px;
font-size:15px;
}
#wrap h2 {
margin-bottom:30px;
font-size:15px;
}
/*■ フッター
----------------------------------------------------- */
#footer {
clear:both;
height: 100px;
margin-top: -100px;
padding: 0 10px;
background: #000;
font-size: 10px;
color: #cccccc;
text-align:center;
}
#footer p {
padding-top: 15px;
text-align:center;
color:#555555;
}
/*■ ボックス
----------------------------------------------------- */
.cleen {clear:both;}
.title {
margin:15px 0px 10px 0px;
}
.side_box {
padding:5px;
font-size:15px;
}
.side_box p {
margin-bottom:2px;
}
.cash {
padding-top:15px;
color:#111;
}
.tweet {
margin:0 auto;
width:700px;
height:330px;
padding:10px;
padding-top:20px;
padding-bottom:30px;
border-top: 1px #aaaaaa solid;
border-right: 3px #888888 solid;
border-bottom: 3px #888888 solid;
border-left: 1px #aaaaaa solid;
border-radius:12px;
text-align:center;
}
.name {
padding:10px;
text-align:right;
}
.okb {
text-align:center;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/
.theme-default .nivoSlider {
position:relative;
background:#fff url(http://file.poseidon.iku4.com/loading.gif) no-repeat 50% 50%;
margin-bottom:10px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
.theme-default .nivo-controlNav {
text-align: center;
padding: 1px 0;
}
.theme-default .nivo-controlNav a {
display:inline-block;
width:22px;
height:22px;
background:url(http://file.poseidon.iku4.com/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
background-position:0 -22px;
}
.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://file.poseidon.iku4.com/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}
ul.sdt_menu{
margin:0;
padding:0;
list-style: none;
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
font-size:14px;
width:770px;
}
ul.sdt_menu a{
text-decoration:none;
outline:none;
}
ul.sdt_menu li{
float:left;
width:154px;
height:65px;
position:relative;
cursor:pointer;
}
ul.sdt_menu li > a{
position:absolute;
top:0px;
left:0px;
width:154px;
height:65px;
z-index:12;
background:transparent url(http://file.poseidon.iku4.com/overlay.png) no-repeat bottom right;
-moz-box-shadow:0px 0px 2px #000 inset;
-webkit-box-shadow:0px 0px 2px #000 inset;
box-shadow:0px 0px 2px #000 inset;
}
ul.sdt_menu li a img{
border:none;
position:absolute;
width:0px;
height:0px;
bottom:0px;
left:85px;
z-index:100;
-moz-box-shadow:0px 0px 4px #000;
-webkit-box-shadow:0px 0px 4px #000;
box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
position:absolute;
top:15px;
left:0px;
width:154px;
height:60px;
z-index:15;
}
ul.sdt_menu li span.sdt_active{
position:absolute;
background:#111;
top:65px;
width:154px;
height:0px;
left:0px;
z-index:14;
-moz-box-shadow:0px 0px 4px #000 inset;
-webkit-box-shadow:0px 0px 4px #000 inset;
box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
margin-left:18px;
text-transform:uppercase;
text-shadow:1px 1px 1px #000;
}
ul.sdt_menu li span span.sdt_link{
color:#ccc;
font-size:24px;
float:left;
clear:both;
}
ul.sdt_menu li span span.sdt_descr{
color:#0B75AF;
float:left;
clear:both;
width:155px; /*For dumbass IE7*/
font-size:12px;
line-height:2.0em;
letter-spacing:1px;
}
ul.sdt_menu li div.sdt_box{
display:block;
position:absolute;
width:154px;
overflow:hidden;
height:154px;
top:85px;
left:0px;
display:none;
background:#000;
}
ul.sdt_menu li div.sdt_box a{
float:left;
clear:both;
line-height:30px;
color:#0B75AF;
}
ul.sdt_menu li div.sdt_box a:first-child{
margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
color:#fff;
}
/*
* jQuery Nivo Slider v3.1
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=8);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
|