@charset "utf-8";
/* ==================================================================
CSS information
style info :TOPƒy[ƒW—p
================================================================== */


/* --------------------------------------------------------
#wrap
-------------------------------------------------------- */
#top #wrap {background:url(../img/mainvisual.jpg) 0 0 no-repeat;}

/* --------------------------------------------------------
#header
-------------------------------------------------------- */
#top #header {
height:46px;
}
#top #header p.psplogo {right:9px;}


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents{padding-top:5px;}

/* --------------------------------------------------------
#visualBox
-------------------------------------------------------- */
#visualBox{
height:520px;
overflow:hidden;
margin-bottom:15px;
}
#visualBox #mainVisual{
position:relative;
}
#visualBox #mainVisual h1{
position: absolute;
top: 57px;
left: 61px;
}
#visualBox #mainVisual p{
position: absolute;
top: 5px;
left:16px;
}
#visualBox #mainVisual p.trial{
position: absolute;
top:290px;
left:340px;
}


#soundBox{
position:absolute;
top:465px;
right:26px;
width:141px;
height:18px;
z-index:100;
}

/* --------------------------------------------------------
#infoBox
-------------------------------------------------------- */

#infoBox{
position:absolute;
top:467px;
right:178px;
width:260px;
height:40px;
}

/* --------------------------------------------------------
#introBox
-------------------------------------------------------- */
#introBox{
float:right;
background:url(../img/bg_whats_01.jpg) 0 0 no-repeat;
position:relative;
margin-right:30px;
width:408px;
height:451px;
text-align:center;
}

#introBox .inner{
margin:0 23px 12px 10px;
padding-top:14px;
}
#introBox h3{
display:inline;
float:left;
margin-top:-5px;
}
#introBox .inner p{
float:right;
margin:3px 0 0 7px;
}
#introBox .inner p a:hover,
#introBox .inner p a:focus,
#introBox .inner p a:active{
opacity:0.7;
}
#introBox p{
position:relative;
margin-bottom:5px;
}

#introBox .btn{
position:absolute;
bottom:9px;
right:19px;
}

#introBox{}


/* --------------------------------------------------------
#charaBox
-------------------------------------------------------- */
#charaBox{clear:both; height:60px; position:relative; width:870px; margin:0 auto 10px;}

#charaBox ul{
position:absolute;
top:-28px;
}
#charaBox li{
float:left;
}
#charaBox li a{
display:block;
background:url(../characters/img/btn_on.png) 0 0 no-repeat;
}
#charaBox li a:hover{
padding-bottom:2px;
background:url(../characters/img/btn_on.png) 0 0 no-repeat;
}

/* --------------------------------------------------------
#informationBox
-------------------------------------------------------- */
#informationBox{
width:644px;
height:28px;
margin:0 auto 15px;
background:url(../img/info_bg.gif) 0 0 no-repeat;
position:relative;
}
#informationBox #contentWrapper {/*•\Ž¦—Μˆζ*/
position:absolute;
overflow:hidden;
top:5px;
left:111px;
width:480px;
height:20px;
}
#informationBox #contentWrapper .contentItem {/*ŠeƒuƒƒbƒN—Μˆζ*/
position:absolute;
width:480px;
height:20px;
margin:3px 10px 0 5px;
}
#informationBox dl{font-size:85%;}
#informationBox dt{
float:left;
color:#ec6205;
padding-right:10px;
width:60px;
}
#informationBox dd{
float:left;
background:url(../img/info_arrow.gif) center left no-repeat;
padding-left:10px;
width:390px;
}

#informationBox #infoNavi{
position:absolute;
top:5px;
right:5px;
}
#informationBox #infoNavi li{
float:left;
display:block;
width:19px;
height:19px;
margin-left:2px;
}

/* --------------------------------------------------------
#bnrBox
-------------------------------------------------------- */

#bnrBox{
width:650px;
margin:0 auto 15px;
text-align:center;
}
#bnrBox a:hover img{
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

#btnBox{
width:650px;
margin:0 auto 25px;
padding-left:35px;
overflow:hidden;
}
#btnBox ul{
float:left;
width:640px;
text-align:left;
}
#btnBox li{
display:inline;
margin-right:10px;
}

#btnBox a{}
#btnBox a:hover img{filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

/* --------------------------------------------------------
#productBox
-------------------------------------------------------- */
div.lyt-section{margin-bottom:15px;}
div.lyt-section.imageL div.image{
float: left;
padding-right: 15px;
}
div.lyt-section div.image p {
margin-bottom: 0;
}
div.lyt-section div.item {overflow: hidden;}
div.lyt-section div.item p {
margin-bottom: 0;
line-height:1.4;
font-size:91%;
color:#999;
}


#productBox{float:left; width:421px;}
#productBox dt{border-bottom:1px solid #cfcfcf; margin-bottom:10px; padding-bottom:5px;}
#productBox dd{ margin:0 0 0 13px;}

/* --------------------------------------------------------
#twitterBox
-------------------------------------------------------- */
#twitterBox{float:right; width:490px;}
#twitterBox dl{border-bottom:1px solid #cfcfcf; margin-bottom:10px; padding-bottom:2px;}
#twitterBox dt{float:left; width:342px; margin-right:14px;}
#twitterBox dd{float:left; display:block; width:61px; margin-top:-3px;}

/* .tweet-widget */
.twtr-doc{
position:relative;
border-radius:0 !important;
overflow:visible;
}
.twtr-hd{
display:none;
}
.twtr-timeline{
border-radius:0 !important;
}
.twtr-join-conv{
font-size: 77%;
}
.twtr-ft{
display:none;
}
#twitter #twtr-widget-1 .twtr-doc,
#twitter #twtr-widget-1 .twtr-hd a,
#twitter #twtr-widget-1 h3,
#twitter #twtr-widget-1 h4{
background:transparent !important;
overflow:visible;
}
#twitter #twtr-widget-1 .twtr-new-results,
#twitter #twtr-widget-1 .twtr-results-inner,
#twitter #twtr-widget-1 .twtr-timeline,
#twitter .twtr-widget .twtr-tweet,
#twitter .twtr-widget .twtr-tweet-wrap{
background-color:transparent !important;
}

/* --------------------------------------------------------
#snsBox
-------------------------------------------------------- */
#top #header #snsBox{
position:absolute;
top:15px;
right:110px;
}

#top #header #snsBox .twitter-share-button{
width:110px !important;
}

#top #header #snsBox ul li{
display:inline;
float:left;
}

/* --------------------------------------------------------
#twitterbox
-------------------------------------------------------- */
#twitterbox{margin-bottom:20px;}
#twitterbox ul{}
#twitterbox ul li{
float:left;
display:block;
border-top:1px solid #1d1d1d;
width:349px;
}
#twitterbox ul li .box{
border-top:1px solid #414141;
padding-top:10px;
}
#twitterbox ul li .box p{color:#FFF;}
#twitterbox ul li .box p strong{font-weight:bold;}
#twitterbox ul li .box p em{color:#fea100;}
#
/*
.twtr-widget{margin-top:15px;}
.twtr-hd , .twtr-ft , .twtr-reply , .twtr-rt , .twtr-fav{display:none;}
.twtr-widget .twtr-tweets .twtr-tweet{border:none;}
*/

/* --------------------------------------------------------
#noticebox
-------------------------------------------------------- */
#noticebox {
width:640px; 
margin:20px auto 25px; 
border:#C00 1px solid; 
padding:10px 0; 
color:#C00; 
font-weight:bold; 
text-align:center;
}