@charset "UTF-8";

/*======================
CENTER
======================*/

#center_in{
padding:0 5px 0 5px;
margin:0;
}

/*======================
RIGHT
======================*/

#right{
padding:0;
margin:0;
width:185px;
float:right;
}

#right_in{
padding:0;
margin:0;
}

/*======================
MAINCON
======================*/

#maincon a:link {color:#5A86DC;}
#maincon a:visited {color:#2B346C;}
#maincon a:active {color:#5A86DC;}
#maincon a:hover {color:#719DF1;text-decoration:underline;}

#maincon{
position:relative;
padding:0;
margin:0;
margin-top:10px;
margin-left:5px;
float:left;
text-align:left;
color:#333;
font-size:12px;

}

/*各コンテンツへのバナー*/

#banner-fashion  a {
	width: 500px;
	height:142px;
	background-image: url(../images/bn-fashion02a.jpg);
	background-position: 0px 0px;
	display: block;
	margin:0 0 3px 0;
}
#banner-fashion a:hover {
	background-position: 0px -142px;
}

.banner-fashion-txt{
	position:absolute;
	top:102px;
	left:130px;
	width:370px;
	color:#FFF;
	font-size:10px;
	line-height:16px;
}

.banner-kaname{
	position:relative;
	width:500px;
	height:142px;
	background:url(../images/bn-kanamejun01.jpg) no-repeat;
	margin:0 0 3px 0;
}

.banner-kaname-txt{
	position:absolute;
	top:98px;
	left:52px;
	width:305px;
	color:#000;
	line-height:16px;
}

#banner-hayashi{
	position:relative;
	width:500px;
	height:142px;
	background:url(../images/bn-hayashi02.jpg) no-repeat;
	margin:0 0 3px 0;
}

.hayashi-y{
	position:absolute;
	top:64px;
	left:272px;
}

.hayashi-r{
	position:absolute;
	top:102px;
	left:272px;
}

.hayashi-tanjo{
	position:absolute;
	top:28px;
	left:272px;
}

#banner-ad{
	position:relative;
	width:500px;
	height:142px;
	background:url(../images/bn-ad01.jpg) no-repeat;
	margin:0 0 3px 0;
}

.banner-ad-txt{
	position:absolute;
	top:70px;
	left:25px;
	width:455px;
	color:#000;
	line-height:18px;
}

#banner-sansaku{
	position:relative;
	width:500px;
	height:142px;
	background:url(../images/bn-sansaku01.jpg) no-repeat;
	margin:0 0 3px 0;
}

.banner-sansaku-txt{
	position:absolute;
	top:70px;
	left:25px;
	width:455px;
	color:#000;
	line-height:18px;
}

#banner-books  a {
	width: 500px;
	height:90px;
	background-image: url(../images/bn-book00a.jpg);
	background-position: 0px 0px;
	display: block;
	margin:0 0 3px 0;
}
#banner-books a:hover {
	background-position: 0px -90px;
}

.banner1-txt{
	font-size:11px;
	padding:0;
	margin:3px 0 5px 0;
	text-align: right; 
	}

/*---------------------------------------------------------*/

/*link */
a:link  {text-decoration: none; }
a:visited  {text-decoration: none; }
a:active  {text-decoration: none; }
a:hover  {text-decoration: underline; }

a img{border:0;}


/*----------------------------------------------------------*/

#whatnew{
	padding:0px;
	margin:0px;
	margin-top:10px;
	width:240px;
	background-color: #223F66;
	color:#FFF;
	font-size:12px;
	line-height:150%;
	float:left;
	text-align:left;
	}


#whatnew_in{
	position:relative;
	padding:0;
	margin:2px 3px 10px 5px;
}

#whatnew_in2{
	position:relative;
	padding:0;
	top:20px;
	left:0px;
	color:#FFF;
	font-size:12px;
	line-height:180%;
}

.book1{
	float:left;
	margin:0 10px 10px 0;
}

#whatnew a:link  {color:#FFF0B3;text-decoration: none; }
#whatnew a:visited  {color:#FFF0B3;text-decoration: none; }
#whatnew a:active  {color:#FFF0B3;text-decoration: none; }
#whatnew a:hover  {color:#FF6699;text-decoration: underline; }

.whatnew_ttl{
	margin:10px auto 5px 5px;
}


h2{	font-size:10px;font-weight:bold;margin:0;padding:0;line-height:10px;}
h3{	text-indent: -2000em;}


/*title hh*/

.hh{
	height:20px;
	width:760px;
	display:block;
	background-color:#FFF;
}

.hh h2{
	font-size:12px;
	line-height:14px;
	color:#666;
	padding:4px 0 0 0px;
	margin:0;
}

#title{
	position:relative;
	display:block;
	padding:0;
	margin:0;
	width:759px;
	height:524px;
	background-color:#375078;
}


.lead{color:#000;z-index:-1;}

/*right----------------------------------------------------------*/

#tbslink{
	margin:20px 0 5px 10px;
	width:160px;
	font-size:12px;
}

/*menu----------------------------------------------------------*/


#menutop0{
	width:759px;
	height:100px;
	background-image: url(../images/menu/menutop-back.jpg);
	text-align: left;
}

a #menutop0{border:0;}

#menu{
	position:relative;
	margin:0 auto;
	width:759px;
	height:28px;
}

#menu ul {
	margin:0;
	padding:0;
	list-style-type: none;
	overflow: hidden;
	clear: both;
}
#menu a {
	text-indent: -2000em;
	height: 28px;
	background-repeat: no-repeat;
}
#menu li {
	margin:0;
	padding:0;
	list-style-type: none;
	float: left;
}

#menu .menu01 a {
	width: 182px;
	background-image: url(../images/menu/menu01.gif);
	background-position: 0px 0px;
	display: block;
}
#menu .menu01 a:hover {
	background-image: url(../images/menu/menu01a.gif);
}

#menu .menu02 a {
	width: 104px;
	background-image: url(../images/menu/menu02.gif);
	background-position: 0px 0px;
	display: block;
}
#menu .menu02 a:hover {
	background-image: url(../images/menu/menu02a.gif);
}

#menu .menu03 a {
	width: 119px;
	background-image: url(../images/menu/menu03.gif);
	background-position: 0px 0px;
	display: block;
}
#menu .menu03 a:hover {
	background-image: url(../images/menu/menu03a.gif);
}

#menu .menu04 a {
	width: 100px;
	background-image: url(../images/menu/menu04.gif);
	background-position: 0px 0px;
	display: block;
}
#menu .menu04 a:hover {
	background-image: url(../images/menu/menu04a.gif);
}

#menu .menu05 a {
	width: 102px;
	background-image: url(../images/menu/menu05.gif);
	background-position: 0px 0px;
	display: block;
}
#menu .menu05 a:hover {
	background-image: url(../images/menu/menu05a.gif);
}

#menu .menu06 a {
	width: 152px;
	background-image: url(../images/menu/menu06.gif);
	background-position: 0px 0px;
	display: block;
}
#menu .menu06 a:hover {
	background-image: url(../images/menu/menu06a.gif);
}
/*content_footer--------------------------------*/

#content_footer{
	position:relative;
	margin:10px;
	padding:20px;
	color:#666;
	font-size:12px;
	line-height:140%;
	text-align:center;
}

#content_footer a:link  {color:#666;text-decoration: none; }
#content_footer a:visited  {color:#666;text-decoration: none; }
#content_footer a:active  {color:#666;text-decoration: none; }
#content_footer a:hover  {color:#375078;text-decoration: underline; }

/*======================
おすすめ追加　2008/10/24
======================*/

#osusumelink{
	position:relative;
	margin:10px auto;
	background-image: url(../images/osusume-back.gif);
	width:730px;
	height:170px;
	color:#000;
	}

#osusumelink img{
	margin:0 10px 0 0;
	float:left;}
	
.osusume-ttl{
	position:absolute;
	top:25px;
	left:127px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	}

.osusume1{
	position:absolute;
	top:60px;
	left:145px;
	width:280px;
	height:100px;
	font-size:12px;
	line-height:140%;
	}
.osusume2{
	position:absolute;
	top:60px;
	left:430px;
	width:280px;
	height:100px;
	font-size:12px;
	line-height:140%;
	}