@charset "utf-8";

/* /////////////////////////////////////////
//
//   RESET
//
//////////////////////////////////////////// */
body,
div,
p,
ul,
ol,
dl,
dd,
table,th,td,
fieldset,
legend,
form,
input,
select,
textarea,
h1,h2,h3,h4,h5,h6,
address,
pre{
margin:0;
padding:0;
text-align:justify;text-justify:inter-ideograph;
}

/* /////////////////////////////////////////
//
//   テキスト設定
//
//////////////////////////////////////////// */
body,input,select,textarea,pre{
font-family:"ＭＳ Ｐゴシック",sans-serif,Arial,Helvetica;
/* font-family:verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif;
*/
/* font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;
*/
color:#333333;
}
body{
font-size:0.8125em;/* →ベース13px */
line-height:1.38462;/* →ベース18px */
text-align:center;
background:url(../img/common/bg_contbody.gif) repeat-y center top;
}
table{
font-size:0.8125em;/* →ベース13px */
line-height:1.38462;/* →ベース18px */
}
table,input,select,textarea,button,h1,h2,h3,h4,h5,h6,th{
font-size:1em;
font-weight:normal;
}
div,a,p,th,td,span,em,strong,address,input,pre
{}
em,address{
font-style:normal;
}
em,strong{
font-weight:bold;
}
address{
text-align:center;
}
blockquote{
margin:5px 0;
padding:8px 10px;
background:#d4e6ff;
}
cite{
}

/* /////////////////////////////////////////
//
//   リンク設定
//
//////////////////////////////////////////// */
a:link,a:visited{color:#4569ff;text-decoration:none;}
a:hover,a:active{color:#4569ff;text-decoration:underline;}

#headinfo h1 a:link,#headinfo h1 a:visited,#headinfo h1 a:hover,#headinfo h1 a:active
{color:#b6c4ff;text-decoration:none;}

a.linktype2:link,a.linktype2:visited
{color:#4569ff;text-decoration:underline;}
a.linktype2:hover,a.linktype2:active
{color:#4569ff;text-decoration:underline;}

.box_shade ul a:link,.box_shade ul a:visited
{color:#4569ff;text-decoration:none;}
.box_shade ul a:hover,.box_shade ul a:active
{color:#4569ff;text-decoration:none;}

#footer li a:link,#footer li a:visited
{color:#fff;text-decoration:none;}
#footer li a:hover,#footer li a:active
{color:#fff;text-decoration:underline;}

#header li a:link,#header li a:visited
{color:#8c8c8c;text-decoration:none;}
#header li a:hover,#header li a:active
{color:#8c8c8c;text-decoration:underline;}

/* /////////////////////////////////////////
//
//   フォーム関係設定
//
//////////////////////////////////////////// */
input,select,label{
vertical-align:middle;
}
input{}
textarea{}

/* /////////////////////////////////////////
//
//   装飾関係設定
//
//////////////////////////////////////////// */
ul,ol{
list-style:none outside;
}
fieldset{
border:none;
}
legend{
display:none;
}
img{
vertical-align:top;
border:none;
}
table,td,th{
border-collapse:collapse;
}
pre{
white-space:normal;
text-align:left;
overflow:scroll;
border:1px solid #aaaaaa;
}

/* /////////////////////////////////////////
//
//   共通ブロック設定
//
//////////////////////////////////////////// */
/* ▼▼▼▼ブロック内共通▼▼▼▼
----------------------------------------------------------- */
.t_l
{text-align:left;}
.t_c{text-align:center;}
.t_r{text-align:right;}

.f_l{float:left;}
.f_r{float:right;}
img.f_l{margin:0 10px 8px 0;}
img.f_r{margin:0 0 8px 10px;}

.clr{clear:both;}

.otl_no{outline:none;}

/* color */
.color_org
{color:#ff6600;}
.color_wht
{color:#fff;}

/* font-size */
.fs_10,
#profbox_l p{/* 10px */
font-size:0.76923em;
line-height:1.2;
}
.fs_11,
.blog_meta,#rightcont .box_onebook dd{/* 11px */
font-size:0.84615em;
line-height:1.2;
}
.fs_12,
#moviebox h5{/* 12px */
font-size:0.92308em;
line-height:1.25;
}
.fs_14,
#prof_tbl h4,
.blog_body,
h6.blog_athertitle{/* 14px */
font-size:1.07692em;
line-height:1.21429;
}
.fs_16,h5,
#leftcont .box_onebook dt,
.blog_headbox,
#links #leftcont h4,
#profbox_r dt,
.subinfo h2,
h3#comments,#respond h3{/* 16px */
font-size:1.23077em;
line-height:1.22222;
}
.fs_18,
.blog_title{/* 18px */
font-size:1.38462em;
line-height:1.22222;
}

/* ▲▲▲▲ブロック内共通▲▲▲▲
----------------------------------------------------------- */

/* headinfo
----------------------------------------------------------- */
#headinfo{
padding:3px 0 4px;
text-align:center;
background:#4569ff;
}
#headinfo h1{
width:898px;
margin:0 auto;
text-indent:2px;
color:#b6c4ff;
}

/* contwrap
----------------------------------------------------------- */
#contwrap{
width:888px;
margin:83px auto 0;
background:url(../img/common/bg_contwrap.gif) repeat-y center top;
position:relative;
}
#home #contwrap{margin:447px auto 0;}

/* leftcont
----------------------------------------------------------- */
#leftcont{
float:left;
width:570px;
padding:8px 16px 0;
margin-top:41px;
}
* html #leftcont{width:602px;}

.midashi01{
width:570px;
margin-bottom:10px;
position:relative;
}
.midashi01 a{
position:absolute;
top:8px;right:10px;
}

h5{
margin-bottom:8px;
padding-bottom:2px;
border-bottom:1px solid #ccc;
}

.ent_list{
margin:0 0 7px;
padding-bottom:3px;
border-bottom:1px solid #b5b5b5;
}
#ent_list-activity{margin:0 0 17px;}
.ent_list dt{
line-height:14px;
margin-top:4px;margin-bottom:2px;
padding-top:5px;
border-top:1px solid #b5b5b5;
}
.ent_list dd{
padding-left:1px;
line-height:1.07692;
}
.ent_list dd img{
display:none;
}

.box_shade{
width:570px;
margin:0 0 10px;
padding-top:24px;
text-align:center;
background:url(../img/common/bg_box-shade.gif) no-repeat left top;
}
.box_shade ul{
width:532px;
margin:0 0 0 24px;
}
.box_shade ul li{
float:left;
width:64px;
margin-right:12px;
text-align:center;
}

.box_shade  img{
clear:both;
}

.box_border1{
clear:both;
border:1px solid #ccc;
}
.box_border2{
clear:both;
margin-bottom:15px;
padding:12px 15px;
border:1px solid #ccc;
}

.box_books li{
float:left;
width:142px;
}
.box_books div{
padding:10px 0;
text-align:center;
background:#d4e6ff;
}
.box_books div a{
display:block;
width:100px;
height:150px;min-height:150px;max-height:150px;
margin:0 auto;
background:#d4e6ff;
overflow:hidden;
outline:none;
}
.box_books p{
padding:8px 15px;
line-height:1.1;
}

.type1{
clear:both;
margin-bottom:15px;
}

.subinfo{
clear:both;
margin:15px 0;
padding:12px 15px;
border:2px solid #ccc;
}
.subinfo h2{
margin:0 0 5px;
padding:0 0 5px;
font-weight:bold;
border-bottom:2px solid #ccc;
}

.incont_navi{
text-align:center;
margin-bottom:12px;
}

/* rightcont
----------------------------------------------------------- */
#rightcont{
float:right;
width:252px;
padding:21px 21px 0 13px;
margin-top:33px;
line-height:1.23077;
background:url(../img/common/bg_rightcont.gif) no-repeat left top;
}
* html #rightcont{width:286px;}

#bannerlinks{
margin-bottom:10px;
padding:10px 5px 2px;
text-align:center;
background:#4569ff;
margin-bottom:0;
padding:0;
background:none;
}
#bannerlinks div{
margin:0 5px 1px;
color:#fff;
}
#bannerlinks div em{
display:block;
font-size:14px;
margin-bottom:1px;
}
#bannerlinks img{
margin-bottom:8px;
}

#rightcont h3{
width:252px;
position:relative;
}
#rightcont h3 a{
position:absolute;top:9px;right:9px;
}

#searchform,
#rightcont .box_border1,
.box_sidelist1,
#rightcont .box_onebook_wrap
{margin-bottom:8px;}

#searchform input{
width:208px;
height:19px;
padding:2px 2px 0;
line-height:1.1;
border:1px solid #ccc
}
#searchform #searchsubmit{
width:34px;
height:23px;
text-indent:-9999px;
padding:0;
background:#000 url(../img/common/btn_search.gif) no-repeat center;
border:none;
cursor:pointer;
} * html #searchform #searchsubmit{height:19px;}

#rightcont #feedbox{
padding:4px;
font-weight:bold;
}
#feedbox img{
margin-right:5px;
vertical-align:-5px;
}

#moviebox h5{
margin-bottom:0px;
padding:0;
border:none;
}
#moviebox object{
display:block;
margin-bottom:3px;
}

#twitterbox img{
margin-right:5px;margin-bottom:5px;
vertical-align:middle;
}
#twitter_update_list{
max-height:300px;
margin:0 0 3px;
font-size:0.84615em;
line-height:1.090909;
overflow:scroll;
background:#efefef;
}
#twitter_update_list li{
padding:4px 4px 1px;
border-bottom:1px dashed #bbb;
}

#kenkinbox div{
margin:0 0 5px;
padding:6px 7px;
background:#e8f0fc;
border:1px solid #ccc;
}

#qrbox img#qrcode{
float:left;
margin-right:3px;
}
#qrbox p{
margin-top:3px;
}
#qrbox div{
clear:both;
}
#qrbox div img{
vertical-align:middle;
}

#rightcont .box_border1{
padding:9px;
background:#fff;
}
.proflist1,.proflist2{clear:both;}
.proflist1{margin-bottom:9px;}
.proflist1 li,.proflist2 li{float:left;}
.proflist1 img,.proflist2 img{margin-right:7px;}
.proflist1 p{width:138px;}
.proflist2 p{width:174px;}

.box_sidelist1{
background:#fff;
border:1px solid #ccc;border-bottom:none;
}
.box_sidelist1 h4{
margin:10px 8px 0;
}
.list_side1{
padding:6px 8px 3px;
border-bottom:1px solid #ccc;
}
ul.list_side1{
padding:6px 8px;
}

.list_side1 dt{
}
.list_side1 dd{
margin-bottom:3px;
text-align:left;
}
.list_side1 dd.t_r{
text-align:right;
}
.list_side1 dt,.list_side1 dd{
line-height:1.07692;
}

p.list_side1{
padding-bottom:0;
}
p.list_side1 img{
margin-bottom:8px;
}

#rightcont .box_onebook_wrap{
border:1px solid #ccc;
}
#rightcont .box_onebook{
background:#fff;
}
#rightcont .box_onebook ul{

}
#rightcont .box_onebook ul li{
float:left;
background:#d4e6ff;
}
#rightcont .box_onebook ul li img{
margin:13px;
}
#rightcont .box_onebook dl dt img{margin:0;}
#rightcont .box_onebook dl{
width:135px;
padding:10px;
background:#fff;
}* html #rightcont .box_onebook dl{width:161px;}
#rightcont .box_onebook dt{
margin-bottom:4px;
}

/* pagetop
----------------------------------------------------------- */
.pagetop{
clear:both;
width:888px;
padding-top:5px;
text-align:right;
border-bottom:8px solid #fff;
}
.pagetop a{margin-right:302px;}

/* navi_main
----------------------------------------------------------- */
#navi_main{
width:880px;
position:absolute;
top:0;left:4px;
}
#navi_main li{
display:inline;
width:176px;
height:33px;
}
#navi_main a{
float:left;
width:176px;
height:33px;
text-indent:-9999px;
outline:none;
background:url(../img/common/sprite1.gif) no-repeat left top;
}
#navi_main #nm_01 a:link,#navi_main #nm_01 a:visited{background-position:0 0;}
#navi_main #nm_01 a:hover,#navi_main #nm_01 a:active{background-position:0 -33px;}
#navi_main #nm_02 a:link,#navi_main #nm_02 a:visited{background-position:-176px 0;}
#navi_main #nm_02 a:hover,#navi_main #nm_02 a:active{background-position:-176px -33px;}
#navi_main #nm_03 a:link,#navi_main #nm_03 a:visited{background-position:-352px 0;}
#navi_main #nm_03 a:hover,#navi_main #nm_03 a:active{background-position:-352px -33px;}
#navi_main #nm_04 a:link,#navi_main #nm_04 a:visited{background-position:-528px 0;}
#navi_main #nm_04 a:hover,#navi_main #nm_04 a:active{background-position:-528px -33px;}
#navi_main #nm_05 a:link,#navi_main #nm_05 a:visited{background-position:-704px 0;}
#navi_main #nm_05 a:hover,#navi_main #nm_05 a:active{background-position:-704px -33px;}

#home #navi_main #nm_01 a:link,#home #navi_main #nm_01 a:visited{background-position:0 -33px;}
#home #navi_main #nm_01 a:hover,#home #navi_main #nm_01 a:active{background-position:0 -33px;}
#profile #navi_main #nm_02 a:link,#profile #navi_main #nm_02 a:visited{background-position:-176px -33px;}
#profile #navi_main #nm_02 a:hover,#profile #navi_main #nm_02 a:active{background-position:-176px -33px;}
#activitylist #navi_main #nm_03 a:link,#activitylist #navi_main #nm_03 a:visited{background-position:-352px -33px;}
#activitylist #navi_main #nm_03 a:hover,#activitylist #navi_main #nm_03 a:active{background-position:-352px -33px;}
#activity #navi_main #nm_03 a:link,#activity #navi_main #nm_03 a:visited{background-position:-352px -33px;}
#activity #navi_main #nm_03 a:hover,#activity #navi_main #nm_03 a:active{background-position:-352px -33px;}
#books #navi_main #nm_04 a:link,#books #navi_main #nm_04 a:visited{background-position:-528px -33px;}
#books #navi_main #nm_04 a:hover,#books #navi_main #nm_04 a:active{background-position:-528px -33px;}
#blog #navi_main #nm_05 a:link,#blog #navi_main #nm_05 a:visited{background-position:-704px -33px;}
#blog #navi_main #nm_05 a:hover,#blog #navi_main #nm_05 a:active{background-position:-704px -33px;}

/* footer,copyright
----------------------------------------------------------- */
#footer,#footer ul,#copyright{
clear:both;
text-align:center;
}

#footer{
padding:10px 0;
background:#4569ff;
}
#footer ul{
width:888px;
margin:0 auto;
}
#footer li{
display:inline;
padding:0 5px;
text-align:center;
border-right:1px solid #fff;
}
#footer li.list_fst{
border-left:1px solid #fff;
}

#copyright{
padding:5px 0;
background:#fff;
}

/* headerwrap,header
----------------------------------------------------------- */
#headerwrap{
width:100%;
text-align:center;
background:url(../img/common/bg_header_sub.jpg) repeat-x center top;
position:absolute;
top:24px;left:0;
}
#home #headerwrap{background:url(../img/common/bg_header.jpg) repeat-x center top;}

#header{
width:908px;
height:83px;
margin:0 auto;
background:url(../img/common/mainimg_sub.jpg) center top;
}
#home #header{height:447px;background:url(../img/home/mainimg.jpg) center top;}

#header ul{
padding:10px 10px 0 0;
text-align:right;
}
#header ul li{
float:right;
}
#header ul li a{
padding-left:12px;
margin-left:6px;
background:url(../img/common/sprite2.png) no-repeat left -32px;
}