/* ========RESET======== */

html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 addres, ul, ol, dl, dt, dd, table, th, td, form, fieldset{
  margin:0;
  padding:0;
  word-wrap: break-word;
  word-break:break-all;
}
table{
border-collapse:collapse;
border-spacing:0;
}
ul,ol{
list-style:none;/*¹õ´Ý¤ò¾Ã¤¹*/
}
a{
text-decoration: none;/*²¼Àþ¤ò¾Ã¤¹*/
}
img{
border:0;
max-width:100%;
}
img,input{
vertical-aligin: bottom;
}


/* ========BASIC======== */

body {
font-family:"¥á¥¤¥ê¥ª", Meiryo, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
font-size:13px;
line-height:1.8;
color:#333;
}

a {
color:#457397;
text-decoration:none;
font-weight:bold;
}

a:hover {
color:#cc000f;
text-decoration:none;
}

.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 */ 

body, form {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
}

select, input, textarea, button { 
vertical-align:middle; 
margin: 0 4px 2px 0;
*margin-right:3px; 
top:-1px;
}

textarea { 
padding:2px;
border:1px solid #bbb;
width:98% !important;
}

.search, .search_area { 
height: 16px; 
line-height: 16px; 
}

button, input[type="button"] {
overflow:visible; 
height:22px;
padding:0 3px;
}

select { 
height: 20px; 
line-height: 20px;
}

input[type="checkbox"],
input[type="radio"] { 
border:none; 
top:-2px;
top:0\9;
margin-right:2px; 
margin-right: 0\9; 
}

input[type="text"], input[type="password"]{
padding:2px;
border:1px solid #bbb;
height: 16px; 
line-height: 16px; 
width: 95% !important;
margin:0 auto 5px 0;
}

dd li input[type="text"] {
width: auto !important;
}



h2 {
font-size:20px;
line-height:1.4;
margin: 0 0 5px 0;
clear:both;
letter-spacing:-1px;
}

h2 a {
font-size:20px;
line-height:1.4;
color:#cc000f;
}

h2 a:hover {
text-decoration:underline;
}

#wrap {
width:950px;
margin:0px auto;
}

/* ========HEADER======== */

#header {
font-size:12px;
line-height:1;
margin:0 0 15px 0;
padding:8px 0 0 0;
background:url(/images/header_bg.jpg) repeat-y;
}

#header h1 {
width: 218px;
height: auto;
margin: 0 0 20px 20px;
float: left;
}

#header h1 img{
width: 100%;
height: auto;
}


/* ========SEARCH======== */

#searchBlock {
line-height: 1;
float:right;
margin: 5px 20px 0 0;
padding: 8px 0 5px 20px;
width: 240px;
background: #d2d5d2;
}

.search {
vertical-align:top; 
height: 19px;
padding:0;
}

#searchBlock input[class="search_area"] {
height: 17px; 
line-height: 17px; 
padding:1px;
border:none;
width: 155px !important;
}


/* ========NAVI======== */

.navi {
clear:both;
margin: 0;
padding: 0 0 8px 0;
background:url(/images/navi_bg.jpg) no-repeat;
background-position:bottom;
}

.navi ul {
margin:0;
padding:0;
border-top:1px solid #cecece;
}

.navi li {
width:170px;
height:30px;
line-height:2.5;
margin:0 ;
padding:0;
float: left;
border-right:1px solid #cecece;
position:relative;
}

.navi li a {
text-align:center;
color:#333;
display:block;
width:100%;
height:100%;
position:absolute;
}

.navi li a:hover {
color:#999;
}

.navi_active {
background:url(/images/navi_active.gif) no-repeat bottom center;
}


/* ========FOOTER======== */

#toplink {
width:950px;
margin:0 auto 0 auto;
padding:0;
font-size:11px;
line-height:1;
clear:both;
}

#toplink li {
float: right;
margin:0 0 3px 0;
padding:5px 0 5px 1.5em;
background: transparent url(/images/top.gif) no-repeat 0.3em 0.4em;
}

#footer {
width:950px;
margin:30px auto 40px auto;
padding:10px 0 0 0;
font-size:12px;
line-height:1;
clear:both;
border-top:solid 1px #ccc;
}

.footer_info ul {
margin: 0;
padding:0;
}

.footer_link {
margin:0 2em 6px 0;
padding:0 0 0 1.5em;
background: transparent url(/images/footer_mark.gif) no-repeat 0.3em 0;
float:left;
}

.footer_at {
margin:0 0 6px 0;
font-size: 11px;
font-weight: bold;
color:#999;
float:right;
}

.copyright {
font-size: 11px;
color:#999;
margin:0;
padding:0;
text-align: right;
clear: both;
}


/* ========MAIN======== */

#contents_frame {
float:left;
width:535px;
margin:0 0 10px 220px;
}

.main_title {
font-size:16px;
line-height:1.6;
font-weight:bold;
letter-spacing: 0.2em;
border-bottom:solid 1px #ccc;
margin: 0 0 8px 0;
padding: 0 0 3px 0;
position:relative;
}

.mt-s {
font-size:13px;
letter-spacing: 0;
}

.info {
font-size:12px;
line-height:1.4;
border:solid 6px #ccc;
margin: 0 0 15px;
padding:8px 14px;
}

.info ul {
margin:0;
padding:0;
}

.info li {
list-style-type:none;
margin:0 0 5px 0;
padding:0 0 0 1.3em;
background: transparent url(/images/info_mark.gif) no-repeat 0.3em 0.4em;
}

.link_red a {
color:#cc000f;
text-decoration:underline;
}

.entry, .ote {
font-size:13px;
line-height:1.8;
border:solid 1px #ccc;
margin: 0;
padding:8px 14px;
border-radius: 4px;  
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

.ote p {
margin-left:1em;
}

.ote dl {
margin-left:2em;
}

.entry_data {
border-top:solid 4px #cc000f;
clear: both; 
}

.entry_data ul {
margin:0;
padding:0;
}

.entry_data li {
list-style-type:none;
font-size:11px;
line-height:1.3;
font-weight:bold;
margin: 15px 2em 8px 0;
float:left;
}

.rss {
font-size:11px;
line-height:1.5;
font-weight:normal;
letter-spacing: 0.0;
float:right;
}

.rss img {
width: 40px;
height: auto;
vertical-align: text-top;
}

.rss li {
margin:3px 0 0 6px;
float:left;
}

.blogCategory {
font-size:11px;
line-height:1.3;
font-weight:bold;
text-align:right;
margin: 0 0 15px 0;
padding:0 0 5px 0;
background: transparent url(/images/dot_horizon.gif) repeat-x bottom left;
}

.blogContents {
margin: 0 0 15px 0 !important;
}


.bc_left {
padding: 0 10px 15px 0;
float:left;
}

.bc_right {
padding: 0 0 15px 10px;
float:right;
}

.bctop {
margin: 0 15px 10px 0;
border:1px solid #ccc;
float:left;
}

.bctop img {
margin: 0;
border:3px solid #fff;
float:left;
}

.registration {
font-weight:bold;
line-height:1;
background-color:#457397;
text-align:center;
width:24em;
margin:0 auto 45px auto;
clear: both; 
}

.registration a {
display:block;
padding: 8px 0;
color:#fff;
}

.registration a:hover {
color:#d0e2f1;
}


/* ========PAGER======== */

.pager {
clear: both; 
font-size:12px;
line-height:1;
text-align:center;
margin:10px 0 0 0;
}

.pager li {
display: inline;
color:#999;
}
 
.pager li span {
display: inline-block;
padding: 4px 6px;
border:1px #ccc solid;
}
 
.pager li span.now {
display:inline-block;
padding:4px 6px;
border:1px #ccc solid;
background-color: #eee;
font-weight:bold;
}

.pager li span.dot {
display:inline-block;
padding:4px 6px;
border:none;
font-weight:bold;
}
 
.pager li a {
display: inline-block;
padding: 4px 6px;
border: 1px #ccc solid;
}
 
.pager li a:hover {
background-color: #457397;
color:#fff;
}

.page_sp, .pager_sp, .banner_sp, .archive_under_sp {
display:none;
}



/* ========SIDE======== */

#leftnavi {
float:left;
width:200px;
margin:0 0 10px -755px;
}

.left_box {
margin: 0 0 15px;
}

.left_top {
font-size:13px;
line-height:1.3;
font-weight:bold;
background:url(/images/bg_left_top.gif) no-repeat;
background-position:top;
padding:8px 10px 5px 10px;
color:#fff;
}

.blockContent {
font-size:12px;
line-height:1.6;
border-bottom:solid 1px #ccc;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
margin: 0 0 15px;
padding:14px;
}

.blockContent img {
max-width: 100%;
margin:0 0 8px 0;
}

.bg_gray {
background:#ececec;
}

.bg_black {
background:#444;
}

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

.banner_right {
margin: 0 0 15px;
}

#rightnavi {
float:right;
width:175px;
margin:0 0 10px 0;
}

.right_top {
font-size:13px;
line-height:1.3;
font-weight:bold;
text-shadow: 1px 1px #333;
background:url(/images/bg_right_top.gif) no-repeat;
background-position:top;
padding:8px 10px 5px 10px;
color:#fff;
}

.new_book {
text-align:center;
}

.new_book img {
border:solid 1px #ccc;
width:120px;
height:auto;
}


/* calendar and archives */

.weblog-calendar-top {
text-align:center;
margin-bottom:5px;
}

.weblog-calendar-top a {
margin:0 2px 0 2px;
}

#weblog-calendar{
margin:0 auto;
width:100% !important;
border-collapse:collapse;
border:solid 1px #ccc;
}

#weblog-calendar td {
padding:3px 0;
font-size:11px;
text-align:center;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
background:#fff;
}

#weblog-calendar th {
padding:5px 0;
font-size:11px;
color:#fff;
text-align:center;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
background:#999;
}

.today a {
color:#cc000f;
}

.prevmonth, .nextmonth {
color: #fff;
}


/* ========SIDE Archive======== */

.side_archive {
font-size:11px;
margin:10px 0 0 0;
}

.side_archive a {
margin:0 0.5em 0 0;
}

.side_archive ul {
margin:0;
padding:0;
}

.side_archive li {
margin:0;
padding:0 0 0 8px;
background: transparent url(/images/bullet_link.gif) no-repeat 0 0.5em;
}

.archive_under {
font-size:12px;
line-height:1;
text-align:center;
margin:10px 0 0 0;
}

.archive_under li {
display: inline;
color:#999;
}
 
.archive_under li span {
display: inline-block;
padding: 4px 6px;
border:1px #ccc solid;
}
 
.archive_under li span.now {
display:inline-block;
padding:4px 6px;
border:1px #ccc solid;
background-color: #eee;
font-weight:bold;
}

.archive_under li span.dot {
display:inline-block;
padding:4px 6px;
border:none;
font-weight:bold;
}
 
.archive_under li a {
background:#fff;
display: inline-block;
padding: 4px 6px;
border: 1px #ccc solid;
}
 
.archive_under li a:hover {
background-color: #457397;
color:#fff;
}

.sp_none {
margin:5px 0;
}


.cat {
font-size:11px;
border-bottom:solid 1px #ccc;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
position:relative;
}

.cat p {
width:138px;
color:#fff;
padding:10px 14px;
}

.cat a {
margin-right:2px;
color:#fff;
}

.cat a:hover {
text-decoration:underline;
}

.accordion_mark {
top:10px;
left:162px;
z-index:400;
position:absolute;
}

.accordion_mark:hover {
cursor: pointer; 
}

.accordion_mark:hover img{ 	
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

.cat_sub{
padding:10px 14px 20px 14px;
background:#ececec;
}

.cat_sub li{
margin:0 0 5px 0;
padding:0 0 0 8px;
background: transparent url(/images/cat_mark.gif) no-repeat 0 0.5em;
}

.cat_sub a {
margin-right:2px;
color:#457397;
text-decoration:none;
font-weight:bold;
}

.cat_sub a:hover {
color:#cc000f;
text-decoration:none;
}


/* ========LOGIN======== */

#login {
padding: 0;
}

#login img{
margin: 10px 0 0 0 ;
padding: 0;
}

.l-page{
width:175px;
margin: 0 0 0 30px;
}

.new_registration img{
width: 100%;
height: auto;
}

#loginBlock {
line-height: 1;
}

.lostpass {
vertical-align:top; 
height: 21px;
padding:0;
}

#loginBlock input[id="temail"] {
height: 17px; 
line-height: 17px; 
padding:1px;
width: 155px;
}

.lost {
font-size:12px;
border:solid 6px #ccc;
margin:30px 0 0 0;
padding:14px;
}

.lost_title {
font-size:15px;
line-height:1.4;
font-weight:bold;
margin:0 0 0.5em 0;
}

#uname, #pass, #vpass, #password, #temail {
margin: 0 0 8px 0;
color: #999;  
padding: 2px 4px;  
}

#uname-page, #pass-page {
width: 165px;
margin: 0 0 8px 0;
color: #999;  
padding: 2px 4px;  
}

#uname:focus, #pass:focus, #uname.focused, #pass.focused, #uname-page:focus, #pass-page:focus, #temail:focus, #uname-page.focused, #pass-page.focused, #temail.focused {
color: #333; 
}

.login_btn {
margin:0 0 15px 0;
height: 22px;
}

#logout {
margin: 0 ;
padding: 0;
}

#logout li {
margin: 5px 0 0 0 ;
padding:0 0 0 8px;
background: transparent url(/images/bullet_link.gif) no-repeat 0 0.5em;
}

#logout span {
font-weight:bold;
}


.read_more a{
	display:block;
	clear:both;
	width:80px;
	height:auto;
	text-align:center;
	padding:2px 10px;
	border-radius:10px;
	border:solid 1px #965;
	margin:0 10px 15px auto;
	background: #febbbb; /* Old browsers */
	background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 52%, #ff5c5c 53%, #ffafaf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(52%,#fe9090), color-stop(53%,#ff5c5c), color-stop(100%,#ffafaf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 52%,#ff5c5c 53%,#ffafaf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #febbbb 0%,#fe9090 52%,#ff5c5c 53%,#ffafaf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #febbbb 0%,#fe9090 52%,#ff5c5c 53%,#ffafaf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #febbbb 0%,#fe9090 52%,#ff5c5c 53%,#ffafaf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ffafaf',GradientType=0 ); /* IE6-9 */
	color:#333;
}

.read_more a:hover{
background: #fcdede; /* Old browsers */
background: -moz-linear-gradient(top,  #fcdede 0%, #fca4a4 52%, #ff8282 52%, #ffcccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcdede), color-stop(52%,#fca4a4), color-stop(52%,#ff8282), color-stop(100%,#ffcccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcdede 0%,#fca4a4 52%,#ff8282 52%,#ffcccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcdede 0%,#fca4a4 52%,#ff8282 52%,#ffcccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcdede 0%,#fca4a4 52%,#ff8282 52%,#ffcccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcdede 0%,#fca4a4 52%,#ff8282 52%,#ffcccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdede', endColorstr='#ffcccc',GradientType=0 ); /* IE6-9 */
}

.for_guest a {
	display:block;
	clear:both;
	width:80%;
	height:auto;
	text-align:center;
	padding:2px 10px;
	border-radius:10px;
	border:solid 1px #ccc;
	margin:10px auto 30px;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 50%, #dddddd 51%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#e5e5e5), color-stop(51%,#dddddd), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f6f8 0%,#e5e5e5 50%,#dddddd 51%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f6f8 0%,#e5e5e5 50%,#dddddd 51%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f6f8 0%,#e5e5e5 50%,#dddddd 51%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f6f8 0%,#e5e5e5 50%,#dddddd 51%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}

.for_guest a:hover {
background: #f2f6f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
color: #457397;
}

img.cont_p_L {
	display:block;
	float:left;
	padding:0 8px 5px 0;
}

img.cont_p_R {
	display:block;
	float:right;
	padding:0 0 5px 8px;
}

dt{
	width:172px;
	padding:0 0 0 5px;
}

dd{
	padding:0 0 0px 180px;
	margin: -25px 0 5px;
	border-bottom:dotted 1px #ccc;
}

form dl {line-height:110%;font-size:13px;}


form dt, #price_index dt{
	background-color:#eee;
	padding:3px;
	font-size:15px;
	width:100%;
}

#price_index dt{
	font-size:16px;
	font-weight:bold;
}

form dd, #price_index dd{
	margin:0 0 15px 5px !important;
	padding:5px 0 10px 1em;
	border-bottom:dotted 1px #999999;
}

#price_index {
	margin:0;
	padding:0;
	width:100%;
}

.price {
	font-size:15px;
	color:#ff0000;
	display:block;

}

p+.price {
	margin-top:-1em;
}

.for_clear {
	border:none;
	margin:0;
	padding:0;
	height:1px;
	visibility:hidden;
	clear:both;
}

#user_serach input[type="text"], #user_serach input[type="password"] {
	width:auto !important;
}
.info .accordion_sp_open ul li:nth-child(3){background-position:4px .5rem;}
.info .accordion_sp_open ul li:nth-child(3) a{font-size: 1.125rem;color: #cc000f;}