@charset "utf-8";







/* --------ブックサービス用のCSS-------*/







/* --------基本設定-------(IE用のセンター寄せ→text-align: center;あり) */







body {



	text-align: center;



	color: #343434;



	padding: 0px;



	margin: 0px;



	font: 100% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";



}







h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form,fieldset,pre,blockquote {



	margin: 0px;



	padding: 0px;



	font-weight: normal;



}







img {



	border: 0;



}







.txtSmall {



	font-size: 84.5%;



}







address {



	font-style: normal;



}







.clear {



	clear: both;



}



/* --------外枠部分指定-------- */



#container {



	margin: 0px auto;



	width: 620px;



	text-align: left;



	font-size: 78.58%;



}







/* --------ヘッダーエリア-------- */



#headerArea {



	width: 620px;



	height: 93px;



}







#headerArea #logo {



	width: 107px;



	position: absolute;



	padding: 18px 0px 0px 0px;



}







#headerArea ul li img {



	display: block;



}







/* --------ヘッダーエリア(右側)-------- */



#headerSideArea {



	float: right;



	padding-top: 18px;



}







#headerSideArea p {



	background: url(/img/shelf/bookservice/ico_close.gif) no-repeat top left;



	font-size: 84.5%;



	padding: 2px 0px 0px 16px;



}











/* --------コンテンツエリア-------- */



#contentsArea {



	width: 620px;



}







#contentsArea:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}







/* --------メインエリア-------- */



#mainArea {



	width: 620px;



	float: left;



	line-height: 1.4;



}







/* --------メインエリア-------- */



#mainArea h1 {



	padding-bottom: 15px;



}







#mainArea .bg {



	background: #F2F2F2;



	padding: 10px 10px 10px 10px;



	margin: 10px 0px 10px 0px;



}







#mainArea .btn_bookservice {



	text-align: center;



	margin-top: 20px;



	margin-bottom: 30px;



}







#mainArea .teltable {



	width: 295px;



	margin: 10px 0px 20px 0px;



	font-size: 100%;



	line-height: 1.4;



}







#mainArea .teltable th, 



#mainArea .teltable td {



	text-align: center;



	padding: 6px 0px 6px 0px;



}







#mainArea .teltable td {



	border-bottom: solid #E6E6E6 1px;



}







#mainArea .teltable th.l {



	width: 180px;



	color: #FFFFFF;



	background: #9A9A9A;



}







#mainArea .teltable th.r {



	width: 115px;



	background-color: #E6E6E6;



}







#mainArea .fl {



	float: left;



}







#mainArea .fr {



	float: right;



}







/* --------「Page Top」へ-------- */



.pageTop {



	clear: both;



	background: url(/img/common/ico_pageTop.gif) no-repeat top left;



	display: block;



	width: 70px;



	line-height: 1;



	padding-left: 14px;



	margin: 50px 0px 20px 550px;

	



}







/* --------フッターエリア-------- */



#footerArea {



	width: 620px;



	border-top: solid #999999 1px;



	color: #999999;



	clear: both;



	font-size: 84.5%;



	padding: 14px 0px 8px 0px;



}



#footerArea span {



	color: #333333;



	padding-right: 7px;



}



#footerArea address {



	text-align: right;



}











/* --------リンクカラー(青パタン)※ベース-------- */



a:link {



	color: #275273;



	text-decoration: none;



}



a:visited {



	color: #275273;



	text-decoration: none;



}



a:active {



	color: #275273;



	text-decoration: none;



}



a:hover {



	color: #275273;



	text-decoration: underline;



}







/* --------リンクカラー(黒パタン)-------- */



#headerSideArea p a:link {



	color: #444444;



	text-decoration: none;



}



#headerSideArea p a:visited {



	color: #666666;



	text-decoration: none;



}



#headerSideArea p a:active {



	color: #666666;



	text-decoration: none;



}



#headerSideArea p a:hover {



	color: #666666;



	text-decoration: none;



}







/* --------faq.html用-------- */



#mainArea .faq{

	margin:20px 0 10px 0;

}



#mainArea .faq dt{

	background-color: #F2F2F2;

	margin: 15px 0 10px 0;

	font-weight: bold;

	

}



#mainArea .faq dd{

	margin: 0 0 0 30px;

	text-indent: -1em;

}





#mainArea .sonota{

	margin:30px 0 0 0;

}





#mainArea .arrow {

	background: url(/img/common/ico_arrow.gif) no-repeat top left;

	padding: 3px 0px 0px 18px;

	list-style: none;

	margin: 0px 0px 5px 0px;

}



#mainArea .qa_margin{

	margin-bottom: 30px;

}