@charset "utf-8";

/* category
---------------------------------------------------- */
#category {
margin:0 0 10px 0;
  list-style: none;
}
#category h2 {
  padding: 0px 0px 7px 0px;
}
#category ul {
  list-style: none;
  margin:0;
  padding:0;
}
#category li {
  font-size: 1.1em;
  line-height: 120%;
  display: block;
  background: url(/static/common/images/dt1.gif) repeat-x left bottom;
  margin: 0px 0px 3px;
  padding: 0px 0px 5px;
  _zoom: 1;   
    overflow: hidden;  
}

#category li.root {
  line-height: 120%;
  display: block;
  background: url(/static/common/images/icon1.gif) no-repeat scroll 0 4px;
  margin: 0px;
  padding: 0px 0px 5px 20px;
}


#category td {
  font-size: 1.3em;
  line-height: 120%;
  vertical-align:top;
  padding:0 0px 5px 0 ;
  
}

#category td a {
  padding: 0px 0px 0px 14px;
  background-image: url(/static/common/images/icon_+.png);
  background-repeat: no-repeat;
  background-position: left 3px;
  display:block;
}
/* maker
---------------------------------------------------- */
#maker {
margin:0 0 10px 0;
  list-style: none;
}
#maker h2 {
  padding: 0px 0px 7px 0px;
}
#maker ul {
  list-style: none;
  margin:0;
  padding:0;
}
#maker li {
  font-size: 1.3em;
  line-height: 120%;
  display: block;
  background: url(/static/common/images/dt1.gif) repeat-x left bottom;
  margin: 0px 0px 3px;
  padding: 0px 0px 5px;
  _zoom: 1;   
    overflow: hidden;  
}

#maker li.root {
  font-size: 1.3em;
  line-height: 120%;
  display: block;
  background: url(/static/common/images/icon1.gif) no-repeat scroll 0 4px;
  margin: 0px 0px 7px;
  padding: 0px 0px 5px 20px;
}


#maker td {
  font-size: 1.3em;
  line-height: 120%;
  vertical-align:top;
  padding:0 0px 5px 0 ;
  
}

#maker td a {
  padding: 0px 0px 0px 14px;
  background-image: url(/static/common/images/icon_+.png);
  background-repeat: no-repeat;
  background-position: left 3px;
  display:block;
}

/* type
---------------------------------------------------- */
#type {
  margin:0;
  list-style: none;
}

#type ul {
  list-style: none;
  padding:0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
}
#type li {
  font-size: 1.3em;
  line-height: 120%;
  display: block;
  background: url(/static/common/images/dt1.gif) repeat-x left bottom;
  padding: 0px 0px 5px;
  _zoom: 1;   
    overflow: hidden;  
}

#type li.root {
  font-size: 1.5em;
  font-weight:bold;
  line-height: 120%;
  display: block;
  background: url(/static/common/images/icon1.gif) no-repeat scroll 0 4px;
  margin: 0px 0px 5px;
  padding: 0px 0px 0px 20px;
}

#type li.sub {
  background-image: url(/static/common/images/icon_+.png);
  background-repeat: no-repeat;
  background-position: left 3px;
  display:block;
  margin:0 0 5px 20px;
  padding:0 0 0 14px;
  }
#type li.sub2 {
  background-image: url(/static/common/images/icon_+.png);
  background-repeat: no-repeat;
  background-position: left 3px;
  display:block;
  margin:0 0 5px 34px;
  padding:0 0 0 14px;
  }

/* common
---------------------------------------------------- */
.sub_title {
  padding: 8px 0px 8px 20px;
  border-left: 4px solid #f60;
  font-size: 22px;
  margin: 0px 0px 12px;
  /*font-weight: bold;*/
  font-family: 'Open Sans Condensed', "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, san-serif;
}
.sub_title a:link, .sub_title a:visited {
  text-decoration: none;
}

p.subtitle {
  line-height:130%;
  margin-bottom:5px;
}

p.writer {
  line-height:130%;
  margin-bottom:5px;
}

.cart_btn2 {
/*  background: url(/static/common/images/dt1.gif) repeat-x left top; */
/*  text-align: right; */
  text-align: left;
/*  margin: 10px 0px 20px; */
  margin: 10px 0px 20px 173px;
/*  padding: 16px 0px 0px; */
}


/* cat_tab
---------------------------------------------------- */
.cat_tab {
  margin: 0px 0px 25px;
  background: url(/static/common/images/cat_tab_line.gif) repeat-x left bottom;
}
.cat_tab ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 500px;
}
.cat_tab li {
  float: left;
  width: 125px;
  display: block;
}

#qa_list , #faq_list {

}

#qa_list ul , #faq_list ul{
  font-size:1.3em;
  line-height:160%;
}

#qa_list li , #faq_list li{
  margin:10px 0 4px 0;
}

/* detail_bx1
---------------------------------------------------- */
#detail_bx1 {
  margin: 0px 0px 45px;
}
#detail_bx1img {
  float: left;

}
#detail_bx1img ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#detail_bx1img li {
  display: block;
}
#detail_bx1img li.product {
  width: 140px;
  height:188px;
  text-align: center;
}

#detail_bx1img li.product_s {
  border:1px solid #eeeeee;
  width: 140px;
  height:94px;
  text-align:center;
  padding:47px 0 47px 0;

}

#detail_bx1img li.t1 {margin: 8px 0px 0px;}
#detail_bx1img li.t2 {margin: 5px 0px 0px;}
#detail_bx1txt {
  margin: 0px 0px 0px 160px;
}
#detail_bx1a1txt {
  margin: 0px 170px 15px 0px;
}
#detail_bx1a1txt p {
  margin: 0px;
}
#detail_bx1a1img {
background:#FFFCEA;
  float:right;
  padding:10px;
  text-align:center;
  width:200px;
  border:#FF6600 2px solid;
}



#detail_bx1a1img form {
margin:0;
padding:0;
}

.detail_price {
  color:#CC0000;
  font-size:2.0em;
  font-weight:bold;
  margin-bottom:5px;
  padding-top:5px;
  padding-bottom:5px;
}

.detail_price img {
  vertical-align:middle;
}

.detail_price span {
  color:#333333;
  font-size:0.6em;
  font-weight:normal;
  padding-left:2px;
}

.detail_campaign {
  border-bottom:1px solid #CCCCCC;
  color:#960;
  margin-bottom:10px;
  padding-bottom:5px;
  text-align:left;
}

.detail_campaign ul {
  margin:0 0 0 15px;
  padding:0;
}


#detail_tablebx {
  margin: 0px 0px 10px;
}

table.fl {
  float: left;
}
table.fr {
  float: left;
}
table.style_a {
  width: 240px;
  margin: 0px 10px 10px 0px;
  color:#666;
}
table.style_a th,table.style_a td {
  padding: 3px 5px;
border-bottom: 1px solid #ccc;
  font-size: 1.2em;
  line-height: 140%;
}
table.style_a th {
border-bottom: 1px solid #ccc;
  text-align: left;
  font-weight: normal;
  width: 100px;
}


.detail_ul1 {
  margin: 0px;
  padding: 0px;
  list-style: none;
  clear: both;
}
.detail_ul1 li {

  background: url(../images/icon1.gif) no-repeat left center;
  padding: 0px 0px 0px 20px;
}

.detail_tag {
  font-size: 1.3em;
  font-weight: bold;
}


.pan {
  margin-bottom: 5px;
  padding: 0px;
  list-style: none;
  clear: both;
}
.pan li {
  padding: 0px 0px 0px 0px;
}


/* detail_support
---------------------------------------------------- */
#detail_support {
  margin: 0px;
}
#detail_support ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#detail_support li {
  font-size: 1.1em;
  background: url(/static/common/images/ar4.gif) no-repeat left 3px;
  padding: 0px 0px 0px 18px;
}
#detail_support p,
#detail_support table,
#detail_support th,
#detail_support td,
#detail_support font {
  font-size: 1em;
  line-height: 180%;
}




/* sub_bx1
---------------------------------------------------- */
.sub_bx1 {
  margin: 0px 0px 15px;
}
.sub_bx1l {
  float: left;
  width: 48%;
}
.sub_bx1r {
  float: right;
  width: 48%;
}
.sub_bx1 .dtline1 {
  background: url(/static/common/images/dt1.gif) repeat-x left top transparent;
  padding: 15px 0px 0px;
}

.sub_bx1 img.home_bx2img {
  float: left;
}
.sub_bx1 dl {
  margin: 0px 0px 0px 85px;
  padding: 0px;
}
.sub_bx1 dt {
  font-size: 1.3em;
  line-height: 150%;
  padding: 0px;
  margin: 0px 0px 5px;
}
.sub_bx1 dd {
  margin: 0px;
  padding: 0px;
}
.sub_bx1 dd p {
  font-size: 1.2em;
  line-height: 150%;
  margin: 0px 0px 5px;
}
.sub_bx1 dd ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.sub_bx1 dd li {
  font-size: 1em;
  font-weight: bold;
  background: url(/static/common/images/icon1.gif) no-repeat left center;
  padding: 0px 0px 0px 20px;
}

.border {
  background: url(/static/common/images/dt1.gif) repeat-x left top transparent;
  padding: 25px 0px 0px;
}

/* detail_body
---------------------------------------------------- */
#detail_body {
  font-size: 1.3em;
  margin-bottom:16px;
}
#detail_body p,
#detail_body ul,
#detail_body ol,
#detail_body li,
#detail_body dl,
#detail_body dt,
#detail_body dd,
#detail_body table,
#detail_body th,
#detail_body td,
#detail_body font {
  font-size: 1em;
  line-height: 180%;
}


p.alert_gray {
  background:none repeat scroll 0 0 #F1F1F1;
  border:2px solid #F1F1F1;
  font-size:small;
  margin-bottom:10px;
  padding:10px;
}

#detail_body p {
  font-size: 1.1em;
  margin: 5px 0 10px 0;
}

/* bookmark
---------------------------------------------------- */
 .bookmarks {
  border-top: 1px solid #CCCCCC;
  /*border-bottom: 1px solid #CCCCCC;*/
  overflow:hidden;
  _zoom:1;
  padding-top: 3px;
}

 .bookmarks p {
  margin-bottom:0;
  clear:both;
  }

 .bookmarks p.arrow {
background: url("/static/common/images/ar2.gif") no-repeat scroll left center transparent;
    margin: 0;
    padding: 0 5px 0 18px;
    float:left;

}

 .bookmarks ul {
    list-style: none outside none;
  margin:0;
  padding:0;
  float:left;
}

 .bookmarks li {
    display: inline;
    margin-right: 5px;}

 .bookmarks td {
  padding-right:3px;
  
  
}

iframe.twitter-share-button {
    width: 20px!important;
}
/* Cart or Order
---------------------------------------------------- */
table.cart {
  border:1px solid #BDCAD1;
  color:#666666;
  font-size:small;
  width:100%;
}
p.alert {
  background:none repeat scroll 0 0 #FFF0F0;
  border:2px solid #FF9D9D;
  color:#FF3333;
  font-size:small;
  margin-bottom:10px;
  padding:10px;
  text-align:center;
}

/* paging
---------------------------------------------------- */
div.paging {
  font-size: 1.2em;
  text-align:right;
  padding:4px 6px 4px 0;
  background-color:#F1F1F1;
}

div.paging a {
  text-decoration:underline;
  padding:1px 6px 1px 6px;
  margin:0 0 0 1px;
  
}

div.paging a:hover, div.paging a:active {
  color:#fff;
  background-color:#003366;

}
div.paging .current {
  color:#000;
  background-color:#fff;
}
div.paging span.number {
}

/* event
---------------------------------------------------- */
.event_sub_bx1 .dtline1 {
  background: url(/static/common/images/dt1.gif) repeat-x left bottom transparent;
  padding: 0px 0px 0px;
}


.event_sub_bx1 dl {
margin:0 0 0 175px;
padding:0;
}

.event_sub_bx1 dt {
  font-size: 1.3em;
  font-weight: bold;
  line-height: 150%;
  background: url(/static/common/images/ar2.gif) no-repeat left 6px;
  padding: 0px 0px 0px 18px;
  margin: 0px 0px 5px;
}

.event_sub_bx1 img.home_bx2img {
float:left;
}

p.eventname {
  font-weight: bold;
  background: url(/static/common/images/ar2.gif) no-repeat left 6px;
  padding: 0px 0px 0px 18px;
  margin: 0px 0px 5px;
}

/* インプットボタン
---------------------------------------------------- */
input.bo {
background:url("/static/common/images/input_cart.gif") repeat-x scroll center bottom #FFFFFF;
border:1px solid #AAAAAA;
color:#003366;
font-size:14px;
font-weight:bold;
height:28px;
padding:2px;
}

input.bo:hover {
background:url("/static/common/images/input_cart_hover.gif") repeat-x scroll 0 0 #FFFFFF;
cursor:pointer;
}

input.bo_agreement {
background:url("/static/common/images/input_agreement.gif") repeat-x scroll center bottom #FFFFFF;
border:1px solid #D05300;
color:#ffffff;
font-size:14px;
font-weight:bold;
height:28px;
padding:2px;
}

input.bo_agreement:hover {
background:url("/static/common/images/input_agreement_h.gif") repeat-x scroll 0 0 #FFFFFF;
cursor:pointer;
}

/* 翔泳社書籍問い合わせ
---------------------------------------------------- */
.qa_bx {
clear:both;
margin:0 0 10px;
}

.form_l {
float:left;
width:220px;
}

ul.support {
margin:0;
padding:0 12px 13px;
list-style:none;
}

li.support {
background:url("/static/common/images/ar4.gif") no-repeat scroll left center transparent;
font-size:1.3em;
line-height:180%;
padding:0 0 0 18px;
}

.back {
background:url("/static/common/images/ar8.gif") no-repeat scroll left center transparent;
font-size:1.3em;
line-height:180%;
padding:0 0 0 17px;
}

.top {
background:url("/static/common/images/ar6.gif") no-repeat scroll right center transparent;
font-size:1.3em;
line-height:180%;
padding:0 17px 0 0;
text-align:right;
}

ol.agreement {
font-size:1.3em;
line-height:160%;
}

ul.agreement {
font-size:1.3em;
line-height:160%;
}

li.agreement {
margin-bottom:10px;
}

dl.agreement {
border:#E3E3E3 1px solid;
padding:10px;
margin:5px 0 5px 0;
}

/* ランキングページ
---------------------------------------------------- */
 .ranking_number {
font-size:1.3em;
line-height:120%;
float:left;
width:40px;
height:30px;
text-align:center;
font-weight:bold;
}
.rank_1 {
background:url("/static/common/images/ranking_icon.gif") no-repeat scroll -13px -10px transparent;
}
.rank_2 {
background:url("/static/common/images/ranking_icon.gif") no-repeat scroll -13px -46px transparent;
}
.rank_3 {
background:url("/static/common/images/ranking_icon.gif") no-repeat scroll -13px -84px transparent;
}

/* お知らせ一覧
---------------------------------------------------- */
ul.news{
  margin: 0px;
  padding: 0px 5px 10px 0px;
  list-style: none;
}
.news li {
  font-size: 1.3em;
  line-height: 160%;
  background: url(/static/common/images/ar1.gif) no-repeat left 6px;
  padding: 0px 0px 0px 17px;
  margin:0 0 8px 0;
}

/* サンプルダウンロード
---------------------------------------------------- */
#sample dl  {
margin:0;
padding:0;
}

#sample dt  {
background:url("/static/common/images/ar2.gif") no-repeat scroll left 6px transparent;
font-size:1.3em;
font-weight:bold;
line-height:150%;
margin:0 0 5px;
padding:0 0 0 18px;
}

#sample dd {
  background:transparent url(/static/common/images/ar5.gif) no-repeat scroll left 7px;
  font-size:1.2em;
  line-height:180%;
  padding:0 0 0 12px;
  margin:0 0 5px 18px;
}

/* 文字スタイル
---------------------------------------------------- */
#contents h2, #home_contents h2 {
  padding: 0 0 10px 10px;
  font-size: 1.4em;
  margin: 0px 0px 10px;
  font-weight: bold;
  background-color: #ffffff;
  background-image: url(/static/common/images/h2_back.gif);
  background-repeat: repeat-x;
  background-position:bottom;
  /*border-top:#003366 solid 3px;*/
      _zoom: 1;   
    overflow: hidden;  
}

#contents h3, #home_contents h3 {
  padding: 6px 0px 10px 10px;
  font-size: 1.4em;
  margin: 10px 0px 10px;
  font-weight: bold;
  background-color: #ffffff;
  background-image: url(/static/common/images/h3_back.gif);
  background-repeat: repeat-x;
  background-position:bottom;
  /*border-top:#003366 solid 3px;*/
      _zoom: 1;   
    overflow: hidden;  
}


h1 {
  padding: 8px 0px 10px 25px;
  border-left: 4px solid #f60;
  font-size: 22px;
  margin: 0px 0px 10px;
  /* font-weight: bold; */
  font-family: 'Open Sans Condensed', "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, san-serif;
}

h4 {
/* background:#F1F1F1; */
color: #631100;
padding:3px;
font-size:1.2em;
margin:15px 0 0 0;

}

h5 {
  font-size: 1.1em;
  margin: 15px 0 0 0;
}





/* ニュース詳細
==================================================================== */
.date {
  color: #666666;
  margin:0 10px 0 0;
}

p.detail a {
    background: url("/static/common/images/ar2.gif") no-repeat scroll right center transparent;
    padding: 0 18px 0 0;
}

/* アラート */
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert {
padding: 10px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}