@charset "utf-8";

/*

base
side navi

*/

/* common */

*{zoom:1;}
body { margin:0;padding:0; border:none;
  min-width: 780px;
  	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html { margin:0;padding:0; border:none; }
img {  border:none;}

div#mainframe { height:100% ;
 overflow:auto;
overflow-x:hidden;
position:relative;
margin-left:201px;
min-width:670px;
}

div#mainframe_inner {
position:relative;
margin:0;padding:0 0 151px 0;

}

/* sidenavi */

#sidenavi { 
	z-index:101;
	width:201px;
position:absolute;
top:0px;
left:0px;
}

#sidenavi2 { 	z-index:101;
	width:201px;
height:100%;
position:absolute;
top:0px;
border-right:1px solid #cccccc;
left:0px;
}

/*as gloval menu*/
#gn_box ul{ margin:0; padding:0; list-style:none;}
#gn_box ul li{ position:relative; margin:0 0 4px; padding:0 0 0 33px; height:18px; background:url(../images/gn_icon_d.gif) left center no-repeat;}
#gn_box ul li:active { background:url(../images/gn_icon_o.gif) left center no-repeat;}
#gn_box ul li.menu_current{ background:url(../images/gn_icon_o.gif) left center no-repeat !important;}

#gn_box a.gn_btn01,#gn_box a.gn_btn02,#gn_box a.gn_btn03,#gn_box a.gn_btn04,#gn_box a.gn_btn05,#gn_box a.gn_btn06,#gn_box a.gn_btn07,#gn_box a.gn_btn08,#gn_box a.gn_btn09,#gn_box a.gn_btn10,#gn_box a.gn_btn11{  text-indent:-9999px; display:block; height:18px; overflow:hidden;}
#gn_box a.gn_btn01{ background:url(../images/gn_btn01.gif) no-repeat -104px 3px; width:84px;}
#gn_box a.gn_btn02{ background:url(../images/gn_btn02.gif) no-repeat -105px 3px; width:85px;}
#gn_box a.gn_btn03{ background:url(../images/gn_btn03.gif) no-repeat -110px 3px; width:90px;}
#gn_box a.gn_btn04{ background:url(../images/gn_btn04.gif) no-repeat -101px 3px; width:81px;}
#gn_box a.gn_btn05{ background:url(../images/gn_btn05.gif) no-repeat -80px 3px; width:59px;}
#gn_box a.gn_btn06{ background:url(../images/gn_btn06.gif) no-repeat -51px 3px; width:31px;}
#gn_box a.gn_btn07{ background:url(../images/gn_btn07.gif) no-repeat -115px 3px; width:95px;}
#gn_box a.gn_btn08{ background:url(../images/gn_btn08.gif) no-repeat -111px 3px; width:91px;}
#gn_box a.gn_btn09{ background:url(../images/gn_btn09.gif) no-repeat -76px 3px; width:56px;}
#gn_box a.gn_btn10{ background:url(../images/gn_btn10.gif) no-repeat -115px 3px; width:95px;}
#gn_box a.gn_btn11{ background:url(../images/gn_btn11.gif) no-repeat -67px 3px; width:42px;}

#gn_box .gn_new01,#gn_box .gn_new02,#gn_box .gn_new03,#gn_box .gn_new04,#gn_box .gn_new05,#gn_box .gn_new06,#gn_box .gn_new07,#gn_box .gn_new08,#gn_box .gn_new09,#gn_box .gn_new10,#gn_box .gn_new11{ display:block; position:absolute; width:34px; height:18px; top:0; background:url(../images/icon_new.gif) no-repeat 0 0;}
#gn_box .gn_new01{ left:124px;}
#gn_box .gn_new02{ left:125px;}
#gn_box .gn_new03{ left:130px;}
#gn_box .gn_new04{ left:121px;}
#gn_box .gn_new05{ left:99px;}
#gn_box .gn_new06{ left:71px;}
#gn_box .gn_new07{ left:135px;}
#gn_box .gn_new08{ left:131px;}
#gn_box .gn_new09{ left:96px;}
#gn_box .gn_new10{ left:135px;}
#gn_box .gn_new11{ left:74px;}

#sidebt11 { padding-left:32px !important; }
#sidebt4,#sidebt5,#sidebt3 { padding-left:32px !important; }

/* search form */

#sidesearch { width:142px;margin:24px auto 10px auto; }

#sidesearch form { margin:0 0 0 0px;padding:0;position:relative; }

#sidesearch #sidesearchtext  { float:left;width:102px;height:14px; border:1px solid #cccccc;color:#999999;padding :2px 5px 0px 5px ;font-size:10px; }

#sidesearch #sidesearchsubmit { float:right;margin-left:1px;border:0;background:url('../images/side_searchbtn.gif') no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
width:27px;height:18px;
 }

#sidesearch #sidesearchsubmit:hover {background:url('../images/side_searchbtn.gif') no-repeat 0 -18px;}
/* side banner */

#sidebanner {width:201px;    position: relative;
margin:10px 0 0 0;height: 125px; 
overflow:hidden;overflow-y:hidden;border-left:1px white solid;}
#sidebanner_frame {overflow:hidden;}
#sidebanner_inner {position:relative;}
#sidebanner_space{padding:0px;margin:0;height:13px;line-height:1px;font-size:1px;clear:both;}
#sidebanner div {width:142px;height:42px; margin:0 auto 0px auto; }
#sidecopy {width:201px;margin-top:20px;padding-bottom:10px;}
#sidecopy div {width:140px; margin:0 auto 2px auto; }


a.bannerborder img  { margin :-1px;overflow: hidden; float:left; }
a.bannerborder { border:1px solid #cccccc;overflow: hidden; float:left; }
a.bannerborder:hover   {  border:1px solid #000000; }



#sidelogo {
/*
height:270px;
min-height:200px; */

height:200px;
min-height:100px;
width:201px;
/* background:url('../images/side_navi_logo.gif') no-repeat center center;   */
}
#sidelogo a { display:block;width:120px;height:120px;margin :auto auto; } 


/* parts */

#toparea {
padding:20px;
font-size:11px;
}

#toparea a {font-family:  'Osaka', 'MS UI Gothic','HiraKakuProN-W3', Osaka-mono, monospace;}
#toparea a:hover { color:#303030; }

#topicpath {
text-align:right;
font-size:12px;
	color:#808080;
}
#topicpath a {

	color:#808080;
}
#bottomarea {
clear:both;
text-align:right;
margin:80px 0px 0px 0px;
padding:0px 27px 16px 29px;
position:absolute;
bottom:0;
min-width:650px;
line-height:100%;
height:35px;
}
#b_copyright4{ 
text-align:left;
text-indent:-9999px;
font-size:11px;
display:block;background:url('../images/b2012_copyright.gif') no-repeat 0px 10px;
width:140px;height:28px;
float:left;
overflow:hidden;
}
#b_copyright{ 
text-align:left;
text-indent:-9999px;
font-size:11px;
display:block;background:url('../images/b_copyright.gif') no-repeat 0px 10px;
width:140px;height:28px;
float:left;
overflow:hidden;
}
#b_copyright2{ 
text-align:left;
text-indent:-9999px;
font-size:11px;
display:block;background:url('../images/b_copyright2.gif') no-repeat 0px 0px;
width:177px;height:38px;
float:left;
overflow:hidden;
}
#b_copyright3{ 
text-align:left;
text-indent:-9999px;
font-size:11px;
display:block;background:url('../images/b_copyright3.gif') no-repeat 0px 0px;
width:177px;height:38px;
float:left;
overflow:hidden;
}

#bottomarea a { text-indent:-9999px;
display:block;
text-align:left;
}
#bottomarea ul { margin:0;padding:0;list-style-type:none;width:350px;float:right;}
#bottomarea ul li { float:left; }
#bottomarea ul li a#b_link1{
background:url('../images/b_link1.gif') no-repeat 0 0;
width:30px;height:35px;
margin-right:12px;
overflow:hidden;
}
#bottomarea ul li a#b_link1:hover{
background:url('../images/b_link1.gif') no-repeat 0 -35px;
}

#bottomarea ul li a#b_link2{
background:url('../images/b_link2.gif') no-repeat 0 0;
width:62px;height:35px;
margin-right:12px;
overflow:hidden;
}
#bottomarea ul li a#b_link2:hover{
background:url('../images/b_link2.gif') no-repeat 0 -35px;
}
#bottomarea ul li a#b_link3{
background:url('../images/b_link3.gif') no-repeat 0 0;
width:44px;height:35px;
margin-right:12px;
overflow:hidden;
}
#bottomarea ul li a#b_link3:hover{
background:url('../images/b_link3.gif') no-repeat 0 -35px;
}
#bottomarea ul li a#b_link4{
background:url('../images/b_link4.gif') no-repeat 0 0;
width:52px;height:35px;
margin-right:8px;
overflow:hidden;
}
#bottomarea ul li a#b_link4:hover{
background:url('../images/b_link4.gif') no-repeat 0 -35px;
}
#bottomarea ul li a#b_link5{
background:url('../images/b_link5.gif') no-repeat 0 0;
width:39px;height:35px;
margin-right:10px;
overflow:hidden;
}
#bottomarea ul li a#b_link5:hover{
background:url('../images/b_link5.gif') no-repeat 0 -35px;
}
#bottomarea ul li a#b_link6{
background:url('../images/b_link6.gif') no-repeat 0 0;
width:36px;height:35px;
margin-right:14px;
overflow:hidden;
}
#bottomarea ul li a#b_link6:hover{
background:url('../images/b_link6.gif') no-repeat 0 -35px;
}
#bottomarea ul li a#b_link7{
background:url('../images/b_link7.gif') no-repeat 0 0;
width:32px;height:35px;
margin-right:10px;
overflow:hidden;
}
#bottomarea ul li a#b_link7:hover{
background:url('../images/b_link7.gif') no-repeat 0 -35px;
}
#bottomarea ul li a#b_link8{
background:url('../images/b_link8.gif') no-repeat 0 0;
width:60px;height:35px;
margin-right:10px;
overflow:hidden;
}
#bottomarea ul li a#b_link8:hover{
background:url('../images/b_link8.gif') no-repeat 0 -35px;
}
#bottomarea ul li a#b_link9{
background:url('../images/b_link9.gif') no-repeat 0 0;
width:51px;height:35px;
margin-right:0px;
overflow:hidden;
}
#bottomarea ul li a#b_link9:hover{
background:url('../images/b_link9.gif') no-repeat 0 -35px;
}
#bottomarea ul li a#b_link10{
background:url('../images/b_link10.gif') no-repeat 0 0;
width:39px;height:35px;
margin-right:12px;
overflow:hidden;
}
#bottomarea ul li a#b_link10:hover{
background:url('../images/b_link10.gif') no-repeat 0 -35px;
}

#bottomarea ul li a#b_link11{
background:url('../images/b_link11.png') no-repeat 0 0;
width:30px;height:35px;
margin-right:12px;
overflow:hidden;
}
#bottomarea ul li a#b_link11:hover{
background:url('../images/b_link11.png') no-repeat 0 -35px;
}
#bottomarea ul li a#b_link12{
background:url('../images/b_link12.png') no-repeat 0 0;
width:30px;height:35px;
margin-right:12px;
overflow:hidden;
}
#bottomarea ul li a#b_link12:hover{
background:url('../images/b_link12.png') no-repeat 0 -35px;
}

#bottomarea ul li a#b_link13{
background:url('../images/cjmart_link.png') no-repeat 0 0;
width:32px;height:32px;
margin-right:12px;
overflow:hidden;
}
#bottomarea ul li a#b_link13:hover{
background:url('../images/cjmart_link.png') no-repeat 0 -32px;
}

#bottomarea ul li a#b_link14{
background:url('../images/mct_tokyo_link.png') no-repeat 0 0;
width:32px;height:32px;
margin-right:12px;
overflow:hidden;
}
#bottomarea ul li a#b_link14:hover{
background:url('../images/mct_tokyo_link.png') no-repeat 0 -32px;
}

/* uty */
.clear { height:0px;line-height:0px;font-size:0px;clear:both;}
.inputed { color:#666666 !important;}

a.oneborder img  { margin :-1px;overflow: hidden; float:left; }
a.oneborder { border:1px solid #e6e6e6;overflow: hidden; float:left; }
a.oneborder:hover   {  border:1px solid #000000; }


/* information */

#info_title {
text-indent:-9999px;
display:block;background:url('../images/info_title.gif') no-repeat 0 0; 
width:229px;height:22px;
overflow:hidden;
margin:0px 0 60px  0;
}

/* ntwitter*/
a#ntwitter {
background:url('../images/twitter02.png') no-repeat 0 0;
width:20px;height:20px;
margin-right:4px;
overflow:hidden;
text-indent:-9999px;
display:block;
margin-bottom:4px;
float:left
}
a#ntwitter:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

/* nfacebook*/
a#nfacebook {
background:url('../images/facebook02.png') no-repeat 0 0;
width:20px;height:20px;
margin-right:4px;
overflow:hidden;
text-indent:-9999px;
display:block;
margin-bottom:4px;
float:left
}
a#nfacebook:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
/* ninstagram*/
a#ninstagram {
background:url('../images/instagram02.png') no-repeat 0 0;
width:20px;height:20px;
margin-right:4px;
overflow:hidden;
text-indent:-9999px;
display:block;
margin-bottom:4px;
float:left
}
a#ninstagram:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

/* app_store*/
a#app_store {
background:url('../images/appstore01.png') no-repeat 0 0;
width:20px;height:20px;
margin-right:4px;
overflow:hidden;
text-indent:-9999px;
margin-bottom:4px;
float:left
}
a#app_store:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

/* google_play*/
a#google_play {
background:url('../images/googleplay01.png') no-repeat 0 0;
width:20px;height:20px;
margin-right:4px;
overflow:hidden;
text-indent:-9999px;
margin-bottom:4px;
float:left
}
a#google_play:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}





#sidelogo {
}
/*
*** Aniversary logo ***
#sidelogo a { display:block !important; width:120px !important; height:120px !important; margin:auto auto !important; } */
/* *** Normal logo *** */
#sidelogo a { display:block !important; width:120px !important; height:120px !important; margin:auto auto !important; } 

#sidelogo a img { display:block !important;width:100% !important; height: auto !important;} 

#menu_switch, #app_store, #google_play {
	display: none;
}

#promoIMG{
	background: #fff url('../images/index_logo_b3.jpg') no-repeat center center !important;
}
