@charset "UTF-8";

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


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


*{
	margin: 0;
	padding: 0;
}

a {
	color:#0C1633;
	/*\*/
	overflow: hidden;
	/**/
}

a:hover {
	text-decoration: none;
}



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;
	/**/
}

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


.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:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
	line-height: 140%;
	color:#333;
	background:#FFFDF0 url(/img/common/bg_header.jpg) center top repeat-x;
}

#top_bg{
	width:100%;
	margin:0 auto;
	/*background:url(/img/top/bg.jpg) repeat-x;*/
}

#container{
	width:960px;
	margin:0 auto;
	background:#FFFDF0;
}
.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;}
.s_bunko .icon{background:url(/img/common/icon_square.gif) no-repeat -55px;}
.history .icon{background:url(/img/common/icon_square.gif) no-repeat -66px;}

.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;}
.s_bunko .icon_maru{background:url(/img/common/icon_maru.gif) no-repeat -66px;}
.history .icon_maru{background:url(/img/common/icon_maru.gif) no-repeat -77px;}

.box960_side{
	width:960px;
	background:url(/img/common/box960_side.jpg) repeat-y;
}

.box960_bottom{
	width:960px;
	background:url(/img/common/box960_bottom.jpg) no-repeat;
	background-position:bottom left;
}

.box230_top{
	width:230px;
	background:url(/img/common/box230_top.jpg) no-repeat;
	background-position:top left;
}

.box230_side{
	width:230px;
	padding-top:10px;
	background:url(/img/common/box230_side.jpg) repeat-y;
}

.box230_bottom{
	width:230px;
	background:url(/img/common/box230_bottom.jpg) no-repeat;
	background-position:bottom left;
}

.box460_side{
	width:460px;
	background:url(/img/common/box460_side.jpg) repeat-y;
}

.box460_bottom{
	width:460px;
	background:url(/img/common/box460_bottom.jpg) no-repeat;
	background-position:bottom left;
	/*margin-bottom: 3em;*/
}


/*============================================================
// ヘッダー
//==========================================================*/
#hd{
	width:960px;
	margin:0 auto;
	height: auto;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
}

#hd #innerBox{
	width:960px;
	height:80px;
}

#hd #innerBox h1{
	width:190px;
	height:55px;
	padding-top:25px;
	float:left;
}

#hd #innerBox .rightBox{
	width:770px;
	float:left;
}

#hd #innerBox .rightBox .snsBtn{
	width:770px;
	height:27px;
	padding:11px 0 13px;
}

#hd #innerBox .rightBox .snsBtn li{
	text-align:right;
	margin-left:10px;
	float:right;
}

#hd #innerBox .rightBox .companyInfo{
	width:770px;
}

#hd #innerBox .rightBox .companyInfo a{
	color:#000;
	text-decoration: none;
}

#hd #innerBox .rightBox .companyInfo a:hover{
	color:#000;
	text-decoration: underline;
}

#hd #innerBox .rightBox .companyInfo li{
	text-align:right;
	padding:0 10px;
	float:right;
}

.l_line{
	border-left:1px solid #000;
}

#hd #menuBtn{
	width:840px;
	height:50px;
	margin: 0 auto;
}

#hd #menuBtn .oneBtn{
	width:120px;
	height:50px;
	float:left;
	display:block;
}





.nir{
	width:960px;
	margin:0 auto;
	text-align:center;
	padding:110px 0 0;
}
.nir img {
	margin:15px 0 0;
}
/*============================================================
// 検索
//==========================================================*/
#searchBox{
	width:960px;
	height: auto;
}
#search{
	width:680px;
	float:left;
	height:67px;
	padding:20px 0 0 40px;
	background:url(/img/common/search_dog.jpg) left 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;}
.history .active{background:url(/img/genre/search_history.jpg) no-repeat;}
.s_bunko .active{background:url(/img/genre/search_s_bunko.jpg) no-repeat;}
.ebook .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:550px;}
.ganle .area{width:450px;}


.submit_btn{
	width:80px;
	height:22px;
	float:right;
}

#searchBox #mailMagazine{
	width:200px;
	text-align:right;
	float:right;
	margin-top:25px;
}

/*============================================================
// フッター
//==========================================================*/
#footer{
	width:100%;
	height:140px;
	background:#FFFDF0 url(/img/common/ft_bg2.jpg) repeat-x;
}
#footer .ft_inr{
	width:960px;
	height:130px;
	margin:0 auto;
	background:url(/img/common/ft_chara.jpg) left top no-repeat;
}
#footer .ft_inr .ft_chara{
	width:500px;
	height:75px;
	float:right;
	padding-top:55px;
}


#footer .ft_inr .ft_pagetop{
	text-align:right;
}

#footer .ft_inr .mal{
	float:right;
	color:#fff;
	margin:20px 0 0;
	font-size:10px;
}

.one_title{
	width:100%;	
	position:relative;
}
	ul.one_title li{
		width: 100%;
		position: relative;
		right: -5%;
	}