@charset 'utf-8';

/* -----------------------------------------------------------------

	body > container > main > list.dice

------------------------------------------------------------------ */

#sub.dice #subA {
	width:229px;
	float:left;
}

#sub.dice #subB {
	width:130px;
	float:right;
}

#sub.dice .serial ul{
margin:0 0 10px 0;
}
#sub.dice .serial ul li{
background:#353F41;
margin:0 0 2px 0;
padding:0;
font-size:10px;
}
#sub.dice .serial ul li:hover{
background:#424F51;
}

#sub.dice .serial ul li a{
padding:5px 6px;
color:#FFFFFF;
display:block;
}
#sub.dice .serial ul li a:hover{
text-decoration:none;
}
#list.dice .body .title {
background:#353F41 url(../img/ttl_dice.gif) no-repeat;
}
#list.dice .body .box {
height:100%;
background:#FFF;
border-bottom:1px solid #A9B8C7;
margin:0 0 0 0;
padding:15px 15px 0;
}
#list.dice .body .box .img {
float:left;
border:1px solid #D4D8DA;
margin:0 0 10px 0;
}
#list.dice .body .box .text {
float:right;
width:364px;
height:100%;
}
#list.dice .body .box .text p.date {
background:#E3E3E3;
float:left;
font-size:10px;
line-height:13px;
padding:0 5px 0 0;
width:309px;
height:13px;
margin:0 0 7px 0;
text-align:right;
}
#list.dice .body .box .text p.category {
float:left;
line-height:13px;
width:50px;
height:13px;
margin:0 0 7px 0;
}
#list.dice .body .box .text h3 {
clear:both;
margin:0 0 5px 0;
font-size:14px;
font-weight:800;
line-height:18px;
}
#list.dice .body .box .text p {
margin:0 0 10px 0;
font-size:12px;
line-height:17px;
}
#list.dice .body .box .text p.serial {
background:transparent url(../img/icon_serial.gif) no-repeat scroll left center;
font-size:10px;
margin:0pt 0pt 5px;
padding:0pt 0pt 0pt 34px;
clear:both;
}
#list.dice .body .box .foot {
height:100%;
border-bottom:1px dotted #A9B8C7;
border-top:1px dotted #A9B8C7;
clear:both;
font-size:10px;
padding:3px 0;
margin:0 0 10px 0;
}
#list.dice .body .box .foot p.info {
float:left;
text-align:left;
width:330px;
margin:0;
padding:0;
}
#list.dice .body .box .foot p.info span.comment {
background:transparent url(../img/icon_comment.gif) no-repeat scroll left center;
padding:0 5px 0 15px;
}
#list.dice .body .box .foot p.info span.review {
background:transparent url(../img/icon_review.gif) no-repeat scroll left center;
padding:0 5px 0 17px;
}
#list.dice .body .box .foot p.info span.hatena {
margin:0 0 0 2px;
}
#list.dice .body .box .foot p.info span.hatena img{
margin:3px 0 0 0;
}
#list.dice .body .box .foot p.info span.hatena a {
text-decoration:none;
}
#list.dice .body .box .foot p.more {
float:right;
width:150px;
text-align:right;
}
/*右サブリスト*/

#sub.dice .dice-category ul {
margin:0 0 10px 0;
}
#sub.dice .dice-category ul li {
background:#FFFFFF;
margin:0 0 3px 0;
border-left-width:5px!important;
}
#sub.dice .dice-category ul li a {
text-decoration:none;
color:#414649;
font-size:12px;
display:block;
padding:5px 5px 5px 5px;
}
#sub.dice .dice-category ul li a {
text-decoration:none;
color:#414649;
font-size:12px;
display:block;
padding:5px 5px 5px 5px;
}
#sub.dice .dice-category ul li a:hover {
background:#F7F3EE;
text-decoration:none;
}

/* -----------------------------------------------------------------

	related

------------------------------------------------------------------ */

#sub.dice .box.related-dice {
border-bottom:1px solid #A9B8C7;
height:100%;
margin:10px 0pt;
padding:0pt 0pt 10px;
}
#sub.dice .box.related-dice.last {
border-bottom:none;
margin:10px 0 0 0;
}
#sub.dice .box.related-dice .head {
margin:3px 5px;
height:12px;
width:auto;
}
#sub.dice .box.related-dice .head .category{
width:50px;
float:left;
line-height:12px;
}
#sub.dice .box.related-dice .head .date{
float:right;
width:164px;
padding:0 3px 0 0;
line-height:12px;
font-size:10px;
background:#EDEDED;
text-align:right;
}

#sub.dice .related_events .box ul.date {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
float:left;
background:none;
}

#sub.dice .box.related-diaries {
border-bottom:1px solid #A9B8C7;
height:100%;
margin:10px 0pt;
padding:0pt 0pt 10px;
}
#sub.dice .box.related-diaries.last {
border-bottom:none;
margin:10px 0 0 0;
}
#sub.dice .box.related-diaries .date {
background:#EDEDED;
font-size:10px;
line-height:12px;
padding:0 3px;
margin:0 5px;
}

#sub.dice .box.related-diaries h3 {
float:left;
font-size:10px;
font-weight:800;
height:100%;
margin:0pt 5px 0pt 0pt;
width:77px;
}
#sub.dice .box.related-diaries .author{
font-size:10px;
margin:0 5px;
}
#sub.dice .box.related-diaries p{
font-size:10px;
margin:0 5px;
}
#sub.dice .box.related-diaries .img {
float:left;
margin:0pt 3px 0pt 5px;
}




/* -----------------------------------------------------------------

	body > container > main > detail.dice

------------------------------------------------------------------ */

/*骰子の眼詳細記事*/
#detail.dice .body .title{
background:#353F41 url(../img/img_icon_ttl_category.gif) no-repeat -275px 0;
}

#detail .body div.content .box {
margin:0pt;
padding:0pt 16px 8px;
}
#detail .body div.content .head {
background:#E3E3E3;
display:block;
padding:0;
margin:10px 15px;
height:13px;
line-height:13px;
}
#detail .body div.content .head p.category{
margin:0 0 0 0;
padding:0 0 0 0;
width:50px;
height:13px;
line-height:13px;
float:left;
color:#FFFFFF;
}
#detail .body div.content .head p.location {
background:#83949C none repeat scroll 0%;
color:#FFFFFF;
display:inline;
font-size:10px;
padding:0 6px;
line-height:13px;
margin:0;
float:left;
}
#detail .body div.content .head p.date {
background:#E3E3E3;
color:#666;
display:inline;
font-size:10px;
padding:0 6px;
margin:0;
line-height:13px;
float:right;
}
#detail .body div.content .box h3 {
height:100%;
font-size:22px;
line-height:25px;
padding:0;
margin:0 0 10px 0;
}

#detail.dice .body div.content .box h3 {
margin:10px 0 10px 0;
}
#detail.dice .body div.content .box .dice-title {
margin:0 0 5px;
}
#detail.dice .body div.content .box .dice-title h3 {
font-size:22px;
font-weight:800;
line-height:1.4;
margin:0 0 5px;
float:none;
width: auto;
-webkit-text-size-adjust: auto;
-moz-text-size-adjust: auto;
-ms-text-size-adjust: auto;
-o-text-size-adjust: auto;
}
#detail.dice .body div.content .box .dice-title h3 a {
color:#333333;
}
#detail.dice .body div.content .box .dice-title .summary {
font-size:16px;
line-height:1.4;
margin:0 0 5px;
-webkit-text-size-adjust: auto;
-moz-text-size-adjust: auto;
-ms-text-size-adjust: auto;
-o-text-size-adjust: auto;
}
#detail.dice .body div.content .box .dice-title .summary a {
color:#333333;
}

#detail.dice .body div.content .box .twitter-btn {
float:right;
width:80px;
padding:0;
margin:10px 0 10px 0;
}
#detail.dice .body div.content .box .navi-serial {
clear:both;
border-top: 1px dotted #A9B8C7;
}
#detail.dice .body div.content .box .navi-serial .serial-h {
float:left;
background: url("../img/icon_serial.gif") no-repeat scroll left center transparent;
width:55px;
margin:3px 0;
padding: 0 0 0 35px;
font-size: 14px;
line-height:1.3;
}
#detail.dice .body div.content .box .navi-serial .serial-title {
float:right;
width:440px;
font-size: 14px;
line-height:1.3;
margin:3px 0;
}
#detail.dice .body div.content .box .navi-sns {
clear:both;
border-top: 1px dotted #A9B8C7;
border-bottom: 1px dotted #A9B8C7;
margin:0 0 10px;
}

#detail.dice .body div.content .box .navi-sns ul.btn-reaction {
	margin: 3px 0;
}

#detail.dice .body div.content .box .navi-sns ul.btn-reaction li.btn-mixi {
	width:60px;
}
#detail.dice .body div.content .box .navi-sns ul.btn-reaction li.btn-hatena {
	width:65px;
}
#detail.dice .body div.content .box .navi-sns ul.btn-reaction li.btn-facebook {
	margin: 2px 5px 0 0;
	width:110px;
}
#detail.dice .body div.content .box .navi-sns ul.btn-reaction li.btn-google {
	margin: 2px 5px 0 0;
	width:110px;
}
#detail.dice .body div.content .box .navi-sns ul.btn-reaction li.btn-more {
	margin: 2px 5px 0 0;
}






#detail .body div.content .box .twitter-btn {
float:right;
width:62px;
height:100%;
font-size:18px;
line-height:25px;
padding:0;
margin:5px 0 10px 0;
}
#detail .body div.content .box .contact {
height:100%;
background:#E0E5EA;
font-size:10px;
padding:3px;
margin:5px 0 10px 0;
text-align:center;
}
#detail .body div.content .box .navi {
height:100%;
border-bottom:1px dotted #A9B8C7;
border-top:1px dotted #A9B8C7;
font-size:10px;
padding:3px 0pt;
margin:0;
clear:both;
}
#detail .body div.content .box p.serial {
background:transparent url(../img/icon_serial.gif) no-repeat scroll left center;
font-size:14px;
margin:0pt 0pt 5px;
padding:0pt 0pt 0pt 37px;
}
#detail .body div.content .box div.summary {
margin:10px 0;
font-size:14px;
}
#detail .body div.content .box .navi p.info {
font-size:10px;
margin:0 0 0 0;
padding:0;
width:400px;
line-height:2;
}


#detail.event .body div.content .box .navi-sns {
    border-bottom: 1px dotted #A9B8C7;
    margin: 5px 0 10px;
	padding:0 0 5px 0;
}

#detail .body div.content .box .navi ul.btn-reaction li {
	margin:3px 5px 0 0;
}

#detail .body div.content .box .navi p.info span.comment {
background:transparent url(../img/icon_comment.gif) no-repeat scroll left center;
padding:0 5px 0 15px;
}
#detail .body div.content .box .navi p.info span.review {
background:transparent url(../img/icon_review.gif) no-repeat scroll left center;
padding:0 5px 0 17px;
}
#detail .body div.content .box .navi p.info span.hatena {
padding:0 5px 0 2px;
}
#detail .body div.content .box .navi p.info span.hatena img {
vertical-align: middle; 
}
#detail .body div.content .box .navi p.info span.hatena a {
text-decoration:none;
}
#detail .body div.content .box .navi p.info span.trackback {
background:transparent url(../img/icon_trackback.gif) no-repeat scroll left center;
padding:0pt 5px 0pt 20px;
}
#detail .body div.content .box .navi p.info .author {
padding:0 5px;
font-size:12px;
}
#detail .body div.content .box .navi p.tool {
padding:0 5px;
margin:0;
float:right;
}
#detail .body div.content .box .navi p.more {
float:right;
font-size:10px;
margin:3px 0 0 0;
padding:0;
line-height:2;
}

#detail .body div.content .box .keyword {
border-bottom:1px dotted #A9B8C7;
border-top:none;
margin:3px 0 25px 0;
padding:0 5px 3px 5px;
height:100%;
}
#detail .body div.content .box .keyword h4 {
font-size:12px;
font-weight:normal;
display:block;
border:none;
height:100%;
margin:0;
padding:0;
float:left;
}
#detail .body div.content .box .keyword p {
margin:0;
padding:0;
float:right;
width:445px;
height:100%;
}
#detail .body div.content .box div.img {
background:#FFF;
margin:0 0 15px;
padding:0;
text-align:center;
}

#detail .body div.content .box div.text ul.right {
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 15px 15px;
width:166px;
}
#detail .body div.content .box div.text ul.right li {
margin:0pt 0pt 18px;
}
#detail .body div.content .box div.text ul.right li div.img {
margin:0;
padding:0;
}
#detail .body div.content .box div.text ul.right li p.caption {
font-size:10px;
margin:3px 0 5px;
color:#7D8A8C;
}

/*詳細記事レビュー・コメント*/

#detail .body #review form,#detail .body #comment form {
margin:0;
padding:0;
}

#detail .body form#comment_delete_form{
margin:0;
padding:0;
display:inline;
}

#detail .body #review,#detail .body #comment{
margin:10px 0 20px 0;
padding:0;
}

#detail .body #review .title{
background:#C1CBD5;
margin:0 0 5px 0;
padding:0;
text-align:left;
height:100%;
}

#detail .body #review .title h4,#detail .body #comment .title h4{
margin:0;
padding:3px 10px;
font-size:12px;
font-weight:800;
float:left;
}
#detail .body #review .title p,#detail .body #comment .title p{
margin:0;
padding:5px 10px 0;
font-size:10px;
float:right;
}

/*レビュー*/

#detail .body #review ul{
margin:0;
padding:0;
float:none;
height:100%;
}
#detail .body #review ul li{
margin:0 0 5px 0;
padding:0;
float:none;
width:auto;
border:1px #C1CBD5 solid;
background: #F7F7F7;
}
#detail .body #review ul li p.author{
background:transparent url(../img/icon_review.gif) no-repeat scroll left center;
margin:10px 10px 0 13px;
padding:0 0 0 18px;
font-size:12px;
}
#detail .body #review ul li p.author a{
font-weight:800;
}
#detail .body #review ul li h5{
margin:0 10px;
padding:7px 0;
font-size:16px;
font-weight:800;
line-height:20px;
border-bottom:1px dotted #A9B8C7;
}
#detail .body #review ul li h5 a{
color:#414649;
}
#detail .body #review ul li p.summary{
margin:3px 10px 10px 10px;
padding:0;
font-size:12px;
line-height:1.5;
}
#detail .body #review ul li p.summary a{
font-weight:800;
}

/*コメント*/

#detail .body #comment .title{
background:#C1CBD5;
margin:0;
padding:0;
text-align:left;
height:100%;
}
#detail .body #comment ul{
background: #F7F7F7;
border:1px solid #C1CBD5;
margin:0;
padding:0;
float:none;
height:100%;
}
#detail .body #comment ul li{
margin:0;
float:none;
height:100%;
border-bottom:1px solid #C1CBD5;
padding:10px 10px 0 10px;
}
#detail .body #comment ul li.last{
border-bottom:none;
}
#detail .body #comment ul li div.head{
margin:0;
padding:0 3px 3px 3px;
float:none;
width:auto;
*height:100%;
background:none;
border-bottom:1px dotted #A9B8C7;
font-size:10px;
}
#detail .body #comment ul li div.head span.author{
margin:0;
padding:0;
float:left;
width:auto;
}
#detail .body #comment ul li div.head span.date{
margin:0;
padding:0;
float:right;
width:auto;
}
#detail .body #comment ul li p.text{
margin:5px 10px 15px;
padding:0;
float:none;
width:auto;
clear:both;
font-size:12px;
}
#detail .body #comment ul li.form{
margin:0;
padding:5px 10px;
border:none;
text-align:center;
}
#detail .body #comment ul li.form label{
display:block;
}
#detail .body #comment ul li.form input.query{
width:200px;
}
#detail .body #comment #note {
background:none;
margin:0pt 0pt 10px;
padding:5px;
text-align:center;
clear:both;
height:100%;
}
#detail .body #comment ul li.signup{
margin:0;
padding:10px;
border:none;
text-align:center;
border-top:1px dotted #A9B8C7;
}
#detail .body #comment ul li.form h5{
margin:0;
padding:0;
font-size:12px;
font-weight:800;
text-align:left;
}
#detail .body #comment ul li.form .submit{
margin:5px 0;
text-align:right;
}
#detail .body #comment ul li.form textarea{
width:98%;
height:60px;
margin:0;
padding:0;
font-size:12px;
}


/*ページャー*/
#detail .body div.content .box div.pager p.prev {
float:left;
margin:5px 0 0 0;
padding:0;
}

#detail .body div.content .box div.pager p.next {
float:right;
margin:5px 0 0 0;
padding:0;
}


/* -----------------------------------------------------------------

	dice-individual

------------------------------------------------------------------ */

#detail.dice .body div.content .box div.text {
margin:10px 0 100px;
clear:both;
-webkit-text-size-adjust: auto;
-moz-text-size-adjust: auto;
-ms-text-size-adjust: auto;
-o-text-size-adjust: auto;
}
#detail.dice .body div.content .box div.text .l {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #CCCCCC;
float:left;
margin:5px 5px 10px 0pt;
padding:3px;
}
#detail.dice .body div.content .box div.text .r {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #CCCCCC;
float:right;
margin:5px 0 10px 5px;
padding:3px;
}
#detail.dice .body div.content .box div.text .c {
float:none;
margin:5px auto 10px;
padding:0;
text-align:center;
}
#detail.dice .body div.content .box div.text .c img {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #CCCCCC;
float:none;
margin:0;
padding:3px;
}

#detail.dice .body div.content .box div.text iframe {
padding:0;
margin:0;
border:#A9B8C7 solid 1px;
}


#detail.dice .body div.content .box div.text hr {
border-color:#A9B8C7;
border-style:dotted;
border-width:2px 0 0 0;
margin:0 0 20px;
height: 1px;
}
#detail.dice .body div.content .box div.text strong {
font-weight:800;
color:#414649;
}
#detail.dice .body div.content .box div.text blockquote {
background:#E8E8E8 none repeat scroll 0%;
border:2px solid #CCCCCC;
margin:0 0 15px;
padding:15px 15px 0 15px;
}
#detail.dice .body div.content .box div.text blockquote p {
margin:0 0 15px;
}
#detail.dice .body div.content .box div.text blockquote.i {
background:#F0F0F0;
border-left:2px solid #666;
border-bottom:none;
border-right:none;
border-top:none;
margin:0 0 15px;
padding:10px 10px 10px 15px;
}
#detail.dice .body div.content .box div.text blockquote strong {
color:#FF3366;
}
#detail.dice .body div.content .box div.text p {
font-size:16px;
margin:0 0 15px;
line-height:1.8;
-webkit-text-size-adjust: auto;
-moz-text-size-adjust: auto;
-ms-text-size-adjust: auto;
-o-text-size-adjust: auto;
}
#detail.dice .body div.content .box div.text p strong {
color:#414649;
}
#detail.dice .body div.content .box div.text p.q {
border-left:2px solid #333333;
color:#333333;
font-weight:800;
margin:25px 0 15px;
padding:5px 0 5px 8px;
font-size:20px;
line-height:1.4;
-webkit-text-size-adjust: auto;
-moz-text-size-adjust: auto;
-ms-text-size-adjust: auto;
-o-text-size-adjust: auto;
}
#detail.dice .body div.content .box div.text .manga h3 {
float: none;
font-size: 20px;
line-height: 25px;
margin: 10px 0;
padding: 0;
width:auto;
}
#detail.dice .body div.content .box div.text h4 {
color:#333333;
font-size:16px;
line-height:1.8;
font-weight:800;
margin:10px 0 5px;
padding:0;
-webkit-text-size-adjust: auto;
-moz-text-size-adjust: auto;
-ms-text-size-adjust: auto;
-o-text-size-adjust: auto;
}
#detail.dice .body div.content .box div.text h4 img {
vertical-align:middle;
}
#detail.dice .body div.content .box div.text h5 {
color:#507180;
font-size:14px;
font-weight:normal;
line-height:1.5;
margin:3px 0 15px;
padding:0;
-webkit-text-size-adjust: auto;
-moz-text-size-adjust: auto;
-ms-text-size-adjust: auto;
-o-text-size-adjust: auto;
}
#detail.dice .body div.content .box div.text h6 {
color:#333333;
font-size:12px;
font-weight:normal;
line-height:1.9;
margin:3px 0 15px;
padding:0;
}
#detail.dice .body div.content .box div.text p a {
text-decoration:underline;
}
#detail.dice .body div.content .box div.text p a:link {
color:#3D79A0;
text-decoration:underline;
}
#detail.dice .body div.content .box div.text p a:visited {
color:#52708E;
}
#detail.dice .body div.content .box div.text p a:hover {
color:#2EA1C2;
text-decoration:none;
}
#detail.dice .body div.content .box div.text ul.list {
display:block;
list-style-type:none;
margin:5px 0pt 15px;
padding:0pt;
}
#detail.dice .body div.content .box div.text ul.list li {
border-bottom:1px dotted #C7C7C7;
color:#333333;
display:block;
font-size:12px;
list-style-type:none;
margin:2px 0pt;
padding:3px 5px;
}

#detail.dice .body div.content .box div.text ul.list li strong {
color:#414649;
}
#detail.dice .body div.content .box div.text p.lead {
font-size:16px;
line-height:1.8;
margin:0 0 30px;
padding:0;
font-weight:800;
-webkit-text-size-adjust: auto;
-moz-text-size-adjust: auto;
-ms-text-size-adjust: auto;
-o-text-size-adjust: auto;
}
#detail.dice .body div.content .box div.text br.clear {
line-height:0px;
}

/*rank*/
#detail.dice .body div.content .box div.text .rank .txt {
float:right;
width:350px;
}
#detail.dice .body div.content .box div.text .rank h5 {
color:#FFF;
font-size:12px;
font-weight:800;
margin:5px 0 0 0;
padding:3px 5px;
background:#ABB3B4;
}
#detail.dice .body div.content .box div.text .rank h5.no1 {
background:#B4717B;
}
#detail.dice .body div.content .box div.text .rank h5.no2 {
background:#A5949E;
}
#detail.dice .body div.content .box div.text .rank h5.no3 {
background:#9AAEB7;
}
#detail.dice .body div.content .box div.text .rank h4 {
color:#333333;
font-size:14px;
font-weight:800;
margin:5px 0 5px 0;
padding:0;
}

/*manga*/
#detail.dice .body div.content .box div.text h4 span.point {
background:#AAC20C;
color:#FFFFFF;
font-size:16px;
padding:2px 5px;
margin:0 5px 0 0;
font-weight:800;
}
#detail.dice .body div.content .box div.text .manga {
background:#ECEEED;
border:#A9B8C7 solid 2px;
padding:5px 15px 0;
margin:0 0 20px 0;
}
#detail.dice .body div.content .box div.text .manga h4 {
font-size:16px;
font-weight:800;
margin:5px 0;
}
#detail.dice .body div.content .box div.text .manga p {
margin:0 0 10px 0;
}

/*twitter-archive

<iframe src="/ex/include/_09124_twitter.php" class="twitter">フレーム対応のブラウザで回覧してください。</iframe>

*/

#detail.dice .body div.content .box div.text iframe.twitter{
margin:0;
padding:0;
border:none;
width:100%;
height:500px;
}

.twitter-archive {
margin:0;
padding:10px 0;
background:#FFFFFF;
}
.twitter-archive ul {
margin:0;
}
.twitter-archive ul li {
margin:5px 10px;
padding:10px;
border:#A3D3D0 solid 1px;
background:#E8F4F3;
}
.twitter-archive ul li .img {
float:left;
margin:0;
padding:0;
width:50px;
}
.twitter-archive ul li .txt {
float:right;
margin:0;
padding:0;
width:410px;
}
.twitter-archive ul li .txt a {
font-weight:800;
margin:0 5px 0 0;
}
.twitter-archive ul li .txt p {
line-height:1.3;
margin:0;
padding:0;
}
.twitter-archive ul li .txt p a {
font-weight: normal;
margin:0 5px;
}


/*twitterer_anywhere*/

#twitterer_anywhere{
margin:0;
padding:0;
}

#twitterer_anywhere h4{
margin:0;
padding:5px 5px 5px 25px;
font-size:12px;
border-bottom:#C1CBD5 solid 1px;
background:url(../img/icon_retweet.gif) no-repeat 8px 8px;
}
#twitterer_anywhere h4 a{
color:#414649;
}

#twitterer_anywhere ul{
margin:0 0 15px 0;
padding:0;
}

#twitterer_anywhere ul li{
margin:0;
padding:5px;
border-bottom:#EBEEF1 solid 1px;
}

#twitterer_anywhere ul li .img{
border:none;
width:50px;
float:left;
margin:0!important;
}

#twitterer_anywhere ul li .txt{
width:465px;
float:right;
}

#twitterer_anywhere ul li .txt p{
line-height:1.4;
padding:0;
margin:0 0 5px 0!important;
}
#twitterer_anywhere ul li .txt p.date{
font-size:10px!important;
}
#twitterer_anywhere ul li .txt p.date a{
color:#7C7C7C;
}
#twitterer_anywhere ul li .txt p a.name{
font-weight:800;
}



/*hatena_bookmark_anywhere*/

#hatena_bookmark_anywhere{
margin:0;
padding:0;
}

#hatena_bookmark_anywhere h4{
margin:0;
padding:5px 5px 5px 25px;
font-size:12px;
border-bottom:#C1CBD5 solid 1px;
background:url(../img/icon_hatena.gif) no-repeat 3px 9px;
}

#hatena_bookmark_anywhere h4 a{
color:#414649;
}

#hatena_bookmark_anywhere ul{
margin:0 0 15px 0;
padding:0;
}

#hatena_bookmark_anywhere ul li{
margin:0;
padding:5px;
border-bottom:#EBEEF1 solid 1px;
}

#hatena_bookmark_anywhere ul li .img{
border:none;
width:50px;
float:left;
margin:0!important;
}

#hatena_bookmark_anywhere ul li .txt{
width:465px;
float:right;
}

#hatena_bookmark_anywhere ul li .txt p{
line-height:1.4;
padding:0;
margin:0 0 5px 0!important;
}
#hatena_bookmark_anywhere ul li .txt p.date{
font-size:10px!important;
}
#hatena_bookmark_anywhere ul li .txt p.date a{
color:#7C7C7C;
}
#hatena_bookmark_anywhere ul li .txt p a.name{
font-weight:800;
}
#hatena_bookmark_anywhere ul li .txt p .tag{
color:#7C7C7C;
}
#hatena_bookmark_anywhere ul li .txt p .tag a{
color:#7C7C7C;
}


/* -----------------------------------------------------------------

	dice - related

------------------------------------------------------------------ */

#sub.dice #list .box.related-dice h3 {
clear:none;
font-size:10px;
line-height:14px;
margin:2px 5px 2px 0;
width:128px;
float:right;
}

/* -----------------------------------------------------------------

	dice - related_events

------------------------------------------------------------------ */

#sub.dice #list .body.related_events .box ul.date li {
width:65px;
}

#sub.dice #list .body.related_events .box ul.date li.wk0,#sub.dice #list .body.related_events .box ul.date li.wk1,#sub.dice #list .body.related_events .box ul.date li.wk2,#sub.dice #list .body.related_events .box ul.date li.wk3,#sub.dice #list .body.related_events .box ul.date li.wk4,#sub.dice #list .body.related_events .box ul.date li.wk5,#sub.dice #list .body.related_events .box ul.date li.wk6 {
width:35px;
}

#sub.dice #list .body.related_events .box ul.date li.kara {
width:17px;
}

#sub.dice #list .body.related_events .box p.p-mini, #event.top .body .box p.p-mini {
float:right;
width:120px;
}

/* -----------------------------------------------------------------

	dice - monthly

------------------------------------------------------------------ */


#sub.dice #list ul.normal-list.monthly li {
background:transparent url(../img/icon_list.gif) no-repeat scroll 8px 9px;
font-size:10px;
}

/* -----------------------------------------------------------------

	dice - serial2

------------------------------------------------------------------ */
#sub.dice #serial2{
margin:0 0 3px 0;
}
#sub.dice #serial2 .title{
margin:0 0 2px 0;
height:auto;
}
#sub.dice #serial2 .title h2{
margin:0;
padding:2px 0 10px;
background:#353F41 url(../img/bg_balloon_serial.gif) no-repeat scroll center bottom;
font-size:12px;
font-weight:normal;
text-align:center;
color:#FFFFFF;
width:110px;
}
#sub.dice #serial2 ul{
width:auto;
}
#sub.dice #serial2 ul li{
margin:0 0 3px 0;
}
#sub.dice #serial2 ul li h3{
color:#FFF;
margin:5px;
}
#sub.dice #serial2 ul li .title{
margin:0 5px 3px;
}




/* -----------------------------------------------------------------

	dice - hatena

------------------------------------------------------------------ */

#sub #feed #list.feed h2{
background:transparent url(../img/icon_hatena.gif) no-repeat scroll 7px 7px;
padding-left:30px;
}

#sub #feed #list.feed .body ul.normal-list li{
background:none;
font-size:12px;
border-bottom:#A9B8C7 dotted 1px;
margin:0 5px;
padding:5px;
}

#sub #feed #list.feed .body ul.normal-list li a{
color:#414649;
}



#sub #feed #list.feed .foot{
margin:0 5px;
text-align:right;
font-size:10px;
}



/* -----------------------------------------------------------------

	dice - detail-login

------------------------------------------------------------------ */
#detail .body #detail-login{
margin:10px 0 20px 0;
}
#detail .body #detail-login .title{
background:none;
text-align:left;
}
#detail .body #detail-login .title h4{
background:#C1CBD5 url(../img/bg_balloon_login.gif) no-repeat scroll center bottom;
font-size:12px;
font-weight:normal;
text-align:left;
display:inline;
padding:5px 10px 13px;
}

#detail .body #detail-login .form{
background:#F7F7F7;
border:1px solid #C1CBD5;
padding:10px 20px;
}
#detail .body #detail-login .form .box{
float:left;
width:205px;
margin:0;
padding:0;
}
#detail .body #detail-login .form .box.submit{
width:70px;
padding:14px 0 0 0;
}
#detail .body #detail-login .form .box label{
display:block;
margin:0;
padding:0;
}

#detail .body #detail-login .form .box input.query{
width:185px;
}

#detail .body #detail-login .form .option{
font-size:10px;
padding:10px 0 0 0;
}
#detail .body #detail-login .form .option a{
color:#F7447E;
}
#detail .body #detail-login .form .option a:hover{
color:#F96696;
}


/*dice list serial*/
#list.dice .body .box.serial{
padding:20px 15px 15px;
}

#list.dice .body .box.serial .balloon{
margin:0 0 2px 0;
height:auto;
float:left;
width:90px;
}
#list.dice .body .box.serial .balloon p.txt{
margin:0;
padding:2px 0 10px;
background:#353F41 url(../img/bg_balloon_serial_list.gif) no-repeat scroll center bottom;
font-size:12px;
font-weight:normal;
text-align:center;
color:#FFFFFF;
width:80px;
}

#list.dice .body .box.serial h2{
float:left;
width:420px;
line-height:1.1;
font-size:20px;
}

#list.dice .body .box.serial h2 a{
color:#414649;
}

/*dice list serach*/

#list.dice .body .box.serial.serach .balloon p.txt{
background:#18A7CB url(../img/bg_balloon_serach_list.gif) no-repeat scroll center bottom;
}

/**/
ul.share-btn {
    height: 45px;
    margin: 0 auto;
    width:100%;
}
ul.share-btn li {
    border-radius: 3px;
    display: block;
    float: left;
    font-size: 12px;
	font-weight:800;
	line-height:40px;
    height: 40px;
    margin: 0 0.5%;
    text-align: center;
    width: 32.3333%;
}
ul.share-btn li a {
	display:block;
	width:100%;
    color: #fff;
    text-decoration: none;
}
ul.share-btn li a strong {
    color: #fff;
}
ul.share-btn li a:hover {
    text-decoration: none;
}
ul.share-btn li i {
    font-size: 22px;
    font-style: normal;
    margin: 0 5px 0 0;
	color:#FFF;
    line-height:40px;

}
ul.share-btn li i {
    font-size: 22px;
    font-style: normal;
    margin: 0 5px 0 0;
	color:#FFF;
    line-height:40px;

}


ul.share-btn li.twitter {
    background: none repeat scroll 0 0 #45b0e3;
}
ul.share-btn li.twitter:hover {
    background-color: #7dd5ff;
}
ul.share-btn li.facebook {
    background: none repeat scroll 0 0 #39599f;
}
ul.share-btn li.facebook:hover {
    background-color: #447bee;
}
ul.share-btn li.mail {
    background: none repeat scroll 0 0 #FF9933;
}
ul.share-btn li.mail:hover {
    background-color: #FFBC62;
}
ul.share-btn li, #socialmedia ul.share-btn li:before, #socialmedia ul.share-btn li:after {
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
}