@charset "utf-8";
/* CSS Document */
#tabMenu,
#phoneMenu,
#phoneMenuIndex,
.phoneMenuContents,
.phoneMenuIndex,
.phoneContents{
	display:none;
}
body {
	background-color: #ccffcc;
	text-align: center;
}

#main {
	background-color: #FFF;
	width:960px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#header #headImg{
	background-image:url(../images/mainImg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:120px;
	width:960px;
}
p#indexHead{
	background-image:url(../images/homeHead.gif);
}
p#recoHead{
	background-image:url(../images/featureHead.gif);
}
p#booksHead{
	background-image:url(../images/mybookHead.gif);
}
p#searchHead{
	background-image:url(../images/searchHead.gif);
}
p#rankingHead{
	background-image:url(../images/rankingHead.gif);
}
p#cartHead{
	background-image:url(../images/cartHead.gif);
}
p#aboutHead{
	background-image:url(../images/aboutHead.gif);
}
p#mailHead{
	background-image:url(../images/mailHead.gif);
}
p.topHeadImg{
	background-position:top center;
	background-repeat:no-repeat;
	height:18px;
	width:940px;
	margin-left:10px;
	margin-right:10px;
}
#header #headImg h1{
	visibility:hidden;
}
#header #pcMenu ul  li {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	height: 94px;
	width:70px;
}
#header #pcMenu ul li a{
	display:block;
	padding-top:75px;
}

#header ul li#home{
	background-image:url(../images/home.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#home:hover{
	background-image:url(../images/home_h.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#ranking{
	background-image:url(../images/ranking.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#ranking:hover{
	background-image:url(../images/ranking_h.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#books{
	background-image:url(../images/books.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#books:hover{
	background-image:url(../images/books_h.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#reco{
	background-image:url(../images/push.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#reco:hover{
	background-image:url(../images/push_h.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#aboutMenu{
	background-image:url(../images/about.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#aboutMenu:hover{
	background-image:url(../images/about_h.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#mail{
	background-image:url(../images/mail.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#mail:hover{
	background-image:url(../images/mail_h.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#cart{
	background-image:url(../images/cart.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#cart:hover{
	background-image:url(../images/cart_h.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#searchMenu{
	background-image:url(../images/search.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#searchMenu:hover{
	background-image:url(../images/search_h.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#adminreco{
	background-image:url(../images/adminreco.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#adminreco:hover{
	background-image:url(../images/adminreco_h.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#adminbooks{
	background-image:url(../images/adminbooks.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#adminbooks:hover{
	background-image:url(../images/adminbooks_h.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#adminpage{
	background-image:url(../images/adminpage.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#adminpage:hover{
	background-image:url(../images/adminpage_h.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#adminuser{
	background-image:url(../images/adminuser.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header ul li#adminuser:hover{
	background-image:url(../images/adminuser_h.png);
	background-repeat:no-repeat;
	background-position:top;
}
#header #pcMenu ul li input[type="submit"]{
	border:none;
	background-color:transparent;
	padding-top:75px;
	height: 94px;
	width:70px;
}
#header  #menu1 {
	margin-left: 10px;
	
}

#header #menu1 ul #aboutMenu {
	margin-right: 87px;
}


#main #header #menu2 ul li#search {
	height: 30px;
	width: 220px;
	line-height: 94px;
	font-size: 120%;
}
#main #contents {
	background-color: #FFF;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #006600;
	border-bottom-color: #006600;
	border-left-color: #006600;

}
#main #contents h2#new,
#main #contents h2#reco {
	text-align: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 15px;
}
#main #contents #newContents ul ,
#main #contents #recoContens ul ,
#main #contents .mainContents ul{
	float: left;
	width: 150px;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow:hidden;
	height:350px;
}
.heightSet ul{
	height:350px;
	overflow:hidden;
}

#main #contents h2#reco,
h3.index3{
	clear:both;
}

#main #contents #newContents,
#main #contents #recoContens,
#main #contents .mainContents {
	margin-top:10px;
	margin-left: 70px;
	clear: both;
}
#contents #adminContents{
	clear:both;
}

#main #header ul li a {
	text-decoration: none;
}


ul li.rankLogo{
	text-align:left;
}


#footer {
	width: 960px;
	color: #cccccc;
	text-align: right;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#footer a{
	text-decoration:none;
	color: #cccccc;
}

#main #contents #rankMenu ul li,
#main #contents #headMenu ul li
 {
	height: 48px;
	width: 148px;
	text-align: center;
	font-size: 120%;
	border: 1px solid #CCC;
	float:left;
	margin-right:10px;
	margin-top:10px;
	line-height:48px;
	cursor: pointer;
}
#main #contents #rankMenu ul li a,
#main #contents #headMenu ul li a{
	display: block;
	text-decoration: none;
}
#main #contents #rankMenu ul,
#main #contents #headMenu ul {
	margin-left: 70px;

}
#main #contents #rankMenu ul li:hover,
#main #contents #headMenu ul li:hover {
	background-color: #CFC;
}
form.btnRight_form,
form.btnLeft_form{
	display:inline;
	height:40px;
}
form.btnLeft_form,
img.btnLeft{
	margin-right:10px;
	cursor: pointer;
}
.btnRight_form,
img.btnRight{
	margin-left:10px;
	cursor: pointer;
}
h3.index3{
	text-align:left;
	margin-top:10px;
	margin-left:30px;
	margin-bottom:20px;
	font-size:130%;
}
h3.rankIndex3{
	text-align:left;
	margin-top:10px;
	margin-bottom:20px;
	font-size:140%;
}

h3.pre{
	padding:100px 200px;
	margin-top:10px;
	margin-left:100px;
	margin-right:100px;
	margin-bottom:20px;
	font-size:250%;
	border:solid 1px #cccccc;
	background-color: #ccffcc;
}


#contents .mainText {
	font-size: 100%;
	text-align: left;
	margin-left: 100px;
	margin-bottom: 20px;
}
#contents .rightText  {
	text-align: right;
	font-size: 100%;
	margin-right: 10px;
	margin-bottom: 10px;
	clear:both;
}
#contents .rightText a {
	text-decoration: none;
}
#contents .logoutText{
	width:100px;
	margin-left:800px;
}
#contents .logoutText a{
	text-align:center;
	display:block;
	padding:10px;
	border:solid #CCC 1px;
}
#contents .logoutText a:hover{
	background-color:#CFC;
}

.textRed{
	color:	#F00;
	font-weight:bold;
}

#prevNext p.prev{
	float:left;
	padding:10px;
	margin-left:70px;
}
#prevNext p.next{
	float:right;
	padding:10px;
	margin-right:70px;
}
#prevNext p.prev a{
	text-decoration:none;
}
#prevNext p.next a{
	text-decoration:none;
}
.pageIndex a{
	text-decoration:none;
}


.adminInput{
	padding-top:30px;
	margin-bottom:30px;
	margin-left:0;
}
.adminInput table{
	text-align:center
}
.adminInput p{
	margin:5px;
}
.adminInput input[type="text"],
.adminInput select{
	width:250px;
}

.impressionsList,
.adminList{
	padding-top:20px;
	margin-bottom:50px;
}
.impressionsList{
	margin-right:70px;
	margin-left:70px;
}
.impressionContents{
	color:#666;
}
.impressionText{
	text-align:left;
}
.impressionsList table,
.adminList table{
	width:100%;
}
.impressionsList table th,
.adminList table th{
	text-align:center;
}

.impressionsList td,.impressionsList th,
.adminList td,.adminList th{
	border:1px #666 solid;
}
.logintext{
	clear:both;
}

.logintext td{
	text-align:right;
	font-size:120%;
	padding:10px;
}
.logintext #submit{
	text-align:center;
	font-size:140%;
}
.logintext p{
	font-size:150%;
	margin:20px;
}

.redText{
	color:#F00;
}
.boxPosition{
	position:relative;
}
#hintBox{
	width: 300px;
    border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #ffc2d7;
    padding: 15px;
    position:fixed;
    left: 210px;
    top: 150px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
#contents input[type="submit"]#submit{
	border:1px solid #CCC;
	background-color:#FCC;
	padding:5px;
}
#contents input[type="submit"]#submit:hover{
	background-color:#CFC;
}
.allShow{
	margin-right:20px;
	margin-left:20px;
}

.allShow a{
	text-decoration:none;
	text-align:center;
	padding:10px 15px 10px 15px;
	display:block;
	float:left;
	border:1px solid #CCC;
	
}
.allShow a:hover{
	background-color:#CFC;
}
#mail #new{
	margin-top:-3px;
}
#mail p input[type="text"]{
	width:300px;
}
#mail p textarea{
	width:300px;
}
#mail input[type="submit"]{
	width:60px;
	height:30px;
	margin-bottom:30px;
}
/*snsbtn
-------------------------------------------------------------*/
#snsbtn{
	display:inline-block;
	text-align:left;
	background-color:#ccffcc;
	width:960px;
}
.fb-like{

	float:left;
}
#twitterBtn{

	float:left;
}
.fb_iframe_widget {
  width: auto !important;
  display: inline-block !important;
}
#header{
	clear:both;
}