@charset "utf-8";

/*-----------------------------------------------------
body
-------------------------------------------------------*/
body{ color: #323333; font-size: 14px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", Arial, Osaka, Sans-Serif; line-height: 20px; background-image: url(../images/back.gif); background-repeat: repeat; margin: 0; padding: 0; }

div#container { width: 980px; margin-right: auto; margin-left: auto; }

/*-----------------------------------------------------
category
-------------------------------------------------------*/

body.enjoy div#headerMenu { background-image: url(../../enjoy/common/images/head_enjoy.png); background-repeat: no-repeat; width: 980px; height: 67px; overflow: hidden; }
body.job div#headerMenu { background-image: url(../../job/common/images/head_job.png); background-repeat: no-repeat; width: 980px; height: 67px; overflow: hidden; }
body.life div#headerMenu { background-image: url(../../life/common/images/head_life.png); background-repeat: no-repeat; width: 980px; height: 67px; overflow: hidden; }
body.event div#headerMenu { background-image: url(../../media/common/images/head_event.png); background-repeat: no-repeat; width: 980px; height: 67px; overflow: hidden; }
body.other div#headerMenu { background-image: url(../../info/common/images/head_other.png); background-repeat: no-repeat; width: 980px; height: 67px; overflow: hidden; }
body.station div#headerMenu { background-image: url(../../info/common/images/head_other.png); background-repeat: no-repeat; width: 980px; height: 67px; overflow: hidden; }
body.global div#headerMenu { background-image: url(../../global/common/images/head_global.png); background-repeat: no-repeat; width: 980px; height: 16px; overflow: hidden; }



/*-----------------------------------------------------
news
-------------------------------------------------------*/
table.newstable { width: 100%; }
table.newstable td,th { padding-top: 5px; padding-bottom: 3px; border-bottom: 1px dotted #cccecc; }
table.newstable th { text-align: right; width: 50px; }
table.newstable th img { margin-bottom: 5px; }
table.newstable td { padding-left: 10px  }
table.newstable em { margin-left: 5px; }
table.newstable dl dt { margin-bottom: 5px; }

/*-----------------------------------------------------
newstable_list
-------------------------------------------------------*/
table.newstable_list { width: 100%; }
table.newstable_list td,th { padding-top: 5px; padding-bottom: 3px; border-bottom: 1px dotted #cccecc; }
table.newstable_list th { text-align: right; width: 50px; }
table.newstable_list th img { margin-bottom: 5px; }
table.newstable_list td { padding-left: 10px  }
table.newstable_list em { margin-left: 5px; }
table.newstable_list dl dt { float: left; margin-right: 10px; }
table.newstable_list dl dd { float: left; width: 740px; }
table.newstable_list dl dd img { margin-left: 5px; }

/*-----------------------------------------------------
Useful
-------------------------------------------------------*/
#container .font14 {font-size: 14px; }
#container .font15 {font-size: 15px; }
#container .font18 {font-size: 18px; }
#container .font21 {font-size: 21px; }
#container .font24 {font-size: 24px; }
#container .center{text-align: center !important;}
#container .rt{text-align: right !important;}
#container .lt{text-align: left !important;}
#container .fll{float: left !important;}
#container .flr{float: right !important;}
#container .fll10{float: left !important; margin-right: 10px !important;}
#container .flr10{float: right !important; margin-left: 10px !important;}
#container .fll15{float: left !important; margin-right: 15px !important;}
#container .flr15{float: right !important; margin-left: 15px !important;}
#container .fll20{float: left !important; margin-right: 20px !important;}
#container .flr20{float: right !important; margin-left: 20px !important;}
#container .ml0{margin-left: 0 !important;}
#container .ml10{margin-left: 10px !important;}
#container .ml15{margin-left: 15px !important;}
#container .ml20{margin-left: 20px !important;}
#container .ml30{margin-left: 30px !important;}
#container .ml40{margin-left: 40px !important;}
#container .ml50{margin-left: 50px !important;}
#container .mr0{margin-right: 0 !important;}

#container .mr10{margin-right: 10px !important;}
#container .mr15{margin-right: 15px !important;}
#container .mr20{margin-right: 20px !important;}
#container .mr30{margin-right: 30px !important;}
#container .mr40{margin-right: 40px !important;}
#container .mr50{margin-right: 50px !important;}

#container .mlr0{margin-left: 0 !important; margin-right: 0 !important;}
#container .mlr10{margin-left: 10px !important; margin-right: 10px !important;}
#container .mlr20{margin-left: 20px !important; margin-right: 20px !important;}
#container .mlr30{margin-left: 30px !important; margin-right: 30px !important;}
#container .mlr40{margin-left: 40px !important; margin-right: 40px !important;}
#container .mlr50{margin-left: 50px !important; margin-right: 50px !important;}

#container .mt0{margin-top: 0 !important;}
#container .mt10{margin-top: 10px !important;}
#container .mt20{margin-top: 20px !important;}
#container .mt30{margin-top: 30px !important;}
#container .mt40{margin-top: 40px !important;}
#container .mt50{margin-top: 50px !important;}
#container .mb0{margin-bottom: 0 !important;}
#container .mb5{margin-bottom: 5px !important;}
#container .mb10{margin-bottom: 10px !important;}
#container .mb15{margin-bottom: 15px !important;}
#container .mb20{margin-bottom: 20px !important;}
#container .mb30{margin-bottom: 30px !important;}
#container .mb40{margin-bottom: 40px !important;}
#container .mb50{margin-bottom: 50px !important;}
#container .mtb0{margin-top: 0; margin-bottom: 0 !important;}
#container .mtb10{margin-top: 10px !important; margin-bottom: 10px !important;}
#container .mtb20{margin-top: 20px !important; margin-bottom: 20px !important;}
#container .mtb30{margin-top: 30px !important; margin-bottom: 30px !important;}
#container .m10{margin: 10px !important;}
#container .m20{margin: 20px !important;}
#container .m30{margin: 30px !important;}

#container .w100{width:100% !important;}

#container .clr{clear:right;}
#container .cll{clear:left;}
#container .clb{clear:both;}

#container .red{color:#D20D53;}
#container .blue{color:#0066cc;}

#container .notice p,
#container p.notice,
#container li.notice,
#container h4.notice{
  padding-left: 1em;
  text-indent: -1em;
  margin-top:2px;
  margin-bottom:2px;
}
/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#header { overflow: hidden; margin-top: 10px; }
#header ul {}
#header ul li { float: left; }
#headerMain { position: relative; width: 980px; height: 65px; margin-right: auto; margin-left: auto; }
#headerMain p#logo {  }

ul#lang { position: absolute; top: 0; right: 0; }
ul#lang li { margin-right: 5px; margin-left: 5px; }
ul#lang li a { font-weight: bold; text-decoration: none; }
ul#lang li a.active { color: #a7001b; font-weight: bold; text-decoration: none; }
ul#tool { position: absolute; top: 25px; right: 0; }
ul#tool li {  margin-right: 5px;}

ul#menu { margin-left: 45px; }
ul#menu li a { background-image: url(../images/menu.png); text-indent: -9999px; position: static; overflow: hidden; display: block; }
ul#menu li a#menu01 { background-position: 0 -57px; width: 223px; height: 57px; }
ul#menu li a#menu02 { background-position: -223px -57px; width: 223px; height: 57px; }
ul#menu li a#menu03 { background-position: -446px -57px; width: 223px; height: 57px; }
ul#menu li a#menu04 { background-position: -669px -57px; width: 224px; height: 57px; }
ul#menu li a#menu01:hover { background-position: 0 0; width: 223px; height: 57px; }
ul#menu li a#menu02:hover { background-position: -223px 0; width: 223px; height: 57px; }
ul#menu li a#menu03:hover { background-position: -446px 0; width: 223px; height: 57px; }
ul#menu li a#menu04:hover { background-position: -669px 0; width: 224px; height: 57px; }
ul#menu li a#menu01on { background-position: 0 0; width: 223px; height: 57px; }
ul#menu li a#menu02on { background-position: -223px 0; width: 223px; height: 57px; }
ul#menu li a#menu03on { background-position: -446px 0; width: 223px; height: 57px; }
ul#menu li a#menu04on { background-position: -669px 0; width: 224px; height: 57px; }

#headerStation { background-image: url(../images/contents_back.png); background-repeat: repeat-y; width: 980px; overflow: hidden; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; }

.bshadow { background-image: url(../images/contents_back.png); background-repeat: repeat-y; width: 980px; overflow: hidden; margin-right: auto; margin-left: auto; }
ul#station { width: 942px; margin-right: auto; margin-left: auto; }
ul#globals { width: 942px; margin-right: auto; margin-left: auto; }
ul#globals li { margin-right: 7px; }

/*-----------------------------------------------------
container
-------------------------------------------------------*/
#content{ background-image: url(../images/contents_back.png); background-repeat: repeat-y; width: 980px; overflow: hidden; margin-right: auto; margin-left: auto; }

.content650 { margin-left: 21px; width: 650px; margin-bottom: 15px; overflow: hidden; }
.type_basic19 { margin-left: 19px; margin-right: 19px; }
.type_basic24 { margin-left: 24px; margin-right: 24px; }
.type_basic29 { margin-left: 29px; margin-right: 29px; }
.type_basic34 { margin-left: 34px; margin-right: 34px; }
#backtop { width: 942px; overflow: hidden; margin-right: auto; margin-left: auto; padding-top: 8px; border-top: 1px solid #ebebeb; }

/*-----------------------------------------------------
Footer
-------------------------------------------------------*/
#footer{ }
#footer a { text-decoration: none; }
#footer ul { clear: both; margin-bottom: 10px; overflow: hidden; margin-left: auto; margin-right: auto; }
#footer ul li { float: left }
p#copy { color: #696969; font-size: 0.8em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; text-align: center; clear: both; margin-bottom: 5px; }
p#logo2 { color: #696969; font-size: 0.8em; font-weight: bold; text-align: right; clear: both; margin-bottom: 20px; text-align: center; }


/*-----------------------------------------------------
Move img
-------------------------------------------------------*/
.type_full { margin-left: 4px; margin-right: 4px; width:972px; height:250px; position:relative; margin-bottom:15px;}
#mvPanel li { position: absolute; top:0; left:0; display: none; }
#mvPanel li img{border-top:2px solid #04B3D3; border-bottom:2px solid #04B3D3;}
#mvPanel li.active { display: block; }

#mvThumbnail{ position: absolute; left:20px; top:225px; }
/**html #mvThumbnail{ position: absolute; left:9px; bottom: -1px; }*/
#mvThumbnail li{ float: left; margin-right:10px; width:14px;}
#mvThumbnail li a { display: block; background:url(../images/btn_main_img.gif) no-repeat; width:14px; height:14px; text-indent:-9999px;}
/*#mvThumbnail li.active img { -ms-filter: "alpha( opacity=60 )"; filter: alpha( opacity=60 ); opacity: 0.6; }*/
#mvThumbnail li.active a{background:url(../images/btn_main_img_active.gif) no-repeat; width:14px; height:14px;}
#mainvisual li img { vertical-align: bottom; }