@charset utf-8;

* {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

img { border : none; }
div { border : none; }
p { border : none; }
span { border : none; }


a { background-color: transparent; text-decoration: none; outline : none; }
a:link { color: #99cccc; }
a:visited { color: #99cccc; }
a:hover { color : #ff6600; }
a:active { color : #ff6600; }

body {
	background : #222222 url(../commonimg/bodybak.jpg) repeat-x left top;
	font-size : 12px;
	line-height : 1.5;
	color : #fff;
}

h2 span {
	display : none;
}

h2.h2A {
	width: 540px;
	height : 19px;
	margin: 0 0px 10px 0px;
	padding: 7px 10px 0 10px;
	background: url(../commonimg/h2Abak.gif) no-repeat left top;
	 font-size: 12px;
	 line-height: 1;

}

/*メインゾーン*/
#Container {
	width : 800px;
	margin : 0 auto;
	padding : 15px 20px 10px;
	border-top : #336666 4px solid;
	background : #000 url(../commonimg/bodybak.jpg) repeat-x left bottom;
}

/*ヘッダー部 */
#Header {
	width : 800px;
	height : 74px;
	margin : 0 0 10px 0;
	padding : 0;
	background : #000;
}

#Header h1 {
	width : 294px;
	height : 74px;
	margin : 0;
	padding : 0;
	background : url(../commonimg/logo.gif) no-repeat left top;
}
#Header h1 a {
	width : 294px;
	height : 74px;
	display : block;
	text-indent : -500000px;
}

#Contents {
	width : 800px;
	background : url(../commonimg/contentsbak.gif) repeat-y left top;
	z-index : 10;

}

/* フッター部 */
#Footer { width: 798px;  text-align:center; margin: 20px 0 50px; padding: 2px; font-size: 10px; border-top: solid 1px #666;}
#Footer p { margin : 0 0 4px 0; }

/* トップ画像 */
#TopImg {
	width : 800px;
	height : 200px;
	display : block;
	position: relative; /* important */  
	overflow: hidden; /* important */
	margin : 0 0 0 0;
	padding : 0; 
	border-bottom : #333 1px solid;
	z-index : 0;
}
.TopImg_item {
    position: absolute;  
    top: 0;  
    left: 0;  
     display: block;  
    padding: 0px;  
	z-index : 0;
}



#Main {
	width : 600px;
	margin : 0;
	padding : 20px 0 0 0;
	float : left;
}

#Main2 {
	width : 600px;
	margin : 0;
	padding : 0 0 0 0;
	float : left;
}

.MainColumnA {
	width : 560px;
	margin : 0 0 10px 0;
	
}
.MainColumnBanner {
	width : 180px;
	margin : 0 10px 0 0;
	float : left;
}
.MainColumnBannerLast {
	width : 180px;
	margin : 0 0 0 0;
	float : left;
}


#Sub {
	width : 200px;
	margin : 0;
	padding : 20px 0 0 0;
	float : left;
}

.SubEx {
	width : 180px;
	padding : 10px;
	background : #222;
	font-size : 11px;
	border : #333 1px solid;
}

p.menu {
	width : 180px;
	height : 23px;
	margin : 0 0 10px 0;
	padding : 3px 10px 0 10px;
	font-weight : bold;
	background : url(../commonimg/sub_a.gif) no-repeat left top;
}

p.menu a:link {text-decoration: none; color:#ccffff; }
p.menu a:visited {text-decoration: none; color:#ccffff; }
p.menu a:hover {text-decoration: none; color:#ff6600; }
p.menu a:active {text-decoration: none; color:#ff6600; }

ul.SubA {
	margin: 0px 5px 20px 5px;
	list-style : none;
}
ul.SubA li {
	padding: 0 5px 4px 15px;
	margin : 0 0 4px 0;
	background : url(../commonimg/param_w.gif) no-repeat 4px 8px;
	border-bottom: dotted 1px #666;
}

ul.SubB {
	width : 200px;
	margin : 0;
	padding : 0;
	list-style : none;
}

ul.SubB li {
	width : 180px;
	height : 23px;
	margin : 0 0 10px 0;
	padding : 3px 10px 0 10px;
	font-weight : bold;
	background : url(../commonimg/sub_b.gif) no-repeat left top;
}



/*グローバルメニュー*/
#Gmenu {
	width : 800px;
	height : 30px;
	background :  url(../commonimg/gmenu2.gif) no-repeat left top;
}

#topNavi {
	padding: 0;
	background :  url(../commonimg/gmenu2.gif) no-repeat left top;
	width : 800px;
	height : 30px;
	position: relative;
}

/* LI for main navigation */
#topNavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
	
#topNavi li, #topNavi a {
	height: 30px;
	display: block;
	border-bottom: none;
}
 #topNavi li span {
 	display : none;
 }
 /*
*/
 
/* Modified Phark Image Replacement Technique */
#topNavi a {
	text-indent: -5000px;
	text-decoration: none;
}
	
/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#tnavi_1 {left: 0; width: 100px;}
#tnavi_2 {left: 100px; width: 100px;}
#tnavi_3 {left: 200px; width: 100px;}
#tnavi_4 {left: 300px; width: 100px;}
#tnavi_5 {left: 400px; width: 100px;}
#tnavi_6 {left: 500px; width: 100px;}
#tnavi_7 {left: 600px; width: 100px;}
#tnavi_8 {left: 700px; width: 100px;}


#tnavi_1 a:hover, #tnavi_1 a:visited:hover { background: transparent url(../commonimg/gmenu2.gif) no-repeat 0 -30px; }
#tnavi_2 a:hover, #tnavi_2 a:visited:hover { background: transparent url(../commonimg/gmenu2.gif) no-repeat -100px -30px;}
#tnavi_3 a:hover, #tnavi_3 a:visited:hover { background: transparent url(../commonimg/gmenu2.gif) no-repeat -200px -30px;}
#tnavi_4 a:hover, #tnavi_4 a:visited:hover { background: transparent url(../commonimg/gmenu2.gif) no-repeat -300px -30px;}
#tnavi_5 a:hover, #tnavi_5 a:visited:hover { background: transparent url(../commonimg/gmenu2.gif) no-repeat -400px -30px;}
#tnavi_6 a:hover, #tnavi_6 a:visited:hover { background: transparent url(../commonimg/gmenu2.gif) no-repeat -500px -30px;}
#tnavi_7 a:hover, #tnavi_7 a:visited:hover { background: transparent url(../commonimg/gmenu2.gif) no-repeat -600px -30px;}
#tnavi_8 a:hover, #tnavi_8 a:visited:hover { background: transparent url(../commonimg/gmenu2.gif) no-repeat -700px -30px;}

/* トピックス */
.NewsListA {
	width : 552px;
	padding : 0 4px 4px;
	margin : 0 0 4px 0;
	border-bottom: dotted 1px #666;
}

.NewsListA p.date {
	width : 80px;
	float : left;
}
.NewsListA p.title {
	width : 472px;
	float : left;
}

.topicsdate {
	font-size : 11px;
	color : #ccc;
}

h3.topicstitle {
	padding: 0 0px 4px 0px;
	margin : 0  0 4px 0;
	color:#99cccc;
	font-size: 13px;
	font-weight : bold;
	border-bottom: solid 1px #99cccc;
}

.lead {
	margin: 4px 0px 10px 0px; padding: 4px 0px 4px 0px; font-weight:bold; border-bottom: dotted 1px #666;
}
.topicsbody {
	width : 538px;
	margin : 0 0 1em 0;
}

.topicsbody p.txt {
	padding : 10px 0 10px 0;
}

.topicsimg {
	font-size : 11px;
}

.topicsimg p {
	padding : 10px 0 10px 0;
}

.topicsimg img {
	padding : 0 0 4px 0;
}

.topicsimgleft {
	width : 168px;
	margin : 0;
	padding : 0;
	float : left;
	font-size : 11px;
}
.topicsimgleft p {
	width : 150px;
	padding : 10px 0 10px 0;
}
.topicsimgleft img {
	padding : 0 0 4px 0;
}

.righttxt {
	width : 370px;
	margin : 0;
	padding : 0;
	float : left;
}
.righttxt p {
	padding : 10px 0 10px 0;
}

.topicsimgright {
	width : 150px;
	margin : 0;
	padding : 0;
	float : left;
	font-size : 11px;
}
.topicsimgright p {
	width : 150px;
	padding : 10px 0 10px 0;
}
.topicsimgright img {
	padding : 0 0 4px 0;
}

.topicsbody p.acvlead {
	padding : 10px 0 0 0;
}
.more {
	text-align : right;
}


.lefttxt {
	width : 388px;
	margin : 0;
	padding : 0;
	float : left;
}
.lefttxt p {
	width : 370px;
	padding : 10px 0 10px 0;
}

/* アウトライン （プロショップ） */
table#typeA {
	width : 558px;
	padding : 0;
	margin : 0 0 20px 0;
	border : #333 1px solid;
}

table#typeA th, table#typeA td {
	background : #222;
	padding : 3px 10px;
}
table#typeA th {
	border-right : #333 1px solid;
	font-weight : normal;
}
table#typeA th.odd, table#typeA td.odd {
	background : #111;
}

table#typeA td.name {
	width : 175px;
	border-right : #333 1px solid;
}
table#typeA td.adr {
	width : 245px;
	border-right : #333 1px solid;
}
table#typeA td.tel {
	width : 124px;
}

.MainColumnB {
	width : 538px;
	padding : 10px;
	margin : 0 0 10px 0;
	background : #222;
	border : #333 1px solid;
}
.MainColumnBImg {
	width : 190px;
	margin : 0;
	padding : 0;
	float : left;
}
.MainColumnBTxt {
	width : 348px;
	margin : 0;
	padding : 0;
	float : left;
}

.MainColumnBTxt h3 {
	font-size: 13px;
	font-weight:bold;
	color:#99cccc;
}

/* HISTORY */
.MainColumnC {
	width : 560px;
	padding : 10px 0;
	border-bottom : #666 1px solid;
}

.MainColumnCYear {
	width : 50px;
	float : left;
}
.MainColumnCTxt {
	width : 330px;
	float : left;
}
.MainColumnCTxt p {
	width : 310px;
	margin : 0;
}
.MainColumnCImg {
	width : 180px;
	float : left;
}

/* コンセプト */
.MainColumnGTop {
	width : 560px;
	height :9px;
	display : block;
	font-size : 1px;
	background : #669999 url(../commonimg/bg_greentop.gif) no-repeat left bottom;
}

.MainColumnG {
	width : 520px;
	padding : 10px 20px;
	margin : 0;
	text-align : center;
	color : #000;
	background : url(../commonimg/bg_green.gif) repeat-y left bottom;
}


.MainColumnG h3.h3G {
	font-size : 14px;
	font-weight : bold;
	margin : 0 0 20px 0;
}

.MainColumnGBtm {
	width : 560px;
	padding : 0;
	margin : 0 0 20px 0;
	height :9px;
	display : block;
	font-size : 1px;
	background : url(../commonimg/bg_greenbtm.gif) no-repeat left bottom;
}

.MainColumnGBtmLast {
	width : 560px;
	padding : 0;
	margin : 0 0 10px 0;
	height :9px;
	display : block;
	font-size : 1px;
	background : url(../commonimg/bg_greenbtm.gif) no-repeat left bottom;
}


.MainColumnGImg {
	padding : 0 0 10px 0;
}
.MainColumnGImg img { margin : 0 2px; }

/* パートナー */
ul.typeA {
	list-style-position: inside;
	margin : 0;
	padding :0;
}

ul.typeA li {
	padding : 4px 10px;
	border-bottom: dotted 1px #666;
}


/* プロダクト トップ*/
ul.productcat {
	width : 560px;
	margin : 0;
	list-style : none;
}

ul.productcat li.list {
	width : 180px;
	height : 80px;
	margin : 0 10px 10px 0;
	pdding : 0;
	float : left;
}

ul.productcat li.list_last {
	width : 180px;
	margin : 0 0 10px 0;
	pdding : 0;
	float : left;
}

ul.productcat li a {
	width : 180px;
	height : 80px;
	display : block;
	text-indent : -5000000px;
}


ul.productcat li#xu3eqp3000000qk1j a, ul.productcat li#xu3eqp3000000qk1j a:visited { background : transparent url(../products/u3eqp3000000qk1j-img/u3eqp3000000qk1s.jpg) no-repeat left top; }
ul.productcat li#xu3eqp3000000qk1j a:hover, ul.productcat li#xu3eqp3000000qk1j a:visited:hover { background : transparent url(../products/u3eqp3000000qk1j-img/u3eqp3000000qk1s.jpg) no-repeat left -80px; }

ul.productcat li#x4e3ukb0000000aqo a, ul.productcat li#x4e3ukb0000000aqo a:visited { background : transparent url(../products/4e3ukb0000000aqo-img/4e3ukb0000000ar7.jpeg) no-repeat left top; }
ul.productcat li#x4e3ukb0000000aqo a:hover, ul.productcat li#x4e3ukb0000000aqo a:visited:hover { background : transparent url(../products/4e3ukb0000000aqo-img/4e3ukb0000000ar7.jpeg) no-repeat left -80px; }

ul.productcat li#xu3eqp3000000qjlr a, ul.productcat li#xu3eqp3000000qjlr a:visited { background : transparent url(../products/u3eqp3000000qjlr-img/u3eqp3000000qjly.jpg) no-repeat left top; }
ul.productcat li#xu3eqp3000000qjlr a:hover, ul.productcat li#xu3eqp3000000qjlr a:visited:hover { background : transparent url(../products/u3eqp3000000qjlr-img/u3eqp3000000qjly.jpg) no-repeat left -80px; }

ul.productcat li#xu3eqp3000000qjyt a, ul.productcat li#xu3eqp3000000qjyt a:visited { background : transparent url(../products/u3eqp3000000qjyt-img/u3eqp3000000qjz2.jpg) no-repeat left top; }
ul.productcat li#xu3eqp3000000qjyt a:hover, ul.productcat li#xu3eqp3000000qjyt a:visited:hover { background : transparent url(../products/u3eqp3000000qjyt-img/u3eqp3000000qjz2.jpg) no-repeat left -80px; }

ul.productcat li#xu3eqp3000000qjz7 a, ul.productcat li#xu3eqp3000000qjz7 a:visited { background : transparent url(../products/u3eqp3000000qjz7-img/u3eqp3000000qjzg.jpg) no-repeat left top; }
ul.productcat li#xu3eqp3000000qjz7 a:hover, ul.productcat li#xu3eqp3000000qjz7 a:visited:hover { background : transparent url(../products/u3eqp3000000qjz7-img/u3eqp3000000qjzg.jpg) no-repeat left -80px; }

ul.productcat li#xu3eqp3000000qjzl a, ul.productcat li#xu3eqp3000000qjzl a:visited { background : transparent url(../products/u3eqp3000000qjzl-img/u3eqp3000000qjzu.jpg) no-repeat left top; }
ul.productcat li#xu3eqp3000000qjzl a:hover, ul.productcat li#xu3eqp3000000qjzl a:visited:hover { background : transparent url(../products/u3eqp3000000qjzl-img/u3eqp3000000qjzu.jpg) no-repeat left -80px; }

ul.productcat li#xu3eqp3000000qjzz a, ul.productcat li#xu3eqp3000000qjzz a:visited { background : transparent url(../products/u3eqp3000000qjzz-img/u3eqp3000000qk08.jpg) no-repeat left top; }
ul.productcat li#xu3eqp3000000qjzz a:hover, ul.productcat li#xu3eqp3000000qjzz a:visited:hover { background : transparent url(../products/u3eqp3000000qjzz-img/u3eqp3000000qk08.jpg) no-repeat left -80px; }

ul.productcat li#xu3eqp3000000qk0d a, ul.productcat li#xu3eqp3000000qk0d a:visited { background : transparent url(../products/u3eqp3000000qk0d-img/u3eqp3000000qk0m.jpg) no-repeat left top; }
ul.productcat li#xu3eqp3000000qk0d a:hover, ul.productcat li#xu3eqp3000000qk0d a:visited:hover { background : transparent url(../products/u3eqp3000000qk0d-img/u3eqp3000000qk0m.jpg) no-repeat left -80px; }

ul.productcat li#xu3eqp3000000qk0r a, ul.productcat li#xu3eqp3000000qk0r a:visited { background : transparent url(../products/u3eqp3000000qk0r-img/u3eqp3000000qk10.jpg) no-repeat left top; }
ul.productcat li#xu3eqp3000000qk0r a:hover, ul.productcat li#xu3eqp3000000qk0r a:visited:hover { background : transparent url(../products/u3eqp3000000qk0r-img/u3eqp3000000qk10.jpg) no-repeat left -80px; }

ul.productcat li#xu3eqp3000000qk15 a, ul.productcat li#xu3eqp3000000qk15 a:visited { background : transparent url(../products/u3eqp3000000qk15-img/u3eqp3000000qk1e.jpg) no-repeat left top; }
ul.productcat li#xu3eqp3000000qk15 a:hover, ul.productcat li#xu3eqp3000000qk15 a:visited:hover { background : transparent url(../products/u3eqp3000000qk15-img/u3eqp3000000qk1e.jpg) no-repeat left -80px; }

ul.productcat li#xu3eqp3000000qkw8 a, ul.productcat li#xu3eqp3000000qkw8 a:visited { background : transparent url(../products/u3eqp3000000qkw8-img/u3eqp3000000qkwh.jpg) no-repeat left top; }
ul.productcat li#xu3eqp3000000qkw8 a:hover, ul.productcat li#xu3eqp3000000qkw8 a:visited:hover { background : transparent url(../products/u3eqp3000000qkw8-img/u3eqp3000000qkwh.jpg) no-repeat left -80px; }

ul.productcat li#xu3eqp3000000qkvu a, ul.productcat li#xu3eqp3000000qkvu a:visited { background : transparent url(../products/u3eqp3000000qkvu-img/u3eqp3000000qkw3.jpg) no-repeat left top; }
ul.productcat li#xu3eqp3000000qkvu a:hover, ul.productcat li#xu3eqp3000000qkvu a:visited:hover { background : transparent url(../products/u3eqp3000000qkvu-img/u3eqp3000000qkw3.jpg) no-repeat left -80px; }

ul.productcat li#xu3eqp3000000qkvg a, ul.productcat li#xu3eqp3000000qkvg a:visited { background : transparent url(../products/u3eqp3000000qkvg-img/u3eqp3000000qkvp.jpg) no-repeat left top; }
ul.productcat li#xu3eqp3000000qkvg a:hover, ul.productcat li#xu3eqp3000000qkvg a:visited:hover { background : transparent url(../products/u3eqp3000000qkvg-img/u3eqp3000000qkvp.jpg) no-repeat left -80px; }

ul.productcat li#xu3eqp3000000qkx0 a, ul.productcat li#xu3eqp3000000qkx0 a:visited { background : transparent url(../products/u3eqp3000000qkx0-img/u3eqp3000000qkx9.jpeg) no-repeat left top; }
ul.productcat li#xu3eqp3000000qkx0 a:hover, ul.productcat li#xu3eqp3000000qkx0 a:visited:hover { background : transparent url(../products/u3eqp3000000qkx0-img/u3eqp3000000qkx9.jpeg) no-repeat left -80px; }







/* プロダクト 一覧*/
.parts {
	width : 132px;
	height : 175px;
	display : block;
	margin : 0 8px 8px 0;
	background : #666;
	border : #777 1px solid;
	float : left;
}
.parts_last {
	width : 132px;
	height : 175px;
	display : block;
	margin : 0 0 8px 0;
	background : #666;
	border : #777 1px solid;
	float : left;
}

.parts_titl { margin: 0px; padding: 1px; text-align: center; color:#999; background: #333; font-size: 10px; }
.parts_img { margin: 10px 0px 0px 0px; padding: 0px; text-align: center; }
.parts_tex { margin: 5px 0px 5px 0px; padding: 0px;; text-align: center; font-size: 10px; line-height: 1.3; }
.parts_tex a:link { color: #fff; }
.parts_tex a:visited { color: #fff; }
.parts_tex a:hover { color : #ff6600; }
.parts_tex a:active { color : #ff6600; }

/* プロダクト 詳細*/

#LangSelect {
	padding : 6px 0 2px;
}

#LangSelect img {
	margin : 0 2px 0 0;
}
h3.itemtitle {
	width : 560px;
	margin : 0 0 10px 0;
	font-size : 16px;
	color  : #94cccc;
	border-bottom : #94cccc 1px solid;
}

.itemDetail {
	width : 560px;
	margin : 0;
	padding : 0;
}

.itemImg {
	width : 170px;
	margin : 0;
	padding : 0;
	float : left;
}

.Image {
	width : 150px;
	margin : 0 0 10px 0;
	font-size : 11px;
}

.itemTxt {
	width : 380px;
	margin : 0;
	padding : 0;
	float : left;
}
.itemTxt p {
	margin : 0 0 1em 0;
}

.lineup {
	width : 368px;
	padding : 5px;
	font-size: 11px;
	margin : 0 0 10px 0;
	background : #222;
	border : #333 1px solid;
}

ul.ItemManual {
	margin : 0;
	padding : 0;
	list-style : none;
}

ul.ItemManual li {
	margin : 0 0 4px 0;
}

.lineup h5 {
	font-size : 12px;
	margin : 0 0 5px 0;
	font-weight : bold;
	color : #99cccc;
}

.lineup h6 {
	font-size : 10px;
	margin : 0 0 5px 0;
	font-weight : normal;
	border-bottom: dotted 1px #666;
}
.lineup p {
	margin : 0 0 4px 0;

}
.lineup p.direct {
	margin : 0;
	padding : 0;
	text-align : right;
}

/* FAQ */
.faqblock {
	margin : 0  0 20px 0;
}

p.faqtitle {
	padding: 0 0px 4px 0px;
	margin : 0  0 4px 0;
	color:#99cccc;
	font-size: 12px;
	font-weight : bold;
	border-bottom: solid 1px #99cccc;
}

.faqbody {
	padding: 0 0px 0 0px;
	margin : 0 0 4px 0;
	border-bottom: dotted 1px #666;
}

.toggler {
	cursor : pointer;
}

p.togglerbody {
	padding : 0 0 0 12px;
	background : url(../commonimg/param_w.gif) no-repeat 4px 8px;
	color : #fff;
}
p.togglerbody:hover {
	color : #ff6600;
}
.element {
	margin : 4px 0 0 0;
}
.elementbody {
	padding : 0 0 10px 0;
}
.elementbody p {
	padding : 10px 10px 10px 10px;
	margin : 0 12px 4px 12px;
	background : #111;
	border : #333 1px solid;
	display : block;
}

/*****************************************************************************************
問い合わせ
*****************************************************************************************/
.FrmLead {
	margin : 0 0 1em 0;
}
table#Frm {
	width : 560px;
	background : #222;
}

table#Frm th {
	width : 140px;
	font-weight : normal;
	text-align : right;
	padding : 4px 10px 4px 0 ;
	border-bottom : #000 1px solid;
}
table#Frm td {
	width : 410px;
	padding : 4px 0;
	border-bottom : #000 1px solid;
}

table#Frm input.text {
	width : 300px;
}
table#Frm input.text2 {
	margin : 4px 0 0 0;
	width : 300px;
}
table#Frm textarea {
	width : 380px;
}

span.frmError {
	color : #ff6600;
}

/*****************************************************************************************
回り込み解除
*****************************************************************************************/
.clearfix:after	{
	content: ".";
	display: block;
	height: 0;
	margin : 0;
	padding : 0;
	clear: both;
	visibility: hidden;
}
.clearfix	{ display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix	{ height: 1%;}
.clearfix	{ display: block;}
/* End hide from IE-mac */


/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../commonimg/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../commonimg/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../commonimg/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../commonimg/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/*ガレージ */
body#GR {
	background : #ddd url(../commonimg/bodybak_gr.jpg) repeat-x left top;
	color : #000;
}

body#GR a:link {text-decoration: none; color:#336666; }
body#GR a:visited {text-decoration: none; color:#336666; }
body#GR a:hover {text-decoration: none; color:#ff6600; }
body#GR a:active {text-decoration: none; color:#ff6600; }

/*メインゾーン*/
#ContainerGR {
	width : 800px;
	margin : 0 auto;
	padding : 15px 20px 10px;
	border-top : #99cccc 4px solid;
	background : #fff url(../commonimg/bodybak_gr2.jpg) repeat-x left bottom;
}

/*ヘッダー部 */
#HeaderGR {
	width : 800px;
	height : 74px;
	margin : 0 0 10px 0;
	padding : 0;
	background : #fff;
}

#ContentsGR {
	width : 800px;
	background : url(../commonimg/contentsbak_gr.gif) repeat-y left top;
	z-index : 10;

}

/*ヘッダー部 */
#HeaderGR {
	width : 800px;
	height : 74px;
	margin : 0 0 10px 0;
	padding : 0;
	background : #fff;
}

#HeaderGR h1 {
	width : 294px;
	height : 74px;
	margin : 0;
	padding : 0;
	background : url(../commonimg/logo_gr.gif) no-repeat left top;
}
#HeaderGR h1 a {
	width : 294px;
	height : 74px;
	display : block;
	text-indent : -500000px;
}

/* フッター部 */
#FooterGR { width: 798px;  text-align:center; margin: 20px 0 50px; padding: 2px; font-size: 10px; border-top: solid 1px #ccc;}
#FooterGR p { margin : 0 0 4px 0; }

/*グローバルメニュー*/
#GmenuGR {
	width : 800px;
	height : 30px;
	background :  url(../commonimg/gmenu2.gif) no-repeat left top;
}

#topNaviGR {
	padding: 0;
	background :  url(../commonimg/gmenu3.gif) no-repeat left top;
	width : 800px;
	height : 30px;
	position: relative;
}

/* LI for main navigation */
#topNaviGR li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
	
#topNaviGR li, #topNaviGR a {
	height: 30px;
	display: block;
	border-bottom: none;
}
 #topNaviGR li span {
 	display : none;
 }
 
/* Modified Phark Image Replacement Technique */
#topNaviGR a {
	text-indent: -5000px;
	text-decoration: none;
}
	
/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#grnavi_1 {left: 0; width: 100px;}
#grnavi_2 {left: 100px; width: 100px;}
#grnavi_3 {left: 200px; width: 100px;}
#grnavi_4 {left: 300px; width: 100px;}
#grnavi_5 {left: 400px; width: 100px;}
#grnavi_6 {left: 500px; width: 100px;}
#grnavi_7 {left: 600px; width: 100px;}
#grnavi_8 {left: 700px; width: 100px;}


#grnavi_1 a:hover, #grnavi_1 a:visited:hover { background: transparent url(../commonimg/gmenu3.gif) no-repeat 0 -30px; }
#grnavi_2 a:hover, #grnavi_2 a:visited:hover { background: transparent url(../commonimg/gmenu3.gif) no-repeat -100px -30px;}
#grnavi_3 a:hover, #grnavi_3 a:visited:hover { background: transparent url(../commonimg/gmenu3.gif) no-repeat -200px -30px;}
#grnavi_4 a:hover, #grnavi_4 a:visited:hover { background: transparent url(../commonimg/gmenu3.gif) no-repeat -300px -30px;}
#grnavi_5 a:hover, #grnavi_5 a:visited:hover { background: transparent url(../commonimg/gmenu3.gif) no-repeat -400px -30px;}
#grnavi_6 a:hover, #grnavi_6 a:visited:hover { background: transparent url(../commonimg/gmenu3.gif) no-repeat -500px -30px;}
#grnavi_7 a:hover, #grnavi_7 a:visited:hover { background: transparent url(../commonimg/gmenu3.gif) no-repeat -600px -30px;}
#grnavi_8 a:hover, #grnavi_8 a:visited:hover { background: transparent url(../commonimg/gmenu3.gif) no-repeat -700px -30px;}

h2.h2GR {
	width: 540px;
	height : 19px;
	margin: 0 0px 10px 0px;
	padding: 7px 10px 0 10px;
	background: url(../commonimg/h2GRbak.gif) no-repeat left top;
	 font-size: 12px;
	color:#336666; 
	 line-height: 1;

}

/* トップ画像 */
#TopImgGR {
	width : 800px;
	height : 200px;
	display : block;
	position: relative; /* important */  
	overflow: hidden; /* important */
	margin : 0 0 0 0;
	padding : 0; 
	border-bottom : #ccc 1px solid;
	z-index : 0;
}

/* マップ */
.AccessImg {
	width : 275px;
	float : left;
}

.AccessImg p.img {
	margin : 0 0 10px 0;
}
.AccessTxt {
	width : 285px;
	float : left;
}



/* 作業料金表 */
.chargeblock {
	margin : 0  0 20px 0;
}

p.chargetitle {
	padding: 0 0px 4px 0px;
	margin : 0  0 4px 0;
	color:#669999; 
	font-size: 12px;
	font-weight : bold;
	border-bottom: solid 1px #669999;
}

.chargebody {
	padding: 0 0px 0 0px;
	margin : 0 0 4px 0;
	border-bottom: dotted 1px #999;
}

.chargetoggler {
	cursor : pointer;
}

p.chargetogglerbody {
	padding : 0 0 0 12px;
	background : url(../commonimg/param_w.gif) no-repeat 4px 8px;
	color : #336666;
}
p.chargetogglerbody:hover {
	color : #ff6600;
}
.chargeelement {
	margin : 4px 0 0 0;
}
.chargeelementbody {
	width : 516px;
	padding : 0 10px 10px 10px;
	margin : 0 12px 10px 12px;
}
.chargeelementbody p {
	margin : 0 0 10px 0;
}

table.chargecell { width: 404px; margin: 0 56px 0; _margin: 0 28px 0; padding: 0px; border-style: solid; border-width: 1px 0px 1px 1px; border-color: #ccc; }
table.chargecell th {padding: 4px 0; text-align: center; background: #99cccc; border-style: solid; font-weight : normal; border-width: 0px 1px 0px 0px; border-color: #ccc; }
table.chargecell td.cha_1	{ width: 100px; padding: 4px 0; text-align: center; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #ccc; }
table.chargecell td.cha_2 { width: 100px; padding: 4px 0; text-align: center; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #ccc; }
table.chargecell td.cha_3	{ width: 100px; padding: 4px 0; text-align: center; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #ccc; }
table.chargecell td.cha_4	{ width: 100px; padding: 4px 0; text-align: center; border-style: solid; border-width: 1px 1px 0px 0px; border-color: #ccc; }

p.menuGR {
	width : 180px;
	height : 23px;
	margin : 0 0 10px 0;
	padding : 3px 10px 0 10px;
	font-weight : bold;
	background : url(../commonimg/sub_gr.gif) no-repeat left top;
}

ul.SubGR {
	margin: 0px 5px 20px 5px;
	list-style : none;
}
ul.SubGR li {
	padding: 0 5px 4px 15px;
	margin : 0 0 4px 0;
	background : url(../commonimg/param_g.gif) no-repeat 4px 8px;
	border-bottom: dotted 1px #666;
}




.BlogSearch {
	margin : 0 5px 20px;
}


.blogbody {
	width : 538px;
	margin : 0 0 1em 0;
}

.blogbody p {
	padding : 10px 0;
}


/* セミナースケジュール */
.fairblock {
	margin : 0  0 20px 0;
}

p.fairtitle {
	padding: 0 0px 4px 0px;
	margin : 0  0 4px 0;
	color:#336666;
	font-size: 12px;
	font-weight : bold;
	border-bottom: solid 1px #336666;
}

.fairbody {
	padding: 0 0px 0 0px;
	margin : 0 0 4px 0;
	border-bottom: dotted 1px #666;
}

p.fairbodydate {
	padding : 5px 5px 0;
	font-size : 11px;
	color : #666;
}

p.fairbodyshop {
	padding : 0 5px 5px;
	color : #336666;
	cursor : pointer;
}

p.fairbodyshop:hover {
	color : #ff6600;
}

p.fairbodyex {
	padding : 0 5px;
}

table.faircell {
	width: 500px;
	margin : 5px 28px 10px;
	border-style: solid;
	border-width: 1px 0px 0 1px;
	border-color: #ccc;
}
table.faircell th {
	width: 80px;
	padding: 4px 10px;
	text-align: left;
	background: #99cccc;
	border-style: solid;
	font-weight : normal;
	border-width: 0px 1px 1px 0px;
	border-color: #ccc;
}
table.faircell td	{
	padding: 4px 10px;
	text-align: left;
	border-style: solid;
	border-width: 0 1px 1px 0px;
	border-color: #ccc;
}

/* ダウンロード */
.dlblock {
	margin : 0  0 20px 0;
}

.dlblock ul {
	margin: 0px 5px 20px 5px;
	list-style : none;
}

.dlblock ul li {
	padding: 0 5px 4px 15px;
	margin : 0 0 4px 0;
	background : url(../commonimg/param_w.gif) no-repeat 4px 8px;
	border-bottom: dotted 1px #666;
}

