* {
	margin: 0;
	padding: 0;
}

html{ height:100%;}

body{
	font-family: "Meiryo","游ゴシック Medium", "Yu Gothic Medium","Arial", sans-serif;
    height: 100%;}

img {border:none;}

h1 { height:20px; padding-top:50px;}
h2, h3, #footer { clear:both; }
h2 {font-size:180%; line-height:125%; letter-spacing:0.1em; font-weight:normal; margin:15px 0;}
h3, h4 {font-weight:bold; padding-top:25px; padding-bottom:10px; font-size:14px;}
.bf-h3{padding:5px 0;}
h5{ padding-top:10px;}

/* -----リンクの色指定----- */
a { color:#000; text-decoration: underline; }
a:link		{ color:#000; text-decoration: underline; }
a:visited	{ color:#666; text-decoration: underline; }
a:active	{ color: #F6F; text-decoration: none; }
a:hover		{ color: #F6F; text-decoration: none; }

.smalltext{font-size: 13px; line-height: 1.2em;}
.pt20{padding-top: 20px}

/* --------------------レイアウト-------------------- */
#wrapper,#header,#contents{ width:920px; }

#wrapper { margin: 0 auto; text-align: left; }

#header{ height:120px; }

#leftNavi{ float:left; width:190px; height: 100%; padding:20px 0 50px 0; }
#main { float:right; width:680px; height:100%; font-size:13px; margin-top:20px; margin-bottom:30px;}
#contents { clear:both; height:100%; }


/* --------------------左ナビ-------------------- */

#leftNavi ul li { font-size:13px; list-style:none; padding-bottom:10px;  margin-bottom:10px;}
#leftNavi ul li a { color:#000; text-decoration:none; }

#leftNavi .genre { padding:0 0 6px 17px;  line-height:110%;}

.loginBox{
	box-sizing: border-box;
	width: 100%;
	padding: 0.3em;
	margin:20px 0;
	padding-left: 10px;
	letter-spacing: 1px;
	background-color: #666;
	border-radius: 5px;
	color: #fff;
}
.loginBox a{text-decoration: none;	color: #fff;
}

/* --------------------ヘッダー要素-------------------- */

.topNavi{ float:right; width:540px; text-align:right; }
.topNavi ul { height:47px; word-spacing:10px; padding:6px 9px 0 0; }
.topNavi ul li{ display:inline; }
.topNavi li a {  padding-left:10px; text-decoration:none; color: #000; background:url(../image/topicpath.gif) no-repeat left center; }
.topNavi li a:hover	 {  text-decoration: underline;  }

.mycart { float:right; padding:38px 0 0 0; }
.mycart p { text-align:center; background:url(../img/cart_w.gif) no-repeat center; width:60px; height:56px; }
.mycart p a { text-decoration:none; color:rgb(100, 100, 100); font-weight:bold; font-size:1.5em; position:relative; top:10px; left:2px;}




/* ---------------main--------------- */


#main p, form { padding:5px 0; }
#main ul {padding:10px 0 0 30px;}
#main ul li {margin-bottom:5px;}

.top { width:680px; height:100%; margin-bottom:30px;   }
.mintext{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif!important; font-size: 1.2em;}

.titleBox{ width:680px; }


.newBookTitle{ padding:6px 0; font-family: serif; font-size: 24px}
.newBook { width:170px; height:260px;float:left; }
.newBook p { width:165px; padding-top:3px;}


.blackborder { width:650px;  clear:both; border:1px solid #ccc; padding:15px 15px; margin:15px 0 30px 0; }
#main .bookTitleList ul{ padding:0;}
#main .bookTitleList ul li{ list-style:none; display:inline; padding:0;}
.atWork{clear:both; line-height:1.7em; border-top:solid 1px #000; border-bottom:solid 1px #000; margin-top:15px; margin-bottom:10px; padding:10px 0;}
.titleBold{ font-weight:bold; color:#D2B48C;}

.fontbold { font-weight:bold; padding-top:20px; color:rgb(47, 49, 145);}


.remarks {line-height:2em; list-style: circle; padding:10px 0 10px 30px;}

.info{ clear:both; padding:15px 25px; background-color: #fffaf0; margin:20px auto;}
.info h2{ font-size:15px; padding-top:0; border-bottom:dashed 1px #999;}
.info h3{ font-size:14px; padding-top:10px; color:#800000; font-weight:;margin:0;}

.news{  padding-bottom:15px; margin:auto 10px;}
.news h3 {padding-bottom:0;}

.entry{ width:680px; clear:both;}

.tsunodaTop{ float:left; width:330px; height:155px; padding-bottom:25px;}
.daisyTop{ float:right; width:330px;height:155px;  margin:0 0 20px 10px; padding-bottom:25px;}
#main .daisyTop h3 { color:rgb(255, 53, 0); clear:both;}

.trans ul li { list-style:none;}
table { clear: both; padding-bottom:15px;}
table td { padding:5px;}

.aboutFrame {padding-bottom:25px;}
.borderDashed { border-bottom:dashed 1px #CCC;}
.about  {
	width:680px;
	border-collapse: collapse;
	padding-bottom:15px;
	color: #666;
}
.about td { border: 1px solid #CCC;}

.line-TB{ border-bottom:#666 solid 1px; border-top:#666 solid 1px; margin:5px 0; padding:5px 0;}
.review{ white-space:normal; width:300px;}

.daisyNew{clear:both; background-color:#ffedab;margin:5px 0; text-align:center;}
.daisyNew a:link,.daisyNew  a:visited {color:#c4972f; font-weight:bold;}

/* -----form----- */


input[type='text'],
textarea {
	font: 15px/24px;
	box-sizing: border-box;
	width: 100%;
	padding: 0.3em;
	padding-left: 10px;
	letter-spacing: 1px;
	border: 1px solid #ccc;
	background-color: #fafafa;
	line-height: 2em;
}
input[type='submit'],input[type="reset"]{
	font: 15px/24px;
	box-sizing: border-box;
	width: auto;
	padding: 0.3em;
	padding-left: 10px;
	letter-spacing: 1px;
	border: 1px solid #ccc;
	background-color: #fafafa;
}

input[type="submit"]:hover,input[type="reset"]:hover {
   /* マウスが上に載ったとき */
   background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
   border: 1px solid #ccc;
}
input[type="submit"]:active,input[type="reset"]:active {
   /* 押されたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
}

.submitBox{font-size:24px;width:200px; height: 50px;}

/* -----daisy----- */
.daisyFrame{
padding:0 0 10px 0;
width:680px;
overflow:hidden;
clear:both;
}

.daisyLeft{
margin:0px;
padding:20px 0 0 20px;
width:320px;
height:350px;
float:left;
}

.plextalkLeft{
margin:0px;
padding:0 0 0 10px;
width:280px;
float:left;
}

.plextalkRight{
margin:0px;
padding:0 0 0 10px;
width:380px;
float:left;
}

.plextalk { list-style: decimal;}
.plextalk2{ list-style: none; padding:0 0 10px 0;}



/* -----footer sitemap----- */
#footer{  font-size:12px;clear:both; height: 10%;
			bottom: 0;  
			width:100%; 
			padding:20px 0 50px 0; 
			color: rgb(150, 150, 150); 
			background-color:rgb(240, 240, 235);
			  }
#footer ul li { display:inline; float:left; padding-right:15px;}
#footer ul li a { color: rgb(150, 150, 150); }
.footerLink{ width:920px; margin:0 auto; padding-top:10px; }			
address{ text-align:right; font-style:normal; letter-spacing:normal; }




/* -----パンくず----- */

.topicPath_01 ul { float:right; font-size:10px; padding-bottom:15px; height:30px;}  
.topicPath_01 ul li {  text-align:right; width:680px; padding-left:15px; display:inline; background:url(../image/topicpath.gif) no-repeat left center; }  
.topicPath_01 ul li a {  text-decoration: underline; color: #000; }  


.kana { font-size:10px; padding:0;}


/* -----検索詳細----- */


.bookSearch tr:hover {
  background-color: #FFFAF0;
}

.dTag { font-size:24px; font-weight:bold; padding-top:15px; border-bottom: dashed #999 1px; width:680px;}
.sTag { font-size:18px; font-weight:bold; padding:20px 0;}
.hTag { color: #999;}
.this {color: #F66;}

.red { color:#F30;}
.green{color: #3C0;}
.blue{color: #09F;}
.purple{color: #93F;}

.smallfont{ font-size:75%; font-family:Arial,sans-serif;}

.authorTag{ padding:10px 0; text-align:center; word-spacing:10px;}

.authorList { float:left; padding:20px 0 0 0; width:136px;}


.dlLeft { float:left; width:300px; height:100%;}
.dlRight { float:right;width:300px; height:100%;}



/* -----book----- */

.navi{ clear:both; width:700px; text-align:center; position: relative; top:30px; }

.book {width:680px; display:block;}

.bookLeft { float:left; padding:20px 30px 0 0;}
.bookRight {width:500px; float:left;padding-top:10px;}
#main .bookRight ul { list-style:none; padding-left:0;}

.bookRight h2 { font-size:16px; font-weight:bold; margin-bottom:0;}
.book p{ clear:both; font-size:14px; padding:6px 0;}
.author { font-size:15px; padding:5px 0;}
p.author { font-size:15px; padding:0 0 5px 0;}


#form {width:680px; margin:0 auto;}
#area table{margin:0 auto; padding-top:50px;}

.tenyou{color: #F30; font-size:11px;}

.mailForm{ padding:10px 0; line-height:1.5em;}
.mailmg{font-size:13px; line-height:1.8em;}


/* -----新刊展望----- */

.subtitle{ font-size:14px;}
.t-author{font-size:12px; font-weight:normal;}
.txt{ font-size:12px;}
.issue{width:100%; border-top:1px dotted #999; margin-top:10px;padding-top:10px;}


.hideTitle{ text-indent:-9999px}


/* -----音訳者募集----- */
/*.recruit{ text-indent:-9999px; background:url(../img/recruit.gif) no-repeat center; width:680px; height:190px;}*/
.recruit{ color: #630;background-color:#f8f4e6; width:640px; height:auto;padding:20px;
border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */}

.recruit li{list-style: none; font-weight: bold;}

.recruit li::before {
  content: "●";
}

.apply li {list-style-type: decimal;}
.apply li::before {
  content: none;
}

/* -----角田房子ライブラリー----- */

.tsunodabox1{
	border:solid 2px rgb(255, 215, 215); 
	padding:3% 4%; 
	margin:25px 0; 
	background-color: #FFF7FA;
}
.tsunodabox1 ul li {
	list-style:none; 
	font-size:16px
	}


.tsunodabox2{
	border-top:solid 1px #7E7260; 
	border-bottom:solid 1px #7E7260; 
	margin-top:15px; 
	margin-bottom:20px; 
	padding:4%; 
	background-color: #FFFFF6; 
	color: #4d453a;
}

/* -----カート内の表----- */

.about th{background-color: #4d4d4d; color: #fff; text-align: center;}

.author b{color:red;}