@charset "UTF-8";
*{
margin:0px;
padding:0px;
}
body {
font-family:"ＭＳ Ｐゴシック", "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, /*"CI", Meiryo,*/ verdana, "MS PGothic", sans-serif;
background-color:#FFFFFF;
color:  #222222;
}
.center {
text-align:center;
}
.fsmall{
font-size:10px;
}
textarea {
font-family:"ＭＳ Ｐゴシック", "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, /*"CI", Meiryo,*/ verdana, "MS PGothic", sans-serif;
}
h1,h2,h3,h4,h5,h6,p{
font-size: 100%;
font-weight: normal;
font-style: normal;
line-height: 100%;
}
img{
border:none;
}
li {
margin:8px;
font-size:12px;
line-height:20px;
}
ol, ul {
margin:0 0 0 20px;
}
dl, dt, dd{
font-size:12px;
}
/* strong の強調を切る */
strong{
font-weight:normal;
}
table {
background-color:#B8BDB2;
margin:5px 5px 5px 5px;
}
th,td {
font-size:12px;
padding:5px;
background:#FFFFFF;
line-height:1.4em;
}
.clearfix:after { 
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; 
}
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */
/*サイトマップ系ページにある囲み*/
.link-t{
width:530px;
}
.red {
color:#FF0000;
}
.b {
font-weight:bold;
}
.error {
color: #CC0000;
font-weight: bold;
}
body { 
background:url(/img/site_desine/back_img.jpg) repeat-x;
font-size:14px;
_text-align:center;
}
h2 {
height:31px;
width:540px;
background:url(/img/site_desine/h2_back.jpg) no-repeat;
line-height:31px;
text-indent:20px;
font-size:14px;
font-weight:bold;
margin:0px 0px 10px 0px;
}
h3 {
height:31px;
width:540px;
background:url(/img/site_desine/h3_back.jpg) no-repeat;
line-height:31px;
text-indent:20px;
font-size:12px;
margin:10px 0px 10px 0px;
}
p {
margin:8px;
font-size:12px;
line-height:20px;
}

#content_body p {
/*
width:520px;
*/
}

.pagetop {
font-size:12px;
float:right;
}
#site_serch {
position:absolute;
right:0px;
top:25px;
vertical-align:top;
}
#wrap{
width:800px;
margin:0 auto 0;
position:relative;
_text-align:left;
}
#head {
width:800px;
height:67px;
}
#head h1 {
font-size: 12px;
text-align:right;
margin:0 10px 0 0;
}
#head .logo{
margin:0 0 0 6px;
}
#kanban {
height:265px;
width:850px;
background:url(/img/site_desine/kanban0412.jpg) -10px 1px no-repeat;
left:-25px;
position:relative;
}
#kanban a.to_regist {
display:block;
background:url(/img/site_desine/to_regist_bt.jpg) no-repeat;
text-indent:-9999px;
height:52px;
width:212px;
float:right;
margin:40px 0px 0 0;
}
#kanban a:hover.to_regist {
background:url(/img/site_desine/to_regist_bt.jpg) 0px -52px no-repeat;
}
#kanban a.to_market {
display:block;
background:url(/img/site_desine/to_market.gif) no-repeat;
text-indent:-9999px;
height:38px;
width:212px;
float:right;
margin:54px 0px 0 0;
}
#kanban a:hover.to_regist {
background:url(/img/site_desine/to_regist_bt.jpg) 0px -52px no-repeat;
}
#kanban .regist_num {
clear:both;
float:right;
margin:92px 50px 0 0;
font-size:24px;
}
#kanban h2 {
background:none;
text-indent:-9999px;
margin:0px;
}
#navi{
margin-top:8px;
width:800px;
}
#navi a{
float:left;
display:block;
text-indent:-9999px;
height:76px;
}
#navi a.one{
background:url(/img/site_desine/main_navi.jpg) no-repeat;
width:68px;
}
#navi a.two{
background:url(/img/site_desine/main_navi.jpg) -68px 0px no-repeat;
width:155px;
}
#navi a.three{
background:url(/img/site_desine/main_navi.jpg) -220px 0px no-repeat;
width:220px;
}
#navi a.four{
background:url(/img/site_desine/main_navi.jpg) -440px 0px no-repeat;
width:190px;
}
#navi a.five{
background:url(/img/site_desine/main_navi.jpg) -630px 0px no-repeat;
width:160px;
}
#navi a:hover.one{
background:url(/img/site_desine/main_navi.jpg) 0px -84px no-repeat;
width:68px;
}
#navi a:hover.two{
background:url(/img/site_desine/main_navi.jpg) -68px -84px no-repeat;
width:155px;
}
#navi a:hover.three{
background:url(/img/site_desine/main_navi.jpg) -220px -84px no-repeat;
width:220px;
}
#navi a:hover.four{
background:url(/img/site_desine/main_navi.jpg) -440px -84px no-repeat;
width:190px;
}
#navi a:hover.five{
background:url(/img/site_desine/main_navi.jpg) -629px -84px no-repeat;
width:160px;
}
#login_regist_bt{
width:212px;
height:138px;
background-color:#E6ECDC;
border:1px solid #B8BDB2;
}
#login_regist_bt a.login{
display:block;
width:212px;
height:69px;
text-indent:-9999px;
background:url(/img/site_desine/login_regist_bt.gif) 0px 0px no-repeat;
}
#login_regist_bt a.regist{
display:block;
width:212px;
height:69px;
text-indent:-9999px;
background:url(/img/site_desine/login_regist_bt.gif) 0px -69px no-repeat;
}
#login_regist_bt a:hover.login{
background:url(/img/site_desine/login_regist_bt.gif) 0px -142px no-repeat;
}
#login_regist_bt a:hover.regist{
background:url(/img/site_desine/login_regist_bt.gif) 0px -211px no-repeat;
}
#contents{
}
#content_body {
width:540px;
margin:10px 25px 10px 10px;
_margin:5px 12px 5px 5px;
float:left;
}
table.answer{
background:#FFFFFF;
}
#questionBt {
margin-left:10px;
}
#questionBt a.addQuestion{
background:url(/img/site_desine/question_bt.jpg) -0px -50px  no-repeat;
display:block;
text-indent:-9999px;
height:40px;
width:395px;
float:left;
}
#questionBt a.indexQuestion{
background:url(/img/site_desine/question_bt.jpg) -397px -50px no-repeat;
display:block;
text-indent:-9999px;
height:40px;
width:133px;
float:left;
}
#questionBt a:hover.addQuestion{
background:url(/img/site_desine/question_bt.jpg) 0px 0px  no-repeat;
}
#questionBt a:hover.indexQuestion{
background:url(/img/site_desine/question_bt.jpg) -397px 0px no-repeat;
}
#side {
width:220px;
margin:10px 0px 10px 5px;
_margin:5px 0px 5px 2px;
float:left;
}
#side img{
display:block;
}
#side .side_box {
width:190px;
_width:220px;
padding:0 15px 0 15px;
background:url(/img/site_desine/side_box_middle.png) repeat-y;
}
#side .kousin_box {
border-left:1px solid #B8BDB2;
border-right:1px solid #B8BDB2;
border-bottom:1px solid #B8BDB2;
width:212px;
_width:214px;
font-size:11px;
padding:10px 0 5px 0;
}
#side .kousin_box p {
margin:5px 0px 5px 7px;
_margin:2px 0px 2px 3px;
font-size:11px;
line-height:15px;
width:155px;
}
#side .kousin_box img {
float:right; 
margin:0px 7px 5px 0px;
_margin:0px 2px 2x 0px;
border:solid 1px #666;
}
#side .news_box {
border-left:1px solid #B8BDB2;
border-right:1px solid #B8BDB2;
border-bottom:1px solid #B8BDB2;
width:212px;
_width:214px;
font-size:11px;
padding:10px 0 5px 0;
}
#side .news_box p {
margin:5px 0px 5px 7px;
font-size:11px;
line-height:15px;
width:200px;
}
.ul-map {
font-size: 12px;
line-height: 16px;
margin: 0px 6px 0px 8px;
font-weight: bold;
}
.ul-map li{
list-style:none;
}
.li-map {
background:none;
margin:0px;
padding:0px;
float: left;
width:85px;
}
.side_navi a{
padding:0px;
width:212px;
height:40px;
display:block;
text-indent:-9999px;
}
.side_navi a.one{
background:url(/img/site_desine/side_navi.png) no-repeat;
}
.side_navi a.two{
background:url(/img/site_desine/side_navi.png) 0px -40px no-repeat;
}
.side_navi a.three{
background:url(/img/site_desine/side_navi.png) 0px -80px no-repeat;
}
.side_navi a.four{
background:url(/img/site_desine/side_navi.png) 0px -120px no-repeat;
}
.side_navi a:hover.one{
background:url(/img/site_desine/side_navi_hover.png) no-repeat;
}
.side_navi a:hover.two{
background:url(/img/site_desine/side_navi_hover.png) 0px -40px no-repeat;
}
.side_navi a:hover.three{
background:url(/img/site_desine/side_navi_hover.png) 0px -80px no-repeat;
}
.side_navi a:hover.four{
background:url(/img/site_desine/side_navi_hover.png) 0px -120px no-repeat;
}
.side_navi a.bookmark{
background:url(/img/site_desine/bookmark_bt.png) 0px 0px no-repeat;
}
.side_navi a:hover.bookmark{
background:url(/img/site_desine/bookmark_bt_hover.png) 0px 0px no-repeat;
}
#footer {
text-align:center;
border-top:1px solid #CCC;
}
#footer_inner2 a{
background:url(/img/site_desine/foot_li.jpg) no-repeat;
font-size:12px;
line-height:25px;
color:#8A9EAC;
text-decoration:none;
padding-left:20px;
margin-left:10px;
}
#footer_inner2 a:hover{
background:url(/img/site_desine/foot_li.jpg) 0px -15px no-repeat;
color:#6699FF;
;
}
/* よくある質問部分 */
#elinkData {
font-size:12px;
line-height:22px;
margin:5px;
}
#elinkData p{
margin:0 10px;
padding:0;
font-size:12px;
}
#elinkData table {
font-size:12px;
width:80%;
border-collapse: collapse;
margin: 10px;
}
#elinkData table th{
background:#ACB7DD;
padding:2px;
}
#elinkData table td{
padding:2px;
}
#elinkData h3{
font-size:12px;
margin:10px 0;
}
/* topの最近の質問 */
#news-box {
margin-left:5px;
border:1px solid #FFF;
font-size:12px;
display:block;
overflow:auto;
width:540px;
}
#news-box a {
background-color:#EEE;
border-bottom:1px solid #FFF;
clear:both;
display:block;
height:25px;
text-decoration:none;
}
#news-box a:hover {
background-color:#FFC;
}
#news-box a p {
cursor:pointer;
display:block;
height:25px;
line-height:25px;
text-indent:10px;
margin:0;
font-size:12px;
}
#news-box a p.question-title {
float:left;
overflow:hidden;
width:280px;
}
#news-box a p.question-length {
color:#666666;
float:left;
width:50px;
}
#news-box a p.question-time {
color:#666666;
float:left;
width:120px;
}
#news-box a p.question-status {
color:#666666;
float:left;
width:70px;
}
#Question table.answer{
/*background:#6db1f4;*/
font-size:12px;
border-collapse:separate;
border-spacing:0px;
clear:both;
margin:10px 0px;
width:540px;
/*border-top:solid 3px #CCC;*/
border-bottom:solid 1px #CCC;
}
#Question table.answer td{
background:#ffffDF;
padding:5px 10px;
width:100%;
}
#Question table.answer td p{
font-size:12px;
}
#sitemap li{
line-height:22px;
}
#sitemap ul{
margin-left:15px;
}
.mailForm dt{
background:#FFFFCC;
border-top:1px solid #6699FF;
padding:3px;
}
.mailForm dd{
padding-left:20px;
}
#sideAd img{
margin-top:10px;
}



#footer_inner {
width:800px; margin:0 auto; text-align:left; color:#666666; position:relative;
}
#footer_inner1 {
float:left; width:550px;
}
#footer_inner2 {
float:left; width:250px;
margin:0 0 10px 0;
}
#pagetop_navi {
position:absolute; right:40px; top:-60px;
}
address {
margin:30px 0 10px 0;
clear:both;
}

/* form のメッセージに使用する */
.formCk {
color: #FF0000;
font-size:12px;
display:block;
}

/* コラムのスタイル*/
#column_body {
width:530px;
margin:0 0 0 10px;
}
#column_body p{
line-height:2em;
margin:0 0 2em 0;
}
.column_data {
font-size:12px;
color:#666666;
display:block;
text-align:right;
}
#column_body h2,
#column_body h3{
margin:0 0 0 -10px;
}

/* ネクストリンク */
#page_all {
text-align:center;
font-size:12px;
margin:0 0 5px 0;
}

#page_number {
font-size:12px;
text-align:center;
}

#page_number span {
display: inline-block;
margin: 0 2px;
padding: 3px 5px;
border: 1px solid #cadfeb;
font-weight: bold;
background: #dae9f4;
}

#page_number a{
background:none repeat scroll 0 0 #F1F1F1;
border:1px solid #E1E1E1;
display:inline-block;
margin:0 2px;
padding:3px 5px;
}
#page_number  a:hover {
border: 1px solid #98b4e6;
background: #adc3e1;
} 

table.dotted{
border:none;
background:none;
}

table.dotted td{
border-bottom:1px dotted #CCC;
}



/* Easy Slider topの著書の画像 */
#slider_wrap {
	position:relative;
	padding:0px 0 0 0;
	}
#slider {
	text-align:center;
	padding:20px 0 0 0 ;
	position:relative;
	border:1px solid #CCCCCC;
	}
#slider img{
	display:inline;
	vertical-align:top;
	border:1px solid #BBBBBB;
	margin:3px;
	/*margin:10px 0 0 40px;*/
	}
#slider ul, #slider li{
	padding:0;
	margin:0;
	list-style-type:none;
	}
#slider, #slider li{ 
	width:210px;
	height:180px;
	overflow:hidden;
	font-size:10px;
	display:inline-block;
	}
#slider_wrap span#prevBtn{
	position: absolute;
	font-size:12px;
	right:115px;
	top:38px;
	font-weight:bold;
	}
#slider_wrap span#nextBtn{
	position:absolute;
	font-size:12px;
	right:85px;
	top:38px;
	font-weight:bold;
	}					
#slider_wrap span#bookTotalAmount{
	position:absolute;
	font-size:12px;
	right:170px;
	top:38px;
	}					
/* // Easy Slider */

.slideToggle {
	display:none;
}

/* icons */
.pointBule1 {
background: url(/img/site_desine/icon/pointBule1.png) no-repeat;
padding: 0 0 0 18px;
margin:0 0 0 5px;
}
.pointBule2 {
background: url(/img/site_desine/icon/pointBule2.png) no-repeat;
padding: 0 0 0 18px;
margin:0 0 0 5px;
}
.pointBule3 {
background: url(/img/site_desine/icon/pointBule3.png) no-repeat;
padding: 0 0 0 12px;
margin:0 0 0 5px;
}

.goods_cate_icon {
margin:2px;
}

.goods_sum {
border:2px solid #CCCCCC;
}

/* goodstable */
#content_body table.goodsTable  {
background-color:  #FFF;
margin:0;
border:1px solid #CCCCCC;
width:780px;
border-collapse: collapse;
}

#content_body table.goodsTable td {
background:none;
padding:5px;
border:1px dashed #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#content_body table.goodsTable th{
background-color: #F7FAE7;
height:30px;
font-size:14px;
border-bottom: solid #999999 2px ;
}

#content_body table.goodsTable tr.tr-line{
background-color: #FDFEF8;
}

/*  cartに入れるボタン */
ul.cart_in_bt {
position:relative;
text-align:center;
list-style:none;
}

ul.cart_in_bt li{

}
ul.cart_in_bt li span{
position:absolute;
top:-40px;
left:130px;
}
.ssl_link {
position: absolute;
right:20px;
font-size:10px;
}

#columnList p.info{
float:left;
margin:5px;
width:480px;
}
#columnList p.img{
text-align:left;
float:left;
margin:5px;
width:40px;
}