/* CSS Document */

/*--- 大枠配置設定 --- */
#wrapper {
	width:900px;
	margin:auto;
}

#column_left {
	width:300px;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}

#column_right {
	width:570px;
	float:left;
}


/* 大見出し */
h1 {
	margin:38px 0 38px;
}

#h1_text {
	margin-bottom:43px;
}

/* 地震に関してお問い合わせの多いご質問 */
#qa_menu {
	width:300px;
	height:268px;
	margin-bottom:10px;
	background:url(../20110311/image/qa_background.gif) top left no-repeat;
}

#qa_menu h2 {
	margin-left:10px;
	padding-top:5px;
}

#qa_menu ul {
	margin-left:9px;
}

#qa_menu ul li {
	margin-bottom:3px;
}

#qa_menu ul li img {
	vertical-align:top;
}

/* お客様相談センター */
#call_center {
	width:300px;
	height:290px;
	margin-bottom:10px;
	background:url(../20110311/image/call_background.gif) top left no-repeat;
}

#call_center ul {
	margin-left:34px;
}

#call_center ul li img{
	vertical-align:top;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#call_center ul li:hover img{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

/* 東日本大震災の影響により避難をされているお客様へ */
#adformat {
	width:300px;
	background-color:#81C755;
	padding-bottom:2px;
}

#adformat h2 {
	font-size:170%;
	line-height:1.0;
	font-weight:bold;
	color:#FFFFFF;
	padding:15px 12px 10px;
}

#adformat .text_area{
	width:296px;
	background-color:#FFFFFF;
	margin:0 2px;
	padding-bottom:10px;
}

#adformat .text_area p.advice_text{
	padding:15px;
}

#adformat .text_area .guide_area {
	background-color:#F4F7DE;
	width:276px;
	margin:0 10px 10px;
	padding:10px 0 10px;
}

#adformat .text_area .guide_area p{
	padding:0 10px 3px;
}

#adformat .text_area .guide_area a{
	font-size:100%;
	color:#000066;
	text-decoration:underline;
}

#adformat .text_area .guide_area a:visited{
	color:#666666;
}

#adformat .text_area .comment{
	font-size:80%;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:10px;
}

/* 更新情報 */
#update_news {
	margin-bottom:10px;
}

#update_news h2{
	margin-bottom:5px;
}


#update_news ul li{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	border-bottom:#E6E6E6 1px solid;
}

#update_news ul li.end_list{
	border-bottom:none;
}

#update_news ul li span.date{
	display:inline-block;
	vertical-align:top;
	width:115px;
}

#update_news ul li span.list{
	display:inline-block;
	vertical-align:top;
	width:395px;
}

#qa_category {
}

#qa_category h2{
	margin-bottom:10px;
}

#qa_category ul li {
	float:left;
}

#qa_category ul li a{
	text-decoration:none;
}

/* 地震に関してのお問い合わせの多いご質問 */
#notice_list {
	clear:both;
	margin-bottom:10px;
}

#notice_list ul li{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	border-bottom:#E6E6E6 1px solid;
}

#notice_list ul li.end_list{
	border-bottom:none;
}

#notice_list ul li span.date{
	display:inline-block;
	vertical-align:top;
	width:115px;
}

#notice_list ul li span.list{
	display:inline-block;
	vertical-align:top;
	width:395px;
}

#delay_info {
	margin-bottom:10px;
	background:url(../20110311/image/delay_info_grad.gif) top left no-repeat;
}

#delay_info h2 {
	margin-bottom:10px;
}

#delay_info #delay_grad{
	background:url(../20110311/image/delay_info_grad.gif) top left no-repeat;
}

#delay_info p{
	margin:0 20px 15px;
	line-height:1.4;
}

#delay_info p.caution {
	margin:0;
	font-weight:bold;
	background:url(../20110311/image/delay_info_bk.gif) bottom left repeat-y;
}
#delay_info p.caution span {
	display:block;
	margin:0;
	padding:0 20px 15px;
	font-weight:bold;
	background:url(../20110311/image/delay_info_end.gif) bottom left no-repeat;
}

#delay_info ul {
	margin:0 20px 0 21px;
}

#delay_info ul li{
	margin-bottom:10px;
}

#delay_info ul li div.portal_link{
	background:#EFEFEF url(../20110311/image/delay_link_bg.gif) top left no-repeat;
	border-bottom:#E6E6E6 1px solid;
}

#delay_info ul li div.portal_link div.delay_left{
	float:left;
	width:405px;
	background:url(../20110311/image/delay_link_bg_left.gif) top left no-repeat;
}

#delay_info ul li div.portal_link div.delay_right{
	float:left;
	width:124px;
	margin:0;
	padding:0;
}

#delay_info ul li div.portal_link p{
	margin-top:0px;
}

#delay_info ul li div.delay_left a{
	color:#000066;
}

#delay_info ul li div.portal_link p span{
	font-size:80%;
}

#generator_caution {
	margin-bottom:30px;
}

#generator_caution table td ul{
	padding:10px 10px 10px 15px;
	color:#CB0000;
}

#generator_caution table ul li span.dot{
	display:inline-block;
	vertical-align:top;
	width:15px;
}

#generator_caution table ul li span.text{
	display:inline-block;
	vertical-align:top;
	width:316px;
}

#generator_caution table p{
	padding:0 10px 0 15px;
}

#generator_caution table td.link_text div{
	padding:0 10px 10px 15px;
	color:#666666;
}

#generator_caution table{
	border:1px solid #E0E0E0;
}

#generator_caution table td.cell_right{
	border-left:1px solid #E0E0E0;
}

#generator_caution table td.cell_right img{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#generator_caution table td.cell_right:hover img{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}


/* 問い合わせの多い質問ページ */
div#faq_list {
	margin-bottom:70px;
}

#faq_list h2 {
	margin-bottom:15px;
}

#faq_list h3{
	margin-bottom:15px;
}

#faq_list ul{
	clear:both;
	margin-bottom:10px;
}

#faq_list ul.normal_list li{
	margin-top:10px;
	padding-right:20px;
	padding-bottom:10px;
	padding-left:37px;
	background:url(../20110311/image/faq_style.gif) 22px 0.1em no-repeat;
	border-bottom:#E6E6E6 1px solid;
}

#faq_list ul.midashi p {
	font-weight:bold;
	padding-top:10px;
	padding-left:15px;
}

#faq_list ul.list li{
	margin-top:10px;
	padding-right:20px;
	padding-bottom:10px;
	padding-left:47px;
	background:url(../20110311/image/faq_style.gif) 32px 0.1em no-repeat;
	border-bottom:#E6E6E6 1px solid;
}

#faq_list ul li.end_list{
	border-bottom:none;
}

p#top_link {
	margin-bottom:40px;
	text-align:center;
}
