@charset "UTF-8";

/* 基本
---------------------------------------------*/
/*html:\66irst-child body { font-size: 55%;}*/
body { color: #000000; font-size: 92%; /*font-size: 80%;*/ font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; background: #FFFFFF; }

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.clearfix{display: inline-block;} 

/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}
/* End Hack */ 

img { vertical-align: top;}
#container { float:left;}
#container_r { float:left;}

/* goTOP
---------------------------------------------*/
#goTop { position:fixed; width: 66px; height: 66px; bottom: 15%; background: transparent url(../images/gotop.gif) top left no-repeat;}
#goTop span {display: none;}

/* リンク色
---------------------------------------------*/
a { color: #777777; text-decoration: none;}
a:visited { color: #777777; text-decoration: none;}
a:hover, a:focus { color: #777777; text-decoration: underline;}
a:active { color: #777777; text-decoration: underline;}

#top_link a { color: #0000CC; text-decoration: underline;}
#top_link a:visited { color: #0000CC; text-decoration: underline;}
#top_link a:hover, #top_link a:focus { color: #0000CC; text-decoration: none;}
#top_link a:active { color: #0000CC; text-decoration: none;}

#s_bu_pu a { color: #0033CC; text-decoration: underline;}
#s_bu_pu a:visited { color: #0033CC; text-decoration: underline;}
#s_bu_pu a:hover, #s_bu_pu a:focus { color: #0033CC; text-decoration: none;}
#s_bu_pu p img[src$=jpg] { max-width:180px; height:150px}

#s_bu_pu a:active { color: #0033CC; text-decoration: none;}

#topic_path a { color: #FFFFFF; text-decoration: underline;}
#topic_path a:visited { color: #FFFFFF; text-decoration: underline;}
#topic_path a:hover, #topic_path a:focus { color: #FFFFFF; text-decoration: none;}
#topic_path a:active { color: #FFFFFF; text-decoration: none;}

#topic_path_bla a { color: #666666; text-decoration: underline;}
#topic_path_bla a:visited { color: #666666; text-decoration: underline;}
#topic_path_bla a:hover, #topic_path_bla a:focus { color: #666666; text-decoration: none;}
#topic_path_bla a:active { color: #666666; text-decoration: none;}

.link_blue a { color: #0000CC; text-decoration: underline;}
.link_blue a:visited { color: #0000CC; text-decoration: underline;}
.link_blue a:hover, .link_blue a:focus { color: #0000CC; text-decoration: none;}
.link_blue a:active { color: #0000CC; text-decoration: none;}

.current_page { font-weight:bold; font-size:120%;}

/* P 設定
---------------------------------------------*/
#contents p { line-height: 1.4; letter-spacing: 0.05em; text-align: justify; text-justify: inter-ideograph; }
#s_bu_pu p { line-height: 1.4; *line-height: 1.6; letter-spacing: 0.05em; text-align: justify; text-justify: inter-ideograph; }
#top_inner p , #main_inner p , #main_inner02 p , #main_inner03 p { line-height: 1.8; *line-height: 2.0; letter-spacing: 0.05em; text-align: justify; text-justify: inter-ideograph; }
#bu_chui p { font-weight:bold; font-size:110%; line-height: 2.0;}
#s_ssl p { font-size:90%; line-height: 1.6;}
#act_kiyaku { font-size:120%;}

/* レイアウト
---------------------------------------------*/
#wrapper { margin: 0 auto; width: 974px; padding:0 5px 0 5px; background-color:#FFFFFF;}
#header { width: 964px; margin: 0 auto; position: relative; padding-top:25px;}
#contents { width: 964px; margin: 0 auto; position: relative; padding-bottom:15px; padding-top:13px;}
#main { float:left; width: 695px;}

#top_inner { padding-left:30px; width:665px; }
#side { float:left; width: 269px;}
#side_inner{ padding-left:5px; width:264px; }
#footer { width: 964px; height:313px; margin: 0 auto; position: relative; padding-top:30px; background:url(../images/footer_bg.gif) top left repeat;}

#copyright { width: 950px; margin: 0 auto; position: relative; font-size: 11px; padding-right:14px; padding-bottom:15px;}

#main_inner { padding:23px 7px 0 7px;}
#main_inner02 { padding:23px 21px 0 21px;}
#main_inner03 { padding:23px 5px 0 21px;}
#main_txt { padding:0px 14px 40px 14px;}


/* お客様の声
---------------------------------------------*/
#voice_waku { background-color:#fffcf7; padding:12px 7px 25px 6px;}
#voice_box { padding:0 13px 0 14px;}
.voice_title { color:#FF9900; font-size:189%; font-weight:bold;}
#voice_left { float:left;}
#voice_right { float:right; padding-top:10px;}
#voice_left02 { float:left; width:425px;}
#voice_left02 p { line-height: 1.6; *line-height: 1.8; letter-spacing: 0.05em; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; font-size:116%;}
#voice_right02 { float:right; width:200px; padding-top:5px;}
.voice_comment_title { color:#666666; font-size:153.9%; font-weight:bold; padding-top:30px;}
#voice_comment { padding:15px 10px 15px 10px; border:solid 3px #CCCCCC; color:#666666; font-size:100%; }
#main_inner p.voice_title , #main_inner p.voice_comment_title { line-height: 1.6; *line-height: 1.8; letter-spacing: 0.01em;}


/* お申込み
---------------------------------------------*/
#act_form { background:url(../images/action_bg_mid.gif) top left repeat;}

#act_menu li { float:left;}
#act_menu li a { display: block; text-decoration: none; text-indent: -9999px; height: 57px; overflow:hidden;}

#act01 a { width: 347px; background: url("../images/action_menu01.gif") top left no-repeat;}
#act02 a { width: 347px; background: url("../images/action_menu02.gif") top left no-repeat;}

#act01.act_on a { width: 347px; background: url("../images/action_menu01.gif") top left no-repeat; background-position: 0 -57px;}
#act02.act_on a { width: 347px; background: url("../images/action_menu02.gif") top left no-repeat; background-position: 0 -57px;}
#act_menu a:hover, #act_menu a:active, #act_menu a.selected { background-position: 0 -57px;}

#act_form_menu { padding:0 0 0 20px;}
#act_form_menu li { float:left; padding-right:10px;}
#act_form_menu li p { display: block; text-decoration: none; text-indent: -9999px; height: 80px; overflow:hidden;}
#afm01 { width: 213px; background: url("../images/action_input.gif") top left no-repeat;}
#afm02 { width: 213px; background: url("../images/action_kakunin.gif") top left no-repeat;}
#afm03 { width: 213px; background: url("../images/action_complete.gif") top left no-repeat;}
#afm01.afm_on { width: 213px; background: url("../images/action_input.gif") top left no-repeat; background-position: 0 -80px;}
#afm02.afm_on { width: 213px; background: url("../images/action_kakunin.gif") top left no-repeat; background-position: 0 -80px;}
#afm03.afm_on { width: 213px; background: url("../images/action_complete.gif") top left no-repeat; background-position: 0 -80px;}

#act_form_input { font-size:110%;}

#act_form_input .required { margin-left:20px;}
#act_form_input table td {font-size: 100%;}

#act_tel { background:url(../images/action_tel_bg_mid.gif) top left repeat;}

#act_tel_menu { padding:0 0 0 20px;}
#act_tel_menu li { float:left; padding-right:10px;}
#act_tel_menu li p { display: block; text-decoration: none; text-indent: -9999px; height: 80px; overflow:hidden;}
#atm01 { width: 213px; background: url("../images/action_tel_input.gif") top left no-repeat;}
#atm02 { width: 213px; background: url("../images/action_tel_kakunin.gif") top left no-repeat;}
#atm03 { width: 213px; background: url("../images/action_tel_complete.gif") top left no-repeat;}
#atm01.atm_on { width: 213px; background: url("../images/action_tel_input.gif") top left no-repeat; background-position: 0 -80px;}
#atm02.atm_on { width: 213px; background: url("../images/action_tel_kakunin.gif") top left no-repeat; background-position: 0 -80px;}
#atm03.atm_on { width: 213px; background: url("../images/action_tel_complete.gif") top left no-repeat; background-position: 0 -80px;}

#act_tel_input { font-size:110%;}

#act_tel_input .required { margin-left:20px;}
#act_tel_input table td {font-size: 100%;}

#izen_banner a { display: block; text-decoration: none; text-indent: -9999px; height: 94px; overflow:hidden;}
#izen_banner a { width: 694px; background: url("../images/action_izen.gif") top left no-repeat;}
#izen_banner a:hover, #izen_banner a:active, #izen_banner a.selected { background-position: 0 -94px;}

#act_kiyaku { background-color:#FFFFFF; width:450px; font-size: 100%;}


/* お問い合わせフォーム
---------------------------------------------*/
#contact { background:url(../images/contact_bg_mid.gif) top left repeat;}

#contact_menu { padding:0 0 0 20px;}
#contact_menu li { float:left; padding-right:10px;}
#contact_menu li p { display: block; text-decoration: none; text-indent: -9999px; height: 80px; overflow:hidden;}
#cm01 { width: 213px; background: url("../images/contact_input.gif") top left no-repeat;}
#cm02 { width: 213px; background: url("../images/contact_kakunin.gif") top left no-repeat;}
#cm03 { width: 213px; background: url("../images/contact_complete.gif") top left no-repeat;}
#cm01.cm_on { width: 213px; background: url("../images/contact_input.gif") top left no-repeat; background-position: 0 -80px;}
#cm02.cm_on { width: 213px; background: url("../images/contact_kakunin.gif") top left no-repeat; background-position: 0 -80px;}
#cm03.cm_on { width: 213px; background: url("../images/contact_complete.gif") top left no-repeat; background-position: 0 -80px;}

/* メインタイトル
---------------------------------------------*/
#main_title { height:164px; background:url(../images/bu_title.gif) top left no-repeat;}
#main_title_why { height:385px; background:url(../images/why_title.gif) top left no-repeat;}
#main_title_beans { height:165px; background:url(../images/beans_title.gif) top left no-repeat;}
#main_title_voice { height:163px; background:url(../images/voice_title.gif) top left no-repeat;}
#main_title_torihiki { height:107px; background:url(../images/torihiki_title.gif) top left no-repeat;}
#main_title_privacy { height:107px; background:url(../images/privacy_title.gif) top left no-repeat;}
#main_title_optout { height:107px; background:url(../images/optout_title.gif) top left no-repeat;}
#main_title_kiyaku { height:107px; background:url(../images/kiyaku_title.gif) top left no-repeat;}
#main_title_co { height:126px; background:url(../images/co_title.gif) top left no-repeat;}
#main_title_links { height:137px; background:url(../images/link_title.gif) top left no-repeat;}
#main_title_action { height:159px; background:url(../images/action_title.gif) top left no-repeat;}
#main_title_izen { height:138px; background:url(../images/action_izen_title.gif) top left no-repeat;}
#main_title_contact { height:138px; background:url(../images/contact_title.gif) top left no-repeat;}
#main_title_about { height:209px; background:url(https://wcdn.valuebooks.jp/vaboo/common/about_title.gif) top left no-repeat;}
#main_title_flow { height:163px; background:url(../images/flow_title.gif) top left no-repeat;}
#main_title_sitemap { height:123px; background:url(../images/sitemap_title.gif) top left no-repeat;}
#main_title_faq { height:150px; background:url(../images/faq_title.gif) top left no-repeat;}
#main_title_winwin { height:164px; background:url(../images/winwin_title.gif) top left no-repeat;}

#topic_path { padding:15px 0 0 20px ; color:#FFFFFF;}
#topic_path_bla { padding:15px 0 0 20px ; color:#666666;}

.li_table01 { background-color:#F8F4E6; padding:10px; font-size:110%; font-weight:bold;}
.li_table02 { background-color:#F7FCFE; padding:10px; font-size:110%;}
.li_table03 { background-color:#F8F4E6; padding:10px; font-weight:bold;}
.li_table04 { background-color:#F7FCFE; padding:10px;}

/* 会社案内
---------------------------------------------*/
#co_waku { padding:12px 14px 25px 14px;}
.co_table_bg { background:url(../images/co_profile_bg_mid.gif) top left repeat;}
#co_table_inner { padding:5px 10px 5px 10px;}

/*追記*/
#twitter { margin:20px 0 0 7px;}

/* Vabooが選ばれる理由
---------------------------------------------*/
#why_menu { padding:70px 0 0 7px;}
#why_menu li a { display: block; text-decoration: none; text-indent: -9999px; overflow:hidden;}

#wm01 a { width: 418px; background: url("../images/w_menu01.gif") top left no-repeat; height: 51px;}
#wm02 a { width: 418px; background: url("../images/w_menu02.gif") top left no-repeat; height: 53px;}
#wm03 a { width: 418px; background: url("../images/w_menu03.gif") top left no-repeat; height: 53px;}
#wm04 a { width: 418px; background: url("../images/w_menu04.gif") top left no-repeat; height: 52px;}
#wm05 a { width: 418px; background: url("../images/w_menu05.gif") top left no-repeat; height: 52px;}

#wm01 a:hover, #wm01 a:active, #wm01 a.selected { background-position: 0 -51px;}
#wm02 a:hover, #wm02 a:active, #wm02 a.selected { background-position: 0 -53px;}
#wm03 a:hover, #wm03 a:active, #wm03 a.selected { background-position: 0 -53px;}
#wm04 a:hover, #wm04 a:active, #wm04 a.selected { background-position: 0 -52px;}
#wm05 a:hover, #wm05 a:active, #wm05 a.selected { background-position: 0 -52px;}

#why_waku { background-color:#f9f5ea; padding:12px 14px 25px 14px;}
.why_title { color:#ca9933; font-size:150%; font-weight:bold;}

/* Vabooとは?
---------------------------------------------*/
#about_menu { padding:60px 0 0 21px;}
#about_menu ul { padding-top:2px; width:457px;}
#about_menu li { float:left; padding-right:2px;}
#about_menu li a { display: block; text-decoration: none; text-indent: -9999px; overflow:hidden; height: 46px;}

#abm01 a { width: 150px; background: url("https://wcdn.valuebooks.jp/vaboo/common/about_menu01.gif") top left no-repeat;}
#abm02 a { width: 150px; background: url("https://wcdn.valuebooks.jp/vaboo/common/about_menu02.gif") top left no-repeat;}
#abm03 a { width: 151px; background: url("https://wcdn.valuebooks.jp/vaboo/common/about_menu03.gif") top left no-repeat;}
#abm04 a { width: 150px; background: url("https://wcdn.valuebooks.jp/vaboo/common/about_menu04.gif") top left no-repeat;}
#abm05 a { width: 150px; background: url("https://wcdn.valuebooks.jp/vaboo/common/about_menu05.gif") top left no-repeat;}
#abm06 a { width: 151px; background: url("https://wcdn.valuebooks.jp/vaboo/common/about_menu06.gif") top left no-repeat;}


#about_menu a:hover, #about_menu a:active, #about_menu a.selected { background-position: 0 -46px;}

#about_waku { background-color:#f9fcfe; padding:12px 14px 25px 14px;}
#about_txt { padding:0 0 0 80px;}

/* 買取の流れ
---------------------------------------------*/
#flow_menu { padding:60px 0 0 21px;}
#flow_menu ul { padding-top:2px;}
#flow_menu li { float:left; padding-right:2px;}
#flow_menu li a { display: block; text-decoration: none; text-indent: -9999px; overflow:hidden; height: 45px;}

#flm01 a { width: 150px; background: url("../images/flow_menu01.gif") top left no-repeat;}
#flm02 a { width: 150px; background: url("../images/flow_menu02.gif") top left no-repeat;}

#flow_menu a:hover, #flow_menu a:active, #flow_menu a.selected { background-position: 0 -45px;}

#flow_waku { background-color:#fcfcfc; padding:12px 14px 25px 14px;}
#flow_waku02 { background-color:#ffffff; padding:12px 14px 25px 14px;}
#flow_waku03 { padding:0 0 0 110px;}
#flow_txt { padding:0 0 0 14px;}

/* サイトマップ
---------------------------------------------*/
#sitemap_waku { padding:12px 14px 25px 45px;}
#sitemap_txt { padding:0 0 0 45px;}
#sitemap_txt li { float:left;}


/* よくある質問
---------------------------------------------*/
#faq_waku { padding:12px 14px 25px 15px;}

/* 買取必勝法
---------------------------------------------*/
#winwin_menu { padding:70px 0 0 21px;}
#winwin_menu li { float:left; padding-right:2px;}
#winwin_menu li a { display: block; text-decoration: none; text-indent: -9999px; overflow:hidden; height: 45px;}

#wwm01 a { width: 151px; background: url("../images/winwin_menu01.gif") top left no-repeat;}
#wwm02 a { width: 151px; background: url("../images/winwin_menu02.gif") top left no-repeat;}

#winwin_menu a:hover, #winwin_menu a:active, #winwin_menu a.selected { background-position: 0 -45px;}

/* まめ知識
---------------------------------------------*/
#beans_menu { padding:70px 0 0 21px;}
#beans_menu li { float:left; padding-right:2px;}
#beans_menu li a { display: block; text-decoration: none; text-indent: -9999px; overflow:hidden; height: 44px;}

#bem01 a { width: 150px; background: url("../images/beans_menu01.gif") top left no-repeat;}
#bem02 a { width: 150px; background: url("../images/beans_menu02.gif") top left no-repeat;}

#beans_menu a:hover, #beans_menu a:active, #beans_menu a.selected { background-position: 0 -44px;}

/* バブリープライス
---------------------------------------------*/
ul#bu_menu li { float:left;}
ul#bu_menu li a { display: block; text-decoration: none; text-indent: -9999px; height: 57px; overflow:hidden;}

ul#bu_menu li#bm01 a { width: 176px; background: url("../images/bu_menu01.jpg") top left no-repeat;}
ul#bu_menu li#bm04 a { width: 170px; background: url("../images/bu_menu04.jpg") top left no-repeat;}
ul#bu_menu li#bm02 a { width: 170px; background: url("../images/bu_menu02.jpg") top left no-repeat;}
ul#bu_menu li#bm03 a { width: 175px; background: url("../images/bu_menu03.jpg") top left no-repeat;}

ul#bu_menu li#bm01.bm_on a { width: 176px; background: url("../images/bu_menu01.jpg") top left no-repeat; background-position: 0 -57px;}
ul#bu_menu li#bm04.bm_on a { width: 170px; background: url("../images/bu_menu04.jpg") top left no-repeat; background-position: 0 -57px;}
ul#bu_menu li#bm02.bm_on a { width: 170px; background: url("../images/bu_menu02.jpg") top left no-repeat; background-position: 0 -57px;}
ul#bu_menu li#bm03.bm_on a { width: 175px; background: url("../images/bu_menu03.jpg") top left no-repeat; background-position: 0 -57px;}
ul#bu_menu a:hover, ul#bu_menu a:active, ul#bu_menu a.selected { background-position: 0 -57px;}

#bu_books { 
		/*background:url(../images/bu_bg_mid.gif) top left repeat;*/
		width:680px;
		padding-top:10px;
		margin:0 0 0 7px;
		box-shadow:-1px -1px 7px -2px #222222;
		-moz-box-shadow:-1px -1px 7px -2px #222222;
		-webkit-box-shadow:-1px -1px 7px -2px #222222;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		display:block;
}
#bu_books li { float:left; width:200px; padding-left:24px; }

#bu_chui { padding-left:24px; padding-bottom:20px;}


ul.native {	width:680px;
		background:url(../images/sp.gif) repeat left top;
		margin:20px auto 0;
}
ul.native li {float:left;}
ul.native li a {
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius:  5px 5px 0 0;
		display:block;
		text-align:center;
		text-decoration:none;
		color:#fff;
		line-height:3em;
		height:3em;
		font-size:140%;
		font-weight:bold;
}
ul.native li#bm01 a {	width: 170px; background:#00C1C0;
			box-shadow:-1px -1px 7px -2px #222222;
			-moz-box-shadow:-1px -1px 7px -2px #222222;
			-webkit-box-shadow:-1px -1px 7px -2px #222222;
}
ul.native li#bm04 a {	width:170px; background:#FF99CB;
box-shadow:0px -4px 11px -7px #222222;
-moz-box-shadow:0px -4px 11px -7px #222222;
-webkit-box-shadow:0px -4px 11px -7px #222222;
}
ul.native li#bm02 a {width: 170px; background:#0093D6;
box-shadow:0px -4px 11px -7px #222222;
-moz-box-shadow:0px -4px 11px -7px #222222;
-webkit-box-shadow:0px -4px 11px -7px #222222;
}
ul.native li#bm03 a {width: 170px; background:#FF9902;
box-shadow:0px -4px 11px -7px #222222;
-moz-box-shadow:0px -4px 11px -7px #222222;
-webkit-box-shadow:0px -4px 11px -7px #222222;
}
ul.native li#bm05 a {width: 170px; background:#CD9933;
box-shadow:0px -4px 11px -7px #222222;
-moz-box-shadow:0px -4px 11px -7px #222222;
-webkit-box-shadow:0px -4px 11px -7px #222222;
}
ul.native li.bm_on a { background:#fff !important; color:#777777;}



/* ヘッダー
---------------------------------------------*/
h1 {
	float:left;
	background: url("../images/logo.png") no-repeat left bottom;
	padding:0 0 5px 0;
	width:254px;
	height:105px;
	margin:-10px 0 10px 0;
}

h1 a {
	padding:0 0 5px 0;
	width:400px;
	height:120px;
	display:block;
	font-size:75%;
	font-weight:normal;
}
h1 a span {
	display:inline-block;
	padding:5px;
	border:dotted 1px #ccc;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	line-height:1;
}

#logo { float:left; padding-bottom:5px;}
#info { float:right; padding-bottom:5px;}

/* トップ　メイン
---------------------------------------------*/
.title_space { padding-top:30px; padding-bottom:20px; }
.title_space02 { padding-bottom:20px; }
.title_space03 { padding-top:20px; padding-bottom:20px; }
#top_link { padding-right:25px; padding-top:15px;}

#main_click a { display: block; text-decoration: none; text-indent: -9999px; height: 115px; overflow:hidden;}
#main_click a { width: 695px; background: url("../images/main_click.gif") top left no-repeat;}
#main_click a:hover, #main_click a:active, #main_click a.selected { background-position: 0 -115px;}

/* フッター
---------------------------------------------*/
#f_link { padding-top:10px; padding-left:40px;}
#f_link li { float:left; padding-right:15px;font-weight:bold;}
#f_logo { float:left; padding-top:60px; padding-left:40px;}
#f_info { float:right; padding-top:100px; padding-right:30px;}


ul#Page li {
margin : 0;
padding : 0 4px 0 4px;
text-align : left;
list-style-type : none;
display : inline;
}


/* サイドメニュー
---------------------------------------------*/
#s_click a { display: block; text-decoration: none; text-indent: -9999px; height: 292px; overflow:hidden;}
#s_click a { width: 264px; background: url("../images/s_click.gif") top left no-repeat;}
.index_easy #s_click a { width: 264px; background: url("../images/s_click_test20160316_01.png") top left no-repeat;}
.index_post #s_click a { width: 264px; background: url("../images/s_click_test20160316_02.png") top left no-repeat;}
#s_click a:hover, #s_click a:active, #s_click a.selected { background-position: 0 -292px;}

#s_click { padding-bottom:10px;}
#s_flow , #s_check , #s_method , #s_kaitaku  { padding-bottom:5px;}
#s_ehon { padding-bottom:2px;}
#s_voice { padding-bottom:15px;}
#s_bookgift { margin-top:-2px}

#s_flow a { display: block; text-decoration: none; text-indent: -9999px; height: 112px; overflow:hidden;}
#s_flow a { width: 264px; background: url("../images/s_flow.gif") top left no-repeat;}
#s_flow a:hover, #s_flow a:active, #s_flow a.selected { background-position: 0 -112px;}

#s_beans a { display: block; text-decoration: none; text-indent: -9999px; height: 112px; overflow:hidden;}
#s_beans a { width: 264px; background: url("../images/s_beans.gif") top left no-repeat;}
#s_beans a:hover, #s_beans a:active, #s_beans a.selected { background-position: 0 -112px;}

#s_voice a { display: block; text-decoration: none; text-indent: -9999px; height: 112px; overflow:hidden;}
#s_voice a { width: 264px; background: url("../images/s_voice.gif") top left no-repeat;}
#s_voice a:hover, #s_voice a:active, #s_voice a.selected { background-position: 0 -112px;}

#s_repeat a { display: block; text-decoration: none; text-indent: -9999px; height: 112px; overflow:hidden;}
#s_repeat a { width: 264px; background: url("../images/s_repeat.gif") top left no-repeat;}
#s_repeat a:hover, #s_repeat a:active, #s_repeat a.selected { background-position: 0 -112px;}

#s_winwin a { display: block; text-decoration: none; text-indent: -9999px; height: 112px; overflow:hidden;}
#s_winwin a { width: 264px; background: url("../images/s_winwin.gif") top left no-repeat;}
#s_winwin a:hover, #s_winwin a:active, #s_winwin a.selected { background-position: 0 -112px;}

#s_winwin02 a { display: block; text-decoration: none; text-indent: -9999px; height: 112px; overflow:hidden;}
#s_winwin02 a { width: 264px; background: url("../images/s_winwin02.gif") top left no-repeat;}
#s_winwin02 a:hover, #s_winwin02 a:active, #s_winwin02 a.selected { background-position: 0 -112px;}

#s_ehon a { display: block; text-decoration: none; text-indent: -9999px; height: 112px; overflow:hidden;}
#s_ehon a { width: 264px; background: url("../images/s_ehon.gif") top left no-repeat;}
#s_ehon a:hover, #s_ehon a:active, #s_ehon a.selected { background-position: 0 -112px;}

#s_charibon a { display: block; text-decoration: none; text-indent: -9999px; height: 112px; overflow:hidden;}
#s_charibon a { width: 264px; background: url("../images/s_charibon.gif") top left no-repeat;}
#s_charibon a:hover, #s_charibon a:active, #s_charibon a.selected { background-position: 0 -112px;}


#s_bookgift a { display: block; text-decoration: none; text-indent: -9999px; height: 112px; overflow:hidden;}
#s_bookgift a { width: 264px; background: url("../images/s_bookgift.gif") top left no-repeat;}
#s_bookgift a:hover, #s_bookgift a:active, #s_bookgift a.selected { background-position: 0 -112px;}

#s_pu_mid { padding:0 32px 0 32px; background: url("../images/s_pu_mid.gif") top left repeat;}

#s_bubbly { padding:0 8px 0 8px; background: url("../images/s_pu_mid.gif") top left repeat;}
#s_bubbly a { display: block; text-decoration: none; text-indent: -9999px; height: 94px; overflow:hidden;}
#s_bubbly a { width: 248px; background: url("../images/s_bubbly.gif") top left no-repeat;}
#s_bubbly a:hover, #s_bubbly a:active, #s_bubbly a.selected { background-position: 0 -94px;}

#s_bu_pu p { text-align:center;}
#s_bu_pu { padding-bottom:40px; width: 200px;}

#s_ssl { padding:32px 16px 0 16px;}

#s_samugaku a { display: block; text-decoration: none; text-indent: -9999px; height: 112px; overflow:hidden;}
#s_samugaku a { width: 264px; background: url("../images/s_samugaku.gif") top left no-repeat;}
#s_samugaku a:hover, #s_samugaku a:active, #s_samugaku a.selected { background-position: 0 -112px;}

#s_kaitaku a { display: block; text-decoration: none; text-indent: -9999px; height: 234px; overflow:hidden;}
#s_kaitaku a { width: 264px; background: url("../images/s_kaitaku_bnr.gif") top left no-repeat;}
#s_kaitaku a:hover, #s_ehon a:active, #s_ehon a.selected { background-position: 0 -234px;}

#bnr_shinsai a { display: block; text-decoration: none; text-indent: -9999px; height: 236px; overflow:hidden;}
#bnr_shinsai a { width: 264px; background: url("../images/bnr_shinsai.gif") top left no-repeat;}
#bnr_shinsai a:hover, #bnr_shinsai a:active, #bnr_shinsai a.selected { background-position: 0 -236px;}

/* メニュー
---------------------------------------------*/
#navi {}

#globalNavigation li { float:left;}
#globalNavigation li a { display: block; text-decoration: none; text-indent: -9999px; height: 67px; overflow:hidden;}

#gn01 a { width: 163px; background: url("../images/hd_menu.png") top left no-repeat;}
#gn02 a { width: 158px; background: url("../images/hd_menu.png") -163px top no-repeat;}
#gn03 a { width: 158px; background: url("../images/hd_menu.png") -321px top no-repeat;}
#gn04 a { width: 158px; background: url("../images/hd_menu.png") -479px top no-repeat;}
#gn05 a { width: 158px; background: url("../images/hd_menu.png") -637px top no-repeat;}
#gn06 a { width: 163px; background: url("../images/hd_menu.png") top right no-repeat;}

#gn01 a:hover { width: 163px; background: url("../images/hd_menu.png") no-repeat; background-position: left -71px;}
#gn02 a:hover { width: 158px; background: url("../images/hd_menu.png") no-repeat; background-position: -163px -71px;}
#gn03 a:hover { width: 158px; background: url("../images/hd_menu.png") no-repeat; background-position: -321px -71px;}
#gn04 a:hover { width: 158px; background: url("../images/hd_menu.png") no-repeat; background-position: -479px -71px;}
#gn05 a:hover { width: 158px; background: url("../images/hd_menu.png") no-repeat; background-position: -637px -71px;}
#gn06 a:hover { width: 163px; background: url("../images/hd_menu.png") no-repeat; background-position: right -71px;}

/*#globalNavigation a:hover, #globalNavigation a:active, #globalNavigation a.selected { background-position: 0 bottom;}*/




/* インデックス
---------------------------------------------*/
ul#goodFealdTbl{
	width:642px;
	height:245px;
}
ul#goodFealdTbl li.col01{
	float:left;
	background: url("https://wcdn.valuebooks.jp/vaboo/common/about_table01.gif") left top no-repeat;
	width:161px;
	height:245px;
	text-indent:-9999px;
}
ul#goodFealdTbl li.col04{
	float:left;
	background: url("https://wcdn.valuebooks.jp/vaboo/common/about_table01.gif") -161px top no-repeat;
	width:161px;
	height:245px;
	text-indent:-9999px;
}
ul#goodFealdTbl li.col02{
	float:left;
	background: url("https://wcdn.valuebooks.jp/vaboo/common/about_table01.gif") -322px top no-repeat;
	width:149px;
	height:245px;
	text-indent:-9999px;
}
ul#goodFealdTbl li.col03{
	float:left;
	background: url("https://wcdn.valuebooks.jp/vaboo/common/about_table01.gif") -471px top no-repeat;
	width:171px;
	height:245px;
	text-indent:-9999px;
}



ul#sorryFealdTbl{
	width:642px;
	height:394px;
}
ul#sorryFealdTbl li.col01{
	float:left;
	background: url("../images/top_sorry.gif") left top no-repeat;
	width:161px;
	height:394px;
	text-indent:-9999px;
}
ul#sorryFealdTbl li.col04{
	float:left;
	background: url("../images/top_sorry.gif") -161px top no-repeat;
	width:161px;
	height:394px;
	text-indent:-9999px;
}
ul#sorryFealdTbl li.col02{
	float:left;
	background: url("../images/top_sorry.gif") -322px top no-repeat;
	width:150px;
	height:394px;
	text-indent:-9999px;
}
ul#sorryFealdTbl li.col03{
	float:left;
	background: url("../images/top_sorry.gif") -472px top no-repeat;
	width:170px;
	height:394px;
	text-indent:-9999px;
}





/* フッターメニュー
---------------------------------------------*/
#f_navi { padding-left:30px;}

#f_globalNavigation li { float:left; padding-left:1px; padding-bottom:1px;}
#f_globalNavigation li a { display: block; text-decoration: none; text-indent: -9999px; height: 45px; overflow:hidden;}

#f_gn01 a { width: 150px; background: url("../images/f_menu01.gif") top left no-repeat;}
#f_gn02 a { width: 150px; background: url("../images/f_menu02.gif") top left no-repeat;}
#f_gn03 a { width: 150px; background: url("../images/f_menu03.gif") top left no-repeat;}
#f_gn04 a { width: 150px; background: url("../images/f_menu04.gif") top left no-repeat;}
#f_gn05 a { width: 150px; background: url("../images/f_menu05.gif") top left no-repeat;}
#f_gn06 a { width: 150px; background: url("../images/f_menu06.gif") top left no-repeat;}
#f_gn07 a { width: 150px; background: url("../images/f_menu07.gif") top left no-repeat;}
#f_gn08 a { width: 150px; background: url("../images/f_menu08.gif") top left no-repeat;}
#f_gn09 a { width: 150px; background: url("../images/f_menu09.gif") top left no-repeat;}
#f_gn10 a { width: 150px; background: url("../images/f_menu10.gif") top left no-repeat;}
#f_gn11 a { width: 150px; background: url("../images/f_menu11.gif") top left no-repeat;}
#f_gn12 a { width: 150px; background: url("../images/f_menu12.gif") top left no-repeat;}

#f_globalNavigation a:hover, #f_globalNavigation a:active, #f_globalNavigation a.selected { background-position: 0 -45px;}

/* クリア
---------------------------------------------*/
.c-both { clear:both; height:0px; font-size:0px; line-height:0%; }

/* テキスト装飾
---------------------------------------------*/
.important { font-weight:bold; font-size:100%;}
.important02 { font-weight:bold; font-size:150%;}
.important03 { font-weight:bold; font-size:115%;}
.important04 { font-size:115%;}
.line { padding:5px 0 5px 0;}
.img_bottom img { vertical-align: bottom;}
.img_mid img { vertical-align: middle;}
.img_top img { vertical-align: top;}

.float_l {foat:left;}
.float_r {foat:right;}

.img_right { float:right; padding:0 25px 0 15px;}
.img_right02 { float:right; padding:5px 0 0 15px;}
.img_left { float:left; padding:0 15px 0 0;}
.img_left02 { float:left; padding:0 30px 0 0;}
.form { border:3px solid #CCCCCC;}

.lh80 { line-height:80%; }
.lh100 { line-height:100%; }
.lh120 { line-height:120%; }
.lh150 { line-height:150%; }
.p_b_50 { padding-bottom:50px;}
.p_b_30 { padding-bottom:30px;}
.p_b_20 { padding-bottom:20px;}
.p_b_15 { padding-bottom:15px;}
.p_b_10 { padding-bottom:10px; }
.p_b_8 { padding-bottom:8px; }
.p_b_3 { padding-bottom:3px; }
.p_b_5 { padding-bottom:5px; }
.p_t_8 { padding-top:8px; }
.td_ph10ps5 { padding:10px 5px 10px 5px; }
.pad5 { padding:5px 5px 5px 5px; }
.p_b_5 { padding-bottom:5px; }
.p_10 { padding:10px; }
.p_8 { padding:8px; }
.p_5 { padding:5px; }
.p_0 { padding:0px; }
.p_t_2 { padding-top:2px; }
.p_t_5 { padding-top:5px; }
.p_t_10 { padding-top:10px; }
.p_t_15 { padding-top:15px; }
.p_t_20 { padding-top:20px; }
.p_t_25 { padding-top:25px; }
.p_l_5 { padding-left:7px; }
.p_l_7 { padding-left:7px; }
.p_l_9 { padding-left:7px; }
.p_l_10 { padding-left:10px; }
.p_l_14 { padding-left:14px; }
.p_l_15 { padding-left:15px; }
.p_l_20 { padding-left:20px; }
.p_l_30 { padding-left:30px; }
.p_l_40 { padding-left:40px; }
.p_l_70 { padding-left:70px; }
.p_l_80 { padding-left:80px; }
.p_r_5 { padding-right:10px; }
.p_r_10 { padding-right:10px; }
.p_r_15 { padding-right:15px; }
.p_r_20 { padding-right:20px; }
.p_r_30 { padding-right:30px; }
.p_r_40 { padding-right:40px; }

.m_r_2 { margin-right:2px; }
.m_r_3 { margin-right:3px; }
.m_r_5 { margin-right:5px; }
.m_r_10 { margin-right:10px; }
.m_t_2 { margin-top:2px; }
.m_t_3 { margin-top:3px; }
.m_t_5 { margin-top:5px; }
.m_t_8 { margin-top:8px; }
.m_t_10 { margin-top:10px; }
.m_t_15 { margin-top:15px; }
.m_t_20 { margin-top:20px; }
.m_t_25 { margin-top:25px; }
.m_t_30 { margin-top:30px; }
.m_b_30 { margin-bottom:30px; }
.m_b_20 { margin-bottom:20px; }
.m_b_18 { margin-bottom:18px; }
.m_b_15 { margin-bottom:15px; }
.m_b_10 { margin-bottom:10px; }
.m_b_8 { margin-bottom:8px; }
.m_b_5 { margin-bottom:5px; }
.m_b_3 { margin-bottom:3px; }
.m_b_2 { margin-bottom:2px; }
.m_b_1 { margin-bottom:1px; }
.m_l_2 { margin-left:2px; }
.m_l_5 { margin-left:5px; }
.m_l_6 { margin-left:6px; }
.m_l_7 { margin-left:7px; }
.m_l_8 { margin-left:8px; }
.m_l_10 { margin-left:10px; }
.m_l_15 { margin-left:15px; }
.m_l_18 { margin-left:18px; }
.m_l_20 { margin-left:20px; }


.gray { color:#666666;}
.white { color:#FFFFFF;}
.yellow { color:#ca9933;}
.green { color:#99CC33; }
.blue { color:#0000FF; }
.red { color:#FF0000; }
.pink { color:#D7489C; }
.bld { font-weight:bold;}
.nml { font-weight:normal;}
.px10 { font-size:10px;}
.px11 { font-size:11px;}
.px12 { font-size:12px;}
.px13 { font-size:13px;}
.px14 { font-size:14px;}
.px16 { font-size:16px;}
.px18 { font-size:18px;}
.px20 { font-size:20px;}

/*--------------------------------------------
追記
--------------------------------------------*/

#onegai {
	width: 660px;
	background: #F99;
	border: 1px solid #F00;
	margin: 0 0 0 15px;
}

#onegai_inner {
	padding: 10px;
}

#onegai_ttl {
	font-size: 15px;
	margin: 0 0 5px 0;
}

#onegai_ttl a {
	color: #00C;
	text-decoration: underline;
}

#onegai_txt {
	font-size: 13px;
}

#onegai_txt a {
	color: #00C;
	text-decoration: underline;
}

.kome {
        color: #FF0000;
}

a:hover img {
	-ms-filter:"alpha(opacity=70)";
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*BOOKS FOR JAPAN*/

#main_ttl_bfj {
	height:107px;
	background: url(../images/bfj/main_ttl_bfj.gif) top left no-repeat;
}

#bfj_content_inner {
	width: 680px;
	margin: 20px 0 20px 10px;
}

.m_20 {
	margin-bottom: 20px;
}

.fs_12 {
	font-size: 87%;
}

.fs_13 {
	font-size: 93%;
}

.sub_ttl_bfj {
	font-size: 121%;
	margin-bottom: 15px;
}

.bfj_content_under {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F00;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#giving_bnr {
	width: 150px;
	float: left;
	margin-right: 20px;
}

#giving_txt {
	width: 510px;
	float: left;
}

/*--------------------------------------------------------------------------
                             アマゾンギフト券
--------------------------------------------------------------------------*/

#giftken_content {
	width: 536px;
	padding: 7px;
}

#giftken_ttl {
	font-size: 16px;
	margin: 10px 0 20px 0;
}

#giftken_txt {
	line-height: 1.8em;
	margin: 0 0 20px 0;
}

#giftken_txt a {
	color: #00F;
}

.giftken_img {
	margin: 0 0 20px 0;
}


.attention {
	font-size:12px;
	margin: 5px 0 0;
	color: #464646;
	line-height:1.5;
}

.attentionA {
	font-size:14px;
	margin: 5px 0 0;
	color: #FF0000;
	line-height:1.2;
}



/*///トップページ///*/

#slide_voice {
background:url(../images/voice_bg.png) no-repeat left 94px;
width:694px;
height:450px;
margin:0 auto 20px;
}
#slide_voice .slick-dots {
 bottom:-25px;
 margin:0 0 0 -35px;
}
#slide_voice .slick-prev {
background:none;
background-image:none;
background:url(../images/voice_btn_forward.png) no-repeat left top;
width:20px;
height:73px;
}
#slide_voice .slick-prev:hover {
opacity:0.75;
}
#slide_voice .slick-next {
background:none;
background-image:none;
background:url(../images/voice_btn_next.png) no-repeat left top;
width:20px;
height:73px;
}
#slide_voice .slick-next:hover {
opacity:0.75;
}

#slide_voice .slide_selector {
 width:694px;
 height:349x;
 padding:0 31px 25px 30px;
 background:url(../images/voice_btm.gif) no-repeat left bottom;
}

#slide_voice .slide_selector .voice_tx {
 height:319px;
}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */ 

#slide_main {
 width:694px;
 margin:4px 0 2em 6px;
 padding: 0px 0 15px 0
}
#slide_main .slide_selector {
 background:url(../images/main_best3.jpg) no-repeat left top;
 /*background:url(../images/nov_668-298.png) no-repeat left top;*/
width:688px;
height:290px;
}

#slide_main .slick-dots {
 bottom:-48px;
 margin:0 0 0 0;
}

#slide_main .slick-dots li {
background:#CCCCFF;
width:160px;
 border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
padding:10px 0;
font-size:12px;
line-height:1;
text-align:center;
height:auto;
}
#slide_main .slick-dots li.slick-active {
 background:#E5E5FF;
}

#knowhow.comic {
	background:url(../images/kotsu_comic.png) no-repeat left top;
	width:475px;
	height:485px;
	text-indent:-9999px;
	position: fixed;
	top: 100px;
  	right: -410px;
	z-index:10000;
  cursor: pointer;

}

body {
	position:relative;
}