@import url("/css/import1.css");

/* ===================================================================
CSS information

 file name  :index.css
 style info :indexƒy�[ƒW—pCSS
===================================================================* /
//* exception */
div#emergency {
	width:850px;
	margin:0 auto 18px auto;
	background:url(/css/../img/index/emergency/bg-repeat.gif) repeat-y;
	text-align:center;
}
div#emergencyInner {
	background:url(/css/../img/index/emergency/bg-top.gif) no-repeat top;
}
div#emergencyBox {
	padding:13px 17px 11px 17px;
	background:url(/css/../img/index/emergency/bg-bottom.gif) no-repeat bottom;
}

div#emergency dl {
	text-align:left;
	font-weight:bold;
	line-height:130%;
}

div#emergency dl dt {
	float:left;
	width:117px;
	height:16px;
	padding:3px 0 0 25px;
	background:url(/css/../img/common/icon-emergency.gif) no-repeat left;
	color:#c41b1b;
}

div#emergency dl dd {
	float:right;
	width:651px;
	padding:3px 0 0 0;
}

div#emergency dl dd#emergencyInfo {
	text-align:right;
}

div#emergency dl dd#emergencyInfo a {
	color:#c41b1b;
}

div#emergency dl dd#emergencyInfo a:hover {
	color:#ff4e55;
}

dl .important a {
	color:#d80008;
}
dl .important a:hover {
	color:#ff4e55;
}
/* exception */

/* special
----------------------------------*/
div#special {
	width:853px;
	margin:0 auto;
	text-align:center;
}
div#special div {
	text-align:left;
}
/* attentionArea
----------------------------------*/
div#attentionArea{
	margin:13px auto 0;
	width:850px;
	height:42px;
	position:relative;
	background:url(/css/../img/index/bg-att1206.gif) no-repeat 0 0;
}
div#attentionArea li{
	position:absolute;
	height:26px;
	top:8px;
}
div#attentionArea li.btn01{
	width:127px;
	left:481px;
}
div#attentionArea li.btn02{
	width:170px;
	left:618px;
}
/* home+biz+about
----------------------------------*/
div#special div#home,
div#special div#biz,
div#special div#about {
	float:left;
	width:261px;
	height:136px;
	margin-right:17px;
	padding:14px 0 0 12px;
	background:no-repeat;
	text-align:left;
}

div#special div h2 {
	height:21px;
	margin-bottom:12px;
	padding-left:1px;
}

div#special div ul {
	padding:0 0 0 8px;
}

div#special div ul li {
	height:14px;
	margin-bottom:9px;
}

/* home */
div#special div#home {
	background-image:url(/css/../img/index/special/bg-home.jpg);
}

/* biz */
div#special div#biz {
	background-image:url(/css/../img/index/special/bg-biz.jpg);
}

/* about */
div#special div#about {
	margin-right:0;
	background-image:url(/css/../img/index/special/bg-about.jpg);
}

/* support+Inner+Box
----------------------------------*/
div#special div#support {
	clear:both;
	float:left;
	width:562px;
	margin-right:18px;
	background:url(/css/../img/index/special/bg-supprot-repeat.jpg) repeat-y;
}

div#special div#supportInner {
	background:url(/css/../img/index/special/bg-support-top.jpg) no-repeat top;
}

div#special div#supportBox {
	padding:24px 0 10px 16px;
	background:url(/css/../img/index/special/bg-support-bot.jpg) no-repeat bottom;
}

div#special div#supportBox dl {
	float:left;
}

div#special div#supportBox dt {
	margin-bottom:8px;
}

div#special div#supportBox dd {
	margin:0 0 5px 3px;
	padding-left:5px;
}

div#special div#supportBox dl#safety {
	width:200px;
	margin-right:25px;
	background:url(/css/../img/index/special/bg-support-dot.jpg) repeat-y right;
}

div#special div#supportBox dl#safety dd {
	background:url(/css/../img/common/icon-arrow-red.jpg) no-repeat left 40%;
}

div#special div#supportBox dl#forGeust {
	width:317px;
}

div#special div#supportBox dl#forGeust dd {
	float:left;
	width:139px;
	background:url(/css/../img/common/icon-arrow-yellow.jpg) no-repeat left 40%;
}

/* login
----------------------------------*/
div#special div#login {
	float:left;
	width:250px;
	height:40px!important;
	padding:80px 0 0 22px!important;
	_padding:80px 0 0 21px!important;
	background:url(/css/../img/index/special/bg-login.jpg) no-repeat;
}

div#special div#login p {
	visibility:hidden;
	height:0;
	margin-bottom:0;
	line-height:0;
}

div#special div#login a {
}


/* contents
----------------------------------*/
div#contents {
	clear:both;
	width:850px;
	margin:13px auto 0 auto;
	text-align:center;
}

/* article
----------------------------------*/
div#article {
	float:left;
	width:561px;
	text-align:left;
}

/* news+release+topics
----------------------------------*/
div#news h3,
div#release h3,
div#topics h3 {
	margin-bottom:8px;
}

div#news h4,
div#release h4,
div#topics h4 {
	width:561px;
	text-align:right;
}

div#news dl,
div#release dl,
div#topics dl {
	clear:both;
	width:561px;
	margin-bottom:11px;
	padding-top:8px;
	background:url(/css/../img/index/news/bg-news-x.jpg) repeat-x bottom;
	line-height:140%;
}

div#news dl dt,
div#release dl dt,
div#topics dl dt {
	float:left;
	width:470px;
	margin-bottom:9px;
	padding-left:25px;
	background:url(/css/../img/common/icon-math-yellow.jpg) no-repeat left 2px;
}

div#news dl dt {
	width:535px;
}

div#news dl dt span,
div#release dl dt span,
div#topics dl dt span {
	float:left;
	display:block;
}

div#news dl dt span.date,
div#release dl dt span.date,
div#topics dl dt span.date {
	width:87px;
	margin-right:17px;
}

div#news dl dt span.links,
div#release dl dt span.links,
div#topics dl dt span.links {
	width:356px;
	padding:0 10px 0 0;
}

div#news dl dt span.links {
	width:421px;
}

div#news dl dd,
div#release dl dd,
div#topics dl dd {
	float:left;
	width:65px;
	margin-bottom:8px;
}

div#news div,
div#release div,
div#topics div {
	float:right;
	margin-bottom:16px;
}

div#news div a,
div#release div a,
div#topics div a {
	float:left;
	display:block;
	height:16px;
}

/* aside
----------------------------------*/
div#aside {
	float:right;
	width:271px;
	padding-bottom:10px;
	text-align:left;
}

div#aside h4 {
	margin-bottom:-15px;
}

div#aside div {
	width:271px;
	/*height:63px;*/
	margin-top:8px;
	padding:9px 0 0 0;
	border-top:1px solid #b3d3ec;
}

div#aside div p {
	width:197px;
	float:right;
	line-height:110%;
}

div#aside div p a {
	color:#006fbe;
	text-decoration:underline;
	line-height:200%;
}

div#aside div p a:hover {
	color:#2595ff;
}

div#aside div a.picLink {
	float:left;
	display:block;
	width:63px;
	height:54px;
	padding:3px;
	background:url(/css/../img/index/pickup/bg-pick_off.jpg) no-repeat;
}

div#aside div a.picLink:hover {
	background:url(/css/../img/index/pickup/bg-pick_on.jpg) no-repeat;
}

div#aside div a.picLink img {
}

div#aside p.b_brd { border-bottom:#CCC 1px solid; margin-bottom:20px; padding-bottom:20px;}

/* links
----------------------------------*/
div#links {
	clear:both;
	width:850px;
}

div#links ul {
	padding:11px 0 11px 10px;
	background:#ececec;
}

div#links ul li {
	float:left;
	margin-right:9px;
}

/* emergency-wrap
----------------------------------*/
#emergency-wrap{
	min-width:850px;
	padding:35px 0 0;
	background:url(/img/emergency/bg-wrap.jpg) repeat-x;
	text-align:left;
	line-height:1.8;
}
#emergency-article{
	width:850px;
	margin:0 auto;
}
#emergency-article img.external{
	margin:0 0 0 0.5em;
	vertical-align:middle;
}
/* message-wrap */
#emergency-article div.message-wrap{
	margin:0 0 40px;
}
#emergency-article div.message-wrap div.main{
	float:left;
	width:630px;
}
#emergency-article div.message-wrap div.main h2{
	margin:0 0 32px;
	padding:0 0 15px;
	border-bottom:1px solid #999;
	font-size:190%;
	font-family:"‚l‚r ‚o–¾’©", "�×–¾’©‘Ì", "ƒqƒ‰ƒMƒm–¾’© Pro W3";
}
#emergency-article div.message-wrap div.main p{
	margin:0 0 1.7em;
}
#emergency-article div.message-wrap div.main p.sign{
	text-align:right;
}
#emergency-article div.message-wrap ul.sub{
	float:right;
	width:200px;
}
#emergency-article div.message-wrap ul.sub li{
	margin:0 0 10px;
	padding:8px 16px;
	border:1px solid #8D8D8D;
}
/* info-list */
#emergency-article div.info-list dl{
	margin:0 0 50px;
}
#emergency-article div.info-list dt.ttl{
	margin:0 0 35px;
	background:#E0EAF4;
}
#emergency-article div.info-list dl.news dt.ttl{
	margin:0 0 12px;	
}
#emergency-article div.info-list dd.btn{
	text-align:right;
}
#emergency-article div.info-list dd.wrap{
	padding:0 0 10px;
}
#emergency-article div.info-list dd.wrap dl{
	width:850px;
	margin:0;
}
#emergency-article div.info-list dd.wrap dt{
	width:11em;
}
#emergency-article div.info-list dd.wrap dd{
	margin:-1.8em 0 1em 13em;
}
#emergency-article div.info-list dd.to-list{
	padding:8px 0 0;
	background:url(/img/emergency/dot01.gif) repeat-x;
	text-align:right;
}
#emergency-article div.info-list dd.to-list img{
	margin:0 0 0 20px;
}
/* contents-btn */
#emergency-article ul.contents-btn{
	width:861px;
	margin:0 -11px 15px 0;
}
#emergency-article ul.contents-btn li{
	display:inline;
	float:left;
	margin:0 11px 0 0;
}
/* utility */
#emergency-article div.utility{
	width:850px;
	background:url(/img/emergency/bg-utility.gif) repeat-y;
}
#emergency-article div.security-support-cont-list{
	float:left;
	width:594px;
	padding:9px 18px;
	border-top:10px solid #E6EDF3;
	border-bottom:10px solid #E6EDF3;
}
#emergency-article div.security-support-cont-list dl.security{
	float:left;
	width:212px;
}
#emergency-article div.security-support-cont-list dl.support{
	float:right;
	width:370px;
}
#emergency-article div.security-support-cont-list dt{
	margin:0 0 14px;
}
#emergency-article div.security-support-cont-list li{
	margin:4px 0 0;
	padding:0 0 0 13px;
	background:url(/img/emergency/marker01.gif) no-repeat 0 0.5em;
}
#emergency-article div.security-support-cont-list a{
	font-weight:bold;
}
#emergency-article div.security-support-cont-list dl.support ul.left{
	float:left;
	width:175px;
}
#emergency-article div.security-support-cont-list dl.support ul.right{
	float:right;
	width:180px;
}
#emergency-article dl.member{
	float:right;
	width:200px;
	padding:18px 0 20px;
	text-align:center;
}
#emergency-article dl.member dt{
	margin:0 0 14px;
}

/* emergency
----------------------------------*/
.emergency {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 0px;
}
.emergency p { margin:0; padding:0px; font-size: 100%; }
.emergency .title {
	font-size: 130%;
	color: #FFF;
	padding-top: 12px;
	padding-bottom: 6px;
	font-weight: bold;
	background-image: url(/img/index/emergency/round-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 810px;
	padding-left: 20px;
	padding-right: 20px;
}
.emergency .contents .text {
	font-size: 125%;
	padding-top: 15px;
	line-height: 1.5em;
	padding-right: 20px;
}
.emergency .contents ul {
	padding-top: 8px;
	padding-bottom: 15px;
	border-top-color: #CACAD9;
	border-right-color: #CACAD9;
	border-bottom-color: #CACAD9;
	border-left-color: #CACAD9;
}
.emergency .contents ul li {
	float: left;
	list-style-type: none;
	font-size: 100%;
	width: 252px;
	line-height: 1.4em;
	padding-top: 10px;
	padding-right: 21px;
}
.clearfix { display: inline-table; } 

div:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
} 
 
.emergency .contents {
	width: 830px;
	padding-top: 4px;
	padding-left: 20px;
	background-image: url(/img/index/emergency/round-middle.jpg);
	background-position: left;
	background-repeat: repeat-y;
}
.emergency .fotter {
	margin-bottom: 10px;
}