﻿@charset "utf-8";

/* ----------------------------------------
  Main Style Seet

	3-0.共通
	3-1.index
	3-2.survice
	3-3.book
	3-4.
	3-5.contact
	3-6.
	3-7.
	3-8.
---------------------------------------- */


/* ----------------------------------------
  3-0.共通
---------------------------------------- */
a.icon01{
	color:#1b1b1b;
	background:url(../img/common/icon01.png) no-repeat left 2px;
	font-size:12px;
	padding-left:15px;
	margin-left:15px;
}

a.icon01:hover{
	color:#1b1b1b;
	background:url(../img/common/icon01.png) no-repeat left 2px;
	font-size:12px;
	padding-left:15px;
	margin-left:15px;
	text-decoration:none;
}



/* ----------------------------------------
  3-1.index
---------------------------------------- */

#outer #topcontainer #cp_txt {
	position: absolute;
	right: 91px;
	top: 222px;
	width: 606px;
}

#outer #topcontainer #cp_txt h2{
	font-size:30px;
}

#outer  #book_bnr {
	position: absolute;
	left: 309px;
	top: 470px;
	width: 590px;
	text-align: left;
}
#top_read {
	background-color: #EB6100;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: left;
	color: rgba(245,245,245,1.00);
}

#book_bnr .f11 a img {
	text-align: left;
	float: left;
	padding-right: 10px;
}
 #top_read h3 {
	font-weight: normal;
}
#top_read ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 40px;
	font-weight: normal;
	font-size: 14px;
}
#top_read #top_read_eria {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}



/* ----------------------------------------
  3-2.about
---------------------------------------- */
.aboutbox{
	margin-bottom:38px;
}

.aboutleft{
	width: 650px;
	float: left;
	display: inline;
	text-align: left;
	padding-top: 38px;
}

.aboutright{
	width:278px;
	float:right;
	display:inline;
}

.undertitle{
	margin-bottom:2px;
}

table.about{
	width:700px;
	text-align:left;
	margin-bottom:20px;
}

table.about th{
	width:115px;
	text-align:left;
	font-weight:normal;
	font-size:12px;
	padding-top:15px;
	padding-bottom:15px;
	border-top:dotted 1px #e1dfcf;
	border-bottom:dotted 1px #e1dfcf;
}

table.about th.vtop{
	vertical-align:top;
}

table.about td{
	text-align:left;
	font-weight:normal;
	line-height:1.6;
	font-size:12px;
	padding-top:15px;
	padding-bottom:15px;
	border-top:dotted 1px #e1dfcf;
	border-bottom:dotted 1px #e1dfcf;
}

table.about td table th,
table.about td table td{
	border:none;
	padding-top:5px;
	vertical-align:top;
	padding-bottom:5px;
}

#outer #container #maincolumn .about tr td table tr .syozai {
	border-top: 1px solid #e1dfcf;
	border-bottom: 1px solid #e1dfcf;
}


/* ----------------------------------------
  3-3.survice
---------------------------------------- */


.survice-border{border-bottom:1px dashed #e1dfcf;  }


table.survice{
	width:500px;
	text-align:left;
	font-size:12px;
	margin-left:10px;
}
table.survice th{
	width:115px;
	text-align:left;
	font-weight:normal;
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
}

#shoparea{
	width: 600px;
	font-size: 12px;
	clear: both;
	text-align: left;
	margin-right: 0;
	margin-left: 5px;
	margin-bottom: 0;
	float: left;
}

.shopBox{
	background:#fff;
	text-align:center;
	margin:5px 0 40px 0;
	padding:5px 0px 0 0px;
	border:1px solid #e1dfcf;
}

.shopBox .leftBn{
width:283px;
padding:0 0 18px 10px;
float:left;
}
.shopBox .rightBn{
width:275px;
padding:0 18px 18px 0;
float:right;
}

.shopBox .goshop{
	clear:both;
	margin:15px 0 0 0;
	padding:8px;
	background:#EEEDE3;
}
#outer #container #maincolumn .aboutbox.clearfix .aboutleft h3 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 25px;
	margin-bottom: 15px;

}
#outer #container #maincolumn .aboutbox.clearfix .aboutleft p {
	font-family: Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;
	color: #494949;
}
#outer #container #maincolumn .aboutbox.clearfix .aboutleft h3 span {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-weight: normal;

}
#outer #container #maincolumn .aboutbox.clearfix .aboutleft h2 {
	font-weight: bolder;
	font-size: x-large;
	margin-bottom: 20px;
	border-left:2px solid #EB6100;  
    padding:.3em .5em  
}
#outer #container #maincolumn .aboutbox.clearfix .aboutleft p strong {
	font-size: 14px;

}

/* ----------------------------------------
  3-4.book
---------------------------------------- */
.booktext{
	float:left;
	display:inline;
	text-align:left;
	padding-top:38px;
}
.bookleft{
	float:left;
	display:inline;
}

table.book{
	width:700px;
	text-align:left;
	font-size:12px;
	margin-left:10px;
}

table.book th{
	text-align:left;
	font-weight:bold;
	font-size:13px;
	color:green;
	padding-top:15px;
	padding-bottom:5px;
}
/* ----------------------------------------
  3-5.
---------------------------------------- */



/* ----------------------------------------
  3-6.
---------------------------------------- */



/* ----------------------------------------
  3-7.
---------------------------------------- */


/* ----------------------------------------
  3-8.
---------------------------------------- */

/* ----------------------------------------
  3-9.
---------------------------------------- */

/* ----------------------------------------
  3-10.
---------------------------------------- */

/* ----------------------------------------
  3-11.
---------------------------------------- */

/* ----------------------------------------
  3-12.
---------------------------------------- */

