@charaset "UTF-8";

/*---------------------
 frano（スライド）系
---------------------*/
#furano{
	margin-left:2px;margin-bottom:14px;
}

/*---------------------
 tab_shita系
---------------------*/
#tab_shita h2{
	text-align:center;
	color:#0066CC;
	font-size:16px;font-size:1.6rem;	font-weight:normal;
	padding-top:10px;
}

#tab_shita h2 a{display:inline;}

#tab_shita p{
	width:100%;
	text-align:left;
	line-height:1.5;
	font-size:14px;font-size:1.4rem;	color:#333;
	margin:0 10px;
}

/*---------------------
 ticker系(font-size等を絶対値で設定)
---------------------*/
div#ticker{
	border:3px solid #ff8a8a;
	height:32px;
	position:relative;
	width:986px;
	margin:0 auto 10px auto;
}
div#ticker i{
	position:absolute;
	left:0;top:0;
	background-color:#ff8a8a;
	width:100px;
	color:#fff;
	font-size:16px;
	line-height:2.0;
	text-align:center;
}

.tickercontainer { /* the outer div with the black border */
	background: #fff; 
	width:986px;
	margin: 0 auto; 
	padding: 0;
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 101px;
	width:866px;
	overflow: hidden;
}
ul.newsticker {
position: relative;
left:986px;/*必要*/
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left;
margin: 0;
padding: 0;
	font-size:16px;
line-height:2.0;

}

ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
	font-size:16px;
margin: 0 7px 0 0;
text-decoration:none;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}
img#bd_body{
padding-bottom:15px;
}



/*---------------------
 コンテンツ部骨格
---------------------*/
#left{float:left;width:300px;margin-left:10px;}
#cent{float:left;width:460px;margin-left:10px;}
#right{float:left;width:200px;margin-left:10px;}


/*---------------------
 左(conts)
---------------------*/
#conts{
	width:100%;border:solid 1px #999;margin-bottom:10px;
background: #eeeeee; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 5%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(5%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 5%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 5%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 5%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 5%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
#conts>ul>li{width:135px;display:block;float:left;margin-left:10px;margin-bottom:20px;}
#conts>ul>li img{display:block;margin-bottom:3px;}
#conts>ul>li a{display:block;font-size:12px;line-height:1.5;}

/*--------------------------------------------------------------*/
#colum{
	width:100%;border:solid 1px #999;margin-bottom:10px;
background: #eeeeee; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 5%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(5%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 5%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 5%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 5%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 5%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}


#colum>ul>li{
	border-bottom:solid 1px #ccc;
	padding-bottom:10px;
	margin-top:10px;
}
#colum>ul>li:last-child{border-bottom-width:0px;}
#colum>ul>li>img{display:block;float:left;padding-right:8px;padding-left:10px;}
#colum>ul>li a{display:block;float:left;font-size:12px;line-height:1.8;}
#colum>ul>li a span{font-size:14px;display:block;}

/*---------------
 メニュー表示(左の通信・サポート系)
---------------*/

.ich-dan{
	margin-bottom:10px;
}
.ich-dan div{
	float:left;
	width:300px;
	font-size:16px;
	border:solid 1px #ccc;
	background: url(../img/index_page/tri.png) right top no-repeat;
}

.ich-dan h3{
	font-weight:normal;
	padding: 15px 10px 15px 20px;
}
.ich-dan div img{
	margin-left:5px;
	display:block;
	width:290px;
	height:94px;

}
.ich-dan div ul{margin:0px 5px 4px 5px;}
.ich-dan div ul li{
	background-color:#f4f0e8;
	margin-bottom:1px;
	}
.ich-dan div ul li a{
	display: block;
	padding: 10px 10px 7px 20px;
	text-decoration:none;
	background:url(../img/lst/tri_red.png) 8px center no-repeat;
}
.ich-dan:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:
}
/*---------------------
 声
---------------------*/

.koe,.koe div{width:460px;}

.koe div.mid{
	height:auto;
	background:url(../img/top/koe/mid.png) repeat-y;
}

.koe div.btm{
	height:15px;
	background:url(../img/top/koe/btm.png) no-repeat;
	margin-bottom:15px;
}
.koe div.top {
	height:95px;
}
.koe #top01{
	background:url(../img/top/koe/top01.png) no-repeat;
}
.koe #top02{
	background:url(../img/top/koe/top02.png) no-repeat;
}
.koe #top03{
	background:url(../img/top/koe/top03.png) no-repeat;
}
.koe #top00{
	background:url(../img/top/koe/top00.png) no-repeat;
}
.koe div.mid p{font-size:16px;font-size:1.6rem;line-height:1.8;
	margin:0px 15px;
	padding:12px 0px;
font-family:'丸フォーク M';
}
.koe div.mid > div{
	width:96%;
	text-align:right;
	font-size:14px;font-size:1.4rem;}
.koe div.mid h3{
	color:firebrick;
	margin:0px 15px;
	padding:15px 0px 0px 0px;
	line-height:1.5;
	font-weight:normal;
	font-size:16px;font-size:1.6rem;}
.koe .img_box_l{
	float:left;
	margin:15px 10px 0px 15px;
}

/*---------------------
 なかこん(声を含まず)
---------------------*/
.naka_con{
	border-width: 2px;border-style:solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 10px 0;

}
.naka_con div.ttl{
	border-radius: 5px 5px 0px 0px;
	height:40px;
}

.naka_con div.mid{padding:10px;}

.naka_con p{font-size:14px;font-size:1.4rem;line-height:1.8;

}


/*なかこんの枠の色　アオ#c2dbff;ピンク#ffdce3;オレンジ#ffdeaa;ムラサキ#f1cffe;*/

/*---------------------
 bok
---------------------*/
#bok{border-color: #ff8a8a;}
#bok .ttl{
	border-bottom:solid 2px #ff8a8a;
	background:url(../img/top/naka_con/ttl_bok.png) no-repeat #feeef0 50% 50%;
}

#bok h3{
font-size:20px;font-size:2rem;color:forestgreen;
line-height:1.5;
font-weight:normal;
padding-bottom:10px;
}
#bok h3 span{
font-size:14px;font-size:1.4rem;color:#900;display:block;
}
/*---------------------
 twitter
---------------------*/
#twit{border-color:skyblue;}
#twit .ttl{
	border-bottom:solid 2px skyblue;
	background:url(../img/top/naka_con/ttl_twit.png) no-repeat aliceblue 50% 50%;
}
#twit .ttl > a{width:100%;height:100%;display:block;}
/*---------------------
 img_box_l(書籍画像)
---------------------*/
#bok .img_box_l{
	float:left;
	margin:5px 10px 0px 0px;
}
#bok .img_box_l img{border:solid 1px #ccc;}
/*---------------------
　書籍購入ボタンNEO（※要注意＝w640にも影響）
---------------------*/
.bok_shops{
	width:auto;
	height:auto;
	position: relative;
	overflow: hidden;
}
.bok_shops .wp{
	height:auto;
	float: left;
	position: relative;
	left: 50%;
	width:auto;
}
.bok_shops .wp div{
	width:75px;/* 固有 */
	height:30px;
	margin-right:7px;
	position: relative;
	left: -50%;
	float: left;
}
.wp div a{
	display:block;
	width:75px;/* 固有 */
	height:30px;
	text-indent:-9999px;
}
.wp div a:hover{text-decoration:none;}
.bok_shops .wp div:last-child{
	margin-right:0px;
}

.btn_amazon a		{background:url(../boks/img/btn/amazon/w75/off.png) no-repeat;}
.btn_amazon a:hover	{background:url(../boks/img/btn/amazon/w75/on.png) no-repeat;}

.btn_kino a			{background:url(../boks/img/btn/kino/w75/off.png) no-repeat;}
.btn_kino a:hover	{background:url(../boks/img/btn/kino/w75/on.png) no-repeat;}
.btn_kino img		{display:inline !important;}			

.btn_e-hon a		{background:url(../boks/img/btn/e-hon/w75/off.png) no-repeat;}
.btn_e-hon a:hover	{background:url(../boks/img/btn/e-hon/w75/on.png) no-repeat;}

.btn_j-pub a		{background:url(../boks/img/btn/j-pub/w75/off.png) no-repeat;}
.btn_j-pub a:hover	{background:url(../boks/img/btn/j-pub/w75/on.png) no-repeat;}
.btn_j-pub_ng		{background:url(../boks/img/btn/j-pub/w75/ng.png) no-repeat;}
.btn_bokfan a		{background:url(../boks/img/btn/bookfan/w75/off.png) no-repeat;}
.btn_bokfan a:hover	{background:url(../boks/img/btn/bookfan/w75/on.png) no-repeat;}
.btn_bokfan_ng	{background:url(../boks/img/btn/bookfan/w75/ng.png) no-repeat;}
.btn_honto a		{background:url(../boks/img/btn/honto/w75/off.png) no-repeat;}
.btn_honto a:hover	{background:url(../boks/img/btn/honto/w75/on.png) no-repeat;}
.btn_honto_ng a		{background:url(../boks/img/btn/honto/w75/ng.png) no-repeat;}

/*オリジナルショップは送料フリー↓*/
p.free{margin-top:8px!important;}

		#main p_free{margin-left:20px;margin-right:25px;}
		#main2 p_free{margin-left:25px;margin-right:30px;}
		#main3 p_free{margin-left:25px;margin-right:30px;}


/*kiji_shita Boksの詳細リンク*/
.to_detail{
	width:96%;
	text-align:right;
	font-size:14px;font-size:1.4rem;	margin:10px 0px 25px 0px;
}

/*---------------------
 What_new
---------------------*/
#w_new{border-color:#999;}
#w_new .ttl{
	border-bottom:solid 2px #999;
	background:url(../img/top/naka_con/ttl_w_new.png) no-repeat #efefef 50% 50%;
}
#w_new ul{margin-top:10px;}
#w_new ul li{
	list-style-type:none;
	font-size:14px;font-size:1.4rem;	padding:0px 0px 10px 0px;
}

#w_new_past{
	font-size:14px;font-size:1.4rem;	margin:8px;
	text-align:right;
}


/*---------------------
 サイドメニュー表示
---------------------*/
nav#side_menu{margin:0px 0px 10px 0px;}
nav#side_menu div.waku{
	display:inline-block;
	width:200px;
	height:auto;
	border:solid 1px #ccc;
	border-top:none;
	background:no-repeat right bottom;
	margin-bottom:10px;
	position:relative;
}

nav#side_menu h3{
	height:30px;
	width:100%;
	margin-left:0px!important;
	line-height:32px;
	margin-bottom:8px;
	font-size:14px;
	font-weight:normal;
	border-bottom:dashed #ccc 1px;
	text-indent:0.5em;
	color:#333;
}


.cat_nin{border-top:solid 3px #0014ad;}
.cat_bok{border-top:solid 3px #0014ad;}
.cat_sdy{border-top:solid 3px #0014ad;}
.cat_tsu{border-top:solid 3px forestgreen;}
.cat_sup{border-top:solid 3px chocolate;}
.cat_dai{border-top:solid 3px firebrick;}
.cat_scl{border-top:solid 3px oragnered;}

/*---------------------
 ul pnl系(すべて表示)
---------------------*/

div.pnl_ttl{
	cursor:pointer;
	font-size:12px;
	font-size:1.2rem;
	padding-bottom:5px;
	color:red;
	text-decoration:underline;
	width:100%;
	text-align:right;
	position:absolute;
	top:15px;
	right:5px;
}


nav#side_menu div.pnl{
	border:none;
	margin-left:0px;
}




/*---------------------
 ul li系
---------------------*/
nav#side_menu ul li {
	margin-bottom:8px;
	list-style-type:none;
	text-indent:0.5em;
	font-size:14px;font-size:1.4rem;}
nav#side_menu ul li:before {
	content: url(../img/lst/tri_red.png);
	margin: 4px 5px 4px 0px;
}

nav#side_menu ul li a span{
	font-size:12px;font-size:1.2rem;}

nav#side_menu ul li a:hover{
	color:#f30;
	text-decoration:underline;
}




/*---------------------
 fot_add
---------------------*/
#fot_add{
	padding:15px 20px 10px 15px;
	background-color:aliceblue;
	margin-bottom:5px;
}

#fot_add h2{font-size:14px;font-size:1.4rem;margin-bottom:10px;}
#fot_add p{font-size:12px;font-size:1.2rem;line-height:1.8;}