﻿
/* clearing & floating */

.clearingfix:after{
	content:".";
	display:block;
	line-height:0px;
	clear:both;
	visibility:hidden;
}

.clearingfix{
	display:block;
}

.floatbox{
	overflow:hidden;
}

/* alignments */

.alignleft{
	float:left;
	margin:0 20px 0 0;
}

.alignright{
	float:right;
	margin:0 0 0 20px;
}

/* features box */

div.box{
	background:url(../images/box-top.jpg) 0 0 no-repeat;
	padding:10px 0 0 0;
}

div.box-bg{
	background:url(../images/box-bg.jpg) 0 100% no-repeat;
	padding:0 10px 10px 10px;
}

/* features */

ul.features{
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:left;
}

ul.features li{
	float:left;
	width:340px;
	margin:0px 7px;
	height:80px;
	padding:1px;
	background: #ffffff;
	border:1px solid #B2B2B2;
}

* html ul.features li{
	margin:5px 5px;
}

ul.features li img.features-icon{
	float:left;
}

ul.features li div.details{
	float:right;
	width:255px;
}

ul.features li div.details h4{
	color:#ff3300;
	margin:0;
}

/* comicsthum 単行本の紹介用 */

ul.comicsthum {
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:left;
}

ul.comicsthum li{
	float:left;
	width:320px;
	margin:10px 15px;
	height:120px;
	padding:1px;
	background: #ffffff;
	border:2px dashed #B2B2B2;
}

* html ul.comicsthum li{
	margin:10px 10px;
}

ul.comicsthum li img.comicsthum-icon{
	float:left;
	width:74px;
}

ul.comicsthum li div.details{
	float:right;
	width:240px;
	padding:0px 0px 2px 0px;
}

ul.comicsthum li div.details h4{
	color:#ff3300;
	margin:0;
}

ul.comicsthum li div.icons {
	float:right;
	width:240px;
}

.image_carousel {
	padding: 15px 0 15px 40px;
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
.clearfix {
	float: none;
	clear: both;
}