@charset "Shift_JIS";

/* 基本共通設定　[ base.css ]
=================================
1: 初期化スタイル

2: レイアウト

3: ヘッダー
	#search-box
	#title-area
	#bread-crumbs
	#global-nav
	
4: メイン
	#pagetop
	
5: レフトエリア

6: フッター
  
7: その他
	.clearfix
	
=================================*/


/*1: 初期化スタイル
=================================*/
* {
	margin: 0;
	padding: 0;
	font-family: "MS PGothic", Osaka, "MS Gothic", Gothic;
}

hr {
	display: none;
	clear: both;
}

img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}

th, td {
	margin: 0;
	padding: 0;
}

em {
	font-style: normal;
}

ul,ol {
	list-style-type: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.tx-l {
	text-align: left;
}

.tx-r {
	text-align: right;
}

.tx-c {
	text-align: center;
}

a:link { color: #0066a7; text-decoration: none;}
a:visited { color: #6e4987; text-decoration: none;}
a:hover { color: #0066a7; text-decoration: underline;}
a:active { color: #0066a7; text-decoration: none;}


a.red:link { color: #ff0000; text-decoration: none;}
a.red:visited { color: #ff0000; text-decoration: none;}
a.red:hover { color: #ff0000; text-decoration: underline;}
a.red:active { color: #ff0000; text-decoration: none;}

span.hidden {
	display: none;
}


/*2: レイアウト
=================================*/
body {
	margin: 0;
	padding: 0;
	background: url(/annexlive/img_c/bg_header.jpg) repeat-x left top;
	color: #444444;
	text-align: center;
}

#container {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#contents {
	width: 800px;
	margin: 22px 0 0 0;
}


/*3: ヘッダー
=================================*/
#header {
	width: 800px;
	background: url(/annexlive/img_c/header.jpg) no-repeat left top;
	text-align: right;
}

#header p#logo {
	position: absolute;
}

#header p.links {
	float:left;
	margin: 23px 10px 2px 5px;
/*	width:300px;		in tha case: "p.bnr" exists */
	width:450px;
	text-align: left;
	display:inline;
}

#header p.msg {
	float:right;
	margin: 24px 0px 1px 0;
	width:330px;
	text-align: right;
	font-size:60%;
}

#header p.bnr {
	float:right;
	margin: 0 10px 0 0;
	width:140px;
	height:44px;
	display:inline;
}

#header p.bnr a {
	width:140px;
	height:44px;
}

#header p.bnr span {
	display:none;
}

/*search box
---------------------------------*/
#search-box {
	margin: 0;
	padding: 15px 0 0 0;
	text-align:right;
}

#search-box #WLSearchBoxDiv {
	width:278px;
	float: right;
	text-align:right;
}

#search-box #WLSearchBoxDiv .WSinput {
	width:160px;
}

#search-box #WLSearchBoxDiv .WSbtn {
	width:100px;
}

/*title
---------------------------------*/
#title-area {
	padding: 0 10px;
	background-color: #444444;
	text-align: left;
}

h1 {
	float: left;
	width: 330px;
	padding: 0;
}

h1 span{
	display: block;
	padding: 12px 0 12px 25px;
	background: url(/annexlive/img_c/icon_category.gif) no-repeat 3px 50%;
	color: #ffffff;
	zoom: 1;	/* IE対策（アイコンが印刷時に消える為） */
}

/*bread crumbs
---------------------------------*/
p#bread-crumbs {
	float:right;
	width: 450px;
	margin: 15px 0;
	padding: 0;
	color: #aaaaaa;
	text-align: right;
}

#bread-crumbs a:link { color: #7db0cc; text-decoration: none;}
#bread-crumbs a:visited { color: #7db0cc; text-decoration: none;}
#bread-crumbs a:hover { color: #7db0cc; text-decoration: underline;}
#bread-crumbs a:active { color: #7db0cc; text-decoration: none;}

/*global nav
---------------------------------*/
#gn {
	width: 800px;
	margin: 5px 0 0 0;
	background: url(/annexlive/img_c/m_bg.gif) repeat-x 0 0;

}

#gn ul {
	width: 800px;
	margin: 0;
	padding:0;
	background: url(/annexlive/img_c/m_brank_1.gif) no-repeat right top;
}

#gn ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#gn li.home { width: 68px;}
#gn li.service { width: 229px;}
#gn li.function { width: 75px;}
#gn li.mobile { width: 71px;}
#gn li.pe { width: 62px;}
#gn li.download { width: 134px;}

#gn ul li a {
	display: block;
	height: 37px;
}

/*マウスのオン、オフの設定
---------------------------------*/
/* オフ */
#gn li.home a { width: 68px; background: url("/annexlive/img_c/m_home.gif") no-repeat 0 0;}
#gn li.service a { width: 229px; background: url("/annexlive/img_c/m_service.gif") no-repeat 0 0;}
#gn li.function a { width: 75px; background: url("/annexlive/img_c/m_function.gif") no-repeat 0 0;}
#gn li.mobile a { width: 71px; background: url("/annexlive/img_c/m_mobile.gif") no-repeat 0 0;}
#gn li.pe a { width: 62px; background: url("/annexlive/img_c/m_pe.gif") no-repeat 0 0;}
#gn li.call a { width: 94px; background: url("/annexlive/img_c/m_call.gif") no-repeat 0 0;}
#gn li.download a { width: 134px; background: url("/annexlive/img_c/m_download02.gif") no-repeat 0 0;}

/* オン */
#gn li.home a:hover { background-position: 0 -37px;}
#gn li.service a:hover { background-position: 0 -37px;}
#gn li.function a:hover { background-position: 0 -37px;}
#gn li.mobile a:hover { background-position: 0 -37px;}
#gn li.pe a:hover { background-position: 0 -37px;}
#gn li.call a:hover { background-position: 0 -37px;}
#gn li.download a:hover { background-position: 0 -37px;}

/* ステイ */
#gn li.home-select a { width: 68px; background: url("/annexlive/img_c/m_home.gif") no-repeat 0 -37px;}
#gn li.service-select a { width: 229px; background: url("/annexlive/img_c/m_service.gif") no-repeat 0 -37px;}
#gn li.function-select a { width: 75px; background: url("/annexlive/img_c/m_function.gif") no-repeat 0 -37px;}
#gn li.mobile-select a { width: 71px; background: url("/annexlive/img_c/m_mobile.gif") no-repeat 0 -37px;}
#gn li.pe-select a { width: 62px; background: url("/annexlive/img_c/m_pe.gif") no-repeat 0 -37px;}
#gn li.call-select a { width: 94px; background: url("/annexlive/img_c/m_call.gif") no-repeat 0 -37px;}
#gn li.download-select a { width: 134px; background: url("/annexlive/img_c/m_download02.gif") no-repeat 0 -37px;}

/* coming soon */
#gn li.mobile { display: block;	height: 37px; width: 71px; background: url("/annexlive/img_c/m_mobile_3.gif") no-repeat 0 0;}

/*4: メイン
=================================*/
#main {
	float: right;
    width: 590px;
	margin: 0;
	padding: 0;
}

#main p.pagetop {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: right;
}

#main p.pagetop a:link { color: #0066a7; text-decoration: none;}
#main p.pagetop a:visited { color: #0066a7; text-decoration: none;}
#main p.pagetop a:hover { color: #0066a7; text-decoration: underline;}
#main p.pagetop a:active { color: #0066a7; text-decoration: none;}


/* ダウンロードボタン(id="top"用)
--------------------------	*/
#top #main #bt-area {
	width: 780px;
	margin: 20px 10px 20px;
	padding: 30px 0 0 0;
	border-top: 1px solid #e9e9e9;
}

#top #main #bt-area p.b-download {
	margin: 0;
	padding: 0;
	text-align: center;
}
#top #main #bt-area p.tx-download {
	margin: 0;
	padding: 0;
	text-align: center;
/* for Mac IE 5.x Only \*//*/
	margin-top: 86px;
/* For other browser */
}
#top #main #bt-area p.b-download a {
	display: block;
	width: 280px;
	height: 86px;
	margin: 0 auto;
}

#top #main #bt-area p.cap {
	margin: 2px 0 0;
	text-align: center;
}

/* ダウンロードボタン(下層ページ用)
--------------------------	*/
#main #bt-area {
	width: 590px;
	margin: 30px 0 20px;
	padding: 30px 0 0 0;
}

#main #bt-area p.b-download {
	margin: 0;
	padding: 0;
	text-align: center;
}
#main #bt-area p.tx-download {
	margin: 0;
	padding: 0;
	text-align: center;
/* for Mac IE 5.x Only \*//*/
	margin-top: 86px;
/* For other browser */
}
#main #bt-area p.b-download a {
	display: block;
	width: 280px;
	height: 86px;
	margin: 0 auto;
}

#main #bt-area p.b-webmsg {
	margin: 0;
	padding: 0;
	text-align: center;
}

#main #bt-area p.cap {
	margin: 2px 0 0;
	text-align: center;
}

/*マウスのオン、オフの設定
---------------------------------*/
/* オフ */
p.b-download a { background: url("/annexlive/img_c/b_download.jpg") no-repeat 0 0;}

/* オン */
p.b-download a:hover { background-position: 0 -86px;}


/*5: レフトエリア
=================================*/
#left-area {
	float: left;
	width: 180px;
	margin: 0 0 20px 0;
	padding: 4px 0 0 0;
	background: url(/annexlive/img_c/subm_top.gif) no-repeat 0 0;
}

#left-area p img {
	vertical-align: top;
}

#left-area ul {
	padding: 0 0 4px 0;
	border-right: 1px solid #aaaaaa;
}

#left-area ul li {
	margin: 0 0 5px 0;
}

#left-area ul li.end {
	margin: 0;
}

#left-area ul li.line-top {
	margin: 0;
	padding: 10px 10px 0;
	border-top: 1px solid #7db0cd;
}


#left-area ul li.start strong {
	padding-top:1px;
}

#left-area ul li.black strong {
	background-color:#444444;	
}

#left-area ul li.gray strong {
	background-color:#aaaaaa;	
}

#left-area ul li strong {
	display: block;
	padding: 5px 7px;
	background-color:#7db0cd;
	color: #ffffff;
}

#left-area ul li ul {
	padding: 10px 7px 5px 10px;
	border: none;
}

#left-area ul li ul li {
	margin: 0 0 7px 0;
	padding: 0;
	background-color:#ffffff;
	line-height: 1.1;
}

#left-area ul li ul li.end {
	margin: 0;
}

#left-area ul li.select,
#left-area ul li ul li.select {
	color:#7db0cc;
}

#left-area ul li ul li a:link { color: #0066a7; text-decoration: none;}
#left-area ul li ul li a:visited { color: #6e4987; text-decoration: none;}
#left-area ul li ul li a:hover { color: #7db0cc; text-decoration: underline;}
#left-area ul li ul li a:active { color: #0066a7; text-decoration: none;}


/*6: フッター
=================================*/
#footer {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
}

#footer p#footer-nav1 {
	padding: 15px 0 10px 10px;
	border-top: 1px solid #e9e9e9;
}

#footer #footer-bottom {
	padding: 25px 0 0 10px;
	background: url(/annexlive/img_c/bg_footer.gif) repeat-x left top;
}

#footer-bottom p#copyright {
	width: 125px;
	float: left;
}

#footer-bottom p#footer-nav2 {
	width: 570px;
	float: left;
}

#footer-bottom p#ms-logo {
	width: 90px;
	float: right;
}


/*7: その他
=================================*/
/*.clearfix
---------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */