@charset "utf-8";

html{
margin:0;
padding:0;
}

*{
margin:0;
padding:0;
}

img{
border:0;
}

/*ページ全体*/
body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
background-color:#fff;
margin:0 10px 10px;
}

.clear{
clear:both;
}

.pagetop{
clear:both;
text-align:right;
width:99%;
padding:0.8em 0.5em 0.5em;
margin:0;
font-size:80%;
}

h1{
font-size:100%;
margin:0.2em 0 0.6em;
float:left;
}

#all{
width:100%;
clear:both;
}

header,
#contents,
footer{
clear:both;
float:left;
width:100%;
}

#counter{
clear:both;
border-top:1px solid #ccc;
padding:0.5em 0 0;
margin:0.5em 0;
text-align:center;
}

/*上部のテキストタイトル部分*/
#sub-title{
font-size:80%;
color:#999;
float:right;
margin:0.2em 0em;
}

.pr_top{
clear:both;
font-size:80%;
margin:0 0 1em;
}

/*Powered by 表示部分*/
#powered{
font-size:80%;
text-align:center;
}

/*コピーライト表示部分*/
#copyright{
font-size:80%;
color:#666;
text-align:center;
margin:0.7em 0;
}

/*パンくずリスト部分*/
.topic-path{
margin:0.2em 0;
font-size:80%;
}

/*ナビゲーション*/
ul#navi{
list-style:none;
clear:both;
float:right;
font-size:80%;
margin:0;
padding:0.2em 2px 0 0;
}

ul#navi li{
white-space:nowrap;
float:right;
margin:0;
padding:0 0.5em;
border-left:1px solid #aaa;
}

/*サーチ部分*/
.search{
font-size:80%;
width:99%;
background-color:#f0f0f0;
border:1px solid #ccc;
margin:4px 0;
padding:4px 8px;
clear:both;
}

ol#creators{
float:left;
width:100%;
list-style:none;
margin:0;
padding:0;
border-bottom:1px solid #ccc;
}

ol#creators li{
clear:both;
float:left;
width:99%;
margin:0;
padding:15px 0 10px 1%;
border-top:1px solid #ccc;
}

#site ol#creators li{
border-top:none;
}

#site ol#creators li ol li{
border-top:1px solid #ccc;
}

/*各サイトのサムネイル画像*/
.thumbnail{
float:left;
margin:2px 12px 12px 0;
padding:8px;
border:1px solid #ddd;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow: 0 0 2px #bbb;
-moz-box-shadow: 0 0 2px #bbb;
-webkit-box-shadow: 0 0 2px #bbb;
}

.thumbnail img{
display:block;
}

/*各サイトのデータ*/
h3.site-data{
display:inline;
margin:0 4px 0 0;
font-size:100%;
line-height:1.2em;
}

/*各サイトの所属カテゴリ*/
.site-cate{
display:inline;
font-size:80%;
}

/*各サイトの登録日*/
.submit-date{
margin:0 0 10px;
padding-top:2px;
font-size:80%;
}

/*各サイトの修正ボタン*/
.edit-link{
margin:0 4px 0 0;
}

/*各サイトのコメント*/
.comment{
margin:0 0 6px;
font-size:80%;
}

.comment img{
vertical-align:middle;
}

/*各サイトのオプションリンク*/
p.option-link{
font-size:80%;
line-height:120%;
}

ol#creators li div.option-link{
float:left;
width:100%;
margin:0;
padding:0;
}

ol#creators li div.option-link ol{
float:left;
width:100%;
margin:2px 0 8px 0;
padding:0;
}

ol#creators li div.option-link ol li{
float:none;
width:100%;
margin:6px 0;
padding:16px 0 0 0;
border-top:1px dotted #aaa !important;
border-bottom:1px dotted #aaa;
list-style:none;
}

ol#creators li div.option-link ol li dl{
margin:0 20px 16px;
}

ol#creators li div.option-link ol li dl dt{
margin:0 0 4px;
font-size:80%;
}

ol#creators li div.option-link ol li dl dd{
margin:0 0 4px;
font-size:80%;
}

ol#creators li div.option-link ol li dl dd span{
color:#090;
}

ol#creators li div.option-link p{
clear:both;
margin:0 20px 8px;
padding:0;
font-size:80%;
}

/*各ページの登録数*/
.page-count{
font-size:100%;
margin:0.6em 0.2em;
}

.i-count,.from-count,.to-count{
font-weight:bold;
color:#f00;
}

/*ページリンク-このページ*/
.this-page{
font-weight:bold;
color:#f00;
}

/*ページリンク-他のページ*/
.other-page{
font-weight:bold;
}

/*ページリンク-前のページ*/
.before-page{
font-weight:bold;
}

/*ページリンク-次のページ*/
.next-page{
font-weight:bold;
}


/*TOPページ*/
#top #all{
width:100%;
text-align:center;
margin:0 auto;
clear:both;
}

#top h1{
width:100%;
margin:10px auto;
text-align:center;
}

#top h1 img{
margin:12px 0;
}

#top .search{
clear:both;
margin:8px;
padding:0;
width:99%;
background:none !important;
border:none;
font-size:80%;
text-align:center;
}

#top #cate{
width:100%;
}

#top ol{
font-size:80%;
margin:0 auto;
padding:1em 0;
list-style:none;
font-weight:bold;
width:50em;
position:relative;
top:0;
left:3em;
}

#top ol:after{
content:"";
display:block;
height:0.1em;
clear:both;
}

#top ol li{
display:block;
float:left;
width:15em;
white-space:nowrap;
text-align:left;
padding:0 0 0 18px;
margin:0.3em 0;
background-repeat:no-repeat;
background-position:0 0;
}

#list0{
background-image:url(../img/list0.gif);
}
#list1{
background-image:url(../img/list1.gif);
}
#list2{
background-image:url(../img/list2.gif);
}
#list3{
background-image:url(../img/list3.gif);
}
#list4{
background-image:url(../img/list4.gif);
}
#list5{
background-image:url(../img/list5.gif);
}
#list6{
background-image:url(../img/list6.gif);
}
#list7{
background-image:url(../img/list7.gif);
}
#list8{
background-image:url(../img/list8.gif);
}
#list9{
background-image:url(../img/list9.gif);
}
#list10{
background-image:url(../img/list10.gif);
}
#list11{
background-image:url(../img/list11.gif);
}
#list12{
background-image:url(../img/list12.gif);
}
#list13{
background-image:url(../img/list13.gif);
}
#list14{
background-image:url(../img/list14.gif);
}
#list15{
background-image:url(../img/list15.gif);
}
#list16{
background-image:url(../img/list16.gif);
}
#list17{
background-image:url(../img/list17.gif);
}
#list18{
background-image:url(../img/list18.gif);
}
#list19{
background-image:url(../img/list19.gif);
}
#list20{
background-image:url(../img/list20.gif);
}
#list21{
background-image:url(../img/list21.gif);
}
#list22{
background-image:url(../img/list22.gif);
}
#list23{
background-image:url(../img/list23.gif);
}


#top #counter{
border:none;
padding:0;
margin:0.5em auto;
}

#top #all-count{
clear:both;
margin:1em 0;
font-size:80%;
text-align:center;
}


/*他のカテゴリへのリンク部分*/
.other-list{
font-size:80%;
line-height:120%;
margin:1em 0.2em;
}

#search-text{
clear:both;
font-size:80%;
margin:1em 0;
}

#search-text a.clear_btn{
text-decoration:none !important;
margin:-2px 6px 2px 1px;
padding:2px 3px 1px;
font-size:80%;
vertical-align:middle;
border:1px solid #c2cce5;
background:#ecf3fb;
color:#859eb5;
}

#search-text a.clear_btn:hover{
text-decoration:none !important;
border:1px solid #dce1ed;
background:#00f;
color:#fff;
}

#search-word{
font-weight:bold;
}

#find strong{
background-color:#cfff96;
border:1px solid #93ca7c;
color:#000;
}

#find-count{
color:#f00;
font-weight:bold;
}

h2{
clear:both;
font-size:100%;
margin:0.5em 0.2em 0.2em;
}

#new h2 span{
font-size:80%;
font-weight:normal;
}

#view h2{
padding:0 0 0 18px;
background-repeat:no-repeat;
background-position:0% 50%;
}

/*フォーム画面*/
#form p.text{
clear:both;
font-size:80%;
line-height:120%;
margin:1em 0;
}

#form ul.text{
clear:both;
font-size:80%;
line-height:120%;
margin:1em 1em 1em 2em;
}

#form dl{
width:35em;
margin:0;
padding:0;
font-size:80%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

#form dt{
white-space:nowrap;
margin:0;
padding:0.3em 0.5em;
border-bottom:1px solid #ccc;
background-color:#fffff0;
font-weight:bold;
}

#form dd{
margin:0;
padding:0.5em;
border-bottom:1px solid #ccc;
}

#form dd input{
margin:0.1em 0;
}

#form dd input.long{
width:98%;
}

input.query{
border:1px solid #ccc;
}

/*送信ボタン*/
.submit{
clear:both;
}

.submit input{
margin:1em 0;
}

#form #all h3{
clear:both;
font-size:80%;
line-height:120%;
font-weight:normal;
margin:1em 0;
}

ul.error{
list-style:none;
clear:both;
font-size:80%;
font-weight:bold;
color:#f00;
margin:1em 0.2em 2em;
}

.pr{
text-align:center;
width:100%;
margin:0 0 10px;
padding:12px 0;
border-bottom:1px solid #ccc;
}
.pr iframe{
margin:0 auto;
}

/*下部のリンクバナーなどを表示する部分*/
.pr_btm_b{
margin:0 0 1em;
}

.pr_btm_b img{
margin:0 2px;
}

.pr_btm_a{
clear:both;
width:100%;
margin:1em auto 1em;
text-align:center;
}

#top .pr_btm_a{
margin:1em auto;
}

/* .twitter_data */
.twitter_data{
margin:10px 0;
padding:0;
font-size:80%;
}

.twitter_data dl.profile{
position:relative;
min-height:36px;
height:auto !important;
height:36px;
margin:0 0 15px;
padding:0;
}

.twitter_data dl.profile dt{
position:absolute;
top:50%;
left:10px;
margin:-16px 0 0;
padding:2px;
background:#fff;
border:1px solid #ddd;
}

.twitter_data dl.profile dt img{
display:block;
}

.twitter_data dl.profile dd{
margin:0 0 0 65px;
padding:6px 0 0;
line-height:2em;
}

.twitter_data ol.twitter{
list-style:none;
margin:0 0 15px;
padding:0;
}

.twitter_data ol.twitter li{
position:relative;
min-height:36px;
height:auto !important;
height:36px;
margin:0 !important;
padding:18px 0 !important;
}

.twitter_data ol.twitter li .icon{
position:absolute;
top:50%;
left:10px;
margin:-16px 0 0;
padding:2px;
background:#fff;
border:1px solid #ddd;
}

.twitter_data ol.twitter li .icon img{
display:block;
}

.twitter_data ol.twitter li dl{
margin:0 0 0 65px;
padding:0;
}

.twitter_data ol.twitter li dl dt{
margin:0 0 8px;
padding:0;
line-height:1.4em;
}

.twitter_data ol.twitter li dl dd{
line-height:1.4em;
}

.twitter_data ol.twitter li dl dd.content{
margin:0 0 12px;
padding:0;
}

/* ul.social */
ul.social{
list-style:none;
width:360px;
height:20px;
margin:0 auto;
padding:15px 4px;
}

ul.social li{
float:left;
}

ol#creators li ul.social li.hatena,
ul.social li.hatena{
width:65px;
}

ol#creators li ul.social li.twitter,
ul.social li.twitter{
width:105px;
}

ul.social li.twitter a{
color:#fff;
}

ol#creators li ul.social li.facebook,
ul.social li.facebook{
width:118px;
}

ol#creators li ul.social li.gplus,
ul.social li.gplus{
width:70px;
}

ol#creators li ul.social{
float:left;
height:auto;
margin:0;
padding:0 0 4px;
}

ol#creators li ul.social li{
border:none;
clear:none;
padding:0;
}