@charset "utf-8";

* {
	line-height:140%;
	margin:0px;
	padding:0px;
	color:#333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style: normal;
	font-weight: normal;
	font-size:12px;
}
img { border:none;}
a { text-decoration:none; color:#0686D1; outline:none;}
a:hover { text-decoration:underline; color:#0686D1;}
body  {text-align:center; background-color:#fff;}
li { list-style:none;}
strong { font-weight:bold;}

/*-----テキスト設定-----*/
.red { color:#CC0000;}
.font_10px { font-size:10px;}

/*-----clearfloat設定-----*/
.clearfloat_def {
	clear:both;
	line-height:100%;
}
.clearfloat_1px {
	clear:both;
    font-size: 1px;
    line-height: 100%;
}
.clearfloat_10px {
	clear:both;
	font-size:10px;
	line-height:100%;
}

/*-----ie用透過png設定-----*/
* html .iepngimg { behavior: expression(IEPNGFIX.fix(this)); }

/*-----連載紹介ポップアップ-----*/
#header {padding-top:0.6em;padding-bottom:0.6em;background:#333;}
#header h1 {width:500px; margin-left:auto; margin-right:auto; color:#fff;}
.container { text-align:left; width:500px; margin-left:auto; margin-right:auto;}
#header_block01 { margin-top:2em; background:url(images/others/popup_h01_b.jpg) no-repeat bottom;}
#header_block01 .inner { width:500px; background:url(images/others/popup_h01_a.jpg) no-repeat top;}
#header_block01 h2 {
	font-weight:bold;
	font-size:14px;
	text-align:left;
	margin-left:127px;
	padding-top:1em;
	line-height:110%;
	margin-bottom:0.2em;
}
#header_block01 p { padding-bottom:0.7em; margin-left:127px;}
.left_img { float:left; display:inline; margin-right:15px; margin-bottom:0.7em;}
.block_right h3 {font-size:14px; font-weight:bold; padding-bottom:0.7em; background:url(images/common/line_02.gif) no-repeat right bottom; margin-bottom:0.7em;}
.block_right h3.line500 {background:url(images/common/line_03.gif) no-repeat left bottom;}
.block_right h3 .text01 {font-size:12px; font-weight:bold;}
.block_right p { text-indent:1em; margin-top:0.5em;}

#close_block { padding-top:0.8em; padding-bottom:1.7em;}
#close_block img { cursor:pointer;}

#footer { background:#333; text-align:center; padding-top:1em; padding-bottom:1em; text-align:center;}
#footer .inner { line-height:120%; width:500px; margin-left:auto; margin-right:auto; color:#fff; font-size:10px;font-family:Arial, Helvetica, sans-serif;}
#footer #year_date,
#footer span { color:#fff; font-size:10px; line-height:120%;}
#footer #year_date { font-family:Arial, Helvetica, sans-serif;}

#java_comment { border-top:1px #fff solid; color:#fff; text-align:center; font-weight:bold; background:#CC0000; padding-top:0.5em; padding-bottom:0.5em;}

/*-----書店リストポップアップ-----*/
.idTabs { padding-left:15px; padding-right:15px; display:block; background:url(images/others/tabs_line01.gif) repeat-x bottom; margin-bottom:2em;}
.idTabs li { float:left; margin-right:1px;}
.idTabs li a { border-bottom:1px #999995 solid; color:#333; display:block; background:url(images/others/tabs01_a.jpg) no-repeat left top;}
.idTabs li a span { display:block; background:url(images/others/tabs01_b.jpg) no-repeat right top; padding:0.4em 7px 0.2em;}
.idTabs li a:hover { color:#333; text-decoration:none;background:url(images/others/tabs01_a_o.jpg) no-repeat left top;}
.idTabs li a:hover span { color:#333; text-decoration:none;background:url(images/others/tabs01_b_o.jpg) no-repeat right top;}
.idTabs li a.selected { border-bottom:1px #fff solid; background:url(images/others/tabs01_a_s.jpg) no-repeat left top;}
.idTabs li a.selected span {background:url(images/others/tabs01_b_s.jpg) no-repeat right top;}

.bookstore_list_1 { text-align:left; clear:left; padding-left:15px; padding-right:15px;}
.bookstore_list_1 dl { padding-top:0.2em;}
.bookstore_list_1 dt { font-weight:bold; margin-bottom:0.2em;}
.bookstore_list_data span { color:#0686D1; margin-right:0.3em;}

.line_block01 { height:1.5em; background:url(images/common/line_01.gif) repeat-x 0 center;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}