@charset "utf-8";

* { margin:0px; padding:0px; }

body {
	font: normal small/150% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333;
	text-align: center;
	background: #fff url(images/bg.gif) repeat-x;
}

img { border:none; }
img.imgL { float:left; margin:0px 10px 10px 0px; }
img.imgR { float:right; margin:0px 0px 10px 10px; }

a,
a:visited { color: #369; text-decoration:none; }
a:hover { color:#f33; text-decoration:underline; }

h1 { padding: 4px 0px; font: normal 10px/100% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color: #999; height:12px; }
h2 { margin: 0px 0px 30px 0px; padding: 10px 0px 10px 70px; background:url(images/bg_h2.gif) no-repeat; }
h3 { clear:both; margin-top:10px; padding: 0px 0px 5px; font-size:medium; color:#096; }
h4 { clear:both; padding: 0px 0px 5px; font-size:small; color:#000; }

p { margin: 0px; padding: 5px 0px 15px; }
blockquote { margin-bottom:20px; padding:15px; border:1px solid #ccc; }
#goTop { clear:both; margin:0px; padding: 20px 0px 5px; font-size:x-small; font-weight:bold; text-align:center; }

ul { margin: 0px 5px 5px 20px; padding: 10px; }
ul li { padding: 0px 0px 5px 15px; line-height:120%; }
ol { margin: 0px 5px 5px 25px; padding: 10px 0px; }
ol li { padding-bottom: 5px; line-height:120%; }

dl { margin:0px; padding: 0px 10px; }
dt { padding: 0px; font-weight:bold; }
dd { padding: 0px 0px 10px 15px; line-height:120%; }

table { margin: 10px 0px; width:100%; line-height:120%; border-collapse:collapse; border-top:1px solid #ccc; }
table th { padding:8px 0px; vertical-align:top; text-align:left; border-bottom:1px solid #ccc; }
table td { padding:8px 0px; vertical-align:top; border-bottom:1px solid #ccc; }

table.price { margin: 10px 0px; width:100%; line-height:120%; border-collapse:collapse; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
table.price th { padding:8px 0px; vertical-align:top; text-align:center; white-space:nowrap; border-top:1px solid #ccc; border-left:1px solid #ccc; }
table.price td { padding:8px 0px; vertical-align:top; text-align:center; border-top:1px solid #ccc; border-left:1px solid #ccc; }


.C { text-align:center; }
.L { text-align:left;}
.R { text-align:right;}
.red { color:#f00; }
.green { color:#096; }
.txtL { font-size:larger; }
.txtM { font-size:medium; }
.txtS { font-size:smaller; font-weight:normal; }
.extended { clear:both; margin:0px; padding: 0px 0px 25px; font-size:x-small; font-weight:bold; text-align:right; }
.clear { clear:both; margin:0px; padding:0px; font: normal 0px/0% Arial; }


/* -- container -------------------------------------*/
#container { margin: 0px auto; padding:0px; text-align:left; width:800px; background: url(images/bg_container.gif) 0px 180px no-repeat; }

/* -- header ----------------------------------------*/
#header { height:190px; }
#header p { margin:0px; padding:0px; }

#gNavi { padding: 0px 15px; }
#gNavi ul { margin: 0px 0px 0px 225px; padding:0px; list-style:none; height:40px; overflow:hidden; }
#gNavi ul li { float:left; margin:0px; padding:0px; line-height:100%; }
#gNavi ul li a { display:block; margin:0px; padding:0px; }

#gNavi ul li a#goHome { background: url(images/naviG.gif) 0px 0px; }
#gNavi ul li a#goCorp { background: url(images/naviG.gif) -85px 0px; }
#gNavi ul li a#goProduct { background: url(images/naviG.gif) -170px 0px; }
#gNavi ul li a#goPrice { background: url(images/naviG.gif) -255px 0px; }
#gNavi ul li a#goCase { background: url(images/naviG.gif) -340px 0px; }
#gNavi ul li a#goInq { background: url(images/naviG.gif) -425px 0px; }
#gNavi ul li a:hover#goHome { background: url(images/naviG.gif) 0px -50px; }
#gNavi ul li a:hover#goCorp { background: url(images/naviG.gif) -85px -50px; }
#gNavi ul li a:hover#goProduct { background: url(images/naviG.gif) -170px -50px; }
#gNavi ul li a:hover#goPrice { background: url(images/naviG.gif) -255px -50px; }
#gNavi ul li a:hover#goCase { background: url(images/naviG.gif) -340px -50px; }
#gNavi ul li a:hover#goInq { background: url(images/naviG.gif) -425px -50px; }

#gNavi ul#pCorp li a#goCorp { background: url(images/naviG.gif) -85px -50px; }
#gNavi ul#pProduct li a#goProduct { background: url(images/naviG.gif) -170px -50px; }
#gNavi ul#pPrice li a#goPrice { background: url(images/naviG.gif) -255px -50px; }
#gNavi ul#pCase li a#goCase { background: url(images/naviG.gif) -340px -50px; }

/* -- topFlash --------------------------------------*/
#topFlash { padding: 0px 10px; }

/* -- wrapper ---------------------------------------*/
#wrapper { padding: 30px 20px 30px 10px; }

/* -- main ------------------------------------------*/
#main { float:right; width:540px; }
h2.pro { margin:0px; padding:0px; height:100px; background:none; }

/* -- navi ------------------------------------------*/
#navi { float:left; width:200px; }

#navi h2 { margin: 0px 0px 30px 10px; padding:0px; height:50px; border-bottom:1px solid #ccc; background:none; }

#navi ul { margin: 0px 0px 15px 0px; padding:0px; list-style:none; }
#navi ul li { margin:0px; padding:0px; }
#navi ul li a { display:block; margin:0px; padding: 5px 0px 5px 30px; font-weight:bold; width:170px; }
#navi ul li a:hover { color:#f33; text-decoration:none; background: url(images/bg_navi.gif) no-repeat; }

#navi ul ul { margin: 0px; padding:0px; list-style:none; }
#navi ul ul li { margin:0px; padding:0px; }
#navi ul ul li a { display:block; margin:0px; padding: 1px 0px 1px 45px; font-weight:normal; width:155px; }
#navi ul ul li a:hover { color:#f33; text-decoration:none; background: url(images/bg_navi.gif) no-repeat; }

#navi ul#naviTop li { padding:0px; }
#navi ul#naviTop li a { padding:0px; width:200px; }
#navi ul#naviTop li a#btnCorp { background:url(images/naviT.gif) 0px 0px; }
#navi ul#naviTop li a#btnProduct { background:url(images/naviT.gif) 0px -30px; }
#navi ul#naviTop li a#btnInq { background:url(images/naviT.gif) 0px -60px; }

#navi ul#naviTop li a:hover#btnCorp { background:url(images/naviT.gif) 0px -90px; }
#navi ul#naviTop li a:hover#btnProduct { background:url(images/naviT.gif) 0px -120px; }
#navi ul#naviTop li a:hover#btnInq { background:url(images/naviT.gif) 0px -150px; }


/* -- footer ----------------------------------------*/
#footer { padding: 50px 0px 20px; text-align:center; color:#ccc; background: url(images/bg_foot.gif) top no-repeat; }

#footer ul { margin:0px; padding:0px; }
#footer ul li { margin:0px; padding: 0px 10px; display:inline; }

#footer p { padding-top:20px; letter-spacing:0.5em; }

