/*--- common ---*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
margin: 0;
padding: 0;
font-size: 100%;
}
* {
font-size:12px;
font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
list-style: none;
margin:0;
padding:0;
}
body {
margin: 0;
padding:0;
line-height: 1.0;
-webkit-text-size-adjust: none;
}
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav{
display:block;
}
img{
border:none;
}
a{
color:#CC6600;
text-decoration:none;
}
.clear{
clear:both;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.seesaalogo{
margin:0px;
background:#fff;
}
#iphone-container{
text-align:center;
}
/*--- common ---*/
/*--- ad ---*/
.page-header-ad{
text-align:left;
margin:5px 10px;
}
.top-ad{
text-align:center;
}
.im_ad_block2{
padding-bottom:10px;
}
/*--- ad ---*/
/* -- Header -- */
#banner{
margin:0px 0px;
text-align:left;
padding:10px 0px 0px 0px;
background: -webkit-linear-gradient(top, #FEFFCB 0%, #F8973E 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#FEFFCB), to(#F8973E));
background-color:#FEFFCB;
border-bottom:1px solid #000;
}
.navi{
padding:10px 0;
}
.banner-button-left a{
display:block;
width:55px;
height:28px;
text-indent:-9999px;
overflow:hidden
}
.banner-button-right a{
display:block;
width:55px;
height:28px;
text-indent:-9999px;
overflow:hidden
}
.banner-button-left{
float:left;
}
.banner-button-right{
float:right;
background:url("http://blog.seesaa.jp/img/iphone_bg/blue/pc_blog.png") no-repeat;
}
#banner h1{
margin:5px 0px 10px 0px;
text-align:center;
}
#banner h1 a{
font-size:16px;
color:#333;
margin:0px;
text-shadow: 1px 1px 1px #fff;
display:block;
}
#banner .description{
padding:10px;
line-height:140%;
background-color:#fff;
}
/* -- Header -- */
/* -- content -- */
/* --- index --- */
#list-content{
text-align:center;
margin:5px 5px 0 ;
padding:10px 5px 10px 5px;
background-color:#fff;
padding-bottom:5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-radius-topleft: 5px;
border-radius-topright: 5px;
}
/* --- pager--- */
.navi-line{
padding:15px 0 ;
margin:0 auto;
text-align:center;
}
.navi-top{
border-collapse:collapse;
line-height:1.0;
margin:0px auto 10px auto;
text-align:center;
}
.navi-bottom{
border-collapse:collapse;
line-height:1.0;
margin:10px auto 0px auto;
padding:15px 0px;
text-align:center;
margin-bottom:10px;
}
.navi-top td,
.navi-bottom td{
padding:0;
}
.pager-prev-on a,
.backtoArticle a{
display:block;
text-align:center;
margin-right:3px;
padding:5px 10px 5px 15px;
}
.backtoArticle a{
width:70px;
margin-left:5px;
}
.commentfinished{
color:#990000;
text-align:center;
padding:5px;
}
.pager-prev-off .no-link{
display:block;
padding:5px 10px 5px 15px;
text-align:center;
margin-right:3px;
background:#eeeeee;
}
.pager-next-on a{
display:block;
text-align:center;
padding:5px 15px 5px 10px;
}
.pager-next-off .no-link{
display:block;
text-align:center;
padding:5px 15px 5px 10px;
}
.pager-on a{
display:block;
text-align:center;
padding:5px 0px 5px 0px;
width:28px;
margin-right:3px;
}
.pager-off span{
display:block;
text-align:center;
padding:5px 0px 5px 0px;
width:28px;
background:#eeeeee;
margin-right:3px;
}
.pager-shorten{
text-align:center;
padding:5px 0px 5px 0px;
width:18px;
margin-right:3px;
}
.blog-list{
text-align:left;
overflow:hidden;
}
.blog-list a{
display:block;
height:60px;
padding:0;
margin:0;
}
.blog-list a:hover{
}
.arrow{
float:right;
width:20px;
height:60px;
}
.list-blogbody{
float:left;
width:92%;
line-height:1.0;
}
.list-title{
padding:10px 5px 0px 10px;
}
a .list-title{
color:#CC6600;
}
.list-date{
text-align:right;
padding:3px 5px 0px 0px;
}
a .list-date{
color:#666;
font-weight:normal;
}
.list-posted{
padding:3px 5px 0px 0px;
text-align:right;
font-weight:normal;
}
a .list-posted{
color:#CC6600;
}
/* --- index --- */
/* --- article --- */
#content{
text-align:center;
background-color:#fff;
margin:5px 5px 0;
padding:10px 5px 10px 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-radius-topleft: 5px;
border-radius-topright: 5px;
}
.article-navi{
border-collapse:collapse;
line-height:1.0;
margin:0px auto 10px auto;
width:215px;
border:solid 0px #000;
text-align:center;
display: -webkit-box;
display: -moz-box;
display: box;
}
.article-navi div{
display:inline;
}
.article-navi-bottom{
border-collapse:collapse;
line-height:1.0;
margin:0px auto 10px auto;
width:215px;
border:solid 0px #000;
text-align:center;
display: -webkit-box;
display: -moz-box;
display: box;
padding-top:10px;
}
.article-navi-bottom div{
display:inline;
}
.prev-article-on a{
display:inline;
padding:5px 10px 5px 10px;
margin-right:3px;
}
.back-blogtop a{
display:inline;
padding:5px 10px 5px 10px;
margin-right:3px;
}
.next-article-on a{
display:inline;
padding:5px 10px 5px 10px;
}
.next-article span{
display:inline;
padding:5px 10px 5px 15px;
margin-right:3px;
}
.prev-article span{
display:inline;
padding:5px 10px 5px 15px;
margin-right:3px;
}
.blog{
text-align:left;
}
.title{
font-size:16px;
font-weight:bold;
line-height:140%;
padding:10px 0;
}
.date{
text-align:right;
color:#999;
font-weight:normal;
padding:10px;
}
.text{
margin:10px 0 ;
line-height:150%;
font-size:16px;
}
.posted{
color:#999;
text-align:right;
padding:10px;
}
.bookmark{
text-align:right;
padding:10px;
}
.bookmark img{
margin-right:3px;
}
.bookmark iframe{
margin-right:3px;
}
#comments{
text-align:center;
}
.recentcommentContent{
background:#fff;
margin:0 0px;
padding:10px 0px 0px;
}
.comments-head,
.trackback-head,
.category-name{
text-align:center;
font-size:16px;
font-weight:bold;
margin:10px 0px;
padding-bottom:10px;
}
.commentView,
.trackbackView{
padding:5px 0;
}
.commentView a,
.trackbackView a{
display:block;
text-align:center;
color:#CC6600;
line-height:1.0;
font-weight:bold;
padding:11px 0px;
background-color:#FEFFCB;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.trackback-url{
text-align:right;
padding-right:5px;
padding-bottom:10px;
}
.trackback-body{
text-align:left;
padding:10px 0px;
}
.trackback-list{
padding-bottom:10px;
}
.comments-body{
text-align:left;
padding:10px 0px;
}
.comment-list{
padding-bottom:10px;
}
.comments-post{
padding:0px 10px;
text-align:right;
}
.comments-form{
margin:10px;
text-align:left;
}
.comment-form-input{
padding-bottom:10px;
}
.comment-form-text{
font-weight:bold;
margin:2px 0px;
padding:2px;
}
.comment-form-input input{
margin-top:3px;
width:95%;
padding-bottom:10px;
}
.comment-form-input textarea{
margin-top:3px;
width:95%;
height:150px;
}
.comment-need{
color:#fff;
line-height:1.0;
background:#f93;
padding:2px 5px;
margin-left:5px;
font-weight:normal;
font-size:10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.comment-need-text{
text-align:left;
margin:5px 0px;
}
.comments-buttons input{
display:block;
text-align:center;
color:#CC6600;
line-height:1.0;
font-weight:bold;
margin:0px auto;
padding:11px 0px;
width:271px;
border:none;
background-color:#FEFFCB;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-webkit-appearance: button;
}
.comments-article{
text-align:left;
}
.comment-error{
color:#990000;
}
.category,
.archive{
text-align:center;
margin:0px 0px 10px 0px;
background-color:#fff;
}
.category select,
.archive select{
background-color: transparent;
background-image: url("http://blog.seesaa.jp/img/iphone_bg/blue/select_arrow.gif");
background-position: 95% 50%;
background-repeat: no-repeat;
background-size: 7px 8px;
border: 0 none;
font-size: 14px;
height: 30px;
width: 100%;
color:#CC6600;
text-align:center;
font-weight:bold;
}
.category select option,
.archive select option{
text-align:center;
}
/* -- content -- */
/* -- photo -- */
.recentPhotoTitleWrap{
text-align:center;
margin:0px 0px 10px 0px;
background-color:#fff;
}
.recentPhotoTitle{
text-align:center;
font-size:16px;
font-weight:bold;
margin:10px 0px;
padding-bottom:10px;
}
.index-article-next .more{
text-align:right;
padding:5px 5px 5px 5px ;
}
.recentphotoList{
float:left;
width:100px;
text-align:center;
padding-bottom:5px;
}
.photoDetailTitle,
.photolistTitle{
text-align:center;
font-size:16px;
font-weight:bold;
margin:10px 0px;
padding-bottom:10px;
}
.photoBlogList{
text-align:left;
overflow:hidden;
}
.photoBlogList a{
display:block;
height:50px;
padding:0;
margin:0;
}
.photo-arrow{
float:right;
background:url("http://blog.seesaa.jp/img/iphone_bg/blue/arrow.png") no-repeat right;
width:20px;
height:50px;
}
.photo-list-blogbody{
float:left;
width:92%;
line-height:1.0;
}
.photo-list-title{
padding:15px 5px 0px 10px;
}
a .photo-list-title{
color:#2222D3;
}
.photo-list-date{
float:left;
padding:3px 5px 5px 10px;
}
a .photo-list-date{
color:#666;
font-weight:normal;
}
.photoDetail{
margin:10px 0px;
text-align:center;
}
.photoDetail img{
text-align:center;
width:90%;
}
.photoDetailNavi{
line-height:1.0;
text-align:center;
display: -webkit-box;
display: -moz-box;
display: box;
text-align:center;
margin:10px auto;
width:100px;
}
.photoDetailList{
text-align:left;
overflow:hidden;
}
.photoDetailList a{
display:block;
padding:0;
margin:0;
}
.photoArticleTitle{
padding:10px 5px 10px 10px;
}
a .photoArticleTitle{
font-weight:bold;
font-size:14px;
}
.otherUpload{
padding:20px 0px 10px;
}
.otherUploadInner{
padding:10px 0px;
}
.otherUploadList{
float:left;
width:100px;
text-align:center;
padding-bottom:5px;
}
.otherUploadListMargin{
padding-bottom:3px;
}
.otherUploadDate{
font-size:12px;
text-align:center;
}
.uploadListUnderSection{
padding:0px;
}
/* -- photo -- */
/* -- Footer -- */
.footercontainer{
background:#ffffff;
padding:10px 5px 10px;
margin:0 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-radius-bottomleft: 5px;
border-radius-bottomright: 5px;
}
#footer{
}
.changedeviceLinks{
background:#ffffff;
margin:0 0px;
text-align:center;
padding:5px 5px 5px 5px;
}
.changedeviceLinks span{
color:#000;
font-weight:bold;
}
.powered{
text-align:center;
padding:5px 0px;
color:#fff;
}
.pb5{
padding-bottom:5px;
}
/* Clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix{
zoom: 1;
} /* IE6 */
*:first-child+html .clearfix{
zoom: 1;
} /* IE7 */
.text:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .text{
zoom: 1;
} /* IE6 */
*:first-child+html .text{
zoom: 1;
} /* IE7 */
/*--- template color ---*/
.title,
a .photoArticleTitle,
.comments-head,
.trackback-head,
.category-name,
.recentPhotoTitle,
.photoDetailTitle,
.photolistTitle{
color:#CC6600;
}
.posted{
border-top:1px dotted #FFCC33;
}
.navi-line,
.blog-list,
.trackback-url,
.trackback-body,
.comments-body,
.recentPhotoTitleWrap,
.comments-head,
.trackback-head,
.category-name,
.recentPhotoTitle,
.photoDetailTitle,
.photolistTitle{
border-bottom:1px dotted #FFCC33;
}
.date,
.photoBlogList,
.photoDetailList{
border-bottom:1px dotted #FFCC33;
border-top:1px dotted #FFCC33;
}
#iphone-container,
.archive select,
.category select,
.powered{
background-color:#FEFFCB;
}
.prev-article span,
.next-article span,
.pager-next-on a,
.pager-on a,
.pager-prev-on a,
.backtoArticle a,
.prev-article-on a,
.back-blogtop a,
.next-article-on a,
.blog-list a:hover{
background-color:#FEFFCB;
}