@charset "UTF-8";

/* ---------------------------
- Author: 
  design studio tom'sOne
  Tomio Tsutsui
  http://toms1.net/
- Last modify:
  2010.06.01.
--------------------------- */

/* Core base ----------------------------------------------------------------------*/

body {
 color: #555;
 font-size: 100.01%; 
 font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
 text-align: center;
 margin: 0; 
 padding: 0;
}

/* Orera 9 */
;;body { font-family: "メイリオ", Meiryo, sans-serif; }

ul { list-style: none; }

#wrapper, #topWrapp, #footer {
 width: 100%;
 margin: 0;
}

/* Body Ver. ---------------*/

#topPage { background: #fdfaf3 url(../top_images/top_bg.jpg) repeat-x left top; }

#topWrapp {
 background: url(../top_images/top_image.jpg) no-repeat center 40px;
 min-width: 920px; }

#topHead {
 position: relative;
 width: 920px;
 height: 560px; 
 margin: 0 auto;
}

#lowerPage { background: #fdfaf3 url(../common_images/second_bg.png) repeat-x left top; }

#lowerWrapp {
 background: url(../common_images/second_image.png) no-repeat center 40px;
 min-width: 920px; 
}

#lowerHead {
 position: relative;
 width: 920px;
 height: 265px; 
 margin: 0 auto;
}

/* Main Area ---------------*/

#mainContainer {
 position: relative;
 width: 920px;
 margin: 45px auto 35px;
}

.pageTitle {
 width: 920px;
 height: 50px;
}

/* Header ------------------*/

.headMessage {
 background: url(../common_images/common_head.jpg) no-repeat 0 -80px;
 position: absolute;
 top: 50px;
 width: 520px;
 height: 30px;
 right: 0;
}

/* Navi --------------------*/

#headLogo {
 position: absolute;
 top: 50px;
 left: 0;
 margin: 0;
}

#headLogo a {
 background: url(../common_images/common_head.jpg) no-repeat 0 0;
 width: 250px;
 height: 65px;
}

#headLogo a:hover { background-position: -250px 0; }

#GNvaviTop, #GNavi {
 position: absolute;
 top: 516px;
 left: 0;
 width: 920px;
 margin: 0;
 padding: 0;
}

#GNavi { top: 221px; }

#GNvaviTop li, #GNavi li { float: left; }

#GNvaviTop li a, #GNavi li a {
 background-image: url(../common_images/global.png);
 background-repeat: no-repeat;
 height: 43px;
}

#GN01 a, #GN11 a { width: 161px; }
#GN02 a, #GN03 a, #GN04 a, #GN05 a,
#GN12 a, #GN13 a, #GN14 a, #GN15 a { width: 158px; }
#GN06 a, #GN16 a { width: 127px; }

#GN01 a { background-position: 0 0; }
#GN02 a { background-position: -161px 0; }
#GN03 a { background-position: -319px 0; }
#GN04 a { background-position: -477px 0; }
#GN05 a { background-position: -635px 0; }
#GN06 a { background-position: -793px 0; }

#GN11 a, #GN01 a:hover { background-position: 0 -43px; }
#GN12 a, #GN02 a:hover { background-position: -161px -43px; }
#GN13 a, #GN03 a:hover { background-position: -319px -43px; }
#GN14 a, #GN04 a:hover { background-position: -477px -43px; }
#GN15 a, #GN05 a:hover { background-position: -635px -43px; }
#GN16 a, #GN06 a:hover { background-position: -793px -43px; }

/* Footer ------------------*/
 
#footer {
 background: #fdfaf3 url(../common_images/footer_bg.jpg) repeat-x left bottom;
 min-width: 920px; 
}

#footerInner {
 background: url(../common_images/transparent_footer.png) no-repeat center top;
 position: relative;
 width: 920px;
 height: 240px;
 margin: 0 auto;
}

#footerInner ul {
 position: absolute;
 top: 90px;
 left: 0;
 font-size: 12px;
 line-height: 1;
 text-align: left;
 margin: 0;
 padding: 0;
}

#footerInner ul li {
 display: inline;
 color: #fff;
 background-color: transparent;
}

#footerInner ul li a {
 color: #fff;
 font-weight: bold;
 background-color: transparent;
 text-decoration: none;
 padding: 0 2px;
}

#footerInner ul li a:hover {
 color: #27c0f5;
 background-color: #fdfaf3;
 text-decoration: none;
}

.returnBT {
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
}

.returnBT a {
 background: url(../common_images/global.png) no-repeat 0 -120px;
 width: 920px;
 height: 20px;
}

.returnBT a:hover { background-position: 0 -140px; }

address {
 background: url(../common_images/transparent_footer.png) no-repeat 0 -248px;;
 position: absolute;
 top: 85px;
 right: 0;
 width: 320px;
 height: 20px;
}

/* Top Page -----------------------------------------------------------------------*/

#topHead p { margin: 0; }

#topContents {
 position: relative;
 width: 920px;
 margin: 35px auto;
}

#topRelease {
 background: url(../top_images/transparent_top.png) no-repeat 0 -100px;
 position: relative;
 float: left;
 width: 445px;
 height: 230px;
}

#topRelease h2 {
 position: absolute;
 top: 10px;
 left: 230px;
 width: 215px;
}

#topRelease h2 a {
 background: url(../top_images/transparent_top.png) no-repeat 0 -347px;
 width: 215px;
 height: 90px;
}

#topRelease p {
 position: absolute;
 top: 140px;
 left: 231px;
 width: 210px;
}

#topRelease p a {
 background: url(../top_images/transparent_top.png) no-repeat 0 -485px; 
 width: 210px;
 height: 30px;
}

#topRelease img {
 position: absolute;
 top: 5px;
 left: 5px;
}

#topTopics {
 float: right;
 width: 444px;
 margin: 0;
 border-left: 2px solid #fff;
}

#topTopics h3 {
 text-indent: -9999px; 
 width: 415px;
 height: 21px;
 margin: 0 0 0 29px;
}

.topInfo, .topRecent {
 background: url(../top_images/transparent_top.png) no-repeat 0 0; 
}

#topTopics h3.topRecent {
 background-position: 0 -50px;
 margin-top: 18px;
}

#topTopics dl {
 font-size: 13px;
 line-height: 1.8;
 text-align: left;
 margin: 0;
 padding: 10px 0 0 42px;
}

#topTopics dl dt { float: left; }

#topTopics dl dd {
 margin: 0;
 padding-left: 0.66em;
 white-space: nowrap;
 overflow: hidden;
}

#topTopics dl a:link, #topTopics dl a:visited {
 color: #a5441e;
 background-color: transparent;
 text-decoration: none;
 padding: 0 3px;
}

#topTopics dl a:hover {
 color: #0e99e5;
 background-color: #d7e9f7;
 text-decoration: none;
}

/* Discography --------------------------------------------------------------------*/

#discoTit { background: url(../discography/images/discography.png) no-repeat 0 0; }

#discography {
 margin: 0;
 padding: 45px 30px 0;
}

#CDInfo {
 float: left;
 text-align: left;
 width: 290px;
}

#CDInfo h2 {
 background: url(../discography/images/transparent_disco.png) no-repeat 0 0;
 width: 290px;
 height: 45px;
}

.CDImage {
 text-align: center;
 margin: 15px 0 0;
}

.CDImage img {
 vertical-align: top;
 border: 1px solid #e7ddcc; 
}

.CDdata {
 font-size: 75%;
 line-height: 1.8;
 text-align: center;
 margin: 10px 0 0;
}

.purchaseBT {
 text-align: center;
 margin: 10px auto 0;
}

.purchaseBT a {
 background: url(../discography/images/discography.png) no-repeat 0 -150px;
 display: block;
 text-indent: -9999px; 
 width: 180px;
 height: 30px;
 margin: 0 auto;
 cursor: pointer;
 overflow: hidden;
}

#CDInfo h3 {
 background: url(../discography/images/discography.png) no-repeat 0 -100px;
 text-indent: -9999px;
 width: 290px;
 height: 20px;
 margin: 30px 0 0;
}

#CDInfo dl {
 background: url(../discography/images/time_line.png) no-repeat center 1.6em;
 font-size: 86%;
 line-height: 1.5;
 margin: 0;
 padding: 12px 12px 10px 15px;
 border-bottom: 2px solid #eee7dd;
}

#CDInfo dl dt {
 float: left;
 background: #fdfaf3;
 padding-right: 5px;
}

#CDInfo dl strong { color: #777; }

#CDInfo dl .time {
 float: right;
 font-size: 86%;
 background: #fdfaf3;
 margin: 0;
 padding: 0.25em 0 0 5px;
}

.play {
 background: url(../discography/images/discography.png) no-repeat -510px -90px;
 clear: both;
 margin: 0 -12px 0 0;
}

.play object {
 margin: 9px 0 -1px 70px;
}

#CDMessage {
 float: right;
 text-align: left;
 width: 440px;
 margin-top: 60px;
}

#CDMessage h3 {
 background: url(../discography/images/transparent_disco.png) no-repeat 0 -100px;
 width: 290px;
 height: 22px;
}

#CDMessage p {
 font-size: 88%;
 line-height: 1.8;
 margin: 1em 0 0;
}

.releaseData {
 font-size: 82%;
 line-height: 1.8;
 margin: 0;
 padding: 20px 15px 0;
}

/* Profile ------------------------------------------------------------------------*/

.profile {
 background: url(../profile/images/profile_bg.png) no-repeat right 0;
 text-align: left; min-height: 545px; }

#profTit { background: url(../profile/images/profile.png) no-repeat 0 0; }

#profContainer { width: 490px; margin: 45px 0 0 30px; }

#profContainer h2 {
 background: url(../profile/images/trp02.png) no-repeat 0 0;
 width: 490px; height: 25px; border-bottom: 2px solid #eee7dd; }

#profContainer h3 {
 background: url(../profile/images/trp02.png) no-repeat 0 -50px;
 width: 490px; height: 16px; margin: 30px 0 0; text-indent: -9999px; }

#profContainer p { font-size: 82%; line-height: 2; margin: 0.75em 0 0; }

#profContainer p.first { margin-top: 1.8em; }

#prpfPhoto {
 background: url(../profile/images/profile.png) no-repeat -5px -100px;
 position: relative; width: 360px; height: 160px; margin: 25px 0 0; }

#prpfPhoto h3 { position: absolute; top: 0px; right: 0; width: 100px; }

#prpfPhoto img {
 position: absolute; top: 10px; left: 10px;
 vertical-align: top; border: 1px solid #ccc29e; }

/* Inquiry and Order --------------------------------------------------------------*/

/* Inquiry -----------------*/

#inquiryTit { background: url(../inquiry/images/inquiry_st.png) no-repeat 0 0; }

.inqInfo, .IIMessage, .orderTopInfo {
 font-size: 82%;
 line-height: 1.8;
 font-weight: normal;
 text-align: left;
 margin: 0;
 padding: 35px 30px 0;
}

.IIMessage {
 font-size: 75%;
 padding-top: 0.25em;
}

.IIMessage span, #IFGuide p span {
 color: #e56666;
 margin-right: 2px;
}

#inqFormContainer {
 background: url(../inquiry/images/coution_bg.png) repeat-y right top;
 margin: 25px 0 0;
}

#IFGuide, #orderGuide {
 float: right;
 text-align: left;
 width: 370px;
}

#IFGuide h3, #IFGuide p {
 margin: 0;
}

#IFGuide h3, #orderGuide h3 {
 color: #e56666;
 font-size: 15px;
 line-height: 1;
 letter-spacing: 0.25em;
 padding: 30px 30px 0;
}

#IFGuide p {
 font-size: 12px;
 line-height: 1.8;
 padding: 18px 30px 0;
}

/* Order -------------------*/

#orderTit { background: url(../order/images/order_st.png) no-repeat 0 0; }

.orderTopInfo { padding-top: 1em; }

#orderGuide { padding-bottom: 20px; }

#orderGuide h3 {
 letter-spacing: 0.1em;
 padding-top: 20px;
}

#orderGuide dl {
 margin: 0;
 padding: 0 30px;
}

#orderGuide dl dt {
 color: #795649;
 font-size: 13px;
 font-weight: bold;
 margin: 0.75em 0 0;
 padding: 0.75em 0 0;
 border-top: 1px solid #fff;
}

#orderGuide dl dd {
 font-size: 12px;
 line-height: 1.6;
 margin: 0.5em 0 0 1em;
}

.OGsign, .OGLsub .OGLsign {
 color: #e56666;
 margin-left: -1em;
}

#orderGuide dl dd#OGlegal {
 background-color: #fdfaf3;
 height: 37em;
 margin: 0.5em 0;
 padding: 0.5em 0;
 overflow: auto;
}

#OGlegal ul {
 margin: 0;
 padding: 0 0.5em 0 1.5em;
}

#OGlegal ul li { padding: 0.5em 0; }

.OGLsub {
 padding: 0.5em 0.5em 0 1em;
 display: block;
}

.OGLsub span { color: #555; }

#orderGuide dl dd#OGsign {
 margin: 1em 0 0;
 padding: 0.75em 0 0;
 border-top: 1px solid #fff;
}

/* Completion --------------*/

#completion {
 text-align: left;
 min-height: 400px;
 padding: 35px 30px 0;
}

#completion h2 {
 color: #085;
 font-size: 21px;
 line-height: 1;
 background-color: transparent;
 margin: 0;
}

#completion p {
 font-size: 88%;
 line-height: 1.8;
 margin: 0;
 padding-top: 1.5em;
}

/* Form ---------------------------------------------------------------------------*/

#inqForm {
 float: left;
 width: 500px;
 border: 1px solid #e2d5c2;
}

#inqForm form {
 margin: 0;
 border: 1px solid #fff;
}

#IFInner {
 text-align: left;
 padding: 29px 30px;
}

#IFInner dl {
 font-size: 13px;
 line-height: 1.5;
 margin: 8px 0 0;
 padding-bottom: 8px;
 border-bottom: 1px solid #eee7dd;
}

#IFInner dl.CFSelect { margin: 0; }

#IFInner dl dt {
 float: left;
 color: #694739;
 background-color: transparent;
 margin: 0;
 padding: 2px 0 0 20px;
}

.CFSelect dt#CFSdt { float: none; }

#IFInner dl dt span { font-size: 82%; }

#IFInner dl dt.OFreqired span { color: #d03; font-size: 100%; }

.CFrequired, .OFreqired, .Agreement {
 background: url(../common_images/required.png) no-repeat 0 center;
}

.OFreqired { background-position: 0 6px; }

.CFoption {
 background: url(../common_images/option.png) no-repeat 0 center;
}

#IFInner dl dd { margin: 0 0 0 170px; }

#IFInner dl dd.CFdata { margin-top: 7px; }

#IFInner dl dd.cateInfo {
 color: #694739;
 font-size: 12px;
 margin: 0.5em 0 0 20px;
}

#IFInner dl dd.ordercategory {
 color: #07b;
 font-size: 110%;
 font-weight: bold;
 margin: 0.75em 0 0 30px;
}

.ordercategory span { font-weight: normal; }

.customerData, .Agreement {
 color: #694739;
 font-size:14px;
 line-height: 2;
 background-color: transparent;
 margin: 0;
 padding: 1.5em 0 0.75em;
 border-bottom: 1px solid #eee7dd;
}

.Agreement {
 font-size: 13px;
 font-weight: bold;
 padding: 0.75em 0 0.75em 20px;
}

.selBox, .inp01, .inp02, textarea, .numInput, .itemNum {
 color: #069;
 font-size: 100%;
 background-color: #fff;
 vertical-align: middle;
 border: 1px solid #d5ccb7;
 margin: 0;
 padding: 0.25em;
}

.selBox { width: 220px; }
.inp01 { width: 200px; }
.inp02  { width: 260px; }
textarea  { width: 260px; }
.numInput { width: 70px; }
.itemNum { color: #e52; font-weight: bold; width: 30px; }
.autoBT { width: 175px; }

.sendInfo, .orderInfo {
 color: #069;
 font-size: 13px;
 line-height: 1;
 text-align: right;
 margin: 0;
 padding: 20px 0 0;
}

.orderInfo { text-align: center; }

#CFBTbox {
 margin: 18px 0 0;
 padding: 0 0.25em 2px 170px;
}

#CFBTbox .sendBT {
 float: left;
 margin: 0;
}

#CFBTbox .resetBT {
 float: right;
 margin: 0;
}

#CFBTbox .sendBT input, #CFBTbox .resetBT input {
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 text-transform: uppercase;
 background-color: #3388bb;
 padding: 0.15em 0.75em 0.25em; 
 border: none;
 cursor: pointer;
}

#CFBTbox .resetBT input {
 color: #997739;
 background-color: #f6f1e4;
 border: 1px solid #d5ccb7;
}

#CFBTbox .sendBT input:hover { background-color: #1eb5e5; }
#CFBTbox .resetBT input:hover { background-color: #eee; }

/* Information --------------------------------------------------------------------*/

#infoTit { background: url(../information/images/information.png) no-repeat 0 0; }

#infoContainer {
 background: url(../information/images/container_bg.png) repeat-y right top;
 margin-top: 35px;
}

/* Info Index --------------*/

#infoMain {
 float: left;
 width: 650px;
 min-height: 340px;
}

#infoMain h2 {
 text-indent: -9999px;
 width: 650px;
 height: 22px;
 margin: 0;
 overflow: hidden;
}

.info2010, .info2011, .info2012 {
 background-image: url(../information/images/information.png);
 background-repeat: no-repeat;
}
.info2010 { background-position: 0 -100px; }
.info2011 { background-position: 0 -150px; }
.info2012 { background-position: 0 -200px; }

.infoInner {
 text-align: left; 
 padding-bottom: 30px; 
}

.infoInner dl {
 position: relative;
 margin: -2px 0 0;
 padding: 15px 0 15px 30px;
 border-top: 2px solid #eee7dd;
}

.infoInner dl dt {
 color: #694739;
 font-size: 14px;
 font-weight: bold;
 line-height: 1.5;
 background-color: transparent;
}

.infoInner dl dt a:link, .infoInner dl dt a:visited {
 color: #694739;
 text-decoration: none;
}

.infoInner dl dd {
 font-size: 13px;
 line-height: 1.8;
 margin: 0;
 padding-top: 0.5em;
}

.infoInner dl dd.INDlink {
 position: absolute;
 left: 500px;
 bottom: 20px;
 margin: 0;
}

.INDlink a {
 background: url(../information/images/information.png) no-repeat 0 -300px;
 width: 90px;
 height: 25px;
}

#infoSide {
 float: right;
 text-align: left;
 width: 240px;
}

#infoSide h3 {
 background: url(../information/images/information.png) no-repeat -300px -300px;
 width: 240px;
 height: 22px;
}

#infoSide h4 {
 color: #694739;
 font-size: 13px;
 margin: 0;
 padding: 15px 20px 0;
}

#infoSide ul {
 font-size: 12px;
 line-height: 1.8;
 margin: 0;
 padding: 0 20px;
}

#infoSide ul li {
 background: url(../information/images/link_sign.png) no-repeat 0 11px;
 margin: 0;
 padding: 5px 0 0 10px;
}

/* Info Indiv --------------*/

#infoIDV {
 float: left;
 text-align: left;
 width: 620px;
 min-height: 340px;
 padding: 0 0 30px 30px; 
}

#infoIDV h1 {
 color: #694739;
 font-size: 19px;
 line-height: 1.5;
 background-color: transparent;
 margin: 0 0 12px 0;
 padding-bottom: 8px;
 border-bottom: 2px solid #eee7dd;
}

#infoIDV h2, #infoIDV h3,#infoIDV p {
 font-size: 88%;
 line-height: 1.5;
 font-weight: normal;
 margin: 0.5em 0 0;
}

#infoIDV h2 { font-weight: bold; }

#infoIDV em {
 color: #777;
 font-weight: bold;
 font-style:normal;
}

#infoIDV p.mag00 { margin-top: 0; }
#infoIDV p.pad01, div.pad01 p { padding-left: 4em; }
#infoIDV h3.infoMemo { margin-top: 1.5em; }
#infoIDV p img {
 text-align: left;
 vertical-align: top;
}

/* Link Style ---------------------------------------------------------------------*/

a img {
 margin: 0;
 border: none;
 vertical-align: top; 
}

.lin01 a:link, .lin01 a:visited,
#infoSide ul li a:link, #infoSide ul li a:visited,
#infoIDV a:link, #infoIDV a:visited {
 color: #07b;
 background-color: transparent;
 text-decoration: none;
}

.lin01 a:hover,
#infoSide ul li a:hover,
.infoInner dl dt a:hover,
#infoIDV a:hover {
 color: #0be;
 background-color: transparent;
 text-decoration: underline;
}

#topRelease h2 a:hover, #topRelease p a:hover, #topRelease a:hover img,
.purchaseBT a:hover, .INDlink a:hover {
 opacity: 0.65;
 filter: alpha(opacity=65);
 -ms-filter: "alpha(opacity=65)";
 -khtml-opacity: 0.65;
 -moz-opacity: 0.65;
 zoom: 1;
}

/* Clear hack ---------------------------------------------------------------------*/

* html .clearfix, * html #CDInfo dl { zoom: 1; }
*:first-child+html .clearfix, *:first-child+html #CDInfo dl { zoom: 1; }

.clearfix:after, #CDInfo dl:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

/* Display set---------------------------------------------------------------------*/

#headLogo a, .returnBT a, #GNvaviTop li a, #GNavi li a,
#topRelease h2 a, #topRelease p a, .INDlink a {
 text-indent: -9999px;  margin: 0;
 display: block; cursor: pointer; overflow: hidden; }

.headMessage, address, #topHead p, #topRelease h2, #topRelease p, .pageTitle,
#CDInfo h2, #CDMessage h3, #profContainer h2, #prpfPhoto h3, #infoSide h3 {
 text-indent: -9999px; margin: 0; }