@charset "utf-8";

/*============================================
 2011.8
 top.css
============================================*/

/*============================================
  reset Css 
============================================*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,p,table,th,td,form,input,textarea,select { margin:0px; padding:0px; color:#333333; }
h1,h2,h3,h4 { font-size:1em; font-weight:normal; }
img { margin:0; padding:0; border:0; }
ul,dl{ list-style-type:none; }

/*============================================
  class
============================================*/
/* link
========================================== */
a{ outline:none; }
a:link{ color:#555; text-decoration:none; }
a:visited{ color:#555; text-decoration:none; }
a:hover{ color:#555; text-decoration:underline; }
a:active{ color:#555; text-decoration:underline; }
a.linkImage { display: block; }
a.linkImage img { border: 1px solid #D9D9D9; }
a.linkImage:hover img { border: 1px solid #FF9860; }

/*	float clear
============================================*/
.floatLeft{ float:left; }
.floatRight{ float:right; }
.clear{ clear:both; height:0; font-size:0; line-height:0; }
.clear2{ clear:both; }
.clearfix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}
/* clearfix
=========================================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* margin-bottom
=========================================*/
.mb3{margin-bottom:3px;}
.mb4{margin-bottom:4px;}
.mb5{margin-bottom:5px;}
.mb7{margin-bottom:7px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb12{margin-bottom:12px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

/* margin-left
=========================================*/
.ml16{margin-left:16px;}

/* other
=========================================*/
.linetop01{ border-top:solid 1px #D2CFC9}
.linebottom01{ border-bottom:solid 1px #D2CFC9}
.linebottom02{ border-bottom:solid 1px #D2CFC9; margin-top:10px;}

/*============================================
  base Css 
============================================*/
body {
	_height: 100%;
	background: #fff url(/shared/image/bg_body_01.gif) repeat-x;
	font-size: 12px;
	*font-size: 75%;
	font-family: sans-serif;
	*font-family: "ＭＳ Ｐゴシック";
	line-height: 1.7;
	color: #555;
}
/*--for IE6--*/
* html body{ font-size:75%; }
/*--for IE7--*/
*:first-child+html body{ font-size:75%; }

/* for safari */
/*\*/
html:\66irst-child body {
 font-size: 70%;}
/* end */

/* for MacIE */
/* \*//*/
body {
 font-size: 74%;
 font-size: 11px;}
/**/

/*	container
============================================*/
#container{ width:994px; margin:0 auto; padding-bottom:30px; }


/* ------------------------------------------------ */
/* reset                                            */
/* ------------------------------------------------ */
#headerArea ul,
#globalNavArea ul,
#footerArea ul{
	margin: 0;
}
#headerArea li,
#globalNavArea li,
#footerArea li {
	margin: 0;
	list-style-type: none;
}
#headerArea p img,
#footerArea p img {
	vertical-align: bottom !important;
}
#headerArea li img,
#footerArea li img {
	margin-right : 0;
	padding: 0 !important;
	*background: #f3f1e9; /* for IE */
	vertical-align: baseline !important;
}

.skipLink {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:1px;
	height:1px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

/* ------------------------------------------------ */
/* headerArea                                       */
/* ------------------------------------------------ */
#headerArea {
	position: relative;
	width: 950px;
	height: 56px;
	margin: 0 auto;
	z-index:600;
}
#headerArea p.ci {
	position: absolute;
	left: 0px;
	top: 23px;
}
#headerArea p.tagline {
	position: absolute;
	left: 116px;
	top: 23px;
}
#headerArea p.cn {
	position: absolute;
	right: 0;
	top: 13px;
}

/* utilityNav */
#headerArea ul.utilityNav {
	position: absolute;
	right: 214px;
	top: 33px;
	font-size: 84%;
}

#headerArea ul.utilityNav li {
	float: left;
	padding: 4px 10px 4px 10px;
	border-right: 1px solid #ccc;
	line-height:1;
}
#headerArea ul.utilityNav li a {
	padding: 0 0 0 8px;
	background: url(/image/icon_arrow_gray.gif) left center no-repeat;
	color: #666;
}

/* utilityNav2 */
#headerArea ul.utilityNav2 {
	position: absolute;
	right: 220px;
	top: 9px;
	font-size: 84%;
}
#headerArea ul.utilityNav2 li {
	float: left;
	padding: 4px 10px 4px 10px;
	line-height:1;
}
#headerArea ul.utilityNav2 li a {
	padding: 0 0 0 8px;
	background: url(/image/icon_arrow_gray.gif) left center no-repeat;
	color: #666;
}

/* form */
#headerArea form.search {
	position: absolute;
	right: 20px;
	top: 33px;
}
#headerArea form.search input.query {
	float: left;
	width: 138px;
	border: 1px solid #b2b2b2;
	padding: 1px 0;
	background: #fff;
	font-size: 84%;
}
#headerArea form.search input.submit {
	float: left;
	margin: 0 0 0 2px;
}
#headerArea p.help {
	position: absolute;
	right: 0;
	top: 33px;
}

/* ------------------------------------------------ */
/* globalNavArea                                    */
/* ------------------------------------------------ */
#globalNavArea {
	width: 950px;
	margin: 0 auto 10px auto;
}
/* globalNav */
#globalNavArea ul.globalNav {
	z-index: 100;
	width: 950px;
	height: 36px;
	margin-left:-3px;
}
#globalNavArea ul.globalNav li {
	float: left;
}
#globalNavArea ul.globalNav li.current {
	position: relative;
	z-index: 300;
}

/* localNav */
#globalNavArea ul.localNav {
	height: 31px;
	border-bottom: 1px solid #b3b3b3;
}
#globalNavArea ul.localNav li {
	float: left;
	position: relative;
	margin-bottom: -1px;
	z-index: 210;
}

/*	mainvisual
============================================*/
@media print{
#mainvisual{ display: none; }
} 

#mainvisual_top{ width:994px; height:8px; margin:0 auto; background:url(/image/head_bg_top.gif) no-repeat 0 0; overflow: hidden;}
#mainvisual{ width:994px; height: 363px; margin:0 auto; background:url(/image/head_bg_middle.gif) repeat-y; }

#mainvisual_inner {
	display: none;
	position: relative;
	overflow: hidden;
	width: 978px;
	height: 363px;
	margin:0 auto;
	font-size: 0;
	line-height: 0;
}
#wrapVisual {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 978px;
	height: 285px;
}
#wrapVisual p {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

	/* visualGuard */
	#visualGuard {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5;
		width: 978px;
		height: 285px;
		background: url(/image/spacer.gif);
		cursor: pointer;
	}

	/* wrapThumbBg */
	#wrapThumbBg {
		position: absolute;
		left: 0;
		top: 285px;
		width: 978px;
		height: 78px;
	}
	#wrapThumbBg p {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		width: 978px;
		height: 78px;
	}

	/* wrapThumb, wrapThumbTrap */
	#wrapThumb,
	#wrapThumbTrap {
		position: absolute;
		top: 297px;
		overflow: hidden;
		height: 54px;
	}
	#wrapThumb { z-index: 10; }
	#wrapThumbTrap { z-index: 1000; }

	.mv_2 #wrapThumb, .mv_2 #wrapThumbTrap { left: 302px; width: 374px; }
	.mv_3 #wrapThumb, .mv_3 #wrapThumbTrap { left: 206px; width: 565px; }
	.mv_4 #wrapThumb, .mv_4 #wrapThumbTrap { left: 111px; width: 756px; }
	.mv_5 #wrapThumb, .mv_5 #wrapThumbTrap { left: 15px; width: 947px; }
	.mv_c #wrapThumb, .mv_c #wrapThumbTrap { left: 24px; width: 931px; }
	
	#wrapThumb p,
	#wrapThumbTrap p {
		position: absolute;
		top: 0;
	}
	#wrapThumb p {
		width: 181px;
		height: 52px;
		border: solid 1px #cccccc;
	}
	#wrapThumbTrap p {
		width: 183px;
		height: 54px;
		background: url(/image/spacer.gif);
		cursor: pointer;
	}
	
	#thumb_1, #thumbTrap_1 { left: 0px; }
	#thumb_2, #thumbTrap_2 { left: 191px; }
	#thumb_3, #thumbTrap_3 { left: 382px; }
	#thumb_4, #thumbTrap_4 { left: 573px; }
	#thumb_5, #thumbTrap_5 { left: 764px; }

	/* thumbCr */
	#thumbCr {
		position: absolute;
		top: 286px;
		z-index: 100;
		width: 183px;
		height: 65px;
		background: url(/image/bg_thumb_arrow.png) no-repeat;
	}
	.mv_2 #thumbCr { left: 302px; }
	.mv_3 #thumbCr { left: 206px; }
	.mv_4 #thumbCr { left: 111px; }
	.mv_5 #thumbCr { left: 15px; }
	.mv_c #thumbCr { left: 398px; }

	/* arrowWrap, arrowTrapWrap */
	#arrowWrap,
	#arrowTrapWrap {
		position: absolute;
		left: 0;
		top: 296px;
	}
	#arrowWrap { z-index: 100; }
	#arrowTrapWrap { z-index: 1000; }
	
	#arrowWrap p,
	#arrowTrapWrap p {
		position: absolute;
		top: 0;
		width: 15px;
		height: 58px;
	}
	#arrowL, #arrowL_on, #arrowTrapL { left: 6px; }
	#arrowR, #arrowR_on, #arrowTrapR { left: 957px; }

	#arrowWrap p {
		background-repeat: no-repeat;
	}
	#arrowTrapWrap p {
		background: url(/image/spacer.gif);
		cursor: pointer;
	}
	#arrowL { background-image: url(/image/bg_arrowl.png); }
	#arrowL_on { background-image: url(/image/bg_arrowl_on.png); }
	#arrowR { background-image: url(/image/bg_arrowr.png); }
	#arrowR_on { background-image: url(/image/bg_arrowr_on.png); }
	
	#arrowL_on,
	#arrowR_on {
		display: none;
	}



/*	contents
============================================*/
#contents_outer{ width:994px; margin:0 auto; background:url(/image/main_bg_middle.gif) repeat-y 0 0; padding-bottom:0px;}
#contents{ width:955px; margin:0 auto; padding:9px 12px 10px 11px; position:relative; font-family:'ＭＳ Ｐゴシック','MS Pゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif; *font-family: "ＭＳ Ｐゴシック";}
#contents_bottom{ width:994px; height:6px; background:url(/image/main_bg_bottom.gif) no-repeat 0 0; }
#contents #main{ width:712px; float:left; }
#contents #rightSide{ width:221px; float:right; padding-top:4px; }
* html #contents #rightSide{ width:221px; float:right; padding-top:4px; margin-right:-8px; }


/*	main
============================================*/
#importantNews{ padding:12px 13px; background-color:#F1EEE6; }
ul.list{ list-style: none; margin: 0px; margin-left: 0px; padding: 0px; }
ul.list li {  margin: 0px; padding: 0px 0px 0px 16px; background: url(/image/ico_arrow_orange.gif) no-repeat 3px 0.1em; list-style: none;}
ul.list2 li {  margin: 0px; padding: 0px 0px 0px 16px; background: url(/image/ico_arrow_orange.gif) no-repeat 3px 0.1em; list-style: none; background-position: 3px 3px; }
ul.list li.gray {  margin: 0px; padding: 0px 0px 0px 16px; background: url(/image/ico_arrow_gray.gif) no-repeat 1px 0.6em; list-style: none;}
ul.list li span{display:inline-block; width:80px; float: left;}
ul.list li span.heading{
	display:inline-block;
	_display:inline;
	width:580px;
	padding-left:15px;
	float: none;
	_float: left;
}
ul.list li.second {  margin: 0 0 0 16px;}
ul.list{ list-style: none; margin: 0px; margin-left: 0px; padding: 0px; }
ul.list li.pattern01 {  margin: 0px; padding: 0px 0px 0px 24px; background: url(/image/ico_list.gif) no-repeat 3px 0.3em; list-style: none;}
*ul.list li.pattern01 {  margin: 0px; padding: 0px 0px 0px 24px; background: url(/image/ico_list.gif) no-repeat 3px 0.4em; list-style: none;}


/*#notice_under{ height:80px; overflow:auto; margin-bottom:20px; }*/
#notice_under{ height:64px; overflow:auto; margin-bottom:15px; }
dl { margin-left:14px;}
dt {  margin: 0px; padding: 0px 0px 0px 16px; background: url(/image/ico_arrow_orange.gif) no-repeat 3px 0.1em; list-style: none;float: left; clear: left;display:inline-block; width:80px; float: left}
dd {width:600px; float: left}
dd.informationIcon {display: none; }


/*#topics { height:80px; overflow:auto; margin-bottom:20px;}*/
#topics { height:65px; overflow:auto; margin-bottom:15px;}
#topics ul { margin-left:14px;}

#importantNews a:link, #topics a:link, #notice_under a:link{ color:#555; text-decoration:none; }
#importantNews a:visited, #topics a:visited, #notice_under a:visited{ color:#555; text-decoration:none; }
#importantNews a:hover, #topics a:hover, #notice_under a:hover{ color:#F78A0B; text-decoration:underline; }
#importantNews a:active, #topics a:active, #notice_under a:active{ color:#F78A0B; text-decoration:underline; }


/*	menu
============================================*/
.menu_box{ background:url(/image/menu_bg.gif) repeat-y 0 0;}
.left_column01{ width:228px; padding:0 7px 20px 0; float:left; display:inline; position:relative; }
.center_column01{ width:228px; padding:0 0 20px 7px; float:left; display:inline; position:relative; }
.right_column01{ width:228px; float:right; display:inline; position:relative;  padding:0 0 20px 0;}

.left_column01 ul.list{ margin-left:0px; }
.center_column01 ul.list, .right_column01 ul.list{ margin-left:5px; }

.left_column01 ul.list li, .center_column01 ul.list li, .right_column01 ul.list li{ _width:200px; margin-left:5px; }

ul.list li.second {  margin: 0 0 0 16px;}
ul.list li.pattern01 {  margin: 0px; padding: 0px 0px 0px 24px; background: url(/image/ico_list.gif) no-repeat 3px 0.3em; list-style: none;}

.menu_pic{ margin-bottom:8px; }
.menu_title{ margin-bottom:12px; }
.line{ border-bottom:solid 1px #CCC; margin:0 0 13px -11px;}
.list_bn{ float:right; display:inline; margin:10px 5px 0 0;}

/*	rightside
============================================*/
#sidetopmenu{ margin:0 0 20px 6px; }
#support_erea{ width:221px; height:157px; position:relative; background:url(/image/banner_support_bg.gif) no-repeat 0 0;}
/*#support_erea .support_bn{ position:absolute; left:16px; top:84px; }*/
#support_erea .support_bn{ position:absolute; left:16px; top:84px; background:url(images/banner_support_bn_on.gif) no-repeat;}
#support_erea .support_bn a{ display:block;
width:190px;
height:31px;
font-size:1px;
line-height:1px;
outline:none; }
#support_erea .support_bn a:hover{ text-indent:-9999px; }

#support_erea .support_title{ position:absolute; left:16px; top:17px; }
#support_erea .support_text{ position:absolute; left:16px; top:124px; }
.bannerbox{ position:relative;}
.bannerbox ul{ position:absolute; left:61px; top:39px;}
#adgallery{ margin:0 0 20px 0; }
#adgallery ul.list{ line-height:1.9; margin-left:6px;}
*#adgallery ul.list li { margin: 0px; padding: 0px 0px 0px 16px; background: url(/image/ico_arrow_orange.gif) no-repeat 3px 0.1em; list-style: none;}
#adgallery ul.list li { margin: 0px; padding: 0px 0px 0px 16px; background: url(/image/ico_arrow_orange.gif) no-repeat 3px 0.1em; list-style: none;}
#map_erea{ width:221px; height:203px; position:relative; background:url(/image/map_bg.gif) no-repeat 0 0;}
#map_erea .map_title{ position:absolute; left:7px; top:14px; }
#map_erea ul.list{ margin: 56px 0px 0px 0px; }
#map_erea ul.list li{ width:50px; height:20px; margin: 0 0 5px 7px; padding: 0px 0px 0px 16px; background: url(/image/ico_arrow_orange.gif) no-repeat 3px 0.1em; list-style: none; float:left; display:inline; }
#map_erea ul.list li.last{ width:200px; margin: 0 0 0 7px; padding: 0px 0px 0px 16px; background: url(/image/ico_arrow_orange.gif) no-repeat 3px 0.3em; list-style: none; float:left; display:inline; }
#busCouster{ margin:0 0 20px 0; }
#busCouster ul.list{ line-height:1.9; margin-left:6px; margin-bottom:20px;}
#busCouster ul.list li { margin: 0px; padding: 0px 0px 0px 16px; background: url(/image/ico_arrow_orange.gif) no-repeat 3px 0.3em; list-style: none;}



/*	footer
============================================*/
/*#footer{ width:100%; clear:both; padding:20px 0; border-top:solid 1px #F76B1E; line-height:1.2; font-family: "ＭＳ Ｐゴシック"¥9;}*/
#footer{ width:100%; clear:both; padding:20px 0; border-top:solid 1px #F76B1E; line-height:1.2;}
#footer .inner{ width:978px; clear:both; margin:0 auto; }
#footer p a{ width:81px; height:39px; display:block; background:url(/image/logo_kddi.gif) no-repeat 0 0; text-indent:-9999px; margin-left:17px; }
/*#footer div.footerLinkTop{ width:859px; float:right; }
#footer div.footerLinkBottom{ width:859px; float:right; }*/
#footer div.footerLinkTop{ width:869px; float:right; }
#footer div.footerLinkBottom{ width:869px; float:right; }
#footer ul li{ display:inline; }
#footer ul li a{ padding:0 5px 0 8px; background:url(/image/icon_arrow_gray_f.gif) no-repeat 0 4px; font-size:0.83em; }
#footer div.footerLinkTop{ margin-bottom:5px; padding-bottom:5px; border-bottom:#cdcdcd 1px solid; }
/*#footer div.footerLinkBottom .floatRight{ font-size:0.83em; }*/
#footer div.footerLinkBottom .floatRight{ font-size:12px; }


/* ------------------------------------------------ */
/* wrapper                                          */
/* ------------------------------------------------ */
#wrapper {
	min-width: 848px;
	/*padding: 0 20px;*/
	padding: 0 20px 20px;
	background: url(/image/bg_footerarea_v3.gif) left bottom repeat-x;
}


/* ------------------------------------------------ */
/* footerArea                                       */
/* ------------------------------------------------ */
#footerArea {
	position: relative;
	width: 958px;
	*width: 918px;
	margin: 10px auto 0;

/*	padding: 5px 0 28px 0;
	*padding:  5px 30px 0;  */
	padding: 0px 0 0px 0;
	*padding:  0px 40px 5px;	
	font-size: 84%;
	
}
#footerArea a {
	color: #666;
}

/* firstBlock */
#footerArea .firstBlock {
	margin: 0 0 8px 94px;
	*margin: 0 0 8px 54px;
}
.safari {
	font-size: 90%;
	letter-spacing: -0.1em;
	word-spacing: -0.2em;
}
#footerArea .firstBlock p.ci {
	position: absolute;
	left: 3px;
	top: 1px;
}
#footerArea .firstBlock ul.topCategoryNav {
	float: left;
}
#footerArea .firstBlock ul.topCategoryNav li {
	float: left;
	margin: 0 14px 0 0;
}
#footerArea .firstBlock ul.topCategoryNav li a {
	padding: 0 0 0 8px;
	background: url(/image/bg_arrow_01.gif) left center no-repeat;
}
#footerArea .firstBlock ul.categoryNav {
	float: right;
	display: inline;
	margin: 0 3px 0 0;
}
#footerArea .firstBlock ul.categoryNav li {
	float: left;
	display: inline;
	margin: 0 0 0 14px;
}
#footerArea .firstBlock ul.categoryNav li a {
	padding: 0 0 0 8px;
	background: url(/image/bg_arrow_01.gif) left center no-repeat;
}

/* lastBlock */
#footerArea .lastBlock {
	margin: 0 0 0 94px;
	*margin: 0 0 0 54px;
	padding: 8px 0 0 0;
	border-top: 1px solid #999;
}
#footerArea .lastBlock ul.utilityNav {
	float: left;
}
#footerArea .lastBlock ul.utilityNav li {
	float: left;
	margin: 0 14px 0 0;
}
#footerArea .lastBlock ul.utilityNav li a {
	padding: 0 0 0 8px;
	background: url(/image/bg_arrow_01.gif) left center no-repeat;
}
#footerArea .lastBlock p.copyright {
	float: right;
	margin: 0 0 10px -14px;
	text-align: right;
	text-transform: uppercase;
}
#footerArea .lastBlock p.okinawacopyright {
	float: right;
	margin: 0 0 10px -14px;
	text-align: right;
}

#footerArea.ocFooterArea .firstBlock,
#footerArea.ocFooterArea .lastBlock {
	margin-left: 175px;
}


/* pageTop */
html>body #pageTop {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 500;
}
#pageTop {
	_position: absolute;
	_right: 0;
	_top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+(documentElement.clientHeight-this.clientHeight) - 0
	: document.body.scrollTop
	+(document.body.clientHeight-this.clientHeight) - 0);
	_z-index: 500;
	margin: 0;
}

/* campaign */
body#campaign {
	background: #fff url(../image/bg_body_02.gif) repeat-x;
}
body#campaign #contentBodyInner {
	padding: 25px 0 10px 0;
}

#productNavArea,
#productNavArea dl,
#productNavArea dt,
#productNavArea dd {
	margin: 0;
	padding: 0;
}
#productNavArea ul,
#productNavArea li {
	list-style:none;
	margin: 0;
	padding: 0;
}
#productNavArea {
	background: url(/shared/image/bg_product_01.gif) no-repeat left top;
	border: 1px solid #e3e3e3;
	margin-top: 15px;
	min-height: 64px;
}
#productNavArea dt {
	width:146px;
	float:left;
}
#productNavArea dd {
	float:left;
}
#productNavArea ul {
	width:780px;
	margin:5px 0 0 15px;
}
#productNavArea li {
	float: left;
	background: url("/shared/image/bg_arrow_05.gif") no-repeat left 5px;
	padding:5px 0 3px 22px;
	width:150px;
	min-height:17px;
}

/* clearfix */
#contentBodyArea,
#contentBodyInner,
#footerArea .firstBlock,
#footerArea .lastBlock,
#productNavArea dl,
#productNavArea ul {
	/*\*/
	_overflow: visible;
	_height: 1px;
	zoom: 1;
	/**/
	/*\*//*/
	display: inline-table;
	/**/
}
#contentBodyArea:after,
#contentBodyInner:after,
#footerArea .firstBlock:after,
#footerArea .lastBlock:after,
#productNavArea dl:after,
#productNavArea ul:after {
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	margin: -1px 0 0 0;
}
.external,
.pdf,
.ex,
.roll {}
.modID {
	font-size: 18px;
	margin: 15px 0 15px 0;
	padding: 4px;
	background: #eee;
	color: #0066CC;
}



/*	pageTop
============================================*/
html>body #pageTop { position: fixed; bottom: 0; right: 0; z-index: 500; }
#pageTop{
	_position: absolute;
	_right: 0;
	_top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+(documentElement.clientHeight-this.clientHeight) - 0
	: document.body.scrollTop
	+(document.body.clientHeight-this.clientHeight) - 0);
	_z-index: 500;
	margin: 0;
}

/* AnotherWindow 
=========================================*/

.left_column01 ul.list li, .center_column01 ul.list li, .right_column01 ul.list li {
line-height: 150%;
layout-grid-line: 150%;
}

#wrapper #container #contents_outer #contents #rightSide #adgallery ul.list li{
line-height: 150%;
layout-grid-line: 150%;
}

ul.list li img.aWin {
vertical-align: middle;
margin-left:2px;
}

/* MessageBoard
=========================================*/
#mBoard{
	margin: 0 auto 10px;
	width:978px;
}

#mBoard td.mesB{
	background-color:#FFFFFF;
}

/*      electricity
--------------------------------------------*/
#electricity {
	padding: 9px 0px 0px 16px;
	width: 221px;
	height: 156px;
	background: url(/image/bg_electricity_01.gif) no-repeat;
	z-index:0;
}

#electricity .inner .title {
	margin:0 0 8px 0;
}
#electricity .inner .date {
	margin:0 0 10px 0;
	font-size: 10px;
	line-height: 1.5;
}
#electricity .inner .image {
}
#electricity .inner .text {
	width: 193px;
	height: 41px;
	background: url(/image/bg_electricity_02.gif) no-repeat;
	position:relative;
	z-index:1;
}

#electricity .inner .text.red {
	background: url(/image/bg_electricity_meter_red.gif) no-repeat;
}
#electricity .inner .text.yellow {
	background: url(/image/bg_electricity_meter_yellow.gif) no-repeat;
}
#electricity .inner .text.green {
	background: url(/image/bg_electricity_meter_green.gif) no-repeat;
}

#electricity .inner .text .percent {
	position:absolute;
	margin: 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 22px;
	left: 36px;
	top: 9px;
}
#electricity .inner .text .kilowatt {
	position:absolute;
	margin: -2px 0 0 0;
	font-size: 10px;
	line-height: 1.5;
	left: 136px;
	top: 7px;
}

/* clearfix */
#electricity .inner {
	/*\*/
	_overflow: visible;
	_height: 1px;
	zoom: 1;
	/**/
	/*\*//*/
	display: inline-table;
	/**/
}
#electricity .inner:after {
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	margin: -1px 0 0 0;
}

/*============================================
  スクロールバー
============================================*/
div.scrollholder{ clear:both; overflow:auto; z-index:1; scrollbar-3dlight-color:#0d1300; scrollbar-arrow-color:#999999; scrollbar-darkshadow-color:#0d1300; scrollbar-face-color:#0d1300; scrollbar-highlight-color:#999999; scrollbar-shadow-color:#999999; scrollbar-track-color:#0d1300;}

/* <Scroll> */
div.track{ position:relative; float:right; top:0;  width:11px; height:100%; font-size:0; z-index:3; background:#E0E0E0; }
div.drag_bar{ position:absolute; width:100%; height:14px; cursor:pointer; z-index:4; background:url(/image/icon_bar.gif) no-repeat 1px center #808080;}


/* MessageBoard
=========================================*/
#mBoard{
	margin: 0 auto 10px;
	width:978px;
}

#mBoard td.mesB{
	background-color:#FFFFFF;
}


/*------------------------------------------------------------------------
regretArea (KDDI TOP)
------------------------------------------------------------------------*/
#regretArea {
	width: 980px;
	margin:0 auto 10px;
}
#regretArea .message {
	border: solid 2px #cccccc;
	margin-bottom: 8px;
	background-color:#FFFFFF;	
}

#regretArea .box {
	margin-bottom: 0;
	padding: 0;
	border: solid 2px #e7e7e7;
	background-color:#FFFFFF;
}
#regretArea .box h2 {
	width: 974px;
}
#regretArea .box #toRecevery {
	padding-top: 2px;
	text-align: center;
}
#regretArea .box .section {
	/*margin: 15px 0 10px 10px;*/
	margin: 10px 0 10px 10px;
	/*padding-bottom:3px;*/
}
#regretArea .box .section .important {
		background-color:#FFFFFF;
/*	margin-bottom: 20px;*/
}
#regretArea .box .section .important li ul.imp1line {
	/*margin-bottom: 9px;*/
	margin-bottom: 0px;
}
#regretArea .box .section .important li ul.imp1line li {
	float: left;
	line-height: 18px;
}
#regretArea .box .section .important li ul.imp1line li.date {
	padding-left: 0px;
	padding-top:2px;
	width:87px;
}
#regretArea .box .section .important li ul.imp1line li.label {
	float: left;
	margin: 0 12px 0 0;
	padding: 0;
	width: 178px;
	text-align: center;
	color: #ffffff;
	background-color: #0E0E69;
}

#regretArea .box .section .important li ul.imp1line li.newsContents {
	float: left;
    padding-left: 10px;
	width: 601px;
    text-indent: -10px;
}

#regretArea .box .section .important li ul.imp1line li.newsContents a{
	padding:0 0 0 12px;
	background-image:url(/image/arrow_top.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	color:#666;
}

#regretArea .box .section .important li.last ul.imp1line {
	border:none;
	margin-bottom: 0;
}
#regretArea .box .section .important li ul.imp1line li.ichiran {
	float: right;
	width: 41px;
}
#regretArea .box .section .important li a {
	padding:0 0 0 0;
	background-image: url(/image/arrow_top.gif);
	background-repeat: no-repeat;
	background-position: 0pt 4px;
	color: #666666;
	border:none;
}
#regretArea .box .section .important li a:hover {
	color: #999999;
/*        display: block;
        overflow: hidden;
	border:none;*/
}

#regretArea .box .section .contentsBoxCols4 {
	width: 954px;
	background: url(/image/bg_index_regret_01.gif) left bottom no-repeat;
}

#regretArea .box .section .contentsBoxCols4 .col {
	float: left;
	margin-right: 11px;
	width: 230px;
}
#regretArea .box .section .contentsBoxCols4 .col.last {
	margin-right: 0;
}
#regretArea .box .section .contentsBoxCols4 .col ul.linkList02B li {
	margin: 10px;
}