@charset "utf-8";
/* ===================================================================
CSS information

 file name  :shared.css
 style info :共通のcss
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/* ==========================================================
	大枠
========================================================== */
body{ 
	background-color:#FFF;
	background:url(/link/images/shared/bg.jpg) top left repeat;
 } 

#wrap {
	text-align:left;
	background: url(/link/images/shared/bg_wrap.jpg) repeat-x;
	width: 100%;
	min-width: 980px;
}

#page {
	width:980px;
	margin: 0px auto;
}


/* ==========================================================
	ヘッダー
========================================================== */
#header {
	background: url(/link/images/shared/bg_header.png) no-repeat top center;
	width:100%;
	min-width: 980px;
}

#header_inner {
	width: 980px;
	position:relative;
	margin:0 auto;
	height:304px;
}

#header .level5 {
	position: absolute;
	top: 5px;
	left: 0;
}

#header h1{
	position: absolute;
	top: 4px;
	left: 0;
}

#header p.btn_top{
	position:absolute;
	top:145px;
	left:0;
	z-index:3;
}

#header p.bnr{
	position:absolute;
	top:69px;
	right:0;
	z-index:11;
}

/* btnBox
---------------------------------------------------------- */
#btnBox{
	width:964px;
	height:34px;
	margin:auto;
	right:0%;
}
ul.sns {
	height:34px;
	max-width:314px;
	min-width:230px;
	float:right;
	padding:0 16px 0 0;
}
ul.sns li{
	float:left;
	background:url(/link/images/shared/sns_center.jpg) top left repeat-x;
}
ul.sns li.fb{
	padding:7px 0 0 0;
	height:27px;
}
ul.sns li.tw{
	padding:7px 10px 0 0;
	height:27px;
}
ul.sns li.mixi{
	padding:9px 10px 0 0;
	height:25px;
}
ul.sns li.google{
	padding:7px 10px 0 0;
	height:27px;
}

 /* IE6 */ 
 * html ul.sns{
	 width:264px;
}

.btnBox_bnr {
	height:34px;
	float:left;
	padding:0 0 18px 13px;
}
ul.btnBox_bnr li {
	float:left;
	margin:0 7px 0 0;
}
ul.btnBox_bnr li.last {
	margin:0 0 0 0;
}

 /* IE6 */ 
 * html ul.btnBox_bnr{
	 width:675px;
}



/* ==========================================================
	グローバルナビゲーション
========================================================== */

/* 共通
========================================================== */

ul#gNavi {
	width:954px;
	height:100px;
	overflow:hidden;/*IE6*/
	position: absolute;
	top: 194px;
	left: 12px;
	z-index: 10;
}

ul#gNavi li {display:inline;}

ul#gNavi li a {
	height:100px;
	display:block;
	float:left;
	text-indent:-99100px;
	overflow:hidden;
	background: url(/link/images/shared/gNavi.png) no-repeat;
}


ul#gNavi li.gNavi00 a {
	background-position: 0 0;
	width:129px;
}

ul#gNavi li.gNavi00 a:hover      {background-position: 0 -100px;}
body.link ul#gNavi li.gNavi00 a {background-position: 0 -100px;}


ul#gNavi li.gNavi01 a {
	background-position: -129px 0;
	width:117px;
}

ul#gNavi li.gNavi01 a:hover      {background-position: -129px -100px;}
body.story ul#gNavi li.gNavi01 a {background-position: -129px -100px;}


ul#gNavi li.gNavi02 a {
	background-position: -245px 0;
	width:116px;
}

ul#gNavi li.gNavi02 a:hover       {background-position: -245px -100px;}
body#life ul#gNavi li.gNavi02 a {background-position: -245px -100px;}


ul#gNavi li.gNavi03 a {
	background-position: -361px 0;
	width:126px;
}

ul#gNavi li.gNavi03 a:hover {background-position: -361px -100px;}
body.world ul#gNavi li.gNavi03 a {background-position: -361px -100px;}
body.world_in ul#gNavi li.gNavi03 a {background-position: -361px -100px;}


ul#gNavi li.gNavi04 a {
	background-position: -487px 0;
	width:126px;
}

ul#gNavi li.gNavi04 a:hover {background-position: -487px -100px;}
body.enjoy ul#gNavi li.gNavi04 a {background-position: -487px -100px;}


ul#gNavi li.gNavi05 a {
	background-position: -613px 0;
	width:126px;
}

ul#gNavi li.gNavi05 a:hover {background-position: -613px -100px;}
body.system ul#gNavi li.gNavi05 a {background-position: -613px -100px;}


ul#gNavi li.gNavi06 a {
	background-position: -739px 0;
	width:107px;
}

ul#gNavi li.gNavi06 a:hover {background-position: -739px -100px;}
body.communication ul#gNavi li.gNavi06 a {background-position: -739px -100px;}


ul#gNavi li.gNavi07 a {
	background-position: -846px 0;
	width:107px;
}

ul#gNavi li.gNavi07 a:hover {background-position: -846px -100px;}
body.movie ul#gNavi li.gNavi07 a {background-position: -846px -100px;}


.gNavi_about a {
	height:101px;
	width:323px;
	display:block;
	text-indent:-99100px;
	overflow:hidden;
	background: url(/link/images/shared/gNavi_about.png) no-repeat;
	position:absolute;
	top:97px;
	right:180px;
}

.gNavi_about a:hover {
	background-position: 0px -101px;
}
body.about .gNavi_about a {
	background-position: 0px -101px;
}

.gNavi_link a {
	height:162px;
	width:163px;
	display:block;
	text-indent:-99100px;
	overflow:hidden;
	background: url(/link/images/shared/gNavi_pack.png) no-repeat;
	position:absolute;
	top:38px;
	right:0px;
}

.gNavi_link a:hover {
	background-position: 0px -162px;
}
.pack .gNavi_link a {
	background-position: 0px -162px;
}

/* ==========================================================
	フッター
========================================================== */

#footer {
	font-size:85%;
	margin:0 0 30px 0;
	clear:both;
}

.btn_level5{
	line-height:123%;
	padding:18px 0 0 8px;
	float:left;
}
.btn_contact{
	line-height:123%;
	padding:18px 0 0 8px;
	float:left;
}
.attention{
	line-height:123%;
	padding:10px 0 0 8px;
}
.footerLeft{
	width:477px;
}
.copyright{
	float:right;
	text-align:right;
	width:400px;
	line-height:123%;
	padding:48px 8px 20px 0;
}
.btn_pagetop_section{
	width:940px;
	padding:30px 20px 0 0;
	text-align:right;
	clear:both;
}

.aboutDL1{
	margin:18px 0 0 0;
}
.aboutDL2{
	text-align:right;
}
.bnrArea_btn_update{
	margin:20px 0 0 0;
	text-align:center;
}
.bnrArea_btn_update2{
	margin:5px 0 0 0;
	text-align:center;
}

/* spec
---------------------------------------------------------- */
.spec{
	clear:both;
	margin:18px 0 0 0;
}

/* bnrArea
---------------------------------------------------------- */
#bnrArea{
	background:url(/link/images/shared/bg_bnr_area.jpg) top center no-repeat;
	width:980px;
	height:352px;
	clear:both;
	margin:18px 0 18px 0;
}
#bnrArea ul{
	padding:15px 29px 0 28px;
}
#bnrArea li{
	float:left;
	padding:0 0 5px 0;
	height:103px;
}
#bnrArea li.last{
	margin:0;
}
#bnrArea li.last2{
	float:left;
	height:103px;
	padding:0 7px 0 3px;
	margin:0;
}
#bnrArea li.last3{
	float:left;
	height:213px;
	padding:0 7px 7px 3px;
	margin:0;
}
#bnrArea li.last4{
	float:right;
	height:103px;
	padding:0 0 7px 0;
	margin:0;
}
#bnrArea li.last5{
	float:right;
	height:103px;
	padding:0 0 0 0;
	margin:0;
}

/* bnrArea2
---------------------------------------------------------- */
.bnrArea2{
    padding:18px 0 0 0;
	clear:both;
	width:951px;
	margin:auto;
}
.bnrArea2 li{
	margin:0 0 9px 9px;
	float:left;
}
.bnrArea2 li.last{
	margin:0 0 0 9px;
}
.bnrArea2 li.last2{
	margin:0 0 9px 0;
}
.bnrArea2 li.last3{
	margin:0 0 0 0;
}
.bnrArea2 li.last4{
	margin:9px 0 0 0;
}

/* bnrArea3
---------------------------------------------------------- */
#bnrArea3{
	margin:18px 0;
}

 /* シリーズトップバナー
---------------------------------------------------------- */
.bnr_series_top{
 	padding: 18px 0 0 15px
 }
 
/* 表示モード
========================================================== */
#switch {
  width:65%;
  height:13px;
  margin:10px auto;
  font-size:10px;
  padding:5px 13px 8px;
  text-align:center;
  background:#eeb26f;
}
#switch a {
	color:#805201;
	font-weight:bold;
}