タグ部分）のデザイン*/
.CalendarTr { border-bottom: 1px solid #3d3d3d; border-left: 1px solid #3d3d3d }
/*日付表示部分、日曜日の| タグ部分デザイン*/
.CalendarTdSun { border-bottom: 1px solid #3d3d3d; border-left: 1px solid #3d3d3d }
/*日付表示部分、土曜日の | タグ部分デザイン*/
.CalendarTdSat { border-bottom: 1px solid #3d3d3d; border-left: 1px solid #3d3d3d }
/*日付表示部分、平日曜日の | タグ部分デザイン*/
.CalendarTd { border-bottom: 1px solid #3d3d3d; border-left: 1px solid #3d3d3d }
/*記事が存在する場所の設定*/
.CalendarTdLink { }
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
}
/*-------------------------------------------------------
追加スタイル
-------------------------------------------------------*/
.susume_Sign { padding-bottom: 4px }
.susume_Sign a { color: #000 }
/*************
通常記述の場所（PC）
*************/
#wrap {
margin: 0 auto;
width: 1000px;
min-height:100%;
}
.wrapbg-blog {background:url('http://full-cast.net/img/bg-jablog') top center no-repeat;}
#top_box {
position:relative;
height:625px;
margin-bottom:20px;
}
header {}
header h1 {
padding:0 10px;
font-size:15px;
line-height:30px;
color:#fff;
}
#pc_menu {
padding:0 10px;
margin-bottom:20px;
}
#pc_menu ul {
padding-left:1px;
border-left:1px solid #cccccc;
}
#pc_menu ul li {
float:left;
width:121px;
border-right:1px solid #cccccc;
background:#ffffff;
line-height:50px;
text-align:center;
}
#pc_menu ul li a {
display:block;
}
#smp_menu {
display:none;
padding:0 10px;
margin-bottom:20px;
}
#top_box h2 {
position:absolute;
right:100px;
top:350px;
color:#fff;
font-size:30px;
text-shadow:3px 2px 5px rgba(0,0,0,0.9);
}
#top_box h2 a:link {color:#ffffff; text-decoration:none;}
#top_box h2 a:visited {color:#ffffff; text-decoration:none;}
#top_box h2 a:hover {color:#ffff00; text-decoration:none; background:none;}
#top_box h2 a:active {color:#ff0000; text-decoration:none;}
cont_box {
margin-bottom:20px;
}
.box01 {
padding:0 10px;
margin-bottom:20px;
}
.box02 {
position:relative;
float:left;
width:310px;
padding:10px;
margin-bottom:20px;
}
.bg01 {background:url('../img/bt01-turi.png') top left no-repeat;}
.bg02 {background:url('../img/bt02-syoku.png') top left no-repeat;}
.bg03 {background:url('../img/bt03-miru.png') top left no-repeat;}
.bg04 {background:url('../img/bt04-web.png') top left no-repeat;}
.box02tx {
position:absolute;
right:20px;
top:10px;
width:160px;
font-size:11px;
}
.box02 h3 {
font-size:13px;
font-weight:bold;
margin-bottom:15px;
}
#pagetop {
position: fixed;
bottom: 10px;
right: 10px;
}
section {
margin-bottom:50px;
}
.box03 {
float:left;
width:310px;
padding:10px;
margin-bottom:20px;
}
.link {
margin:50px 0;
padding:15px;
border: 1px #cccccc dashed;
border-radius: 20px; /* CSS3 */
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari,Chrome */
background:#F0F8FF;
}
.link p {
margin-bottom:20px;
}
.box04 {
position:relative;
float:left;
width:310px;
height:190px;
padding:10px;
margin-left:3px;
margin-bottom:20px;
border-radius: 20px;
}
.box04tx {
position:absolute;
right:20px;
top:10px;
width:160px;
}
.bg-tan {background:url('../img/bt-tan.png') top left no-repeat;}
.star {
font-size:120%;
color:#ffff00;
text-shadow:1px 1px 3px rgba(0,0,0,0.7);
}
#footer {
margin: 0 auto;
width: 1000px;
height:80px;
text-align:center;
border-top:1px #000000 solid;
}
/* ギャラリー */
.gallery {background:#000; margin-bottom:50px;}
.ContentFlow .flow .item canvas.content{height:100%;width:100%}
.ContentFlow .flow .item.active{cursor:pointer}
.ContentFlow .flow .item .caption{font-size:100%;font-weight:700;text-align:center;color:#fff;max-height:30%;bottom:10%;background:url(../img/1x1_0.5_black.png);width:100%;position:absolute;display:none}
* html .ContentFlow .flow .item .caption{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../img/1x1_0.5_black.png')}
.ContentFlow .scrollbar{width:50%;height:16px;background:url(../img/scrollbar_white.png) left center repeat-x;overflow:visible;position:relative;z-index:1;visibility:hidden;margin:10px auto 0}
.ContentFlow .scrollbar .slider{width:16px;height:16px;background:url(../img/slider_white.png) center center no-repeat;cursor:move;position:absolute}
* html .ContentFlow .scrollbar .slider{background-image:none}
* html .ContentFlow .scrollbar .slider .virtualSlider{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../img/slider_white.png');height:100%}
.ContentFlow .scrollbar .slider .position{top:120%;font-size:16px;font-weight:700;color:silver;position:absolute;text-align:center}
.ContentFlow .globalCaption{text-align:center;font-weight:700;color:#000;font-size:14px;height:20px;position:relative;z-index:1;margin:2em auto}
.ContentFlow .loadIndicator{width:100%;height:100%;top:0;left:0;background:#000;position:absolute;z-index:65000}
.ContentFlow .loadIndicator .indicator{background:url(../img/loader.gif) center center no-repeat;width:100%;height:100%}
* html .ContentFlow .loadIndicator .indicator{height:100px}
.ContentFlow{position:relative;overflow:hidden}
.ContentFlow *{margin:0;padding:0}
.ContentFlow ../img{-ms-interpolation-mode:bicubic}
.ContentFlow .mouseoverCheckElement{position:absolute;width:0;height:0;left:0;visibility:hidden}
.ContentFlow:hover .mouseoverCheckElement{left:1px}
.ContentFlow .flow{position:relative;z-index:0;visibility:hidden;width:100%;margin:0 auto}
.ContentFlow .flow.hidden{visibility:hidden}
.ContentFlow .flow .item{position:absolute;visibility:hidden;top:0;left:0}
.ContentFlow .flow .item div.content{width:100%;height:100%}
.ContentFlow .flow .item .label{display:none}
.ContentFlow .flow .item canvas.reflection{margin-top:-1px}
.ContentFlow .flow .item ../img.content,.ContentFlow .flow .item ../img.reflection,.ContentFlow .flow .item canvas.reflection{width:100%}
.ContentFlow .flow .item .caption a,.ContentFlow .flow .item .caption a:link,.ContentFlow .flow .item .caption a:visited,.ContentFlow .flow .item .caption a:active,.ContentFlow .flow .item .caption a:hover,.ContentFlow .globalCaption .caption a,.ContentFlow .globalCaption .caption a:link,.ContentFlow .globalCaption .caption a:visited,.ContentFlow .globalCaption .caption a:active,.ContentFlow .globalCaption .caption a:hover{color:#FFF;font-size:0.8em;font-style:italic;text-decoration:none}
.ContentFlow .flow .item .caption a:hover,.ContentFlow .globalCaption .caption a:hover{text-decoration:underline}
.ContentFlow .flow .item .content,.ContentFlow .flow .item .reflection{display:block}
/************************
メディアクエリ設定 0～768（タブレット）
************************/
@media screen and (min-width: 0px) and (max-width: 768px) {
}
/************************
メディアクエリ設定 0～480（モバイル）
************************/
@media screen and (min-width: 0px) and (max-width: 480px) {
/* アコーディオン
----------------------------------------------------- */
ul.accordion {
width:94%;
margin:0 auto;
padding:5px;
font-size:16px;
}
ul.accordion a {
display:block;
}
ul.accordion span {
display:block;
padding:10px;
color:#aaa;
font-weight:bold;
}
ul.accordion ul {
display:none;
}
ul.accordion > li {
background:#fff;
line-height:2.0em;
border:1px solid #ccc;
border-radius: 10px 10px 9px 9px; /* CSS3 */
-moz-border-radius: 10px 10px 9px 9px; /* Firefox */
-webkit-border-radius: 10px 10px 9px 9px; /* Safari,Chrome */
}
ul.accordion > li > p {
text-align:center;
cursor:pointer;
}
ul.accordion > li > ul > li {
padding-left:20px;
background:#cccccc;
font-size:13px;
font-weight:bold;
color:#000;
border-bottom:1px solid #fff;
line-height:3.0em;
}
ul.accordion > li > ul > li:last-of-type {
border-radius:0 0 10px 10px;
}
ul.accordion > li > ul > li > a {
display:block;
}
ul.accordion > li > ul > li > a:link {color:#000; text-decoration:none;}
ul.accordion > li > ul > li > a:visited {color:#000; text-decoration:none;}
ul.accordion > li > ul > li > a:hover {color:#f00; text-decoration:none;}
ul.accordion > li > ul > li > a:active {color:#fff; text-decoration:none;}
/* アコーディオンここまで
----------------------------------------------------- */
}
|