@charset "shift_jis";
/*-- レイアウト設定用スタイルシート（全ページ共通）   --*/
/*-- Copyright (C) 2009-2010, HANIWA, All Rights Reserved. --*/
@import url(./base.css);


/*-- 文字・背景色 --*/
body {
	color : #333333 ;
	background : url(../img/body.jpg) center top repeat-x ;
}


/*-- アンカー --*/
a:link {
	color : #1d3e4e ;
	text-decoration : underline ;
}

a:visited {
	color : #1d3e4e ;
	text-decoration : underline ;
}

a:active {
	color : #ff0000 ;
	text-decoration : underline ;
}

a:hover {
	color : #511a23 ;
	text-decoration : underline ;
}


/*-- ページ構成 --*/
div#header {        /*-- ヘッダー --*/
	width : 900px ;
	height : 140px ;
	background : url(../img/header.jpg) center top no-repeat ;
}

div#contents {      /*-- コンテンツ部 --*/
}

div#left_column {   /*-- 左カラム --*/
	padding : 20px 0 0 0 ;
	width : 220px ;
	float : left ;
}

div#right_column {  /*-- 右カラム --*/
	padding : 20px 0 0 0 ;
	width : 660px ;
	float : right ;
}

div#footer {        /*-- フッター --*/
	clear : both ;
	padding-bottom : 50px ;
	width : 900px ;
	height : 140px ;
	background : url(../img/footer.gif) center top no-repeat ;
}

div.container {     /*-- 横幅・縦幅指定 --*/
	margin : 0 auto ;
	width : 900px ;
}


/*-- ヘッダー設定 --*/
div#header h1 {
	width : 900px ;
	height : 30px ;
	font-size : 14px ;
	line-height : 30px ;
	color : #ffffff ;
	text-align : right ;
}

div#header p.title {
	padding : 0 0 11px 0 ;
	width : 499px ;
	height : 59px ;
	float : left ;
}

div#header p.title a {
	width : 480px ;
	height : 59px ;
	text-indent : -9999px ;
	background : url(../img/header.jpg) 0 -30px no-repeat ;
	display : block ;
}

div#header p.telephone {
	padding : 5px 0 18px 0 ;
	width : 202px ;
	height : 47px ;
	float : left ;
}

div#header p.telephone a {
	width : 202px ;
	height : 47px ;
	text-indent : -9999px ;
	background : url(../img/header.jpg) -499px -35px no-repeat ;
	display : block ;
}

div#header p.inquiry {
	padding : 5px 0 15px 0 ;
	width : 180px ;
	height : 50px ;
	float : right ;
}

div#header p.inquiry a {
	width : 180px ;
	height : 50px ;
	text-indent : -9999px ;
	background-image : url(../img/header_button_inquiry.jpg) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header p.inquiry a:hover {
	background-position : 0 -50px ;
}

div#header ul.menu {
	width : 900px ;
	height : 40px ;
	background : url(../img/header_menu.jpg) left top no-repeat ;
	clear : both ;
}

div#header ul.menu li {
	list-style : none ;
	float : left ;
}

div#header ul.menu li a.toppage {
	width : 180px ;
	height : 40px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu.jpg) ;
	background-position : 0 0 ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header ul.menu li a.toppage:hover {
	background-position : 0 -40px ;
}

div#header ul.menu li a.maintenance {
	width : 180px ;
	height : 40px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu.jpg) ;
	background-position : -180px 0 ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header ul.menu li a.maintenance:hover {
	background-position : -180px -40px ;
}

div#header ul.menu li a.homepage {
	width : 180px ;
	height : 40px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu.jpg) ;
	background-position : -360px 0 ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header ul.menu li a.homepage:hover {
	background-position : -360px -40px ;
}

div#header ul.menu li a.partnership {
	width : 180px ;
	height : 40px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu.jpg) ;
	background-position : -540px 0 ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header ul.menu li a.partnership:hover {
	background-position : -540px -40px ;
}

div#header ul.menu li a.company {
	width : 179px ;
	height : 40px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu.jpg) ;
	background-position : -720px 0 ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header ul.menu li a.company:hover {
	background-position : -720px -40px ;
}


/*-- コンテンツ設定 --*/


/*-- 左カラム設定 --*/
div#left_column ul.menu {
	padding-top : 4px ;
	width : 220px ;
	height : 356px ;
	background : url(../img/left_menu.gif) left top no-repeat ;
}

div#left_column ul.menu li {
	list-style : none ;
}

div#left_column ul.menu li a.toppage {
	width : 220px ;
	height : 35px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu.gif) ;
	background-position : 0 -4px ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul.menu li a.toppage:hover {
	background-position : -220px -4px ;
}

div#left_column ul.menu li a.maintenance {
	width : 220px ;
	height : 35px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu.gif) ;
	background-position : 0 -39px ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul.menu li a.maintenance:hover {
	background-position : -220px -39px ;
}

div#left_column ul.menu li a.homepage {
	width : 220px ;
	height : 35px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu.gif) ;
	background-position : 0 -74px ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul.menu li a.homepage:hover {
	background-position : -220px -74px ;
}

div#left_column ul.menu li a.partnership {
	width : 220px ;
	height : 35px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu.gif) ;
	background-position : 0 -109px ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul.menu li a.partnership:hover {
	background-position : -220px -109px ;
}

div#left_column ul.menu li a.term {
	width : 220px ;
	height : 35px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu.gif) ;
	background-position : 0 -144px ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul.menu li a.term:hover {
	background-position : -220px -144px ;
}

div#left_column ul.menu li a.faq {
	width : 220px ;
	height : 35px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu.gif) ;
	background-position : 0 -179px ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul.menu li a.faq:hover {
	background-position : -220px -179px ;
}

div#left_column ul.menu li a.company {
	width : 220px ;
	height : 35px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu.gif) ;
	background-position : 0 -214px ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul.menu li a.company:hover {
	background-position : -220px -214px ;
}

div#left_column ul.menu li a.inquiry {
	width : 220px ;
	height : 35px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu.gif) ;
	background-position : 0 -249px ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul.menu li a.inquiry:hover {
	background-position : -220px -249px ;
}

div#left_column ul.menu li a.sitemap {
	width : 220px ;
	height : 35px ;
	text-indent : -9999px ;
	background-image : url(../img/left_menu.gif) ;
	background-position : 0 -284px ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column ul.menu li a.sitemap:hover {
	background-position : -220px -284px ;
}

div#left_column p.maintenance {
	width : 220px ;
	height : 420px ;
}

div#left_column p.maintenance a {
	padding : 49px 17px 0 17px ;
	width : 186px ;
	height : 351px ;
	color : #333333 ;
	font-size : 11px ;
	line-height : 16px ;
	text-decoration : none ;
	background : url(../img/left_button_maintenance.jpg) left top no-repeat ;
	display : block ;
}

div#left_column p.maintenance a:hover {
	text-decoration : underline ;
}

div#left_column p.partnership {
	width : 220px ;
	height : 220px ;
}

div#left_column p.partnership a {
	padding : 40px 13px 0 13px ;
	width : 194px ;
	height : 180px ;
	color : #333333 ;
	font-size : 11px ;
	line-height : 16px ;
	text-decoration : none ;
	background : url(../img/left_button_partnership.jpg) left top no-repeat ;
	display : block ;
}

div#left_column p.partnership a:hover {
	text-decoration : underline ;
}

/*-- 右カラム設定 --*/


/*-- フッター設定 --*/
div#footer p.logo {
	padding : 15px 0 0 20px ;
	width : 120px ;
	height : 50px ;
	float : left ;
}

div#footer p.logo a {
	width : 111px ;
	height : 41px ;
	text-indent : -9999px ;
	background : url(../img/footer_logo.gif) left top no-repeat ;
	display : block ;
}

div#footer p.inquiry {
	padding : 15px 0 25px 0 ;
	width : 180px ;
	height : 25px ;
	float : left ;
}

div#footer p.inquiry a {
	width : 180px ;
	height : 25px ;
	text-indent : -9999px ;
	background : url(../img/footer_button_inquiry.jpg) left top no-repeat ;
	display : block ;
}

div#footer ul.menu {
	padding : 18px 0 11px 0 ;
	width : 510px ;
	height : 36px ;
	float : right ;
}

div#footer ul.menu {
	padding : 18px 0 11px 0 ;
	width : 510px ;
	height : 36px ;
	float : right ;
}

div#footer ul.menu li {
	list-style : none ;
	color : #ffffff ;
	display : inline ;
}

div#footer ul.menu li a {
	color : #ffffff ;
	text-decoration : none ;
}

div#footer ul.menu li a:hover {
	text-decoration : underline ;
}

div#footer p.info {
	padding : 0 0 0 22px ;
	width : 559px ;
	height : 63px ;
	font-size : 14px ;
	line-height : 21px ;
	color : #ffffff ;
	float : left ;
}

div#footer p.banner {
	padding : 2px 0 0 0 ;
	width : 300px ;
	height : 60px ;
	font-size : 10px ;
	line-height : 12px ;
	float : left ;
	text-align : right ;
}

div#footer p.banner a {
	color : #ffffff ;
	text-decoration : none ;
}

div#footer p.banner a:hover {
	text-decoration : underline ;
}

div#footer p.banner a img {
	padding-bottom : 3px ;
}

.container .left_bannerarea {
	width : 220px;
	padding-bottom: 20px;
}

.container .left_bannerarea p.edy-usb {
	width : 220px;
	height : 80px;
	display: block;
	padding-bottom: 20px;
}

.container .left_bannerarea p.edy-usb a {
	width : 220px ;
	height : 80px ;
	text-indent : -9999px ;
	background : url(../img/left_button_edy-usb.jpg) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

.container .left_bannerarea p.edy-usb a:hover {
	background-position : 0 -80px ;
}

.container .left_bannerarea p.landing {
	width : 220px;
	height : 80px;
	clear: both;
}

.container .left_bannerarea p.landing a {
	width : 220px ;
	height : 80px ;
	text-indent : -9999px ;
	background : url(../img/landing_banner.jpg) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

.container .left_bannerarea p.landing a:hover {
	background-position : 0 -80px ;
}