@import url(common.css);
@import url(shiroki2.css);

/* サイト共通 */
body {
	background: #E8F1F7;
}

a {
}

a:link {
}

a:visited {
}

a:hover {
}


/* Common */
body#back {
	background: url('../img/common/back_repeat_head.jpg') left top repeat-x #E8F1F7;
}

#wrap {
	width: 814px;
	margin: 0 0 50px 43px;
	background: url('../img/common/back_repeat.jpg') left top repeat-y #E8F1F7;
}

div#whatpage {
	background: url('../img/what/back_what_top.jpg') left top no-repeat;
}

div#contents {
	width: 800px;
	margin-left: 7px;
	border-bottom: 1px #CCC solid;
}

div#left_contents {
	width: 230px;
	margin-bottom: 50px;
	float: left;
}

div#left_contents dl.navigation {
	width: 200px;
	text-align: center;
	padding-bottom: 10px;
	background: url('../img/common/back_navigation_bottom.jpg') left bottom no-repeat;
}

div#left_contents dl#topnavi {
	position: absolute;
	top: 0px;
	left: 66px;
}

div#left_contents dl#topnavi {
	position: absolute;
	top: 0px;
	left: 66px;
}

div#left_contents dl#other {
	margin-left: 16px;
}

dl.navigation dt,
dl.navigation dt ,
dl.navigation dd,
dl.navigation dd ul li {
	width: 200px;
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

div#left_contents dl.env_news {
	width: 199px;
	padding: 0 0 15px 0;
	margin: 0 0 0 15px;
	text-align: left;
}

div#left_contents dl#topenvnews {
	padding: 320px 0 15px 0;
}

div#left_contents dl.env_news dt.title {
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

div#left_contents dl.env_news dt.photo {
	padding: 10px 0 15px 0;
	text-align: center;
	background: #FF9933;
}

div#left_contents dl.env_news dd {
	padding-bottom: 15px;
	background: url('../img/top/back_news_bottom.jpg') left bottom no-repeat #FF9933;
}

div#left_contents dl.env_news dd p.text {
	font-size: 80%;
	color: #FFF;
	text-align: right;
	padding: 5px 15px 0 0;
	background: url('../img/common/back_news_repeat.jpg') left top repeat-y;
}

div#left_contents dl.env_news dd p.text a,
div#left_contents dl.env_news dd p.text a:link,
div#left_contents dl.env_news dd p.text a:visited,
div#left_contents dl.env_news dd p.text a:hover {
}

div#left_contents dl.env_news dd ul {
	width: 170px;
	padding: 0 0 0 10px;
	font-size: 80%;
	color: #FFF;
	line-height: 130%;
}

div#left_contents dl.env_news dd ul li {
	width: 170px;
}

div#left_contents dl.env_news dd ul li a,
div#left_contents dl.env_news dd ul li a:link,
div#left_contents dl.env_news dd ul li a:visited,
div#left_contents dl.env_news dd ul li a:hover {
}

div#left_contents dl.env_news dd ul li.uline {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px #FFF dotted;
}

div#left_contents ul.inner_banner {
	margin: 30px 0 0 15px;
}

div#left_contents dl.company_name {
	width: 200px;
	margin-left: 15px;
	padding: 20px 0 20px 0;
	font-size: 70%;
	color: #666;
	text-align: left;
	line-height: 120%;
	background: #FFF;
}

div#left_contents dl.company_name dd {
	margin-top: 5px;
	padding: 0 0 5px 5px;
	border-left: 5px solid #A8C8DB;
}

div#left_contents dl.company_name dd div.uline {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px #CCC dotted;
}

div.left_back {
	background: url('../img/common/back_left_repeat.gif') 15px top repeat-y;
}

div#left_contents div.banner {
	width: 230px;
	margin: 30px 0 0 0;
	text-align: center;
}

div#right_contents {
	width: 560px;
	margin-bottom: 50px;
	_margin-bottom: 25px;
	text-align: left;
	float: left;
}

ul.top_navigation {
	height: 55px;
	line-height: 55px;
}

ul#top_topnavi {
	margin-left: 470px;
}

ul#other_topnavi {
	margin-left: 150px;
}

ul.top_navigation li {
	margin: 0 5px;
	padding-left: 10px;
	font-size: 75%;
	color: #FFF;
	background: url('../img/common/icon_common_topnavi.gif') left center no-repeat;
	float: left;
}

ul.top_navigation li a {
	color: #FFF;
}

ul.top_navigation li a:link {
	color: #FFF;
}

ul.top_navigation li a:visited {
	color: #FFF;
}

ul.top_navigation li a:hover {
	color: #FFF;
}

#footer {
	width: 814px;
	padding: 10px 0 30px 0;
	text-align: center;
	font-size: 80%;
	color: #666;
	background: url('../img/common/back_bottom.jpg') left bottom no-repeat;
}

p.topic_path {
	margin: 0 0 0 10px;
	font-size: 80%;
}

div.contact_infomation {
	width: 555px;
	margin: 0 0 50px 20px;
}

div.contact_infomation p.tel {
	width: 285px;
	text-align:left;
	float: left;
}

div.contact_infomation p.form {
	width: 270px;
	float: left;
}

ul.next_contents li {
	text-align: right;
	padding: 15px 15px 0 0;
}

dl.next_contents {
	width: 555px;
	margin-top: 50px;
}

dl.next_contents dd ul {
	width: 230px;
	margin-left: 325px;
	_margin-bottom: 30px;
}

dl.next_contents dd ul li {
	margin-top: 10px;
	font-size: 80%;
	line-height: 110%;
	text-align: center;
	color: #39C;
}


/* top */
div#header h1#top_catch {
	margin: 143px 0 0 283px;
	_margin: 123px 0 0 283px;
}

div.toppage {
	height: 290px;
	background: url('../img/top/back_top_header.jpg') left top no-repeat;
}

div.top_battery_contents,
div.top_service_contents,
div.top_vision_contents {
	width: 555px;
	font-size: 85%;
	line-height: 130%;
	color: #333;
}

div.top_battery_contents {
	margin-top: 15px;
}

div.top_battery_contents01 {
	width: 555px;
}

div.top_battery_contents01 p.text {
	width: 290px;
	margin-top: -90px;
	margin-left: 50px;
}

div.top_battery_contents01 p.photo {
	width: 152px;
	position: relative;
	top: -40px;
	left: 350px;
}

dl.top_battery_contents02 {
	width: 475px;
	margin-left: 50px;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #CCC;
}

dl.top_battery_contents02 dt {
	width: 140px;
	float: left;
}

dl.top_battery_contents02 dd {
	width: 330px;
	float: left;
}

dl.top_battery_contents02 dd ul li {
	list-style: disc;
	margin-left: 20px;
}

div.top_service_contents {
	margin-top: 30px;
	background: url('../img/top/back_service_repeat.gif') left top repeat-y;
	padding-bottom: 20px;
}

div.top_service_contents h3#service {
	width: 555px;
	height: 36px;
	padding-bottom: 30px;
	background: url('../img/top/back_top_title.gif') left top repeat-x #FFF;
}

div.top_service_contents div.top_service_left {
	width: 290px;
	float: left;
}

div.top_service_contents div.top_service_left p.photo {
	width: 270px;
	margin-top: 20px;
}

div.top_service_contents div.top_service_left p.text {
	width: 265px;
	margin-top: 20px;
}

div.top_service_contents div.top_service_left p.btn_right {
	width: 265px;
	margin-top: 20px;
	text-align: right;
}

div.top_service_contents div.top_service_right {
	width: 264px;
	float: left;
}

div.top_service_contents div.top_service_right p.photo {
	width: 264px;
	margin-top: 20px;
	text-align: center;
}

div.top_service_contents div.top_service_right p.text {
	width: 260px;
	margin-top: 20px;
}

div.top_service_contents div.top_service_right p.btn_right {
	width: 260px;
	margin-top: 20px;
	text-align: right;
}

div.top_vision_contents {
	margin-top: 30px;
}

div.top_vision_contents h3#vision {
	width: 555px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #069;
}

div.top_vision_contents div.top_vision_left {
	width: 226px;
	float: left;
}

div.top_vision_contents div.top_vision_left p.text {
	font-size: 95%;
	padding: 10px 5px;
}

div.top_vision_contents dl.top_vision_right {
	width: 310px;
	float: left;
	color: #527A34;
}

div.top_vision_contents dl.top_vision_right dt {
	height: 20px;
}

div.top_vision_contents dl.top_vision_right dd {
	margin-left: 25px;
}

div.top_vision_contents dl.top_vision_right dd.text {
	line-height: 25px;
	_line-height: 22px;
}

div.top_vision_contents dl.top_vision_right dd ol {
	margin-top: 5px;
}

div.top_vision_contents dl.top_vision_right dd ol li {
	margin-left: 20px;
	list-style: decimal;
}

div.top_vision_contents dl.top_vision_right dd p.btn_right {
	text-align: right;
	margin-top: 15px;
}


/* what */
div.whatpage {
	background: url('../img/what/back_what_top.jpg') left top no-repeat;
}

div.whatpage div.left_back div#right_contents {
	background: url('../img/what/back_navigation_shadow.jpg') left 60px no-repeat;
}

h1#what_catch {
	margin: 23px 0 110px 292px;
	_margin: 1px 0 110px 292px;
}

div.what_contents,
div.bank_contents,
div.service_contents {
	width: 555px;
	margin: 40px 0 0 0;
	font-size: 80%;
	color: #333;
}

div.what_contents2 {
	width: 555px;
	margin: 30px 0 0 0;
	padding-top: 20px;
	border-top: 1px #CCC dotted;
}

p.text_left,
p.text_attention {
	padding: 10px 20px;
	line-height: 130%;
}

p.text_attention {
	padding-left: 29px;
	color: #666;
	background: url('../img/common/icon_kome.gif') 20px 10px no-repeat;
}

p.graphic_left {
	text-align: left;
	margin-top: 20px;
}

p.catch_center,
p.graphic_center {
	text-align: center;
	margin-top: 20px;
}

div.what_contents ul.what_list01 {
	width: 505px;
	margin: 20px 0 15px 20px;
}

div.what_contents ul.what_list01 li {
	width: 505px;
	margin: 0 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}

div.what_contents ul.what_list01 li p {
	float: left;
}

div.what_contents ul.what_list01 li p.text {
	width: 325px;
	padding: 0 12px 0 10px;
	background: url('../img/common/icon_list_square.gif') left 5px no-repeat;
}

div.what_contents .title_left {
	text-align: left;
	margin: 30px 0 0 0;
}

div.what_contents dl.what_list02 {
	width: 500px;
	margin: 15px 0 0 20px;
}

div.what_contents dl.what_list02 dd {
	margin: 0 0 15px 0;
	line-height: 130%;
}

div.what_contents dl.what_list02 dt {
	width: 100%;
	color:#336633;
	background: url('../img/what/back_list_repeaat.gif') left center repeat-x;
}

div.what_contents dl.what_list02 dt.one span {
	padding: 0 23px 0 20px;
	background: url('../img/what/icon_one.gif') left center no-repeat #FFF;
}

div.what_contents dl.what_list02 dt.two span {
	padding: 0 23px 0 20px;
	background: url('../img/what/icon_two.gif') left center no-repeat #FFF;
}

div.what_contents dl.what_list02 dt.three span {
	padding: 0 23px 0 20px;
	background: url('../img/what/icon_three.gif') left center no-repeat #FFF;
}

div.what_contents dl.what_list02 dt.four span {
	padding: 0 23px 0 40px;
	background: url('../img/what/icon_four.gif') left center no-repeat #FFF;
}

div.what_contents ol.what_list03 {
	width: 345px;
	margin: 15px 0 0 20px;
	float: left;
	font-weight: 600;
}

div.what_contents ol.what_list03 li {
	list-style: decimal;
	margin-left: 30px;
}

div.what_contents p.graphic_01 {
	width: 150px;
	margin: 30px 0 0 0;
	float: left;
}

div.what_contents div.text_right {
	width: 280px;
	margin: 20px 0 0 270px;
	line-height: 130%;
	border-left: solid 5px #000;
	padding: 3px;
}

div.what_contents div.text_right p {
	padding-top: 5px;
}


/* bank */
div#bankpage {
	background: url('../img/bank/back_bank_top.jpg') left top no-repeat;
}

h1#bank_catch {
	margin: 50px 0 80px 292px;
}

p.bank_text01 {
	text-align: center;
	margin-top: 20px;
	font-weight: 600;
}

p.bank_link {
	width: 277px;
	text-align: center;
	margin-top: 20px;
	font-size: 90%;
	float: left;
}

div.bank_contents h3 {
	margin: 20px 0 0 0;
}

div.bank_contents ul.bank_list01 li {
	width: 505px;
	margin: 20px 0 15px 20px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}

div.bank_contents ul.bank_list01 li p {
	padding: 0 12px 0 10px;
	line-height: 130%;
	background: url('../img/common/icon_list_square.gif') left 5px no-repeat;
}

div.bank_contents2 {
	width: 555px;
	margin: 30px 0 0 0;
	padding-top: 20px;
	border-top: 1px #CCC dotted;
}

div.bank_contents p.bank_block1,
div.bank_contents2 p.bank_block1 {
	width: 275px;
	margin: 25px 0 0 0;
	text-align: center;
	float: left;
}

ul.bank_links {
	width: 530px;
	margin: 30px 0 0 0;
}

ul.bank_links li {
	margin: 0 0 15px 0;
	text-align: right;
}

div.bank_block_icon {
	width: 100px;
	margin: 0 0 0 0;
	float: left;
}

div.bank_block_text {
	width: 425px;
	margin: 5px 0 0 0;
	line-height: 130%;
	float: left;
}

div.bank_block_text ul li {
	list-style: disc;
	margin-left: 20px;
}



p.err_text {
	margin: 15px 0 0 20px;
	padding-right: 20px;
}

div.btn_back {
	margin: 0 0 0 20px;
}


/* service */
div#servicepage {
	background: url('../img/service/back_service_top.jpg') left top no-repeat;
}

h1#service_catch {
	margin: 61px 0 75px 286px;
}

div.service_contents ul.service_list01 li {
	width: 505px;
	margin: 20px 0 15px 20px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
	color: #387BA4;
}

div.service_contents ul.service_list01 li p {
	padding: 0 12px 0 11px;
	line-height: 130%;
	background: url('../img/common/icon_list_square_blue.gif') left 5px no-repeat;
}

h3.service_title {
	margin: 30px 0 0 15px;
}

ul.service_cond {
	width: 270px;
	float: left;
	margin-top: 15px;
}

ul.service_cond li {
	margin-left: 40px;
	list-style: disc;
}

p.graphic_cond {
	width: 250px;
	margin-top: 15px;
	float: left;
}

p.service_leftv {
	margin: 15px 0 0 15px;
}

p.service_left {
	margin: 15px 0 0 15px;
}

p.service_left2 {
	width: 320px;
	float: left;
	margin: 15px 0 0 15px;
	_margin: 15px 0 0 10px;
}

p.service_left3 {
	width: 210px;
	float: left;
	margin-top: 15px;
}

ol.service_list02 {
	width: 520px;
	margin: 20px 0 0 15px;
}

ol.service_list02 dl.num01 {
	width: 520px;
}

ol.service_list02 dl.num01 dd {
	margin: 7px 0 0 0;
	background: url('../img/service/back_repeat_arrow.gif') 6px top repeat-y;
}

ol.service_list02 dl.num01 dd div.wrap {
	width: 520px;
	background: url('../img/service/back_arrow.gif') 6px bottom no-repeat;
}

ol.service_list02 dl.num01 dd div.icon {
	width: 125px;
	margin: 10px 0 0 0;
	float: left;
	text-align: center;
}

ol.service_list02 dl.num01 dd div.text {
	width: 385px;
	margin: 10px 0 0 0;
	float: left;
	line-height: 130%;
}

ol.service_list02 dl.num01 dd div.text ul li {
	list-style: disc;
	margin-left: 20px;
}

ol.service_list02 dl.num02 {
	width: 520px;
	padding-top: 5px
}

ol.service_list02 dl.num02 dd {
	margin: 7px 0 0 0;
	background: url('../img/service/back_repeat_arrow.gif') 6px top repeat-y;
}

ol.service_list02 dl.num02 dd div.wrap {
	width: 520px;
	background: url('../img/service/back_arrow.gif') 6px bottom no-repeat;
}

ol.service_list02 dl.num02 dd div.icon {
	width: 125px;
	margin: 10px 0 0 0;
	float: left;
	text-align: center;
}

ol.service_list02 dl.num02 dd div.text {
	width: 385px;
	margin: 10px 0 0 0;
	float: left;
	line-height: 130%;
}

ol.service_list02 dl.num03 {
	width: 520px;
	padding-top: 5px
}

ol.service_list02 dl.num03 dd {
	margin: 7px 0 0 0;
	background: url('../img/service/back_repeat_arrow.gif') 6px top repeat-y;
}

ol.service_list02 dl.num03 dd div.wrap {
	width: 520px;
}

ol.service_list02 dl.num03 dd div.icon {
	width: 125px;
	margin: 10px 0 0 0;
	padding-bottom: 15px;
	float: left;
	text-align: center;
}

ol.service_list02 dl.num03 dd div.text {
	width: 385px;
	margin: 10px 0 0 0;
	float: left;
	line-height: 130%;
}

ol.service_list02 li.num04 {
	width: 252px;
	padding-top: 5px;
	float: left;
}

ol.service_list02 li.num04 div.icon {
	text-align: center;
	margin: 10px 0;
}

ol.service_list02 li.num04 div.text {
	text-align: left;
	margin: 20px 0;
	line-height: 130%;
}

ol.service_list02 li.num05 {
	width: 240px;
	padding-top: 5px;
	float: left;
}

ol.service_list02 li.num05 div.icon {
	width: 240px;
	text-align: center;
	margin: 10px 0;
}

ol.service_list02 li.num05 div.text {
	width: 240px;
	text-align: left;
	margin: 20px 0;
	line-height: 130%;
}


/* news */
div#newspage {
	background: url('../img/news/back_news_top.jpg') left top no-repeat;
}

h1#news_catch {
	margin: 25px 0 140px 10px;
}

h2#news {
	margin: 50px 0 0 25px;
}


h3#news_title {
	margin: 50px 0 0 25px;
}

div.news_contents p.text {
	font-size: 80%;
	padding: 20px 20px 40px 30px;
}

div.news_contents ul.news_list {
	width: 505px;
	margin: 20px 0 25px 25px;
	font-size: 80%;
}

div.news_contents ul.news_list li {
	width: 505px;
	margin: 0 0 10px 0;
	border-bottom: 1px #999 dotted;
}

div.news_contents ul.news_list li p.date,
div.news_contents ul.news_list li p.title {
	padding: 3px 0 10px 0;
	_padding: 3px 0 0px 0;
	float: left;
}

div.news_contents ul.news_list li p.date {
	width: 120px;
	text-align: center;
}

div.news_contents ul.news_list li p.title {
	width: 365px;
}

div.news_contents ul.news_list li p.title a {
	color: #06C;
}

div.news_contents ul.news_list li p.title a:link {
	color: #06C;
}

div.news_contents ul.news_list li p.title a:visited {
	color: #06C;
}

div.news_contents ul.news_list li p.title a:hover {
	color: #06C;
}

p.news_list_btn {
	width: 505px;
	text-align: right;
	margin: 5px 0 0 23px;
}

div.news_detail_contents {
	width: 505px;
	margin: 0 0 20px 25px;
	padding-bottom: 10px;
	font-size: 80%;
	background: url('../img/news/back_news.jpg') center bottom no-repeat;
}

div.news_detail_contents p.title {
	width: 425px;
	margin: 10px 0;
	color: #06C;
	padding-bottom: 5px;
	font-size: 140%;
	border-bottom: 1px dotted #06C;
	float: left;
}

div.news_detail_contents p.pdf {
	width: 55px;
	margin-left: 5px;
	float: left;
}

div.news_detail_contents p.newstext {
	width: 490px;
	margin: 5px 0 0 0;
	line-height: 130%;
}

div.news_detail_contents div.photo {
	width: 300px;
	margin: 20px 0 0 5px;
}

div.news_detail_contents div.control {
	width: 505px;
	margin: 40px 0 0 0;
}

div.news_detail_contents div.control div.prev ,
div.news_detail_contents div.control div.next {
	width: 252px;
	float: left;
	text-align: left;
}

div.news_detail_contents div.control div.next {
	width: 252px;
	float: left;
	text-align: right;
}