@charset "utf-8";


/* ==============================  html */
html
{ width:100%;  height:100%; -webkit-text-size-adjust: none; background:#fafafa url(/12kokuki/images/bg_header.gif) repeat-x; }
html,body
{ height:100%; font-family:"MS PGothic", sans-serif, Universe, "Helvetica Neue", こぶりな, Koburina, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, ; font-size:12px; color:#333; line-height:100%; }
*:first-child+html body
{ font-family: Universe, "Helvetica Neue", こぶりな, Koburina, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, "MS PGothic", sans-serif; }
* html body
{ font-family: Universe, "Helvetica Neue", こぶりな, Koburina, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, "MS PGothic", sans-serif; }

/* ==============================  scroll bar */
::-webkit-scrollbar { width:10px; background:#fafafa; }
::-webkit-scrollbar:horizontal {  height:5px; }
::-webkit-scrollbar-button { display:none; }
::-webkit-scrollbar-piece { background:#eee; }
::-webkit-scrollbar-piece:start {  background:#eee; }
::-webkit-scrollbar-thumb { background:#222; }
::-webkit-scrollbar-corner { background:#222; }

/* ============================== setup */
h1 { font-size: small; margin: 0; padding: 0; }
h2 { font-size: small; margin: 0; padding: 0; }
h3 { font-size: small; margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; list-style-type: none; }
ol { margin: 0; padding: 0; list-style-type: none; }
li { margin: 0; padding: 0; }
dl,dt,dd { margin: 0; padding: 0; list-style-type: none; }
a { color: #315fbc; text-decoration: none; }
a:link, a:visited { color: #315fbc; text-decoration: none; }
a:hover { color: #5987e4; text-decoration: underline; }
a:active { color: #5987e4; text-decoration: underline; }
a img { border: none; }

/* 補足説明・注意書き */
.notes { font-size: small; color: #464646; line-height: 150%; margin-top: 10px; }
.notes li { margin-bottom: 5px; }

/* 左右振り分け */
.leftside { float: left; }
.rightside { float: right; }

/* 左右振り分け写真 */
.leftsideimg { float: left; margin:10px 10px 10px 0; }
.rightsideimg { float: right; margin:10px 0 10px 10px; }

a img.linkimg { background:none!important; }
a:hover img.linkimg { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background:none!important; }

#main_container { margin:0 auto; width: 100%; position: relative; min-height: 100%; background: #dad8cb; }
* html div#main_container { height:100%; }
* html #footer { bottom:expression(document.getElementById("main_container").offsetHeight % 2 == 0 ? 0 : -1); }

#container { margin:0 auto; background:#FFFFFF url(/12kokuki/images/bg_page.jpg) repeat; }
#wrapper_top { width: 900px; margin:0 auto; position: relative; margin-bottom:12px; }
#wrapper { width: 900px; margin:0 auto; background:#FFFFFF url(/12kokuki/images/bg_page2.gif) repeat-y; position: relative; margin-bottom:12px; }

#container_log { margin:0 auto; background: url(/12kokuki/images/bg_page4.jpg) repeat; }
#wrapper_log { width: 900px; margin:0 auto; position: relative; margin-bottom:12px; }


/* ==============================  #header */
#header2 { width: 100%; top:0; left:0; right:0; margin: 0 auto; padding: 0; height:90px;
        z-index:100;
        background: url(/12kokuki/images/bg_header.gif) repeat-x; }

#headerbox { overflow:hidden; width: 900px; height: 90px; margin: 0 auto; background: url(/12kokuki/images/bg_header.gif) repeat-x; }
#headerbox h1{ float:left; width:160px; margin-top:7px; }
#headerbox #gnavibox { text-align:left; float:left; width:740px; height:90px; position: relative; }

#headerbox #smbbox { width:740px; height:38px; margin: 0 auto; position: relative; margin-top: 7px; }
#headerbox #smbbox #twitterbox { text-align:left; float:left; width:443px; height:31px; }
#headerbox #smbbox #smbbox2 { float:right; width:242px; height:31px; }

/* ============================== twitter */
#twittercont { margin-top: 5px; position: relative; }
#twitterlogo { width: 21px; float: left; text-align: right; }
#twitterlogo p { }
#twitterarea { float: right; font-size: 12px; width: 410px; padding: 0; height: 16px; line-height: 1.5; color: #7e7e7e; position: relative; overflow: hidden; }
#twitterarea #js_twitter marquee { position: absolute; top: 0; left: 0; white-space: nowrap; width: 390px; }

/* ============================== smb  */
#smbarea { width:242px; height:22px; margin: 0; padding: 0; list-style-type: none; }
#smbarea #tbn { float:left; width:120px; height:23px; }
#smbarea #fbn { float:right; width:120px; height:23px; }


/* ============================== site navigation */
#headerbox #gnavi { text-align:left; float:left; width:740px; height:34px; margin-bottom: 3px; }
#headerbox #navi { float:left; width:740px; height:34px; }
#headerbox #navi ul { position: relative; }
#headerbox #navi li { float: left; }
#headerbox #navi a { text-decoration: none; display: block; height: 68px; background: url(/12kokuki/images/gnavi.jpg) no-repeat 0 0; }

#headerbox #navi #about a { background-position: 0 0; width: 147px; height:34px; }
#headerbox #navi #about a:link, headerbox #navi #about a:visited { background-position: 0 0; }
#headerbox #navi #about a:hover, headerbox #navi #about a:active { background-position: 0 -34px; }

#headerbox #navi #series a { background-position: -147px 0; width: 248px; height:34px; }
#headerbox #navi #series a:link, #headerbox #navi #seriesa:visited { background-position: -147px 0; }
#headerbox #navi #series a:hover, #headerbox #navi #series a:active { background-position: -147px -34px; }

#headerbox #navi #topic a { background-position: -395px 0; width: 180px; height:34px; }
#headerbox #navi #topic a:link, #headerbox #navi #topic a:visited { background-position: -395px 0; }
#headerbox #navi #topic a:hover, #headerbox #navi #topic a:active { background-position: -395px -34px; }

#headerbox #navi #log a { background-position: -575px 0; width: 165px; height:34px; }
#headerbox #navi #log a:link, #headerbox #navi #log a:visited { background-position: -575px 0; }
#headerbox #navi #log a:hover, #headerbox #navi #log a:active { background-position: -575px -34px; }


#contents {width: 900px; text-align: left; margin: 0 0 10px 0; position: relative; }

/* ============================== トップページ */
#top_contents { width: 900px;  padding: 10px 0 0 0; position: relative; }
#topslider { display:block;
	height:440px;
	position:relative;
	width:900px;
	margin: 0 auto; }
.bx-prev,.bx-next { display:none; }

#toppic_area { position: relative; width: 900px; height:220px; margin: 15px 0 15px 0; }
#toppic_area ul { width: 900px; position: relative; }
#toppic_area li { float: left; width: 220px; }
#toppic_area li.pic1 { float: left; margin-right:6px; }
#toppic_area li.pic2 { float: left; margin-right:7px; }
#toppic_area li.pic3 { float: left;  margin-right:7px; }
#toppic_area li.pic4 { float: left; }

#contents_info { width: 880px; padding: 10px; }
#contents_info h2 {  }
#contents_info .contents_info_left { float:left; width:900px; margin-bottom: 20px; }/* 幅を520pxから900pxに　「刊行スケジュール」コメントアウトしたため　2017.3.3*/
#contents_info .contents_info_right { float:right; width:350px; height:361px; }
#contents_info .info_schedule {margin-bottom: 10px; width:350px; height:232px; background:url(/12kokuki/images/info_schedule.gif) bottom no-repeat; }
#contents_info .info_yondabn { height:119px; }

/*#contents_info .roundbox_ft { padding-bottom:15px; background:url(/12kokuki/images/bg_info_fd.png) bottom no-repeat; }　「刊行スケジュール」コメントアウトしたために幅が変わったのでコメントアウト　2017.3.7*/
#contents_info .roundbox { height:105px; overflow: auto; }/* 高さを300pxから105pxに　過去の情報が多く見えているため　2017.3.7*/
#contents_info .roundbox ul { min-height:7em; _height:7em; padding:10px 15px 15px 15px; }
#contents_info #information ul li{ line-height: 150%; border-bottom:#b5aa8e 1px solid; padding:.5em 0; }
#contents_info #information ul li a { outline:0; }
#contents_info #information ul li a:hover { color: #5987e4; text-decoration: underline; }
#contents_info .roundbox ul li strong{ padding-right:1em; color:#c5627f; font-weight:bold; }
#contents_info .roundbox ul li B { padding-right:1em; color:#070f2b; font-weight:bold; }
.mb20{ margin-bottom:20px; }

#contents_sbm { width: 840px; padding: 10px 30px 10px 30px; }
#fbbox { float:left; width:500px; background: #FFF; }
#twitterbox { text-align:left; float:right; width:300px; }


/* ============================== ここが違う */
#topic_contents { width: 900px; padding: 0 0 10px 0; text-align: left; position: relative; }
#topic_main_contents { width: 640px; text-align: left top; float: left; padding-top:10px;}
#topic_contents #topic_main_bg1 { background: url(/12kokuki/images/topic/1.jpg) no-repeat; width: 640px; height: 120px; position: relative; }
#topic_contents #topic_main_bg2 { background: url(/12kokuki/images/topic/2.jpg) no-repeat; width: 640px; height: 68px; position: relative; }
#topic_contents #topic_main_bg3 { background: url(/12kokuki/images/topic/3.jpg) no-repeat; width: 640px; height: 125px; position: relative; }
#topic_contents #topic_main_bg4 { background: url(/12kokuki/images/topic/4.jpg) no-repeat; width: 640px; height: 143px; position: relative; }
#topic_contents #topic_main_bg5 { background: url(/12kokuki/images/topic/5.jpg) no-repeat; width: 640px; height: 134px; position: relative; }
#topic_contents #topic_main_bg6 { background: url(/12kokuki/images/topic/6.jpg) no-repeat; width: 640px; height: 139px; position: relative; }
#topic_contents #topic_main_bg7 { background: url(/12kokuki/images/topic/7.jpg) no-repeat; width: 640px; height: 141px; position: relative; }
#topic_contents #topic_main_bg8 { background: url(/12kokuki/images/topic/8.jpg) no-repeat; width: 640px; height: 144px; position: relative; }
#topic_contents #topic_main_bg9 { background: url(/12kokuki/images/topic/9.jpg) no-repeat; width: 640px; height: 157px; position: relative; }
#topic_contents #topic_main_bg10 { background: url(/12kokuki/images/topic/10.jpg) no-repeat; width: 640px; height: 127px; position: relative; }
#topic_contents #topic_main_bg11 { background: url(/12kokuki/images/topic/11.jpg) no-repeat; width: 640px; height: 154px; position: relative; }
#topic_contents #topic_main_bg12 { background: url(/12kokuki/images/topic/12.jpg) no-repeat; width: 640px; height: 175px; position: relative; }
#topic_contents #topic_main_bg13 { background: url(/12kokuki/images/topic/13.jpg) no-repeat; width: 640px; height: 165px; position: relative; }
#topic_contents #topic_main_bg14 { background: url(/12kokuki/images/topic/14.jpg) no-repeat; width: 640px; height: 143px; position: relative; }
#topic_contents #topic_main_bg15 { background: url(/12kokuki/images/topic/15.jpg) no-repeat; width: 640px; height: 145px; position: relative; }
#topic_contents #topic_main_bg16 { background: url(/12kokuki/images/topic/16.jpg) no-repeat; width: 640px; height: 140px; position: relative; }



#topic_left_contents { width: 220px; text-align: left top; float: left; margin-right: 20px; } 
#topic_left_tit { background: url(/12kokuki/images/topic/tit.jpg) no-repeat; width: 220px; height: 230px; position: relative; }
#topic_contents h1 { display: none; }
#topic_contents p { display: none; }

/* ============================== 十二国記とは */
#about_contents { width: 900px; padding: 0 0 10px 0; text-align: left; position: relative; }
#about_main_contents { width: 640px; text-align: left top; float: left; padding-top:10px; }
#about_contents #about_main_bg1 { background: url(/12kokuki/images/about/1.jpg) no-repeat; width: 640px; height: 101px; position: relative; }
#about_contents #about_main_bg2 { background: url(/12kokuki/images/about/2.jpg) no-repeat; width: 640px; height: 207px; position: relative; }
#about_contents #about_main_map { text-align:center; width:640px; height:364px; margin: 20px 0 30px 0;  }

#about_left_contents { width: 220px; text-align: left top; float: left; margin-right: 20px; } 
#about_left_tit { background: url(/12kokuki/images/about/tit.jpg) no-repeat; width: 220px; height: 230px; position: relative; }
#about_contents h1 { display: none; }
#about_contents p { display: none; }


/* ============================== 作品紹介 */
#series_contents { width: 900px; padding: 0 0 10px 0; text-align: left; position: relative; }
#series_main_contents { width: 640px; text-align: left top; float: left; padding-top:10px;}

#series_contents #series_main1_bg1 { background: url(/12kokuki/images/series/1/1.jpg) no-repeat; width: 640px; height: 203px; position: relative; }
#series_contents #series_main1_bg2 { background: url(/12kokuki/images/series/1/2.jpg) no-repeat; width: 640px; height: 236px; position: relative; }
#series_contents #series_main1_bg2 .kakakubox1 { position: absolute; left: 70px; top: 120px; height: 80px; width: 282px; font-size:12px; _font-size:80%; margin-bottom: 14px; line-height: 140%; color: #4f4f4e; }
#series_contents #series_main1_bg3 { background: url(/12kokuki/images/series/1/3.jpg) no-repeat; width: 640px; height: 224px; position: relative; }
#series_contents #series_main1_bg4 { background: url(/12kokuki/images/series/1/4.jpg) no-repeat; width: 640px; height: 158px; position: relative; }
#series_contents #series_main1_bg5 { background: url(/12kokuki/images/series/1/5.jpg) no-repeat; width: 640px; height: 177px; position: relative; }

#series_contents #series_main2_bg1 { background: url(/12kokuki/images/series/2/1.jpg) no-repeat; width: 640px; height: 101px; position: relative; }
#series_contents #series_main2_bg2 { background: url(/12kokuki/images/series/2/2.jpg) no-repeat; width: 640px; height: 132px; position: relative; }
#series_contents #series_main2_bg3 { background: url(/12kokuki/images/series/2/3.jpg) no-repeat; width: 640px; height: 206px; position: relative; }
#series_contents #series_main2_bg3 .kakakubox2 { position: absolute; left: 90px; top: 50px; height: 80px; width: 310px; font-size:12px; _font-size:80%; margin-bottom: 14px; line-height: 140%; color: #4f4f4e; }
#series_contents #series_main2_bg4 { background: url(/12kokuki/images/series/2/4.jpg) no-repeat; width: 640px; height: 158px; position: relative; }
#series_contents #series_main2_bg5 { background: url(/12kokuki/images/series/2/5.jpg) no-repeat; width: 640px; height: 160px; position: relative; }
#series_contents #series_main2_bg5 .kakakubox3 { position: absolute; left: 258px; top: 46px; height: 80px; width: 310px; font-size:12px; _font-size:80%; margin-bottom: 14px; line-height: 140%; color: #4f4f4e; }
#series_contents #series_main2_bg6 { background: url(/12kokuki/images/series/2/6.jpg) no-repeat; width: 640px; height: 193px; position: relative; }
#series_contents #series_main2_bg7 { background: url(/12kokuki/images/series/2/7.jpg) no-repeat; width: 640px; height: 237px; position: relative; }
#series_contents #series_main2_bg8 { background: url(/12kokuki/images/series/2/8.jpg) no-repeat; width: 640px; height: 174px; position: relative; }

#series_contents #series_main3_bg1 { background: url(/12kokuki/images/series/3/1.jpg) no-repeat; width: 640px; height: 248px; position: relative; }
#series_contents #series_main3_bg2 { background: url(/12kokuki/images/series/3/2.jpg) no-repeat; width: 640px; height: 214px; position: relative; }
#series_contents #series_main3_bg2 .kakakubox1 { position: absolute; left: 80px; top: 15px; height: 80px; width: 282px; font-size:12px; _font-size:80%; margin-bottom: 14px; line-height: 140%; color: #4f4f4e; }
#series_contents #series_main3_bg3 { background: url(/12kokuki/images/series/3/3.jpg) no-repeat; width: 640px; height: 165px; position: relative; }
#series_contents #series_main3_bg4 { background: url(/12kokuki/images/series/3/4.jpg) no-repeat; width: 640px; height: 156px; position: relative; }
#series_contents #series_main3_bg5 { background: url(/12kokuki/images/series/3/5.jpg) no-repeat; width: 640px; height: 171px; position: relative; }


#series_contents #series_main4_bg1 { background: url(/12kokuki/images/series/4/1.jpg) no-repeat; width: 640px; height: 248px; position: relative; }
#series_contents #series_main4_bg2 { background: url(/12kokuki/images/series/4/2.jpg) no-repeat; width: 640px; height: 214px; position: relative; }
#series_contents #series_main4_bg2 .kakakubox1 { position: absolute; left: 80px; top: 15px; height: 80px; width: 282px; font-size:12px; _font-size:80%; margin-bottom: 14px; line-height: 140%; color: #4f4f4e; }
#series_contents #series_main4_bg3 { background: url(/12kokuki/images/series/4/3.jpg) no-repeat; width: 640px; height: 165px; position: relative; }
#series_contents #series_main4_bg4 { background: url(/12kokuki/images/series/4/4.jpg) no-repeat; width: 640px; height: 156px; position: relative; }

#series_contents #series_main5_bg1 { background: url(/12kokuki/images/series/5/1.jpg) no-repeat; width: 640px; height: 278px; position: relative; }
#series_contents #series_main5_bg2 { background: url(/12kokuki/images/series/5/2.jpg) no-repeat; width: 640px; height: 183px; position: relative; }
#series_contents #series_main5_bg2 .kakakubox1 { position: absolute; left: 75px; top: 5px; height: 80px; width: 282px; font-size:12px; _font-size:80%; margin-bottom: 14px; line-height: 140%; color: #4f4f4e; }
#series_contents #series_main5_bg3 { background: url(/12kokuki/images/series/5/3.jpg) no-repeat; width: 640px; height: 207px; position: relative; }
#series_contents #series_main5_bg4 { background: url(/12kokuki/images/series/5/4.jpg) no-repeat; width: 640px; height: 159px; position: relative; }
#series_contents #series_main5_bg4 .kakakubox1 { position: absolute; left: 275px; top: 10px; height: 80px; width: 282px; font-size:12px; _font-size:80%; margin-bottom: 14px; line-height: 140%; color: #4f4f4e; }
#series_contents #series_main5_bg5 { background: url(/12kokuki/images/series/5/5.jpg) no-repeat; width: 640px; height: 146px; position: relative; }

#series_contents #series_main6_bg1 { background: url(/12kokuki/images/series/6/1.jpg) no-repeat; width: 640px; height: 318px; position: relative; }
#series_contents #series_main6_bg2 { background: url(/12kokuki/images/series/6/2.jpg) no-repeat; width: 640px; height: 185px; position: relative; }
#series_contents #series_main6_bg2 .kakakubox1 { position: absolute; left: 75px; top: 5px; height: 80px; width: 282px; font-size:12px; _font-size:80%; margin-bottom: 14px; line-height: 140%; color: #4f4f4e; }
#series_contents #series_main6_bg3 { background: url(/12kokuki/images/series/6/3.jpg) no-repeat; width: 640px; height: 165px; position: relative; }
#series_contents #series_main6_bg4 { background: url(/12kokuki/images/series/6/4.jpg) no-repeat; width: 640px; height: 142px; position: relative; }
#series_contents #series_main6_bg5 { background: url(/12kokuki/images/series/6/5.jpg) no-repeat; width: 640px; height: 139px; position: relative; }
#series_contents #series_main6_bg6 { background: url(/12kokuki/images/series/6/6.jpg) no-repeat; width: 640px; height: 162px; position: relative; }

#series_contents #series_main7_bg1 { background: url(/12kokuki/images/series/7/1.jpg) no-repeat; width: 640px; height: 298px; position: relative; }
#series_contents #series_main7_bg2 { background: url(/12kokuki/images/series/7/2.jpg) no-repeat; width: 640px; height: 159px; position: relative; }
#series_contents #series_main7_bg2 .kakakubox1 { position: absolute; left: 75px; top: 5px; height: 80px; width: 282px; font-size:12px; _font-size:80%; margin-bottom: 14px; line-height: 140%; color: #4f4f4e; }
#series_contents #series_main7_bg3 { background: url(/12kokuki/images/series/7/3.jpg) no-repeat; width: 640px; height: 168px; position: relative; }

#series_contents #series_main8_bg1 { background: url(/12kokuki/images/series/8/1.jpg) no-repeat; width: 640px; height: 298px; position: relative; }
#series_contents #series_main8_bg2 { background: url(/12kokuki/images/series/8/2.jpg) no-repeat; width: 640px; height: 159px; position: relative; }
#series_contents #series_main8_bg2 .kakakubox1 { position: absolute; left: 75px; top: 5px; height: 80px; width: 282px; font-size:12px; _font-size:80%; margin-bottom: 14px; line-height: 140%; color: #4f4f4e; }
#series_contents #series_main8_bg3 { background: url(/12kokuki/images/series/8/3.jpg) no-repeat; width: 640px; height: 182px; position: relative; }

#series_contents #series_mainprof_bg1 { background: url(/12kokuki/images/series/profle/1.jpg) no-repeat; width: 640px; height: 101px; position: relative; }
#series_contents #series_mainprof_bg2 { background: url(/12kokuki/images/series/profle/2.jpg) no-repeat; width: 640px; height: 138px; position: relative; }
#series_contents #series_mainprof_bnr { text-align:center; width:640px; margin: 20px 0 30px 0;  }


#series_left_contents { width: 220px; text-align: left top; float: left; margin-right: 20px; } 
#series_left_tit { background: url(/12kokuki/images/series/tit.jpg) no-repeat; width: 220px; height: 230px; position: relative; }
#series_left_contents .titlebox { width: 200px; text-align: left top; padding: 10px; } 
#series_left_contents .titlebox ul { } 
#series_left_contents .titlebox li { width: 200px; text-align: left;  padding: 10px 0 10px 0; } 

#series_contents h1 { display: none; }
#series_contents p { display: none; color: #4d4d4d; padding: 30px 0 0 100px; line-height: 2.5 }


/*  ============================= 麒麟便り */
#log_contents { width:900px; text-align: left; position: relative; }
#logbox_left { float:left; width:220px; text-align: left top; }
#logbox_main { float:left; width:680px; text-align: left top; }

#logbox_main .topic_set { width: 670px; }
#logbox_main .topic_title { font-size:14px; _font-size:85%; line-height: 180%; font-weight: bold; _line-height:1.55em; color: #653551; }
#logbox_main .topic_title_bg { background: url(/12kokuki/images/blog_tit.gif) no-repeat left top; height: 47px; }
#logbox_main .topic_title_top { padding: 10px 0 0 55px; }
#logbox_main .article  { margin: 10px; font-size:14px; _font-size:85%; line-height: 180%; _line-height:1.55em; color: #2a2929; }

/* 記事補足情報領域（comment/trackback） */
.topic_supplement { padding: 10px 0 10px 0; }
.date { float: left; width: 220px; }
.date_r { float: right; width: 260px; text-align: right; font-size:12px; _font-size:85%; line-height: 160%; }

/*  ============================= サイド 最新記事 */
#bnavibox { width: 220px; margin-bottom: 15px; }
#bnavibox h2 { height:164px; }
#bnavibox .roundbox2_ft { padding-bottom:15px; background:url(/12kokuki/images/bnavibox_fd.png) bottom no-repeat; }
#bnavibox .roundbox2 { width: 220px; line-height: 140%; background: #FFF; background: url(/12kokuki/images/bnavibox_bg.png) repeat-y; }
#bnavibox .roundbox3 { width: 208px; height:300px; overflow: auto; }
#bnavibox .roundbox3 ul { padding: 0 3px 20px 20px; }
#bnavibox #recent ul li { background: url(/12kokuki/images/icon_list.png) no-repeat 0px; padding: 0 0 7px 12px; line-height: 150%; }
#bnavibox #recent ul li a { outline:0; }
#bnavibox #recent ul li a:hover { color: #5987e4; text-decoration: underline; }

#footline_area { width: 100%; height: 29px; bottom:0; background: url(/12kokuki/images/bg_fotter.png) repeat-x; position: relative; }
#foot_line { width: 900px; height: 29px; margin: 0 auto; position: relative; }
#foot_line .ptbtn { position: absolute; left: 760px; top: 0; height: 29px; width: 80px; }

/* ============================== Twitterキャンペーン */
#cp_contents { width: 900px; padding: 0 0 10px 0; text-align: left; position: relative; }
#cp_contents #cp_bg1 { background: url(/12kokuki/images/cp/1.jpg) no-repeat; width: 900px; height: 105px; position: relative; }
#cp_contents #cp_bg2 { background: url(/12kokuki/images/cp/2.jpg) no-repeat; width: 900px; height: 105px; position: relative; }
#cp_contents #cp_bg3 { background: url(/12kokuki/images/cp/3.jpg) no-repeat; width: 900px; height: 115px; position: relative; }
#cp_contents #cp_bg4 { background: url(/12kokuki/images/cp/4.jpg) no-repeat; width: 900px; height: 125px; position: relative; margin-bottom: 20px; }
#cp_contents #cp_bg5 { background: url(/12kokuki/images/cp/5.jpg) no-repeat; width: 900px; height: 142px; position: relative; }
#cp_contents #cp_bg6 { background: url(/12kokuki/images/cp/6.jpg) no-repeat; width: 900px; height: 130px; position: relative; }
#cp_contents #cp_bg7 { background: url(/12kokuki/images/cp/7.jpg) no-repeat; width: 900px; height: 121px; position: relative; }
#cp_contents #cp_bg8 { background: url(/12kokuki/images/cp/8.jpg) no-repeat; width: 900px; height: 124px; position: relative; margin-bottom: 30px; }
#cp_contents #cp_bg9 { background: url(/12kokuki/images/cp/9.jpg) no-repeat; width: 900px; height: 163px; position: relative; }
#cp_contents #cp_bg10 { background: url(/12kokuki/images/cp/10.jpg) no-repeat; width: 900px; height: 124px; position: relative; }
#cp_contents #cp_bg11 { background: url(/12kokuki/images/cp/11.jpg) no-repeat; width: 900px; height: 126px; position: relative; }
#cp_contents #cp_bg11 .btnbox1 { position: absolute; left: 145px; top: 65px; height: 36px; width: 137px; }
#cp_contents #cp_bg12 { background: url(/12kokuki/images/cp/12.jpg) no-repeat; width: 900px; height: 104px; position: relative; margin-bottom: 30px; }
#cp_contents #cp_bg12 .btnbox2 { position: absolute; left: 20px; top: 1px; height: 39px; width: 260px; }
#cp_contents #cp_bg12 .btnbox3 { position: absolute; left: 320px; top: 1px; height: 39px; width: 260px; }
#cp_contents #cp_bg12 .btnbox4 { position: absolute; left: 620px; top: 1px; height: 39px; width: 260px; }
#cp_contents #cp_bg13 { background: url(/12kokuki/images/cp/13.jpg) no-repeat; width: 900px; height: 116px; position: relative; }
#cp_contents #cp_bg14 { background: url(/12kokuki/images/cp/14.jpg) no-repeat; width: 900px; height: 132px; position: relative; }
#cp_contents #cp_bg15 { background: url(/12kokuki/images/cp/15.jpg) no-repeat; width: 900px; height: 156px; position: relative; }
#cp_contents #cp_bg16 { background: url(/12kokuki/images/cp/16.jpg) no-repeat; width: 900px; height: 203px; position: relative; margin-bottom: 30px; }
#cp_contents #cp_bg16 .kiyaku { width: 860px; padding:0 20px 0 20px; }
#cp_contents #cp_bg17 { background: url(/12kokuki/images/cp/17.jpg) no-repeat; width: 900px; height: 126px; position: relative; }
#cp_contents #cp_bg18 { background: url(/12kokuki/images/cp/18.jpg) no-repeat; width: 900px; height: 135px; position: relative; }
#cp_contents #cp_bg19 { background: url(/12kokuki/images/cp/19.jpg) no-repeat; width: 900px; height: 166px; position: relative; margin-bottom: 10px; }
#cp_contents #cp_bg19 .yamadabn { position: absolute; left: 540px; top: 65px; height: 40px; width: 200px; }
#cp_contents h1 { display: none; }
#cp_contents p { display: none; }

#cp2_contents { width: 900px; padding: 0 0 10px 0; text-align: left; position: relative; }
#cp2_contents #cp_bg20 { background: url(/12kokuki/images/cp/20.jpg) no-repeat; width: 900px; height: 78px; position: relative; }
#cp2_contents #cp_bg21 { width: 900px; height: 400px; position: relative; }
#cp2_contents #cp_bg21 #twibox { padding:0 20px 0 20px; }

#cp_contents #cp_bg16 .kiyaku #terms { line-height: 150%; border: 1px solid #000; background-color: #FFF;height: 185px; overflow-y: scroll; padding: 0 25px; }
#cp_contents #cp_bg16 .kiyaku #terms dl { padding: 10px 0; }
#cp_contents #cp_bg16 .kiyaku #terms dt {color: #555354; font-weight: bold; }
#cp_contents #cp_bg16 .kiyaku #terms dd { margin-bottom: 15px; }
#cp_contents #cp_bg16 .kiyaku #terms dd ul { padding: 5px 0; }
#cp_contents #cp_bg16 .kiyaku #terms dd li { padding-left: 1em; text-indent: -1em; }


/* ============================== オンラインショップ */
#goods_contents { width: 900px; padding: 0 0 10px 0; text-align: left; position: relative; }
#goods_contents h1 { display: none; }
#goods_contents p { display: none; }
#goods_bg1 { background: url(/12kokuki/images/goods/1.jpg) no-repeat; width: 900px; height: 87px; position: relative; margin-top: 15px;  }
#goods_bg2 { background: url(/12kokuki/images/goods/2.jpg) no-repeat; width: 900px; height: 105px; position: relative; }
#goods_bg3 { background: url(/12kokuki/images/goods/3.jpg) no-repeat; width: 900px; height: 115px; position: relative; }
#goods_bg4 { background: url(/12kokuki/images/goods/4.jpg) no-repeat; width: 900px; height: 142px; position: relative; }
/* #goods_bg5 { background: url(/12kokuki/images/goods/5.jpg) no-repeat; width: 900px; height: 144px; position: relative; } */
#goods_bg6 { background: url(/12kokuki/images/goods/6.jpg) no-repeat; width: 900px; height: 169px; position: relative; }
#goods_bg7 { background: url(/12kokuki/images/goods/7.jpg) no-repeat; width: 900px; height: 151px; position: relative; }
#goods_bg7 .btnbox1 { position: absolute; left: 575px; top: 0; height: 36px; width: 137px; }
#goods_bg8 { background: url(/12kokuki/images/goods/8.jpg) no-repeat; width: 900px; height: 106px; position: relative; }
#goods_bg9 { background: url(/12kokuki/images/goods/9.jpg) no-repeat; width: 900px; height: 140px; position: relative; }
#goods_bg10 { background: url(/12kokuki/images/goods/10.jpg) no-repeat; width: 900px; height: 131px; position: relative; }
#goods_bg11 { background: url(/12kokuki/images/goods/11.jpg) no-repeat; width: 900px; height: 160px; position: relative; }
#goods_bg11 .btnbox2 { position: absolute; left: 470px; top: 0; height: 36px; width: 137px; }

#goods_bg16 { background: url(/12kokuki/images/goods/15.jpg) no-repeat; width: 900px; height: 144px; position: relative; }
#goods_bg17 { background: url(/12kokuki/images/goods/16.jpg) no-repeat; width: 900px; height: 169px; position: relative; }
#goods_bg17 .btnbox3 { position: absolute; left: 470px; top: 65px; height: 36px; width: 137px; }
#goods_bg18 { background: url(/12kokuki/images/goods/17.jpg) no-repeat; width: 900px; height: 151px; position: relative; }

#goods_bg19 { background: url(/12kokuki/images/goods/18.jpg) no-repeat; width: 900px; height: 160px; position: relative; }
#goods_bg20 { background: url(/12kokuki/images/goods/19.jpg) no-repeat; width: 900px; height: 123px; position: relative; }
#goods_bg21 { background: url(/12kokuki/images/goods/20.jpg) no-repeat; width: 900px; height: 165px; position: relative; }
#goods_bg21 .btnbox4 { position: absolute; left: 470px; top: 80px; height: 36px; width: 137px; }

#goods_bg22 { background: url(/12kokuki/images/goods/21.jpg) no-repeat; width: 900px; height: 142px; position: relative; }
#goods_bg23 { background: url(/12kokuki/images/goods/22.jpg) no-repeat; width: 900px; height: 140px; position: relative; }
#goods_bg23 .btnbox5 { position: absolute; left: 575px; top: 60px; height: 36px; width: 137px; }
#goods_bg24 { background: url(/12kokuki/images/goods/23.jpg) no-repeat; width: 900px; height: 116px; position: relative; }

#goods_bg12 { background: url(/12kokuki/images/goods/12.jpg) no-repeat; width: 900px; height: 123px; position: relative; }
#goods_bg13 { background: url(/12kokuki/images/goods/13.jpg) no-repeat; width: 900px; height: 165px; position: relative; }
#goods_bg14 { background: url(/12kokuki/images/goods/14.jpg) no-repeat; width: 900px; height: 145px; position: relative; }
#goods_bg14 .yamadabn { position: absolute; left: 600px; top: 30px; height: 40px; width: 200px; }
#goods_bg15 { background: url(/12kokuki/images/goods/bg.jpg) repeat; width: 900px; min-height: 200px; position: relative; padding-top: 15px;}
#goods_bg15 .box1 { width:700px; margin: 0 auto; padding: 10px; background: #FFFFFF; border: 1px solid #ece9d7; text-align:left; font-size:12px; _font-size:80%; margin-bottom: 14px; line-height: 140%; }

/* ============================== 画集 */
#artbook_contents { width: 900px; padding: 0 0 10px 0; text-align: left; position: relative; }
#artbook_contents h1 { display: none; }
#artbook_contents p { display: none; }
#artbook_bg1 { background: url(/12kokuki/images/artbook/1.jpg) no-repeat; width: 900px; height: 168px; }
#artbook_bg2 { background: url(/12kokuki/images/artbook/2.jpg) no-repeat; width: 900px; height: 160px; }
#artbook_bg3 { background: url(/12kokuki/images/artbook/3.jpg) no-repeat; width: 900px; height: 160px; }
#artbook_bg4 { background: url(/12kokuki/images/artbook/4.jpg) no-repeat; width: 900px; height: 160px; }
#artbook_bg5 { background: url(/12kokuki/images/artbook/5.jpg) no-repeat; width: 900px; height: 220px; }
#artbook_bg6 { background: url(/12kokuki/images/artbook/6.jpg) no-repeat; width: 900px; height: 220px; }
#artbook_bg7 { background: url(/12kokuki/images/artbook/7.jpg) no-repeat; width: 900px; height: 220px; }
#artbook_bg8 { background: url(/12kokuki/images/artbook/8.jpg) no-repeat; width: 900px; height: 220px; }
#artbook_bg9 { background: url(/12kokuki/images/artbook/9.jpg) no-repeat; width: 900px; height: 220px; position: relative; }
#artbook_bg9 .btnbox1 { position: absolute; left: 120px; top: 0; height: 7px; width: 244px; }
#artbook_bg10 { background: url(/12kokuki/images/artbook/10.jpg) no-repeat; width: 900px; height: 220px; position: relative; }
#artbook_bg10 .box1 { position: absolute; left: 140px; top: 120px; width:260px; font-weight:bold; text-align:left; font-size:12px; _font-size:80%; margin-bottom: 14px; line-height: 140%; }
#artbook_bg10 .box2 { position: absolute; left: 520px; top: 120px; width:260px; font-weight:bold; text-align:left; font-size:12px; _font-size:80%; margin-bottom: 14px; line-height: 140%; }
#artbook_bg11 { background: url(/12kokuki/images/artbook/11.jpg) no-repeat; width: 900px; height: 176px; position: relative; }
#artbook_bg12 { background: url(/12kokuki/images/artbook/12.jpg) no-repeat; width: 900px; height: 220px; position: relative; }
#artbook_bg12 .btnbox2 { position: absolute; left: 160px; top: 1px; height: 47px; width: 584px; }
#artbook_bg12 .box3 { position: absolute; left: 100px; top: 72px; width:700px; font-weight:bold; text-align:left; font-size:12px; _font-size:80%; margin-bottom: 14px; line-height: 140%; }
#artbook_bg13 { background: url(/12kokuki/images/artbook/13.jpg) no-repeat; width: 900px; height: 220px; position: relative; }
#artbook_bg14 { background: url(/12kokuki/images/artbook/14.jpg) no-repeat; width: 900px; height: 205px; position: relative; }
#artbook_bg15 { background: url(/12kokuki/images/artbook/15.jpg) no-repeat; width: 900px; height: 178px; position: relative; }
#artbook_bg16 { background: url(/12kokuki/images/artbook/16.jpg) no-repeat; width: 900px; height: 161px; position: relative; }
#artbook_bg16 .box4 { position: absolute; left: 140px; top: 72px; width:400px; font-weight:bold; text-align:left; font-size:14px; _font-size:85%; margin-bottom: 14px; line-height: 160%; }

/* ============================== 12国記の日キャンペーン */
#wrapper_ev { width: 1040px; margin:0 auto; position: relative; margin-bottom: 10px; }
#ev_contents_top { width: 1040px; text-align: center; position: relative; background:url(/12kokuki/images/event/bg.gif) repeat-y; }
#ev_contents { width: 900px; margin:0 auto; padding: 0 0 10px 0; text-align: left; position: relative; }
#ev_contents #ev_bg1 { background: url(/12kokuki/images/event/1.gif) no-repeat; width: 900px; height: 105px; position: relative; }
#ev_contents #ev_bg2 { background: url(/12kokuki/images/event/2.gif) no-repeat; width: 900px; height: 105px; position: relative; }
#ev_contents #ev_bg3 { background: url(/12kokuki/images/event/3.jpg) no-repeat; width: 900px; height: 115px; position: relative; }
#ev_contents #ev_bg4 { background: url(/12kokuki/images/event/4.jpg) no-repeat; width: 900px; height: 142px; position: relative; }
#ev_contents #ev_bg5 { background: url(/12kokuki/images/event/5.jpg) no-repeat; width: 900px; height: 150px; position: relative; }
#ev_contents #ev_bg6 { background: url(/12kokuki/images/event/6.jpg) no-repeat; width: 900px; height: 130px; position: relative; }
#ev_contents #ev_bg7 { background: url(/12kokuki/images/event/7.jpg) no-repeat; width: 900px; height: 121px; position: relative; }
#ev_contents #ev_bg8 { background: url(/12kokuki/images/event/8.jpg) no-repeat; width: 900px; height: 124px; position: relative; }
#ev_contents #ev_bg8 .btnbox1 { position: absolute; left: 100px; top: 1px; height: 39px; width: 139px; }
#ev_contents #ev_bg9 { background: url(/12kokuki/images/event/9.jpg) no-repeat; width: 900px; height: 169px; position: relative; }
#ev_contents #ev_bg10 { background: url(/12kokuki/images/event/10.jpg) no-repeat; width: 900px; height: 178px; position: relative; }
#ev_contents #ev_bg11 { background: url(/12kokuki/images/event/11.gif) no-repeat; width: 900px; height: 129px; position: relative; }
#ev_contents #ev_bg11 .btnbox2 { position: absolute; left: 87px; top: 1px; height: 39px; width: 151px; }
#ev_contents #ev_bg11 .btnbox3 { position: absolute; left: 252px; top: 1px; height: 39px; width: 151px; }
#ev_contents #ev_bg11 .btnbox4 { position: absolute; left: 430px; top: 1px; height: 39px; width: 151px; }
#ev_contents #ev_bg11 .btnbox5 { position: absolute; left: 644px; top: 1px; height: 39px; width: 151px; }
#ev_contents #ev_bg12 { background: url(/12kokuki/images/event/12.gif) no-repeat; width: 900px; height: 123px; position: relative; }
#ev_contents #ev_bg13 { background: url(/12kokuki/images/event/13.gif) no-repeat; width: 900px; height: 141px; position: relative; }
#ev_contents #ev_bg14 { background: url(/12kokuki/images/event/14.gif) no-repeat; width: 900px; height: 169px; position: relative; }
#ev_contents #ev_bg15 { background: url(/12kokuki/images/event/15.gif) no-repeat; width: 900px; height: 151px; position: relative; }
#ev_contents #ev_bg16 { background: url(/12kokuki/images/event/16.gif) no-repeat; width: 900px; height: 129px; position: relative; }
#ev_contents #ev_bg17 { background: url(/12kokuki/images/event/17.gif) no-repeat; width: 900px; height: 198px; position: relative; }
#ev_contents #ev_bg17 .yamadabn { position: absolute; left: 540px; top: 40px; height: 40px; width: 200px; }
#ev_contents h1 { display: none; }
#ev_contents p { display: none; }
#ev_contents #ev_bg18 { background: url(/12kokuki/images/event/18.gif) no-repeat; width: 900px; height: 131px; position: relative; }



/* ============================== footer */
#footer { width: 100%; bottom:0; position: relative; }
#footer_box { width: 900px; left:0; right:0; bottom:0; margin:0 auto; position: relative; }
#foot_line { width: 900px; height: 29px; margin: 0 auto; position: relative; }
#foot_line .ptbtn { position: absolute; left: 760px; top: 0; height: 29px; width: 80px; }
#foot_box { width: 900px; height:120px; margin: 10px 0 0 0; position: relative; }
#foot_box .sbm_box { position: absolute; top: 0px; left: 0px; width: 420px; height:60px; }
#foot_box #sbm_bt { float:left; text-align:left; width: 880px; }
#foot_box  #sbm_bt ul { position: relative; }
#foot_box  #sbm_bt li { float: left; margin-right:10px; }

#foot_box .copy { position: absolute; left: 0; bottom: 10px; font-size:10px; _font-size:75%; }
#foot_box .compbtn { position: absolute; left: 600px; bottom: 10px; }

/* ============================== footer */