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

.clearfix {
min-height: 1px;
}

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

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
hr, p, blockquote,
th, td {
margin: 0;
padding: 0;
}


html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-y: scroll;
font-size: 100%;
/*font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;*/
font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","MS UI Gothic",sans-serif;
line-height: 100%;
}

img{
border-style:none;
}

h1,h2,h3,h4,h5,h6 {
font-size : 100%;
font-style: normal;
font-weight: normal;
}


p,li,dt,dl {
line-height: 1.6;
}

p{
font-size:93%;
}

ul {
list-style-type: none;
}

body{
text-align:center;
}


/* リンク 設定----------------------------------------------------- */
a {
color: #003399;
text-decoration: none;
outline: none;
}

a:link {
color: #003399;
text-decoration: none;
}

a:visited {
color: #660099;
text-decoration: none;
}

a:hover {
color: #cc0033;
text-decoration: underline;
} 

a:active {
color: #cc0033;
text-decoration: underline;
}

/* wrapper-------------------------------------------------------- */

#wrapper{
width:900px;
margin:0px auto;
background-color:#2B77E7;
}


#wrapper_inner{
width:860px;
margin:0px auto;
background-color:#fff;
padding:0px;
}


/* headder--------------------------------------------------------- */
#colum_header{
width:820px;
height:402px;
margin:0px auto;
overflow:hidden;
background-image:url(../img/header.jpg);
background-position:center;
text-align:left;
}

#headerField{
height: 40px;
margin: 0;
padding: 0;
text-align: left;
font-size:93%;
}


#headerField .logoBox {
width: auto;
margin: 10px 0 0 10px;
padding: 0;
float: left;
}

#headerField .logoBox img {
margin: 0 10px 5px 15px;
padding: 0;
border: none;
}

#headerField .closeBox {
width: auto;
margin: 10px 20px 0 0;
padding: 0;
text-align: right;
float: right;
}

#headerField .closeBox li {
display:inline;
}

#headerField .closeBox a {
margin: 0 5px;
padding: 0;
}

#colum_header h1.header_title{
padding-left:30px;
padding-top:10px;
}


#colum_header .headder_nezumi{
margin-left:570px;

}

/* middle---------------------------------------------------------- */
#colum_middle{
padding:10px 30px 20px;
text-align:left;
overflow:hidden;
}

#colum_middle .read{
margin-left:100px;
margin-bottom:28px;
width:610px;
line-height: 1.3;
font-size:93%;
letter-spacing:0.1em;
}

#colum_middle .subtitle{
padding:0px;
margin:0px;
border-collapse: collapse;
margin:10px 0px 0px;
}

#colum_middle .subtitle .subtitle_left{
background-image:url(../img/subtitle1.gif);
padding:0px;
margin:0px;
width:46px;
height:42px;
}

#colum_middle .subtitle .subtitle_center{
background-image:url(../img/subtitle2.gif);
padding:0px;
margin:0px;
height:42px;

}

#colum_middle .subtitle .subtitle_center h2{
margin-top:2px;
font-size:123.1%;
letter-spacing:0.1em;
font-weight:bold;
color:#003680;
}


#colum_middle .subtitle .subtitle_right{
background-image:url("../img/subtitle3.gif");
padding:0px;
margin:0px;
width:60px;
height:42px;
}

#colum_middle .colum_body p{
padding:0px 0px; 
letter-spacing:0.1em;
}

#colum_middle .img_left{
float:left;
position:static;
}

#colum_middle .img_left img{
padding:10px 10px 10px 0px;
}

#colum_middle .img_right{
float:right;
padding:10px 0px 10px 10px;
}

#colum_middle .img_left .img_caption,
#colum_middle .img_right .img_caption{
padding:5px 0px 0px 0px;
font-size:93%;
padding:0px;
}

#colum_middle .colum_body .inyou{
padding:5px;
position:static;
}

#colum_middle .colum_body .inyou p{
padding:5px; 
}

/* socialボタン----------------------- */
.contents_button{
display:block;
}
.s_button{
display:block;
line-heigt:70px;
margin-left:45px;
width:400px;
margin-top:5px;
margin-bottom:15px;
}


.s_button .like{
float:left;
display:inline-block;
margin-top:1px;
width:105px;
}

.s_button .share{
float:left;
text-align:left;
display:inline-block;
margin-top:1px;
width:95px;
}

.s_button .tweet{
float:left;
display:inline-block;
}

/* bottom---------------------------------------------------------- */
#colum_bottom{
padding:20px;
text-align:left;
}

#profile{
padding:10px 40px;
}

#profile h3{
background:url("../img/icontori.gif") no-repeat; 
padding-left:36px;
line-height: 1.6;
vertical-align:bottom;
font-size:108%;
font-weight:bold;
}

#profile p{
line-height:1.3;
letter-spacing:1px;
}

#link_space{
padding:25px 40px 5px;
}

#link_space .link_parts{
padding-bottom:15px;
overflow:hidden;
}

#link_space .link_parts .link_img{
float:left;
margin-right:15px;
}

#link_space .link_parts p{
line-height:1.3;
}


/* book------------------------------------------------------------ */
#book_space {
padding:20px 0px;
height:auto;
overflow:hidden;
}

#book_space .book_name{
padding:0px 0px 5px 15px;
font-size:93%;
}

#book_space .book_name:first-letter{
color:#2B77E7;
}

#book_space .book_parts{
float:left;
height:auto;
margin-left:15px;
_margin-left:10px;
padding:10px;
width:370px;
_width:391;
border:1px solid #ccc;
display:inline-block;
overflow:hidden;
}

#book_space .book_parts .book_img{
float:left;
padding-right:10px;
}

#book_space .book_parts h3{
letter-spacing:1px;
line-height: 1.2;
font-size:100%;
font-weight:bold;
color:#003388;
}

#book_space .book_parts .price{
font-size:93%;
text-align:right;
padding:5px 0px; 
}

#book_space .book_parts p{
line-height:1.3;
padding-bottom:3px;
}



/* footer--------------------------------------------------------- */
#footer{
padding:20px 30px;
font-size:77%
}


/* etc--------------------------------------------------------- */
.keisen{
margin:0px;
padding:0px;
height:auto;
text-align:center;
}

.note{
padding-right:10px;
text-align:right;
line-height:1.3;
font-size:93%;
}

.txt_right{
text-align:right;
}

a.more_link{
margin: 0;
padding: 0 0 0 20px;
font-size:93%;
background: url("../img/arrow_1111_blue.gif") no-repeat 0 center;
text-align:right;
}

/* backNum--------------------------------------------------------- */
#backnum{
background-color:#2B77E7;
}

#wrapper_sub{
width:500px;
margin:0px auto;
}
#wrapper_sub_inner{
width:460px;
margin:0px auto;
background-color:#fff;
padding:0px;
}

#backnum_body{
width:440px;
margin-top:10px;
margin-bottom:20px;
}

h3.baccknum_subtitle{
margin-top:10px;
margin-bottom:0px;
}

ul.backnum_title{
margin:20px 0px 5px;
padding:0px 40px;
text-align:left;
}

ul.backnum_title li{
line-height:0px;
font-size:86%;
}

ul.backnum_title li a{
padding:5px 5px 5px 28px;
display:block;
line-height:normal;
background:url(../img/icontori_s.gif) no-repeat 0 5px;
font-weight:bold;
}

.backnum_next{
font-size:93%;
color: #003399;
}