@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body { 
	text-align: center; border-top: 6px solid #0085d9; 
	color: #666; line-height: 1.5;
	font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;
	/*font-size: 13px;*/
}

a { outline: none; text-decoration: none; color: #168be0; }
a:hover { text-decoration: underline; color: #168be0; }
img { border: none; }
input { font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif; }

#container { width: 1024px; margin: 0 auto; text-align: left; }

/*----- ヘッダー -----*/

#header { margin: 0 0 15px; overflow: hidden; height: 1%;　}
#headerWrap { width: 1024px; margin: 0 auto; }
#headerWrap div.wrap { width: 960px; margin: 0 auto; text-align: left; overflow: hidden; height: 1%;}

#header h1 { width: 265px; padding: 26px 0; font-size: 1px; float: left; }

#header li { list-style-type: none; } 

#header #subMenu { margin: 28px 0 0; float: left;  }
#header #subMenu li { float: left; font-size: 1px; }
#header #subMenu li.item01 { width: 76px; }
#header #subMenu li.item02 { width: 80px; }
#header #subMenu li a { 
	display: block; height: 14px; 
	background-image: url(../img/submenu.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#header #subMenu li.item01 a { width: 76px; background-position: 0 0; }
#header #subMenu li.item02 a { width: 80px; background-position: -76px 0; }
#header #subMenu li.item01 a:hover { width: 76px; background-position: 0 -14px; }
#header #subMenu li.item02 a:hover { width: 80px; background-position: -76px -14px; }

#header table { float: right; margin: 16px 0 8px; }
#header table td { 
	background: url(../img/line_dot.gif) repeat-y left;
	padding: 0 10px 4px 10px;
}
#header table td p { margin: 0 0 3px; }
#header table table { float: none; margin: 0; }
#header table table td { background: none; padding: 0; }
#header table table td.text { padding: 0 5px 0 0; }
#header table table td.text input { padding: 2px; width: 180px; color: #666; }

#header #fontSwitch li { width: 44px; float: left; font-size: 1px; }
#header #fontSwitch li.item03 { width: 42px; }
#header #fontSwitch li a {
	display: block; height: 23px; width: 42px;
	background-image: url(../img/fontswitch.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#header #fontSwitch li.small a { background-position: 0 0; }
#header #fontSwitch li.medium a { background-position: -44px 0; }
#header #fontSwitch li.large a { background-position: -88px 0; }
#header #fontSwitch li.small a:hover { background-position: 0 -23px; }
#header #fontSwitch li.medium a:hover { background-position: -44px -23px; }
#header #fontSwitch li.large a:hover { background-position: -88px -23px; }

#header #globalMenu { 
	clear: both;
	background: url(../img/bg_globalmenu.gif) repeat-x top; 
}
#header #globalMenu div.wrap { position: relative; width: 1024px; margin: 0 auto; }
#header #globalMenu ul { height: 42px; width: 960px; margin: 0 auto;　}
#header #globalMenu li { width: 160px; height: 42px; float: left; font-size: 1px; }
#header #globalMenu li a { 
	display: block; width: 160px; height: 42px; 
	background-image: url(../img/globalmenu.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#header #globalMenu li.item01 a { background-position: 0 0; }
#header #globalMenu li.item02 a { background-position: -160px 0; }
#header #globalMenu li.item03 a { background-position: -320px 0; }
#header #globalMenu li.item04 a { background-position: -480px 0; }
#header #globalMenu li.item05 a { background-position: -640px 0; }
#header #globalMenu li.item06 a { background-position: -800px 0; }

#header #globalMenu li.item01 a:hover { background-position: 0 -42px; }
#header #globalMenu li.item02 a:hover { background-position: -160px -42px; }
#header #globalMenu li.item03 a:hover { background-position: -320px -42px; }
#header #globalMenu li.item04 a:hover { background-position: -480px -42px; }
#header #globalMenu li.item05 a:hover { background-position: -640px -42px; }
#header #globalMenu li.item06 a:hover { background-position: -800px -42px; }

body.home #header #globalMenu li.item01 a { background-position: 0 -42px; }
body.company #header #globalMenu li.item02 a { background-position: -160px -42px; }
body.service #header #globalMenu li.item03 a { background-position: -320px -42px; }
body.product #header #globalMenu li.item04 a { background-position: -480px -42px; }
body.toiawase #header #globalMenu li.item06 a { background-position: -800px -42px; }

/*----- コンテンツ -----*/

#contents { width: 1024px; text-align: left; margin: 0 auto; }

#contentsWrap { margin: 0 32px; padding: 0 0 20px; overflow: hidden; height: 1%; }

#contents #topicPath { margin: 0 0 12px; font-size: 90%; }

#contents h2 { margin: 0 0 20px; }

/*----- メインカラム -----*/

#mainClm { overflow: hidden; height: 1%; }

#mainClm p.pageTop { clear: both; text-align: right; margin: 0 0 5px; padding: 40px 0 0;}

/*----- 右カラム（共通）-----*/

#rightClm { width: 217px; float: right; }
#rightClm h2 { border: none; }
#rightClm h3 { height: 44px; font-size: 1px; }


/*----- フッター -----*/

#footer { border-top: 3px solid #1f549d; }

#footerWrap { 
	width: 960px; 
	margin: 0 auto; padding: 10px 0 20px; 
	text-align: left; 
	overflow: hidden; height: 1%;
}

#footer p.copyright { width: 252px; float: left; }
#footer li { list-style-type: none; float: left; font-size: 1px; }
#footer li.item01 { width: 130px; }
#footer li.item02 { width: 104px; }
#footer li.item03 { width: 123px; }

#footer li a {
	display: block; height: 13px; 
	background-image: url(../img/footermenu.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#footer li.item01 a { width: 130px; background-position: 0 0; }
#footer li.item02 a { width: 104px; background-position: -130px 0; }
#footer li.item03 a { width: 123px; background-position: -234px 0; }
#footer li.item01 a:hover { background-position: 0 -13px; }
#footer li.item02 a:hover { background-position: -130px -13px; }
#footer li.item03 a:hover { background-position: -234px -13px; }