@charset "utf-8";
/* CSS Document */

/*===================================================================
// 　共通
//=================================================================*/
/* トップページへ戻る */
.back {
	margin:15px 0;
	text-align:center;
}

/* AdobeReader */
.adobereader {
	background:#eeeeee;
	border:1px solid #bcbcbc;
	padding:10px;
	margin:0 auto;
	width:760px;
}
.adobereader li.pdfimg {
	float:left;
	width:158px;
	height:45px;
}
.adobereader li.pdfmsg {
	padding-left:178px;
	height:45px;
}


/*===================================================================
// 　TOP
//=================================================================*/
/* お知らせ */
#top_news{ width: 700px; margin: 0 auto 30px auto;}
.top_news{ margin: 0; padding: 0;}
.top_news li{ margin: 0; padding: 6px 0; clear: both; background: url(../img/index/top_news_bg.gif) bottom repeat-x;}
.top_news a{ display: block;}
.top_news em{ margin-right: 10px; font-style: normal; display: block; float: left;}
.top_news span{ margin-right: 10px; font-size: 10px; display: inline-block; height: 20px; line-height: 20px;}
.top_news strong{ margin-top: 4px; font-weight: normal; display: block;}

.top_news_c01{ background-color: #f2b2fe; padding:0 10px;}
.top_news_c02{ background-color: #b7f890; padding:0 10px;}
.top_news_c03{ background-color: #fdbcbc; padding:0 10px;}
.top_news_c04{ background-color: #a0e2f3; padding:0 10px;}
.top_news_c05{ background-color: #ffb24f; padding:0 10px;}
.top_news_c06{ background-color: #889efc; padding:0 10px;}


/* 書籍リスト */
.booklist01{ padding: 0 0 50px 0;}

.jcarousel-skin-tango li{ width: 200px; display: block; float: left;}
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl;}
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden;}

.jcarousel-skin-tango .jcarousel-container-horizontal { width: 94%; padding: 0 3%;}
.jcarousel-skin-tango .jcarousel-item { width: 130px; height: auto;}
.jcarousel-skin-tango img{ display: block; vertical-align: bottom; margin: 10px auto 5px auto;}
.jcarousel-skin-tango strong{ width: 110px; margin: 0 auto; line-height: 120%; display: block;}
.jcarousel-skin-tango em{ width: 110px; margin: 0 auto; display: block; font-style: normal;}

.jcarousel-skin-tango .jcarousel-item-horizontal{ margin-left: 0; margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0;}

/*  Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 10px;
    right: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
	background: url(../img/index/top_list_n.gif);
}
		.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
		.jcarousel-skin-tango .jcarousel-next-horizontal:focus,
		.jcarousel-skin-tango .jcarousel-next-horizontal:active {
			background: url(../img/index/top_list_n_on.gif);
		}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 10px;
    left: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
	background: url(../img/index/top_list_p.gif);
}
		.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
		.jcarousel-skin-tango .jcarousel-prev-horizontal:focus,
		.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
			background: url(../img/index/top_list_p_on.gif);
		}


/*===================================================================
// 　商品一覧ページ
//=================================================================*/
#list_booklist{	width: 100%;}
.list_booklist{ margin: 0; padding: 0;}
.list_booklist li {
	height: 270px;
	margin: 0 4px 10px 4px;
	padding: 0;
	text-align: center;
	display: table-cell;
	float: left;
}

.list_booklist img{ vertical-align: bottom; margin: 10px auto 5px auto;}
.list_booklist a{ text-decoration: none;}
.list_booklist strong{ width: 140px; margin: 0 auto 2px auto; line-height: 120%; display: block; text-decoration: underline;}
.list_booklist em{ width: 140px; margin: 0 auto; font-style: normal; line-height: 120%; display: block;}
.list_booklist span{ width: 140px; margin: 0 auto; color: #555; font-size: 11px; line-height: 140%; display: block;}
.list_booklist span a{ color: #555; text-decoration: underline;}
.list_booklist span a:hover{ color: #690;}
.list_booklist span.discontinued{ color:#ad0a14;}

div.pagination {
	font-size: 14px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	padding: 2px 0;
	text-align: left;
	margin-bottom: 10px;
}
div.pagination a { margin: 2px; padding: 5px 10px; color: #000; text-decoration: none; border: 1px solid #fff;}
div.pagination a:hover, div.pagination a:active { background-color:#DBEFBB; color: #000; border: 1px solid #98C567;}
div.pagination span.current {
	padding: 5px 10px;
	margin: 2px;
	font-weight: bold;
	background-color: #fff;
	color: #303030;
	}
div.pagination span.disabled { margin: 2px 0; padding: 2px 0; color: #797979;}

.noresulttext{
	text-align:center;
	font-size:24px;
	margin:25px 10% 40px;
}

/*===================================================================
// 　商品詳細ページ
//=================================================================*/
#detail_book{ padding-bottom: 20px;}
.detail_image{ margin: 20px 0 0 0; text-align: center;}
#detail_table{ width: 70%; float: right;}
.detail_table{ margin: 20px 0 0 0;}
.detail_table th{ width: 40%; padding: 10px 20px; background: #e9e9e9; text-align: left; font-weight: normal; border-top: 1px solid #fff; border-bottom: 1px dotted #666;}
.detail_table td{ padding: 10px 20px; border-bottom: 1px dotted #666;}

.detail_number{ margin-bottom: 10px; padding: 2px 5px;}
.detail_price{ padding: 10px 0; font-size: 16px; font-weight: bold; line-height: 16px; text-align: center;}
.detail_price span{ font-size: 14px;}
.detail_comment{ margin: 10px auto; border: 1px dotted #ccc;}
.detail_comment div{ padding: 10px 10%;}

.detail_cart{ padding: 10px 25px; border: none; border-radius: 4px; cursor: pointer;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; outline: none;
	font-size: 16px; border: 1px solid #e1e0e0; border-radius: 6px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e7e7e7');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e7e7e7')";
	background-image: -moz-linear-gradient(top, #ffffff, #e7e7e7);
	background-image: -ms-linear-gradient(top, #ffffff, #e7e7e7);
	background-image: -webkit-linear-gradient(top, #ffffff, #e7e7e7);
	background-image: linear-gradient(top, #ffffff, #e7e7e7);
	background-clip: padding-box;
}
.detail_cart:hover{
	border: 1px solid #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e7e7e7', endColorstr = '#ffffff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e7e7e7', endColorstr = '#ffffff')";
	background-image: -moz-linear-gradient(bottom, #ffffff, #e7e7e7);
	background-image: -ms-linear-gradient(bottom, #ffffff, #e7e7e7);
	background-image: -webkit-linear-gradient(bottom, #ffffff, #e7e7e7);
	background-image: linear-gradient(bottom, #ffffff, #e7e7e7);
	background-clip: padding-box;
	}
div.item_tag{
	display:block;
	margin:0 10%;
}
div.item_tag span{
	font-size:14px;
	font-weight:bold;
	line-height:16px;
}
div.item_tag ul{	margin-left:20px;}
div.item_tag ul li{
	display:block;
	float:left;
	margin-right:10px;
}
div.item_tag ul li a{
	font-size:12px;
	line-height:16px;
}

div.discontinued{
	font-size:12px;
	text-align:center;
	line-height:16px;
}
div.discontinued span{
	display:block;
	color:#ad0a14;
	margin-bottom:4px;
}
	
/*===================================================================
// 　アーカイブ　一覧ページ
//=================================================================*/
#archive_list{}
.archive_list{ marign: 0; padding: 0;}
.archive_list a{ margin: 10px 0; padding: 10px 20px; border: 1px solid #ccc; border-radius: 4px; display: block; text-decoration: none;}
.archive_list a:hover{ color: #385f11; background-color:#DBEFBB;}


/*===================================================================
// 　アーカイブ　詳細ページ
//=================================================================*/
#archive_detail{
}

div.pagingarea{
	width:90%;
	margin:10px auto;
}
div.pagingarea a.prev{
	float:left;
	width:45%;
}
div.pagingarea a.next{
	float:right;
	text-align:right;
	width:45%;
}
div.postdate{
	width:90%;
	margin:0 auto;
	border-top: 2px solid #84BA48;
	padding-top:10px;
	text-align:right;
}

/*===================================================================
// 　新規会員登録　規約
//=================================================================*/
#kiyaku{}
#kiyaku h2{}
#kiyaku em{ margin: 30px 0 5px 0; padding: 5px; background-color: #f6f6f6; font-style: normal; border: 1px solid #aaa; display: block;}

.kiyaku_next{ width: 40%; margin: 20px auto 0 auto;}
.kiyaku_next input[type="submit"]{ font-weight: bold;}


/*===================================================================
// 　新規会員登録
//=================================================================*/
#touroku01{}


/*===================================================================
// 　プライバシーポリシー
//=================================================================*/
#privacy{}
#privacy em{ margin: 30px 0 5px 0; padding: 5px; background-color: #f6f6f6; font-style: normal; border: 1px solid #aaa; display: block;}
#privacy ul{ margin: 10px 0 30px 0; padding-right: 20px;}

#privacy li{ margin-top: 5px; margin-bottom: 10px;}


/*===================================================================
// 　ログイン
//=================================================================*/
#login table{ width: 700px; margin: 0 auto;}


/*===================================================================
// 　マイページ　TOP
//=================================================================*/
#mypage_top h3{ margin-bottom: 10px;}
#mypage_top ul{ margin-bottom: 30px;}
#mypage_top a{ margin: 5px 20px 10px 20px; padding: 5px 20px; background-color: #f6f6f6; font-style: normal; text-decoration: none; border: 1px solid #aaa; display: block;}
#mypage_top a:hover{ background: #fff; border-color: #ccc;}


/*===================================================================
// 　マイページ　ご注文履歴
//=================================================================*/
#mypage_order .t_order {
	margin:0 auto 10px;
	width:100%;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-collapse:collapse;
}

#mypage_order .t_order thead tr th {
	background:#efefef;
	height:40px;
	line-height:40px;
	color:#333333;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:3px 5px;
}
#mypage_order .t_order thead tr th:nth-child(1) {	width:140px;}
#mypage_order .t_order thead tr th:nth-child(2) {	width:140px;}
#mypage_order .t_order thead tr th:nth-child(4) {	width:70px;}
#mypage_order .t_order thead tr th:nth-child(5) {	width:100px;}

#mypage_order .t_order tbody tr td {
	height:40px;
	line-height:40px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:3px 5px;
}
#mypage_order p.order_none {
	text-align:center;
	margin:10px 0;
	font-size:24px;
}


/*===================================================================
// 　マイページ　各種変更
//=================================================================*/
#mypage_edit{}


/*===================================================================
// 　関連リンク集
//=================================================================*/
#linkpage ul{ padding: 30px 0;}
#linkpage li{ padding: 10px 0;}


/*===================================================================
// 　サイトポリシー
//=================================================================*/
#sitepolicy{}
#sitepolicy em{ margin: 30px 0 5px 0; padding: 5px; background-color: #f6f6f6; font-style: normal; border: 1px solid #aaa; display: block;}
#sitepolicy ul{ margin: 10px 0 30px 0; padding-right: 20px;}

#sitepolicy li{ margin-top: 5px; margin-bottom: 10px;}


/*===================================================================
// 　会社案内
//=================================================================*/
#company{}


/*===================================================================
// 　サイトマップ
//=================================================================*/
#sitemap{}
#sitemap li a{ margin: 5px 0 10px 0; padding: 5px 20px; display: block; border: 1px solid #aaa; text-decoration: none;}
#sitemap li a:hover{ background-color: #e2f3c7;}
#sitemap td{ vertical-align: top;}


/*===================================================================
// 　エラーページ
//=================================================================*/
#pageerror{ padding: 50px 0 10px 0; background: url(../img/index/errorpage.gif) right bottom no-repeat;}


/*===================================================================
// 　メンテナンス
//=================================================================*/
#maintenance{ margin-top: 50px;}


/*===================================================================
// 　特定商取引法に基づく表示
//=================================================================*/
#transaction{}
#transaction em{ margin: 30px 0 5px 0; padding: 5px; background-color: #f6f6f6; font-style: normal; border: 1px solid #aaa; display: block;}


/*===================================================================
// 　FAQ
//=================================================================*/
#faq{}
.faqlist{ margin: 20px 10px 40px 10px; padding: 10px 20px; border: 1px dotted #aaa;}
#faq em{ margin: 30px 0 5px 0; padding: 5px 20px; background-color: #f6f6f6; font-style: normal; border: 1px solid #aaa; display: block;}
#faq em:before{ content: "Q.\20";}
.qa_a{ padding: 5px 40px;}
.qa_a:before{ content: "A.\20";}


/*===================================================================
// 　凡人社通信
//=================================================================*/
#bonjinshatsushin ul.itemlist {
	margin:0 auto;
	text-align:center;
}
#bonjinshatsushin ul.itemlist li {
	float:left;
	width:190px;
	height:296px;
	margin:0 5px 20px;
	vertical-align:bottom;
}
#bonjinshatsushin span.newtitle {
	display:block;
	font-size:110%;
	color:#F06;
	font-weight:bold;
	margin:0 5px;
	text-align:center;
	width:190px;
	
}
#bonjinshatsushin ul.itemlist li dt {
	margin-bottom:5px;
}


/*===================================================================
// 　日本語教材リスト
//=================================================================*/
#nihongokyouzailist{}
#nihongokyouzailist em{ margin: 30px 0 5px 0; padding: 5px; background-color: #f6f6f6; font-style: normal; border: 1px solid #aaa; display: block;}


/*===================================================================
// 　eju
//=================================================================*/
#eju{}

#eju .result_box{
margin:10px;
padding: 0 0 30px 0;
border-bottom:1px dotted #666666;
}
#eju .result_box_left{
margin:10px 0 0 20px;
width:100px;
float:left;
}
#eju .result_box_right{
margin:10px 0 0 10px;
padding-top:5px;
width:400px;
float:left;
}


/*===================================================================
// 　パスワード再発行
//=================================================================*/
#pass_reminder{}


/*===================================================================
// 　会員登録
//=================================================================*/
#touroku01 input{ margin-top: 15px;}


/*===================================================================
// 　ご利用ガイド
//=================================================================*/
#guide{}


/*===================================================================
// 　書店様
//=================================================================*/
#bookstore{}

/*===================================================================
// 　漢字たまご
//=================================================================*/
#kanjitamago p {
	margin-bottom:20px;
}
#kanjitamago ul.whats li {
	float:left;
	margin-bottom:20px;
	width:66%;
}
#kanjitamago ul.whats li:last-child {
	width:330px;
}
#kanjitamago strong {
	display:block;
	margin:10px;
	font-size:16px;
}

/*===================================================================
// 　日本語でインターアクション
//=================================================================*/
#interaction p {
	margin-bottom:20px;
}
#interaction strong {
	display:block;
	margin:10px;
	font-size:16px;
}

/*===================================================================
// 　jltct
//=================================================================*/
#jltct{}

#jltct .result_box{
margin:10px;
padding: 0 0 30px 0;
border-bottom:1px dotted #666666;
}
#jltct .result_box_left{
margin:10px 0 0 20px;
width:100px;
float:left;
}
#jltct .result_box_right{
margin:10px 0 0 10px;
padding-top:5px;
width:400px;
float:left;
}

.jltct_bookstore{ width: 700px; margin: 0 auto 40px auto; border-width: 0 0 1px 1px; border-style: dotted; border-color: #aaa;}
.jltct_bookstore th{ background-color: #f7f7f7; padding: 4px 10px; vertical-align: middle; border-width: 1px 1px 0 0; border-style: dotted; border-color: #aaa;}
.jltct_bookstore td{ padding: 4px 10px; vertical-align: middle; border-width: 1px 1px 0 0; border-style: dotted; border-color: #aaa;}

.jltct_bookstore a{ display: block;}
.jltct_bookstore_city{ width: 70px;}
.jltct_bookstore_name{ width: 180px;}
.jltct_bookstore_tel{ width: 120px;}

.jltct_bookstore_list select{ width: 200px; margin-bottom: 10px; padding: 5px 15px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.jltct_bookstore_list {
	margin:0 0 20px 10px;
}
.jltct_bookstore_list li {
	float:left;
	width:58px;
	margin-bottom:5px;
}


/*===================================================================
// 　カート 購入フロー
//=================================================================*/
td.line {
	text-align:center;
}
.plustax {
	font-size:12px;
}
.deliveryfee {
	font-size:11px;
	color:#C03;
}
p.noitem {
	font-size:24px;
	font-weight:bold;
	line-height:28px;
}
/*===================================================================
// カード決済失敗
//=================================================================*/
.failure {
	text-align:center;
	border:1px solid #F00;
	padding:10px;
	margin:20px auto;
	width:700px;
}
.failure h3 {
	background: #F00;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:8px;
	margin-bottom:10px;
}
	


/*===================================================================
// 　Contact Form 7
//=================================================================*/

.btn_cf input[type="submit"] {
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E9E9E9);
    border: 1px solid #D2D2D2;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    padding: 8px 30px;
    text-align: center;
    margin: 15px auto;
}

.wpcf7-email {	padding:5px 10px;}
.wpcf7-textarea {	padding:5px 10px;}