@charset "utf-8";

/*------------------------------------------------------------------------------
 RESET
 -------------------------------------------------------------------------------*/

body, div, p,  ul, ol, li, dl, dt, dd, table, th ,td, img,
h1, h2, h3 ,h4 ,h5, h6, form, select {
	margin: 0;
	padding: 0;
}
ul, ol		{ list-style: none; }
img		{ border: 0; vertical-align: bottom; }
table		{ border-collapse: collapse; }
a:focus { outline:none;}

/*------------------------------------------------------------------------------
 ANCHORS
 -------------------------------------------------------------------------------*/

a:link,
a:visited	{ color: #ff9900; text-decoration: none; }
a:hover,
a:active	{ color: #ff9900; text-decoration: none; }


/*------------------------------------------------------------------------------
 FONTS
 -------------------------------------------------------------------------------*/

body, input, select, textarea, table, th, td, li ,a {
	font-family: Arial,'ＭＳ Ｐゴシック','MS P Gothic','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif,Helvetica;
}

#wrapper{
  background-color: #c4e5f8;
  width: 100%;
  color:#000;
}

#container{
  margin:0 auto;
}

#main{
	margin-bottom:20px;
}
#main h1 img{
	width:100%;
}

.banner {
 	margin: 0 auto;
	width: 90%;
	margin-top:20px;
}

.banner ul li img {
	margin-bottom:5px;
	width: 100%;
}

.list_link {
 	margin: 0 auto;
	width: 90%;
	margin-top:30px;
	position: relative;
}

.list_link h2 {
	color:#144c96;
	font-size: 22px;
	text-align:center;
	margin-bottom:10px;
}

.list_link ul {
}

.list_link ul li {
	display:inline;
}

.list_link ul li img {
	margin-bottom:5px;
	width: 48%;
}
.list_link .new {
	position: absolute;
	top:20px;
	left:-10px;
}
.list_link .new img {
	width: 50%;
}
.comicbox {
	margin:0 auto;
	margin-bottom:20px;
	padding:10px;
	padding-bottom:25px;
	border:1px solid #ddd;
	background-color:#fff;
	color:#333;
	width:80%;
}

.comicbox h3{
	padding:10px 10px 5px 10px;
	font-size:18px;
	text-align:center;
}

.comicbox .vol1 {
	color:#e72e60;
}

.comicbox .vol2 {
	color:#183d97;
}

.comicbox .vol3 {
	color:#db3018;
}

.comicbox .vol4 {
	color:#45a732;
}

.comicbox .vol5 {
	color:#e72e60;
}

.comicbox .vol6 {
	color:#f4b11b;
}

.comicbox h3 span {
	color:#000;
	font-size:12px;
	font-weight:normal;
	display: block;
	text-align:center;
}

.comicbox p {
	font-size:12px;
	line-height:1.5;
	margin: 0 auto;
	width: 90%;
}

.comicbox img {
	text-align:center;
	margin:10px 30px 5px 30px;
	width:80%;
}

.comicbox .btn{
	background-color:#000;
	color: #fff;
	margin:10px auto;
	padding: 10px 0;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	border-radius: 6px;
	width:90%;
}
.comicbox .btn a:link,
.comicbox .btn a:visited	{ color: #ffffff; text-decoration: none; }
.comicbox .btn a:hover,
.comicbox .btn a:active	{ color: #ffffff; text-decoration: none; }

.btn p{
	font-size:10px;
	color: #fff;
}

h1{
	text-align:center;
}

h2{
	margin:0 15px;
	color:#e7d685;
	font-size:16px;
}

h3 {
	padding:30px 0 20px 0;
	margin:0 auto;
	text-align:center;
}

h3 img {
	width:86%;
}

h3 span{
	font-size:11px;
}

#goods{
	width:100%;
	margin:0 auto;
	text-align:center;
}

#goods img{
	width:86%;
	margin:0 auto;
	text-align:center;
}

h4{
	margin:0 15px;
	font-size:24px;
	color:#257baa;
	line-height:130%;
	text-align:center;
}

h4 span{
	font-size:14px;
}

#footer{
	background-color:#144c96;
}

#copyright{
	margin-top:40px;
	border-top:1px solid #144c96;
}

#copyright img{
	display: block;
	margin: auto;
	margin-top: 20px;
}

#switch{
	display: block;
	margin: auto;
	text-align:center;
	margin-top: 10px;
	padding-bottom: 20px;
	padding-top:5px;
	font-size:12px;
	color:#fff;
}

#switch a:link,
#switch a:visited	{ color: #ff9900; text-decoration: none; }
#switch a:hover,
#switch a:active	{ color: #ff9900; text-decoration: underline; }