@charset "UTF-8";

/*============================================================
//
//  目次---------------------
//  ・初期設定
//  ・共通設定
//  ・ヘッダー
//  ・検索
//  ・フッター
//
//==========================================================*/


/*============================================================
//  初期設定
//==========================================================*/


*{
	margin: 0;
	padding: 0;
}

a {
	/*\*/
	overflow: hidden;
	/**/
}
p{
	font-size:12px;
}
img,
a img {
	border : 0;
	text-decoration: none;
}
.clr {
	clear: both;
	/*\*/
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	/**/
}
.j10{font-size:10px;}
.j14{font-size:14px;}
.j18{font-size:18px;}
.test{border:#000 1px solid;}

/*============================================================
// 共通設定
//==========================================================*/
.left{float:left;}
.right{float:right;}
body{
	font-size:12px;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Osaka","ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
	line-height: 140%;
	background:#fff;
}
#container{
	width:960px;
	margin:0 auto;
}
.icon_maru,
.icon{
	width:11px;
	height:11px;
	float:left;
	margin:2px 8px 0 0;
}
.business .icon{background:url(/img/common/icon_square.gif) no-repeat;}
.study .icon{background:url(/img/common/icon_square.gif) no-repeat -11px;}
.language .icon{background:url(/img/common/icon_square.gif) no-repeat -22px;}
.general .icon{background:url(/img/common/icon_square.gif) no-repeat -33px;}
.bunko .icon{background:url(/img/common/icon_square.gif) no-repeat -44px;}

.business .icon_maru{background:url(/img/common/icon_maru.gif) no-repeat;}
.study .icon_maru{background:url(/img/common/icon_maru.gif) no-repeat -11px;}
.language .icon_maru{background:url(/img/common/icon_maru.gif) no-repeat -22px;}
.general .icon_maru{background:url(/img/common/icon_maru.gif) no-repeat -33px;}
.bunko .icon_maru{background:url(/img/common/icon_maru.gif) no-repeat -44px;}
.top .icon_maru{background:url(/img/common/icon_maru.gif) no-repeat -55px;}



/*============================================================
// ヘッダー
//==========================================================*/
#hd{
	width:100%;
	color:#000;
}
#hd h1{
	display:none;
	text-indent:-9999px;
}
#hd ul{
	display:none;
}
.nir{
	width:960px;
	margin:0 auto;
	text-align:center;
	padding:110px 0 0;
}
.nir img {
	margin:15px 0 0;
}
/*============================================================
// 検索
//==========================================================*/
#search{
	width:535px;
	padding:0 0 0 40px;
	margin:20px auto;
	background:url(/img/common/search_dog.jpg) no-repeat;
}
ul{
	margin:0;
	padding:0;
}
li{list-style-type:none;}
#search li{
	height:26px;
	float:left;
	display:block;
	padding:2px 10px;
	text-decoration:none;
}
#search li.active{
	color:#fff;
	padding:2px 10px;
}
.top .active{background:url(/img/common/search_top.jpg) no-repeat;}
.business .active{background:url(/img/genre/search_business.jpg) no-repeat;}
.study .active{background:url(/img/genre/search_study.jpg) no-repeat;}
.language .active{background:url(/img/genre/search_language.jpg) no-repeat;}
.general .active{background:url(/img/genre/search_general.jpg) no-repeat;}
.bunko .active{background:url(/img/genre/search_bunko.jpg) no-repeat;}
.other .active{background:url(/img/common/search_top.jpg) no-repeat;}
#category_select{
	float:left;
	margin:0 0 0 0;
	width:100px;
}
#txt_area{float:left;}
.nomal .area{width:430px;}
.ganle .area{width:330px;}

.submit_btn{
	width:70px;
	height:22px;
	float:right;
}
/*============================================================
// フッター
//==========================================================*/
#ft{
	width:100%;
	height:140px;
	background:url(/img/common/ft_bg.jpg) repeat-x;
}
#ft .ft_inr{
	width:960px;
	margin:0 auto;
}
#ft .ft_inr .ft_chara{
	width:190px;
	height:100px;
	float:right;
}
#ft .ft_inr .ft_chara a{
	width:190px;
	height:100px;
	display:block;
	text-indent:-9999px;
	background: transparent url(/img/common/ft_chara.png) no-repeat center top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/common/ft_chara.png", sizingMethod="scale");
}
#ft .ft_inr .ft_chara a:hover{
	background: transparent url(/img/common/ft_chara_over.png) no-repeat center top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/common/ft_chara_over.png", sizingMethod="scale");
}
#ft .ft_inr .mal{
	float:left;
	color:#fff;
	margin:5px 0 0;
	font-size:10px;
}
#ft .ft_inr .ft_menu{
	float:right;
	color:#fff;
	margin:5px 0 0;
	font-size:10px;
}
#ft .ft_inr .ft_menu a{
	color:#fff;
	text-decoration:none;
}
#ft .ft_inr .ft_menu a:hover{
	color:#999;
	background:#fff;
}