@charset "shift-jis";

/* universal reset
============================================== */
* {
margin:0;
padding:0;
font-weight:normal;
font-style:normal;

}



/* body and base setting
============================================== */
html ,body {
height:100%;
}

body {
font:10px/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",osaka,"ＭＳ Ｐゴシック",sans-serif,"メイリオ",Meiryo;
color:#666;
text-align:center;
}


h1,h2,h3,h4,h5,h6 {
font-size:12px;
}

ul {
list-style:none;
}

img {
border:none;
vertical-align:bottom;
}

table {
empty-cells:show;
border:0;
}

th ,td {
font-size:10px;
}


/* ajax fadein area
============================================== */
#box {
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
}

#menu1 {
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
}

#menu2 {
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
}


/* link
============================================== */
a:link,a:visited {
color:#555;
text-decoration:none;
}

a:hover {
color:#999;
text-decoration:underline; 
}

/* layout
============================================== */
div#space {
width:1px;
height:50%;
margin-bottom:-271px;
width:912px;
margin-left : auto ; 
margin-right : auto ;
background:#141960;

}

div#container {
position:relative;
clear:left;
width:912px;
height:542px;
margin:0 auto;
background:url(../img/bg_container.gif) repeat-y;
background-color:#fff;
text-align:left;

}

div#header {
position:absolute;
top:0;
left:0;
width:912px;
height:86px;
background:#141960;
}

div.contents {
background:#FFF;
position:absolute;
top:86px;
left:207px;
width:705px;
height:422px;
}

div#g-menu {
position:absolute;
top:508px;
left:0;
width:912px;
height:34px;
_padding-top:6px;
background:#141960;


}

/* next_back
============================================== */
div#contents_back {
width:57px;
height:9px;
position:absolute;
bottom:1px;
right:104px;
z-index:1;
}

div#contents_next {
width:57px;
height:9px;
position:absolute;
bottom:1px;
right:3px;
z-index:1;
}



div.contents div#next_back {
position:absolute;
top:410px;
right:20px;
}

/* Safari Hack ここから----------*/
div.contents div#next_back{
position:absolute;
top:410px;
right:20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
div.contents div#next_back{
position:absolute;
top:403px;
right:20px;
	}
}
/* Safari Hack ここまで----------*/


div.contents div#next_back div#nb_container {
width:130px;

}

div.contents div#next_back div#contents_back{
width:63px;
float:left;

}

div.contents div#next_back div#contents_next{
width:63px;
float:right;
margin-left:14px;

}


/* header
============================================== */
h1 {
width:64px;
height:64px;
margin-left:815px;
padding-top:10px;
}

#logo_r {
width:167px;
height:26px;
margin-left:717px;
padding-top:40px;
}

#logo_l {
width:167px;
height:26px;
margin-left:27px;
padding-top:40px;
}

#logo_l2 {
width:157px;
height:24px;
margin-left:31px;
padding-top:40px;
}

/* s-menu
============================================== */

div.s-menu {
position:absolute;
top:120px;
left:14px;
width:192px;
height:402px;
}

div.s-menu_store {
position:absolute;
top:106px;
left:52px;
width:174px;
height:402px;
}


div.s-menu h2{
padding-bottom:18px;
font-weight:bold;
margin-left:18px;
}


div#s-menu li a ,div#s-menu ul {
color:#555;
margin-left:18px;
}

ul#s-menu_main li{
margin-left:18px;
padding-bottom:10px;
font-size:12px;
}

ul#s-menu_main li.on {
color:#000;
font-size:12px;
}

ul#s-menu_glo {
margin-left:18px;
line-height:20px;
padding-top:18px;
}

ul#s-menu_glo li {
font-size:12px;
line-height:120%;
padding-bottom:10px;
}


ul#s-menu_sub {
line-height:20px;
margin-left:18px;

}

ul#s-menu_sub li {
font-size:12px;
margin-bottom:10px;
}

ul#s-menu_sub li.sub {
font-size:12px;
margin:0;
}

ul#s-menu_sub li.mini {
font-size:12px;
margin-bottom:2px;
line-height:120%;
background:url(../img/listmark.gif) no-repeat 0 .6em;
padding-left:14px;
}

ul#s-menu_sub li.minicontact {
font-size:12px;
margin-bottom:2px;
line-height:120%;
padding-left:14px;
}

ul#s-menu_sub li.minicontact_on {
font-size:12px;
margin-bottom:2px;
line-height:120%;
padding-left:14px;
color:#000;
}

ul#s-menu_sub li.mini_on {
font-size:12px;
margin-bottom:2px;
line-height:120%;
color:#000;
background:url(../img/listmark_on.gif) no-repeat 0 .6em;
padding-left:14px;
}

ul#s-menu_sub li.mini11 {
font-size:11px;
margin-bottom:12px;
line-height:120%;
background:url(../img/listmark.gif) no-repeat 0 .6em;
padding-left:14px;
margin-right:12px;
}

ul#s-menu_sub li.mini_on11 {
font-size:11px;
margin-bottom:12px;
line-height:120%;
color:#000;
background:url(../img/listmark_on.gif) no-repeat 0 .6em;
padding-left:14px;
margin-right:12px;
}

ul#s-menu_sub li a {
color:#555;
}

ul#s-menu_sub li.on {
color:#000;
background:url(../img/listmark_on.gif) no-repeat 0 .6em;
padding-left:14px;
}

ul#s-menu_sub li.on2 {
color:#000;
background:url(../img/listmark_on.gif) no-repeat 0 .6em;
padding-left:14px;
}

ul#s-menu_sub li.on3 {
color:#000;
margin-bottom:0px;
}

ul#s-menu_sub li.stitle{
margin-bottom:0px;
padding-top:10px;
}

ul#s-menu_sub li.stitle2{
margin-bottom:0px;

}

ul#s-menu_sub li a:link.none ,ul#s-menu_sub li a:visited.none ,ul#s-menu_sub li a:visited.hover ,ul#s-menu_sub li a:visited.active {
padding-left:0px;
background:url(../img/sp.gif) no-repeat 0 .4em;
}


ul#s-menu_sub li a:link ,ul#s-menu_sub li a:visited {
background:url(../img/sp.gif) no-repeat 0 .4em;
}

ul#s-menu_sub li a:hover ,ul#s-menu_sub li a:active {
background:url(../img/sp.gif) no-repeat 0 .4em;
}

ul#s-menu_sub li.minibus {
font-size:12px;
margin-bottom:18px;
line-height:120%;
background:url(../img/listmark.gif) no-repeat 0 .6em;
padding-left:14px;
}

ul#s-menu_sub li.minibus_on {
font-size:12px;
margin-bottom:18px;
line-height:120%;
color:#000;
background:url(../img/listmark_on.gif) no-repeat 0 .6em;
padding-left:14px;
}


div#s-menu_back {
position:absolute;
bottom:20px;
left:0;
z-index:1;
line-height:1;
}

div#s-menu_back a {
display:block;
height:10px;
padding-left:32px;
background:url(../img/s-menu_back.gif) no-repeat 0 0;
color:#999;
}


/* g-menu
============================================== */
div#g-menu form {
display:inline;
}

div#g-menu select {
color:#666;
width:115px;
margin-left:59px;
}

div#g-menu ul {
display:inline;
position:relative;
left:35px;
top:-3px\9;

}

#div#g-menu ul,  x:-moz-any-link  {
 top:10px; 
}


div#g-menu li {
display:inline;
margin-right:28px;
font-size:11px;
line-height:34px;
}


/* Safari Hack ここから----------*/
@media screen and (-webkit-min-device-pixel-ratio:0){
div#g-menu li {
display:inline;
line-height:34px;
margin-right:24px;
}
}
/* Safari Hack ここまで----------*/



div#g-menu li a {
color:#fff;
}


/* s-menu index
============================================== */
ul#s-menu_st_index {
margin-top:20px;
}

ul#s-menu_st_index li {
line-height:1;
margin-bottom:10px;
}

ul#s-menu_st_index li img {
vertical-align:baseline;
margin-left:7px;
}

ul#s-menu_st_index_sub {
margin-top:26px;
line-height:1;
}

div#s-menu_index_back {
position:absolute;
bottom:30px;
left:18px;
z-index:1;
line-height:1;

}

div#s-menu_index_back a {
display:block;
height:10px;
padding-left:32px;
background:url(../img/s-menu_back.gif) no-repeat 0 0;
color:#999;
}

/* その他調整
============================================== */

/* 半角スペースの幅 */
span.blank_narrow {
font-size:8px;
}



/* s-menu 081111events更新用
============================================== */

div.s-menu_e {
position:absolute;
top:120px;
left:14px;
width:192px;
height:402px;
}

div.s-menu_e_store {
position:absolute;
top:106px;
left:52px;
width:174px;
height:402px;
}

div.s-menu_e h2{
padding-bottom:11px;
font-weight:bold;
margin-left:18px;
}


div#s-menu_e li a,div#s-menu_e ul {
color:#555;
}



ul#s-menu_main_e,div#s-menu_sub_e li{
font-size:12px;
}

ul#s-menu_main_e,div#s-menu_sub_e li.on {
color:#000;
font-size:12px;
}


ul#s-menu_sub_e li.mini {
font-size:12px;
margin-bottom:9px;
line-height:140%;
background:url(../img/listmark.gif) no-repeat 0 .6em;
padding-left:14px;
}

ul#s-menu_sub_e li.mini_on {
font-size:12px;
margin-bottom:9px;
line-height:130%;
color:#000;
background:url(../img/listmark_on.gif) no-repeat 0 .6em;
padding-left:14px;
}

ul#s-menu_sub_e{
line-height:20px;
margin-left:18px;

}


ul#s-menu_sub_e li.mini11 {
font-size:11px;
margin-bottom:12px;
line-height:110%;
background:url(../img/listmark.gif) no-repeat 0 .6em;
padding-left:14px;
margin-right:12px;
}

ul#s-menu_sub_e li.mini_on11 {
font-size:11px;
margin-bottom:12px;
line-height:110%;
color:#000;
background:url(../img/listmark_on.gif) no-repeat 0 .6em;
padding-left:14px;
margin-right:12px;
}

/* Safari----------*/
@media screen and (-webkit-min-device-pixel-ratio:0){
ul#s-menu_sub_e li.mini11,ul#s-menu_sub_e li.mini_on11 {
margin-bottom:11px;
line-height:110%;
}
}

/*----------*/



/* s-menu events更新用（記事数多）
============================================== */
ul#s-menu_sub_es{
line-height:20px;
margin-left:18px;
}

ul#s-menu_sub_es li.mini11 {
font-size:11px;
margin-bottom:8px;
line-height:110%;
background:url(../img/listmark.gif) no-repeat 0 .6em;
padding-left:14px;
margin-right:12px;
}

ul#s-menu_sub_es li.mini_on11 {
font-size:11px;
margin-bottom:8px;
line-height:110%;
color:#000;
background:url(../img/listmark_on.gif) no-repeat 0 .6em;
padding-left:14px;
margin-right:12px;
}

/* Safari----------*/
@media screen and (-webkit-min-device-pixel-ratio:0){
ul#s-menu_sub_es li.mini11,ul#s-menu_sub_e li.mini_on11 {
margin-bottom:7px;
line-height:110%;
}
}
/*----------*/


/* s-menu events更新用（記事数多2）
============================================== */
ul#s-menu_sub_ess{
line-height:20px;
margin-left:18px;
padding-top:-8px;
}

ul#s-menu_sub_ess li.mini11 {
font-size:11px;
margin-bottom:7px;
line-height:100%;
background:url(../img/listmark.gif) no-repeat 0 .6em;
padding-left:14px;
margin-right:12px;
}

ul#s-menu_sub_ess li.mini_on11 {
font-size:11px;
margin-bottom:7px;
line-height:100%;
color:#000;
background:url(../img/listmark_on.gif) no-repeat 0 .6em;
padding-left:14px;
margin-right:12px;
}

/* Safari----------*/
@media screen and (-webkit-min-device-pixel-ratio:0){
ul#s-menu_sub_ess li.mini11,ul#s-menu_sub_e li.mini_on11 {
margin-bottom:7px;
line-height:95%;
}
}
/*----------*/

div#index-ns1{
top:285px;
left:0px;
position:absolute;
background:url(../img/ns_bg2.gif) no-repeat 0 0;
height:60px;
width:200px;
padding:9px 17px;
letter-spacing:1px;
font-size:12px;
z-index:10;
}

div#index-ns1 li,div#index-ns1_store li{
padding-bottom:5px ;
}

div#index-ns1 li#gift,div#index-ns1_store li#gift{
font-size:11px;
letter-spacing:0px;
}

div#index-ns1_store{
top:292px;
left:0px;
position:absolute;
background:url(../img/ns_bg3.gif) no-repeat 0 0;
height:60px;
width:200px;
padding:9px 17px;
letter-spacing:1px;
font-size:12px;
z-index:10;
}



