@charset "utf-8";
/* CSS Document by @hrnyuk */


* { margin: 0; padding: 0; }


/* BODY */
body { width: 100%; text-align: center; }

/* IE6 */
* html body { font-size: 100%; }
/* IE7 */
*:first-child+html body { font-size: 100%; }


/* CSS Hack */
/* 以下はfloatのバグをクリアするためのhack */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */


img.bgmaximage{ position: fixed !important; }


/* リンク線消去 */
a { outline: none; }


/* IMAGE OVER */
a:hover img{ opacity: 0.6; filter: alpha(opacity=60); -ms-filter: alpha( opacity=60 ); }
/* ROLLOVER TEXT HIDE hack */
.hidetxt { text-indent: -9999px; overflow: hidden; }


/* TEXT */
.textS01 { font-size:14px; _font-size:90%; line-height:22px; _line-height:1.2em; }
.textS02 { font-size:12px; _font-size:70%; line-height:18px; _line-height:8em; }
.textS03 { font-size:18px; _font-size:120%; line-height:24px; _line-height:1.6em; font-weight: bold; }
.textS04 { font-size:14px; _font-size:90%; line-height:32px; _line-height:2.2em; letter-spacing: 0.1em; }


/* MENU */
#navi { display: inline-block; width: 1200px; margin: 40px 0 0 0; max-width: 100%; vertical-align: middle; }
.navi_left { float: left; width: 429px; height: 76px; }
.navi_right { float: right; padding-top: 12px; height: 76px; vertical-align: middle; } 

#menu li { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; }
#menu li a,
#menu li.active a{ display: block; }
#menu { /* position: fixed; */ top: 0; left: 0; height: 10px; z-index: 70; width: 100%; padding: 0; margin: 0; }


/* NAVIGATION */

/* TITLE */
/* ============================== 背景画像によるリンク設定（blow） */
#title { width: 429px; height: 76px; list-style: none; background: url('../imgs/title.png') no-repeat; }
/* ============================== 背景画像によるリンク設定（blow） */
#title a { width: 429px; height: 76px; text-decoration: none; }
/* ============================== 背景画像によるリンク設定（over） */
#title a:hover { background: url('../imgs/title_over.png') no-repeat; }

/* SHOWS */
/* ============================== 背景画像によるリンク設定（blow） */
#navi_characters { width: 124px; height: 25px; margin-bottom: 29px; list-style: none; background: url('../imgs/navi_characters.png') no-repeat; }
/* ============================== 背景画像によるリンク設定（blow） */
#navi_characters a { width: 124px; height: 25px; margin-bottom: 29px; text-decoration: none; }
/* ============================== 背景画像によるリンク設定（over） */
#navi_characters a:hover { background: url('../imgs/navi_characters_over.png') no-repeat; }

/* SOUND */
/* ============================== 背景画像によるリンク設定（blow） */
#navi_interview { width: 124px; height: 25px; margin-bottom: 29px; list-style: none; background: url('../imgs/navi_interview.png') no-repeat; }
/* ============================== 背景画像によるリンク設定（blow） */
#navi_interview a { width: 124px; height: 25px; margin-bottom: 29px; text-decoration: none; }
/* ============================== 背景画像によるリンク設定（over） */
#navi_interview a:hover { background: url('../imgs/navi_interview_over.png') no-repeat; }

/* BIOGRAPHY */
/* ============================== 背景画像によるリンク設定（blow） */
#navi_talk { width: 124px; height: 25px; margin-bottom: 29px; list-style: none; background: url('../imgs/navi_talk.png') no-repeat; }
/* ============================== 背景画像によるリンク設定（blow） */
#navi_talk  a { width: 124px; height: 25px; margin-bottom: 29px; text-decoration: none; }
/* ============================== 背景画像によるリンク設定（over） */
#navi_talk a:hover { background: url('../imgs/navi_talk_over.png') no-repeat; }

/* GALLERY */
/* ============================== 背景画像によるリンク設定（blow） */
#navi_books { width: 124px; height: 25px; margin-bottom: 29px; list-style: none; background: url('../imgs/navi_books.png') no-repeat; }
/* ============================== 背景画像によるリンク設定（blow） */
#navi_books a { width: 124px; height: 25px; margin-bottom: 29px; text-decoration: none; }
/* ============================== 背景画像によるリンク設定（over） */
#navi_books a:hover { background: url('../imgs/navi_books_over.png') no-repeat; }


/* ::::: http://www.jonathan-penn.co.uk/css/jquery-infinite-carousel.css ::::: */

.bannerbox { height: 326px; margin-top: 80px; padding: 40px; background-color: #050e32; text-align: center; background: rgba(0, 0, 0, 0.6); }
label { display: block; }
.infiniteCarousel { width: 960px; position: relative; }
.infiniteCarousel .wrapper { width: 960px; overflow: auto; height: 329px; position: absolute; top: 3.75pt; left: 0px; }
.infiniteCarousel ul a img {  }
.infiniteCarousel .wrapper ul { width: 10000px; list-style: none outside none; position: absolute; top: -1.5pt; left: 0px; }
.infiniteCarousel ul li { display: block; float: left; width: 960px; height: 326px; }
.infiniteCarousel ul li img {  }
.infiniteCarousel ul:hover li img {  }
.infiniteCarousel ul:hover li:hover img {  }
.infiniteCarousel ul li a img { display: block; }
.infiniteCarousel .arrow { display: block; height: 51px; width: 51px; background: url('/solomon/imgs/arrow.png') no-repeat scroll 0pt 0pt transparent; text-indent: -999px; position: absolute; top: 146px; cursor: pointer; outline: 0pt none; }
.infiniteCarousel .forward { background-position: 0pt -102px; right: -15pt; }
.infiniteCarousel .back { background-position: 0pt -0px; left: -12pt; }
.infiniteCarousel .forward:hover { background-position: 0pt -0px; }
.infiniteCarousel .back:hover { background-position: 0pt -102px; }


/* CONTENTS */

#container { text-align: center; }

/* SECTION 1 */
.i { height: 541px; margin-top: 80px; background: url('../imgs/bg1.jpg') no-repeat center; text-indent: -9999px; }
.ii { height: 541px; margin-top: 80px; background: url('../imgs/bg2.jpg') no-repeat center; text-indent: -9999px; }
.iii { height: 541px; margin-top: 80px; background: url('../imgs/bg3.jpg') no-repeat center; text-indent: -9999px; }
.book_01 { width: 675px; height: 500px; background: url('../imgs/book_01.jpg') no-repeat; }
.book_02 { width: 675px; height: 500px; background: url('../imgs/book_02.jpg') no-repeat; }
.book_03 { width: 675px; height: 500px; background: url('../imgs/book_03.jpg') no-repeat; }
.txt_01 { margin-left: 30px; }
.txt_05 { margin-right: 30px; }
.column { width: 1120px; padding: 40px; background-color: #FFF; text-align: left; position: relative; clear: both; }
.column06 { width: 1120px; padding: 40px; background-color: #FFF; border-top: solid 2px #CCCCCC; text-align: left; position: relative; clear: both; }
.b { width: 1200px; height: 68px; background: url('../imgs/bunko_image.png') no-repeat; }

/* SUB CONTENTS */
.txt_02 { width: 745px; height: 700px; padding: 0 20px 0 20px; margin: 0px auto; overflow: scroll; overflow-x: hidden; }
.txt_03 { width: 745px; padding: 0 20px 30px 20px; margin: 0px auto; }
.txt_04 { width: 745px; margin: 0px auto; }
.column05 { padding: 40px; margin-top: 80px; margin-bottom: 80px; background-color: #FFF; text-align: left; position: relative; clear: both; }
.column02 { width: 1160px; padding: 20px; background-color: #FFF; border-top: solid 2px #CCCCCC; text-align: left; position: relative; clear: both; }


/* RELATION */

#zadankai { position: relative; width: 840px; height:100px; top:40px; text-align:left; margin:auto 0; }
.zadankai_text { font-size:14px; _font-size:90%; line-height:28px; _line-height:1.8em; }
.zadankai_text dt { float:left; clear: both; width:50px; }
.zadankai_text dd {  margin:0 0 10px 60px;}
.zadankai_text .name0 { margin:0 15 15 10px;}
.zadankai_text .name1 { font-weight: bold; color: #990033; }
.zadankai_text .name2 { font-weight: bold; color: #006600; }
.zadankai_text .name3 { font-weight: bold; color: #3300CC; }

#interview { position: relative; width: 840px; height:70px; top:40px; text-align:left; margin:auto 0; }
.interview_text { font-size:14px; _font-size:90%; line-height:28px; _line-height:1.8em; }
.interview_text .name0 { margin:0 15px 15px 50px;}
.interview_text .name1 { font-weight: bold; color: #2f2a4a; }
.interview_text .name2 { font-weight: bold; color: #4E457A; margin:0 15px 15px 10px; }


#menu_book li { display: inline-block; margin-right: 20px; vertical-align: top; }
#menu_book { width: 500px; }

/* MESSAGE */
.message { width: 1200px; height: 481px; margin: 80px 0 80px 0; background: url('../imgs/message.png') no-repeat center; position: relative; }
.movie { width: 283px; height: 168px; position: absolute; left: 648px; top: 165px; }


/* PROFILE */
.profile { padding: 40px; background-color: #050e32; text-align: center; background: rgba(0, 0, 0, 0.6); }
.column03 { margin: 0px auto; width: 665px; color: #FFF; text-align: left; }
.img_profile { width: 247px; height: 30px; margin-bottom: 25px; background: url('../imgs/profile.png') no-repeat; }
#link { width: 90px; height: 29px; margin-top: 15px; list-style: none; background: url('../imgs/link_other.png') no-repeat; }
#link a { width: 90px; height: 29px; text-decoration: none; }
#link a:hover { background: url('../imgs/link_other_over.png') no-repeat; }


/* OPRN */
.open { width: 523px; height: 264px; margin: 80px 0 80px 0; background: url('../imgs/open.png') no-repeat center; position: relative; }


/* FOOTER */
#2colum { padding: 40px; background-color: #FFF; }
.volume { width: 714px; padding-top: 460px; padding-right: 65px; background: url('../imgs/volume.gif') no-repeat; border-right: dotted 1px #0f1f5a; }
.goods { width: 327px; height: 344px; margin-left: 60px; background: url('../imgs/tshirt.gif') no-repeat; }
.column04 { padding: 40px; background-color: #FFF; margin: 0px auto; position: relative; clear: both; }
.txt_goods { width: 327px; margin-top: 30px; margin-left: 60px; margin-bottom: 30px; text-align: left; }
.copyright { margin-top: 10px; text-align: center; }


/* SBM LINKS */
.sbm_bt {
	width: 400px;
	position: absolute;
	left: 845px;
	top: 514px;
}
div#___plusone_0 { /*（例）google+幅 */ width: 60px!important; }
/*（例）幅を 80px とした場合 */
iframe.twitter-share-button { width: 110px!important; }


/* IE PNGFIX FIX */
* html #title { behavior: expression(IEPNGFIX.fix(this)); }
* html #navi_characters { behavior: expression(IEPNGFIX.fix(this)); }
* html #navi_talk { behavior: expression(IEPNGFIX.fix(this)); }
* html #navi_interview { behavior: expression(IEPNGFIX.fix(this)); }
* html #navi_books { behavior: expression(IEPNGFIX.fix(this)); }
* html #link { behavior: expression(IEPNGFIX.fix(this)); }
* html .message { behavior: expression(IEPNGFIX.fix(this)); }
* html .open { behavior: expression(IEPNGFIX.fix(this)); }
* html .b { behavior: expression(IEPNGFIX.fix(this)); }
* html .infiniteCarousel .arrow { behavior: expression(IEPNGFIX.fix(this)); }
