@charset "utf-8";
/*:::::::::::::::::::::::::::::::::::::
:::::::::theme setting toppage:::::::::
::::::::::::::::::::::::::::::::::::::*/

body{ 
background-color: #F1F2EC; /*R241 G242 B236*/ 
text-align: center; /*block centering for IE*/
margin: 0px;
padding: 0px;
}


/*:::::::::::::::::::::::::::::::::::::
::::::::::::::::layout:::::::::::::::::
::::::::::::::::::::::::::::::::::::::*/
#wrapper{
border:none;
background-color: transparent;
width: 970px;
height: 100%;
margin:auto; /*block centering*/
}

#header_box{ /* TOPPAGE title RECTO BERSO OfficialSite */
margin: 0px 0px 0px 0px;
border:none;
background-color: transparent;
width:100%; /*970px*/
height: 76px;
}

#pr_wrapbox{ /* TOPPAGE between_header and mainArea */
margin: 0px 0px 0px 0px;
border:none;
background-color: transparent;
width:100%; /*970px*/
height: 93px;/* table height + 5px */
}

#main_wrapbox{ /* TOPPAGE mainArea */
margin: 0px 0px 0px 0px;
background: url(rectoberso_img03.jpg) no-repeat left top; 
border:none;
background-color: transparent;
width:100%; /* 970px same as IMG width */
height: 750px; /* same as IMG height */
}

.main_box{ /* TOPPAGE blank box to show mainIMG */
margin: 0px 0px 0px 0px;
border:none;
background-color: transparent;
width:549px; /* 970px-200-margin15-200-K6px */
height: 100%; /* 750px */
float:left;
}

#menu_wrapbox{ /* TOPPAGE Left Menu&WhatsNew */
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px; /* padding 0keep */
border:none; 
background-color: transparent;
width: 200px;
height: 100%; /* 750px */
float:left;
/*overflow: hidden;*/
}
.menu_box{
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:transparent;
width: 200px;
float:left;
/*overflow: hidden;*/
}
.menuspacer{ /*space between menus*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:transparent;
width: 200px;
height:7px;
float:left;
}
.whatsnew_box{
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:#ffffff;
filter:alpha(opacity=85); 
opacity:0.85; 
-ms-filter:"alpha(opacity=85);
border: none;
width: 200px;
height: 430px;
float:left;
/*overflow: hidden;*/
}
.wncontents_box{ /*what'sNew tweet*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top:none;
border-bottom: 1px solid #dcdcdc; /* gainsboro R220 G220 B220 */
border-left: 1px solid #dcdcdc; /* gainsboro R220 G220 B220 */
border-right: 1px solid #dcdcdc; /* gainsboro R220 G220 B220 */
background-color: transparent;
width: 98%; /* 200px-scroll width */
height: 400px;
overflow: hidden;
}
.border_h{ /* horizontal line */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top:none;
border-bottom:1px solid #a9a9a9; /* darkgray R169 G169 B169 */ 
border-left:none; 
border-right:none;
background-color: transparent;
width:200px;
}

#attention_box{ /* attention on right top */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; /* padding 0keep */
border:none; 
background-color:transparent; 
text-align: center; /*block centering for IE*/
width: 200px;
float:right;
/*overflow: hidden;*/
}

#footer_box{ /* TOPPAGE */
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px; /* padding 0keep */
border:none;
background-color: transparent;
width: 100%; /*970px*/
height: 100px;
clear: both;
}
.footercontents_box{ /* table */
margin: 0px 0px 0px 125px; /* width from left to main img */
padding: 0px 0px 0px 0px; /* padding 0keep */
border:none;
background-color: transparent;
width: 666px; /* main img visible width */
height: 47px;
text-align: left;
vertical-align: top;
}

#popup_wrapbox{ /* popup terms policy */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; /* padding 0keep */
border:none;
background-color: transparent;
width: 180px;
height: 100%;
margin: auto; /*block centering*/
}
#popup_headerbox{ /* popup terms policy */
margin: 20px 0px 0px 0px;
border:none;
background-color: transparent;
width:100%; /*180px*/
height: 70px;
text-align: left;
vertical-align: top;
}
#popup_mainbox{ /* popup terms policy */
margin: 0px 0px 0px 0px;
border:none;
background-color: transparent;
width:180px; /*180px*/
}



/*:::::::::::::::::::::::::::::::::::::
::::::::::::::::::font:::::::::::::::::
::::::::::::::::::::::::::::::::::::::*/
h1{ /* logo */
margin: 0px; /* no space around */
text-align: left;
vertical-align: top;
}

h2{ /* toppage menu */
margin: 0px 0px 10px 0px; /* no space around */
text-align: left;
vertical-align: top;
display:block;
}

h3{ /* whatsnew title */
margin: 0px; /* no space around */
text-align: left;
vertical-align: top;
}

.att_font01{ /* toppage attention Txt01 small */
margin: 0px 0px 0px 0px; /* no space around */
font: normal normal 8pt/1.2em "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC",sans-serif;
color: #333333; /* ipblack R51 G51 B51 */
text-align: center;
vertical-align: top;
}
.att_font02{ /* toppage attention Txt02 large bold */
margin: 0px 0px 0px 0px; /* no space around */
font: normal bold 10pt/1.0em "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC",sans-serif;
color: #333333; /* ipblack R51 G51 B51 */
text-align: center;
vertical-align: top;
}
.att_font03{ /* toppage attention Txt02 large bold RED */
margin: 0px 0px 0px 0px; /* no space around */
font: normal bold 10pt/1.0em "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC",sans-serif;
color: #ff0000; /* ipblack R255 G0 B0 */
text-align: center;
vertical-align: top;
}

.main_font{ /* toppage mainTXT terms&policy */
margin: 0px 0px 0px 0px; /* no space around */
font: normal normal 8pt/1.6em "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC",sans-serif;
color: #333333; /* ipblack R51 G51 B51 */
text-align: left;
vertical-align: top;
}
.main_font02{ /* toppage text below twitterICON */
margin: 0px 0px 0px 0px; /* no space around */
font: normal normal 8pt/1.0em "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC",sans-serif;
color: #333333; /* ipblack R51 G51 B51 */
text-align: left;
vertical-align: top;
}
.copyright_font{ /* toppage copyright */
margin: 0px 0px 0px 0px; /* no space around */
font: normal normal 7.5pt/1.3em "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC",sans-serif;
color: #333333; /* ipblack R51 G51 B51 */
text-align: right;
vertical-align: top;
}




/* :::::::::::::::::::::::::::::::::::::
::::::::::::: IMG rollover::::::::::::::
:::::::::::::::::::::::::::::::::::::: */
img, img a{ 
border:0;
}

/* topmenu profile */
.tmenu_profile{ /* menu_profile */
margin: 0px; /* no space around */
width:220px;
height:24px;
background: url(menu_profile02.gif) no-repeat left top;
overflow: hidden;
float:left;
}
.tmenu_profile a { 
display:block;
width:100%;
height:100%;
border:none;
}
.tmenu_profile a:hover img { 
visibility:hidden;
} 
.tmenu_profile a:hover { /* for IE6 */
background-color:transparent;
}

/* topmenu music clip */
.tmenu_musicclip{ /* menu_music clip */
margin: 0px; /* no space around */
width:220px;
height:24px;
background: url(menu_musicvideo02.gif) no-repeat left top;
overflow: hidden;
float:left;
}
.tmenu_musicclip a { 
display:block;
width:100%;
height:100%;
border:none;
}
.tmenu_musicclip a:hover img { 
visibility:hidden;
} 
.tmenu_musicclip a:hover { /* for IE6 */
background-color:transparent;
}

/* topmenu photos */
.tmenu_photos{ /* menu_photos */
margin: 0px; /* no space around */
width:220px;
height:24px;
background: url(menu_photos02.gif) no-repeat left top;
overflow: hidden;
float:left;
}
.tmenu_photos a { 
display:block;
width:100%;
height:100%;
border:none;
}
.tmenu_photos a:hover img { 
visibility:hidden;
} 
.tmenu_photos a:hover { /* for IE6 */
background-color:transparent;
}

/* topmenu news */
.tmenu_news{ /* menu_news */
margin: 0px; /* no space around */
width:220px;
height:24px;
background: url(menu_news02.gif) no-repeat left top;
overflow: hidden;
float:left;
}
.tmenu_news a { 
display:block;
width:100%;
height:100%;
border:none;
}
.tmenu_news a:hover img { 
visibility:hidden;
} 
.tmenu_news a:hover { /* for IE6 */
background-color:transparent;
}

/* topmenu blog */
.tmenu_blog{ /* menu_blog */
margin: 0px; /* no space around */
width:220px;
height:24px;
background: url(menu_blog02.gif) no-repeat left top;
overflow: hidden;
float:left;
}
.tmenu_blog a { 
display:block;
width:100%;
height:100%;
border:none;
}
.tmenu_blog a:hover img { 
visibility:hidden;
} 
.tmenu_blog a:hover { /* for IE6 */
background-color:transparent;
}

/* topmenu contact */
.tmenu_contact{ /* menu_contact */
margin: 0px; /* no space around */
width:220px;
height:24px;
background: url(menu_contact02.gif) no-repeat left top;
overflow: hidden;
float:left;
}
.tmenu_contact a { 
display:block;
width:100%;
height:100%;
border:none;
}
.tmenu_contact a:hover img { 
visibility:hidden;
} 
.tmenu_contact a:hover { /* for IE6 */
background-color:transparent;
}

/* attention img01 */
.att01_img{ /* attention_img01 */
margin: 0px; /* no space around */
width:145px;
height:167px;
background: url(att_nice_to_love_you02.gif) no-repeat center top;
overflow: hidden;
float:center;
}
.att01_img a { 
display:block;
width:100%;
height:100%;
border:none;
}
.att01_img a:hover img { 
visibility:hidden;
} 
.att01_img a:hover { /* for IE6 */
background-color:transparent;
}

/* attention img02 */
.att02_img{ /* attention_img02 */
margin: 0px; /* no space around */
width:145px;
height:116px;
background: url(att_youtube02.jpg) no-repeat center top;
overflow: hidden;
float:center;
}
.att02_img a { 
display:block;
width:100%;
height:100%;
border:none;
}
.att02_img a:hover img { 
visibility:hidden;
} 
.att02_img a:hover { /* for IE6 */
background-color:transparent;
}

/* attention img03 */
.att03_img{ /* attention_img03 */
margin: 0px; /* no space around */
width:145px;
height:116px;
background: url(att_hmv02.jpg) no-repeat center top;
overflow: hidden;
float:center;
}
.att03_img a { 
display:block;
width:100%;
height:100%;
border:none;
}
.att03_img a:hover img { 
visibility:hidden;
} 
.att03_img a:hover { /* for IE6 */
background-color:transparent;
}

/* attention img04 */
.att04_img{ /* attention_img04 */
margin: 0px; /* no space around */
width:145px;
height:186px;
background: url(att_smilelive201511_02.jpg) no-repeat center top;
overflow: hidden;
float:center;
}
.att04_img a { 
display:block;
width:100%;
height:100%;
border:none;
}
.att04_img a:hover img { 
visibility:hidden;
} 
.att04_img a:hover { /* for IE6 */
background-color:transparent;
}


/* twitter HARUKI */
.twitter_haruki{ /* twitter HARUKI */
margin: 0px; /* no space around */
width:94px;
height:47px;
background: url(twitter_haruki02.gif) no-repeat left top;
overflow: hidden;
float:left;
}
.twitter_haruki a { 
display:block;
width:100%;
height:100%;
border:none;
}
.twitter_haruki a:hover img { 
visibility:hidden;
} 
.twitter_haruki a:hover { /* for IE6 */
background-color:transparent;
}

/* twitter NISHINAKA */
.twitter_nishinaka{ /* twitter NISHINAKA */
margin: 0px; /* no space around */
width:94px;
height:47px;
background: url(twitter_nishinaka02.gif) no-repeat left top;
overflow: hidden;
float:left;
}
.twitter_nishinaka a { 
display:block;
width:100%;
height:100%;
border:none;
}
.twitter_nishinaka a:hover img { 
visibility:hidden;
} 
.twitter_nishinaka a:hover { /* for IE6 */
background-color:transparent;
}

/* youtube RectoBerso */
.youtube_rectoberso{ /* youtube RectoBerso */
margin: 0px; /* no space around */
width:94px;
height:47px;
background: url(youtube_rectoberso02.gif) no-repeat left top;
overflow: hidden;
float:left;
}
.youtube_rectoberso a { 
display:block;
width:100%;
height:100%;
border:none;
}
.youtube_rectoberso a:hover img { 
visibility:hidden;
} 
.youtube_rectoberso a:hover { /* for IE6 */
background-color:transparent;
}

/* facebook RectoBerso */
.fb_rectoberso{ /* facebook RectoBerso */
margin: 0px; /* no space around */
width:94px;
height:47px;
background: url(fb_rectoberso02.gif) no-repeat left top;
overflow: hidden;
float:left;
}
.fb_rectoberso a { 
display:block;
width:100%;
height:100%;
border:none;
}
.fb_rectoberso a:hover img { 
visibility:hidden;
} 
.fb_rectoberso a:hover { /* for IE6 */
background-color:transparent;
}

/* live calendar */
.live_cal{ /* live calendar */
margin: 0px; /* no space around */
width:94px;
height:47px;
background: url(live_cal02.gif) no-repeat left top;
overflow: hidden;
float:left;
}
.live_cal a { 
display:block;
width:100%;
height:100%;
border:none;
}
.live_cal a:hover img { 
visibility:hidden;
} 
.live_cal a:hover { /* for IE6 */
background-color:transparent;
}


/*TOPPAGE between title and mainArea  */
.pr_bnr{ /* pr_bnr */
margin: 0px; /* no space around */
width:796px;
height:88px;
background: url(prbnr_samasoni022.gif) no-repeat center top;
overflow: hidden;
float:center;
}
.pr_bnr a { 
display:block;
width:100%;
height:100%;
border:none;
}
.pr_bnr a:hover img { 
visibility:hidden;
} 
.pr_bnr a:hover { /* for IE6 */
background-color:transparent;
}



/* :::::::::::::::::::::::::::::::::::::
::::::::::::: font link:::::::::::::::::
:::::::::::::::::::::::::::::::::::::: */
/* attention font Small */
.att_font01 a{ /* normal normal 8pt/1.2em sans-serif */
color: #333333; /* ipblack R51 G51 B51 */
text-decoration: none;
border: none;
background-color: transparent;
}
.att_font01 a:link{ /* unvisited */
background-color: transparent;
color: #333333; /* ipblack R51 G51 B51 */
text-decoration: none;
}
.att_font01 a:visited{ /* visited */
background-color: transparent;
color: #333333; /* ipblack R51 G51 B51 */
text-decoration: none;
}
.att_font01 a:hover{ /* mouseover */
background-color: #999999; /* R153 G153 B153 */
color: #333333; /* ipblack R51 G51 B51 */
text-decoration: none;
}
.att_font01 a:active{ /* while cliclking */
background-color: #999999; /* R153 G153 B153 */
color: #333333; /* ipblack R51 G51 B51 */
text-decoration: none;
}

/* copyright,pilocy TEXT+BG LINK SET */
.copyright_font a{ /* normal normal 8pt/1.3em sans-serif */
text-decoration: none;
border: none;
background-color: transparent;
}
.copyright_font a:link{ /* unvisited */
background-color: transparent;
color: #333333; /* ipblack R51 G51 B51 */
text-decoration: none;
}
.copyright_font a:visited{ /* visited */
background-color: transparent;
color: #333333; /* ipblack R51 G51 B51 */
text-decoration: none;
}
.copyright_font a:hover{ /* mouseover */
background-color: #999999; /* R153 G153 B153 */
color: #333333; /* ipblack R51 G51 B51 */
text-decoration: none;
}
.copyright_font a:active{ /* while cliclking */
background-color: #999999; /* R153 G153 B153 */
color: #333333; /* ipblack R51 G51 B51 */
text-decoration: none;
}




/* :::::::::::::::::::::::::::::::::::::
::::::::::::: twitter:::::::::::::::::
:::::::::::::::::::::::::::::::::::::: */
#twitter_additional { /* for widget code2013 */
width: 200; /* not active */
height: 400; /* not active */
margin: 0px 0px 0px 5px; /* active :: no space around */
padding: 0px; /* active :: no space around */
font: normal normal 10pt/1.2em sans-serif; /* active for text momentary visible when reloaded */
color: #333333; /* not active :: ipblack R51 G51 B51 */
text-align: left; /* active for widget block */
vertical-align: top; /* active for widget block */
}
