body {
	padding: 0;
	margin: 0;
	background: #ffffff;
	font-size: 13px;
	color: #262626;
}
 
.none {
	text-indent: -9999px;
}
 
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
img,
em {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

img {
	border-style:none;
}
a img {
	border-style:none;
}
 
li {
	list-style:none;
	white-space: nowrap;
	zoom: 1;
}
 
li a{
	color: #A29D9D;
}
 
li a:hover{
	color: #848181;
}
 
a {
	color: #F07100;
	text-decoration: none;
}
 
a:hover {
	color: #D06200;
}

em {
	font-style: normal 
}

.text-center {
	text-align :center;
}

.text-left {
	text-align :left;
}

.text-right {
	text-align: right;
}

.float-left {
	float :left;
}

.float-right {
	float: right;
}
p {
	line-height: 170%;
}

/* clearfix
---------------------------------------------------------------------*/

.clearfix {
	zoom:1;
}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}


/* 枠
---------------------------------------------------------------------*/

#wrapper {
	padding-bottom: 10px;
	margin: 0 auto;
	width: 1040px;
	border-bottom: 1px dotted #E2E2E2;
}

.leftmenu,
.rightmenu { 
	width: 220px;
	padding: 0 8px;
	border: 1px solid #E2E2E2;
}
.leftmenu {
	float: left;
}

.rightmenu {
	float: right;
}

.maincontents {
	width: 520px;
	padding: 0 20px;
	float: left;
}
	
.maincontents_big{
	width: 920px;
	padding: 0 20px;
	float: left;
}

.maincontents_big ul{
	padding: 20px 0;
}	


/* アイコン画像
---------------------------------------------------------------------*/

.whats-icon {
	background: url("/pc/bookimg/whats.gif") no-repeat;
}
.twitter-icon {
	background: url("/pc/bookimg/twitter.gif") no-repeat;
	}
.search-icon {
	background: url("/pc/bookimg/search.gif") no-repeat;
	}
.pickup-icon {
	background: url("/pc/bookimg/pickup.gif") no-repeat;
	}
.oshirase-icon {
	background: url("/pc/bookimg/oshirase.gif") no-repeat;
	}
.newbook-icon {
	background: url("/pc/bookimg/newbook.gif") no-repeat;
	}
.mail-icon {
	background: url("/pc/bookimg/mail.gif") no-repeat;
	}
.kuchikomi-icon {
	background: url("/pc/bookimg/kuchikomi.gif") no-repeat;
	}
.osusume-icon {
background: url("/pc/bookimg/osusume.gif") no-repeat;
	}

.rank-icon {
	background: url("/pc/bookimg/category_rank.gif") no-repeat;
	}

.osusume-icon {
	background: url("/pc/bookimg/category_pick.gif") no-repeat;
	}
	
.syousai-icon {
	background: url("/pc/bookimg/category_syousai.gif") no-repeat;
	}

.ichiran-icon {
	background: url("/pc/bookimg/ichiran_pick.gif") no-repeat;
	}
	
.toiawase-icon {
	background: url("/pc/bookimg/toiawase_pick.gif") no-repeat;
	}

.ichiran-icon,
.toiawase-icon {
	width: 960px;
	height: 35px;
	padding: 15px 0 0 60px;
	font-size: 21px;
	font-weight: bold;
	color: #ffffff;
}


/*リストの横のアイコン
---------------------------------------------------------------------*/

ul.miniicon li,
.globalmenu li,
.sideminiicon {
	padding-left: 10px;
	background: url("/pc/bookimg/mini_icon.gif") 0% 45% no-repeat;
	}

ul.miniicon li {
	line-height: 150%;
}


/*head
---------------------------------------------------------------------*/
 
#header {	
	padding: 0;
	margin: 0 auto; 
	background: #FFAEC0;
	padding-top: 25px;
	height: 120px;
	overflow: hidden;
}
 
#headercontents {
	margin: 0 auto;
	width: 1040px;
}

#logo {
	width: 500px;
	float: left;	
	}
	
	#logo img {
		width :300px; 
		height :80px;
		}
h1 {
	height :40px;
	font-size: 10px;
}


/*head-news
---------------------------------------------------------------------*/

#newsarea {
	padding: 0px 0 0 100px;
	width: 440px;
	float: right;
}

#news-box {
	width: 230px;
	height: 110px;
	padding: 10px;
	background: url("/pc/bookimg/newsback.jpg") no-repeat;
	float: left;
}

#newsarea h3 {
	height: 15px;
	padding: 0px 20px 0 15px;
	background: url("/pc/bookimg/h5.gif") no-repeat;
	font-weight: bold;
	font-size: 12px;
}
	
#news-box ul {
	padding: 5px;
	height: 40px;
}

#news-box li {
	font-size: 10px;
	border-bottom: 1px dotted #C3B1A2;
	line-height: 150%;
}

#newsarea li.all-news {
	text-align: right;
}


#shere-box {
margin-left: 5px;
width: 130px;
height: 80px;
padding: 10px;
background: url("/pc/bookimg/shereback.jpg") no-repeat;
float: left;
}

#shere-box ul {
	padding: 10px 0 0 10px;
}
	
#shere-box ul li {
	display: inline;
}
	

/* globalarea
---------------------------------------------------------------------*/

#globalarea {
	padding: 20px 20px 10px 20px;
	width: 1000px;
}

.globalmenu {
	width: 1000px;
	border: 1px solid #C3B1A2;
}


.globalmenu h2 {
	width: 970px;
	height: 20px;
	padding: 10px 0 0 30px;
	background: url("/pc/bookimg/janle-sarch.jpg") no-repeat;
	font-size:12px;
}

.globalmenu ul {
	padding: 5px 10px;
}

.globalmenu li {
font-size: 12px;
line-height: 150%;
	
}

.globalmenu ul li {
	display: inline;
}

.pankuzu {
	padding-top: 10px; 
}



/* side
---------------------------------------------------------------------*/

.sidecontents_title {
	width: 210px;
	height: 50px;
	padding: 7px 5px;
	margin-top: 7px;
	border-bottom: 1px dotted #9F9F9F;
	border-top: 3px solid #FFAEC0;
}

h2.sidemenu {
	width: 145px;
	height: 33px;
	padding: 17px 0 0 65px;
	font-size: 15px;
	font-weight: bold;
}

.sidecontents {
	padding: 10px;
	/* widthはもともと 220px なので200px */
}

.sidecontents img.osusume {
	width: 100px;
	height: 60px; 
	padding: 10px 0;
}

h3.sidecontents_subtitle,
h4.sidecontents_subtitle,
.sidecontents_subtitle {
	margin: 10px 0;
	padding: 0 20px 0 15px;
	background: url("/pc/bookimg/h5.gif") no-repeat;
	font-weight: bold;
	font-size: 12px;
}


.nextpage {
		padding-top: 20px;
		
}
p.nav a {
	margin: 0 auto;
	width: 270px;
	height: 70px;
	display :block;
	overflow: hidden;
	background: url("/pc/bookimg/next.gif") no-repeat;
}

p.nav a:hover {
	background: url("/pc/bookimg/nexton.gif") no-repeat;
}

p.nav_others {
	padding: 10px 0;
	border-bottom: 1px dotted #9F9F9F;
	border-top: 1px dotted #9F9F9F;
	text-align: center;
}

/* side-どんな？
---------------------------------------------------------------------*/
.maler a {
	float: left;
	width: 85px; 
	height: 70px;
	margin: 5px 0 0 5px;
	overflow: hidden;
	display :block;
	background: url("/pc/bookimg/maler.gif") no-repeat;
}

.maler a:hover {
	background: url("/pc/bookimg/maler2.gif") no-repeat;
}


/* side-ピックアップ
---------------------------------------------------------------------*/
.pickup {
	padding: 5px 0;
	height: 50px;
	border-bottom: 1px dotted #ededed;
	}

.pickup p a{
	height: 30px;
	paddnig-top: 20px;
	line-height:42px;
}

.pickup img {
	float: left;
}

.sidecontents td.pickuptitle {
		padding-left: 5px;
}


.ichiran {
	margin-top: 10px;
	text-align: right;
	border-top: 1px dotted #c5c5c5;
	border-bottom: 1px dotted #c5c5c5;
}
	


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

.maincontents_category {}

h2.mainmenu {
	width: 450px;
	height: 35px;
	padding: 15px 0 0 60px;
	font-size: 21px;
	font-weight: bold;
	color: #ffffff;
}

.maincontents_category p.categorytext,
.maincontents_category p.categorytext_b {
	width: 500px;
	padding: 5px 0 5px 10px;
	border-bottom: 1px dotted #FF3D81;
}

.maincontents_category p.categorytext_b {
	font-size: 15px;
}



.maincontents_area_noneborder {
	padding: 15px 10px 0 10px;
	}
	
.maincontents_area {
	padding: 15px 10px 0 10px;
	border-bottom: 2px solid #FF3D81;
}

.maincontents-title {
	float: left;
	height: 30px;
	font-size: 15px;
}

h3.sitename {
	float: left;
	padding: 5px 0 5px 15px;
	background: url("/pc/bookimg/h4.gif") no-repeat;
	font-size: 18px;
	font-weight: bold;
}


h3.archicve {
	float: left;
	padding: 5px 0 5px 15px;
	margin: 10px 0;
	background: url("/pc/bookimg/h4.gif") no-repeat;
	font-size: 18px;
	font-weight: bold;
}

img.career {
	padding-left: 3px;
}

.maincontents_banner {
	padding: 5px 0;
}

span.banner {
	float: left;
	padding: 10px 10px 0 0;
}

.site_maler a {
	float: left;
	width: 85px; 
	height: 70px;
	overflow: hidden;
	display :block;
	background: url("/pc/bookimg/maler.gif") no-repeat;
}

.site_maler a:hover {
	background: url("/pc/bookimg/maler2.gif") no-repeat;
}


.details {
	float: right;
	padding: 10px 20px;
	background: url("/pc/bookimg/details.gif") 0% 30% no-repeat;
}

.toplink {
	padding-right: 20px;
	text-align: right;
}


table.maincontents_info {
	padding: 5px 0;
	border-collapse: collapse;
	border-top: 1px dotted #9F9F9F;
	line-height :150%;
	width: 500px;
}

table.maincontents_info tr {
	border-bottom: 1px dotted #9F9F9F;
	height: 20px;
}


td.info1,
td.info2,
td.info3 {
	font-weight: bold;
	padding: 8px 0 8px 25px;
	width: 100px;
}


td.info1 {	
	background: url("/pc/bookimg/info1.gif") 0% 40% no-repeat;
}

td.info2 {
	background: url("/pc/bookimg/info2.gif") 0% 40% no-repeat;
}

td.info3 {
	background: url("/pc/bookimg/info3.gif") 0% 40% no-repeat;
}





/* footer
---------------------------------------------------------------------*/
#footer {
	padding-top: 30px;
	height: 100px;
}

/* google検索
---------------------------------------------------------------------*/
  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  input.gsc-input {
    border-color: #BCCDF0;
  }
  input.gsc-search-button {
    border-color: #666666;
    background-color: #CECECE;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #666666;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #0000CC;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #0000CC;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #0000CC;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #0000CC;
  }
  .gsc-cursor-page {
    color: #0000CC;
  }
  a.gsc-trailing-more-results:link {
    color: #0000CC;
  }
  .gs-webResult .gs-snippet {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl {
    color: #008000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #008000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #666666;
    background-color: #FFFFFF;
  }
  .gs-promotion {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #0000CC;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #000000;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #008000;
  }