@charset "utf-8";

/* *********************************************************
 *
 * altstack base style seet
 * Copyright : altstack All Rights reserved.
 *
 * *********************************************************
 \*/

/*____________ element ____________\*/

html, body, div, span,applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dd, dl, dt, li, ol, ul,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-align: left;
}

a img, :link img, :visited img {
	border: 0;
}


q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

html, body {
	height: 100%;
}

body {
	font-size: 62.5%;
	color: #333;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Verdana, Helvetica, sans-serif;
	_text-align: center;
	background: #20463b;
}

em {
	font-style: normal;
	font-weight: bold;
}

strong {
	font-weight: bold;
}


a:focus {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

img {
	vertical-align: bottom;
}

a img {
	border: none;
}

li img {
	vertical-align: bottom;
}

label {
	cursor: pointer;
}

hr {
	height: 1px;
	color: #ccc;
	background-color: #ccc;
	border: none;
	margin-bottom: 10px;
	padding: 0;
	overflow: hidden;
} 


/*____________ table ____________\*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table th, table td {
	font-size: 1.4em;
}

.simpletable {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0 0 1em;
}

.simpletable th {
	line-height: 1.4em;
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 5px 5px;
	white-space: nowrap;
}

.simpletable td {
	line-height: 1.4em;
	border: 1px solid #ccc;
	padding: 5px 5px;
}

.simpletable#mailform01 {
	margin-bottom: 20px;
	border: none;
}

.simpletable#mailform01 th {
	color: #333;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding: 10px;
	white-space: normal;
	background: #f6f6f6 url(../img/th_back01.gif) left top repeat-x;
}

.simpletable#mailform01 th.thtype02 {
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	padding: 10px;
	white-space: nowrap;
	background: #2e6554 url(../img/th_back02.gif) left top repeat-x;
}

.simpletable#mailform01 th span {
	display: block;
	font-size: 0.9em;
	text-align: right;
	color: #f60;
}

.simpletable#mailform01 td {
	font-size: 1.2em;
	vertical-align: top;
	padding: 10px;
	lihe-height: 1.5em;
	background: #fff;
}

.simpletable#mailform01 th.oddtr01, .simpletable#mailform01 td.oddtr01 {
	background: #ccc;
}

.simpletable#mailform01 td.titlecol {
	color: #fff;
	font-weight: bold;
	background: #663;
}

.simpletable#mailform01 td input {
	padding: 3px;
}

.forminput00 {
	width: 400px;
	min-height: 10em;
}

.forminput01 {
	width: 400px;
}

.forminput02 {
	width: 300px;
}

.forminput03 {
	width: 200px;
}

.formsubmit {
	text-align: center;
}

.formsubmit input {
	padding: 10px 10px;
}

.simpletable02 {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0 0 5em;
}

.simpletable02 th {
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 5px 5px;
	white-space: nowrap;
	text-align: center;
	vertical-align: center;
	padding: 10px 10px;
	background: #fff url(../img/th_back03.gif) left bottom repeat-x;
}

.simpletable02 td {
	font-size: 1.3em;
	padding: 8px;
	line-height: 1.5em;
	border: 1px solid #ccc;
	padding: 5px 5px;
}


.simpletable02 td p {
	font-size: 1em;
	padding: 0;
}

.simpletable02 td ul li {
	font-size: 1em;
}

.simpletable02 td ol li {
	font-size: 1em;
}


/*____________ header ____________\*/

#headbox {
	height: 135px;
	background: #fff url(../img/head_back01.gif) left bottom repeat-x;
}

#header {
	width: 980px;
	height: 135px;
	margin: 0 auto;
	_text-align: left;
}

#header h1 {
	width: 310px;
	height: 79px;
	overflow: hidden;
	float: left;
}

#header h1 a {
	display: block;
	width: 310px;
	height: 0px;
	padding: 79px 0 0;
	background: url(../img/head_img01.gif) left top no-repeat;
	overflow: hidden;
}

#headernavi01 {
	float: right;
	width: 640px;
	font-size: 1.2em;
	_font-size: 1.1em;
	text-align: right;
	line-height: 1.2em;
	padding: 12px 10px 0 0;
}

#headernavi01 a {
	color: #333;
	text-decoration: none;
}

#headernavi01 a:hover {
	text-decoration: underline;
}

#headerread {
	float: right;
	width: 660px;
	height: 0px;
	padding: 50px 0 0;
	background:  url(../img/head_img03.gif) right top no-repeat;
	overflow: hidden;
}

#navibox {
	width: 980px;
	clear: both;
}

/*____________ navigation ____________\*/

ul#navigation {
	height: 50px;
	padding: 6px 0 0;
	overflow: hidden;
}

ul#navigation li {
	display: block;
	width: 196px;
	height: 50px;
	float: left;
	overflow: hidden;
}

ul#navigation li a {
	display: block;
	width: 196px;
	height: 0px;
	padding: 50px 0 0;
	overflow: hidden;
}

ul#navigation li#navi01 {
	background: url(../img/head_btn01_on.gif) left top no-repeat;
}

ul#navigation li#navi01 a {
	background: url(../img/head_btn01.gif) left top no-repeat;
}

ul#navigation li#navi01 a:hover {
	background: url(../img/head_btn01_on.gif) left top no-repeat;
}

ul#navigation li#navi02 {
	background: url(../img/head_btn02b_on.gif) left top no-repeat;
}

ul#navigation li#navi02 a {
	background: url(../img/head_btn02b.gif) left top no-repeat;
}

ul#navigation li#navi02 a:hover {
	background: url(../img/head_btn02b_on.gif) left top no-repeat;
}


ul#navigation li#navi03 {
	background: url(../img/head_btn03_on.gif) left top no-repeat;
}

ul#navigation li#navi03 a {
	background: url(../img/head_btn03.gif) left top no-repeat;
}

ul#navigation li#navi03 a:hover {
	background: url(../img/head_btn03_on.gif) left top no-repeat;
}



ul#navigation li#navi04 {
	background: url(../img/head_btn04_on.gif) left top no-repeat;
}

ul#navigation li#navi04 a {
	background: url(../img/head_btn04.gif) left top no-repeat;
}

ul#navigation li#navi04 a:hover {
	background: url(../img/head_btn04_on.gif) left top no-repeat;
}


ul#navigation li#navi05 {
	background: url(../img/head_btn05_on.gif) left top no-repeat;
}

ul#navigation li#navi05 a {
	background: url(../img/head_btn05.gif) left top no-repeat;
}

ul#navigation li#navi05 a:hover {
	background: url(../img/head_btn05_on.gif) left top no-repeat;
}

/*____________ contents ____________\*/

#container {
	background: #fff;
}

#contents {
	width: 980px;
	margin: 0 auto;
}

#pankuzu01 {
	color: #333;
	font-size: 1em;
	height: 24px;
	line-height: 2.4em;
	padding: 0 17px;
	background: #f1f1f1 url(../img/pankuzu_back01.gif) left top repeat-x;
	border: 1px solid #ccc;
	border-width: 0 1px ;
	overflow: hidden;
}

#pankuzu02 {
	color: #333;
	font-size: 1em;
	height: 24px;
	line-height: 2.4em;
	padding: 0 17px;
	margin: 0 0 15px;
	background: #f1f1f1 url(../img/pankuzu_back01.gif) left top repeat-x;
	border: 1px solid #ccc;
	border-width: 0 1px 1px;
	overflow: hidden;
}

#pankuzu01 a , #pankuzu02 a {
	height: 24px;
	color: #666;
	padding: 0;
	text-decoration: none;
	float: left;
	overflow: hidden;
}

#pankuzu01 span , #pankuzu02 span {
	display: block;
	width: 13px;
	height: 0px;
	color: #666;
	padding: 24px 7px 0;
	text-decoration: none;
	background: url(../img/icon_arrow00.gif) center 9px no-repeat;
	float: left;
	overflow: hidden;
}


#pankuzu01 a:hover , #pankuzu02 a:hover {
	text-decoration: underline;
}

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

/*____________ maincol ____________\*/

.maincol01 {
	width: 670px;
	float: right;
	margin: 0 0 20px;
}

h2.texth2 {
	font-size: 1.8em;
	line-height: 1.2em;
	padding: 8px 0 8px 20px;
	margin: 0 0 2em;
	border: 2px solid #1c5645;
	border-width: 0 0 0 2px;
	clear: both;
}

.maincol01 h3 {
	font-size: 1.8em;
	line-height: 1.2em;
	padding: 8px 0 8px 20px;
	margin: 0 0 1em;
	border: 2px solid #1c5645;
	border-width: 0 0 0 2px;
	clear: both;
}

.maincol01 h4 {
	font-size: 1.4em;
	line-height: 2em;
	padding: 0 0 0 1em;
	margin: 0 0 1.5em ;
	border: 2px solid #1c5645;
	border-width: 0 0 0 2px;
	clear: both;
}

.maincol01 h5 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 0 0 0 1em;
	margin: 0 0 1.5em ;
	clear: both;
}

.maincol01 h3.h02 {
	font-size: 1.4em;
	padding: 5px 0 5px 20px;
}

.maincol01 p {
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 0 0.5em 0 0.5em;
	margin: 0 0 1em;
}

.maincol01 p img.float_l {
	margin: 0 15px 30px 0;
}

.maincol01 p.nopadding {
	padding: 0;
}

.maincol01 p.nopadding02 {
	padding: 0;
	text-align: center;
}

.maincol01 ul {
	padding: 0 1.5em 0 20px;
	margin: 0 0 1em;
}

.maincol01 ul li {
	color: #333;
	font-size: 1.4em;
	line-height: 1.4em;
	list-style-type: none;
	padding: 0 0 0 15px;
	background: url(../img/icon_arrow03.gif) left 0.4em no-repeat;
}

.maincol01 ul li ul li{
	font-size: 1em;
}

.maincol01 ul#infolist {
	padding: 0 0 0 20px;
	margin: 0 0 1em;
}

.maincol01 ol {
	padding: 0 1.5em 0 40px;
	margin: 0 0 2em;
}

.maincol01 ol li {
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 0;
	margin: 0 0 0.25em;
}

.maincol01 ol li ol {
	padding: 0 0 0 1.5em;
	margin: 0 0 1em;
}

.maincol01 ol li ol li {
	font-size: 1em;
	padding: 0;
	list-style-type: lower-roman;
}



ul.timg_float01 {
	width: 418px;
	padding: 10px 0 10px 20px;
	margin: 0 0 30px;
	float: left;
}

/*____________ leftcol ____________\*/

.leftcol01 {
	width: 290px;
	float: left;
}

.menu01 {
	background: #f5f5f5;
	margin: 0 0 15px;
}

.menu01#jipclubmenu {
	background: #dff0ff;
}

.menu01 h4 {
	padding: 0;
	margin: 0 0 20px;
}

.menu01#jipclubmenu h4 {
	padding: 0;
	margin: 0 0 5px;
}

.menu01 p {
	font-size: 1.2em;
	padding: 0 25px;
	margin: 0 0 1em;
}

.menu01 ul {
	width: 250px;
	margin: 0 20px 50px;
	border-bottom: 1px solid #d9d9d9;
	border-width: 0 0 1px;
}

.menu01 ul.bottomnon01 {
	border-bottom: none;
}

.menu01 ul li {
	font-size: 1.4em;
	line-height: 2.9em;
	padding: 0;
	background: url(../img/menu_btn01_on.gif) left top no-repeat;
	list-style-type: none;
	overflow: hidden;
}

.menu01 ul li a {
	display: block;
	width: 218px;
	height: 2.9em;
	color: #333;
	text-decoration: none;
	padding: 0 0 0 30px;
	background: url(../img/menu_btn01.gif) left center no-repeat;
	border: 1px solid #d9d9d9;
	border-width: 1px 1px 0;
}

.menu01 ul li.topcategory01 a {
	border: 1px solid #d9d9d9;
	border-width: 1px;
}

.menu01 ul li a:hover {
	background: url(../img/menu_btn01_on.gif) left center no-repeat;
}

.menu01 ul li a#now {
	background: url(../img/menu_btn01_on.gif) left center no-repeat;
}

.menu01 ul li ul {
	width: 230px;
	font-size: 1em;
	margin: 0 20px 0;
	border: none;
}

.menu01 ul#nobottomline {
	border: none;
}

.menu01 ul#nobottomline li ul {
	border-bottom: 1px solid #d9d9d9;
	border-width: 0 0 1px;
}


.menu01 ul li ul li {
	font-size: 0.9em;
	background: url(../img/menu_btn03_on.gif) left top no-repeat;
}

.menu01 ul li.topcategory01 ul li a {
	width: 203px;
	padding: 0 0 0 25px;
	border: 1px solid #d9d9d9;
	border-width: 1px 1px 0;
	background: url(../img/menu_btn03.gif) -3px center no-repeat;
}

.menu01 ul li.topcategory01 ul li.subcontents01 a {
	border: 1px solid #d9d9d9;
	border-width: 0 1px;
}

.menu01 ul li.topcategory01 ul li.subcontents02 ul {
	border-bottom: none;
}

.menu01 ul li.topcategory01 ul li.subcontents03 a {
	border: 1px solid #d9d9d9;
	border-width: 1px 1px;
}

.menu01 ul li ul li a:hover {
	background: url(../img/menu_btn03_on.gif) -3px center no-repeat;
}

.menu01 ul li ul li a#now {
	background: url(../img/menu_btn03_on.gif) -3px center no-repeat;
}


.menu01 ul.textlist01 {
	width: 250px;
	margin: 0 25px 1em;
	border: none;
}

.menu01 ul.textlist01#personnel01 {
	height: 16em;
	overflow: auto;
}

.menu01 ul.textlist01 li {
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0 5px 0 15px;
	margin: 0 0 5px;
	background: none;
	border: none;
	list-style-type: none;
	background: url(../img/icon_arrow03.gif) left 0.4em no-repeat;
}

.menu01 ul.textlist01 li span.date {
	display: block;
}

.menu01 ul.textlist01 li a {
	display: inline;
	width: auto;
	height: 2.9em;
	color: #333;
	text-decoration: none;
	padding: 0;
	background: none;
	border: none;
}

.menu01 ul.textlist01 li a:hover {
	color: auto;
	text-decoration: underline;
	background: none;
}

.menu01bottom {
	min-height: 40px;
	_height: 40px;
	background: url(../img/menu_back_bottom01.gif) left bottom no-repeat;
}

.menu01bottom#jipclubbottom {
	background: url(../img/menu_back_bottom02.gif) left bottom no-repeat;
}

.menu01bottom p {
	font-size: 1.4em;
	margin: 0 0 0;
	padding: 0 25px;
}

.menu01bottom p a {
	height: 2.9em;
	line-height: 2.9em;
	color: #333;
	text-decoration: none;
	padding: 0 0 0 25px;
	margin: 0 0 0;
	background: url(../img/menu_btn02.gif) left center no-repeat;
}

.menu01bottom hr {
	display: none;
}

/*____________ news ____________\*/

.maincol01 p.newsdate {
	font-size: 1.4em;
	color: #599238;
	text-align: right;
}

.maincol01 ul.infolist02 {
	padding: 1.5em 1.5em 0 1.5em;
	margin: 0 0 2em;
	overflow: auto;
}

.maincol01 ul.infolist02#infolist02_id01 {
	height: 16em;
	overflow: auto;
	padding-bottom: 5px;
}

.maincol01 ul.infolist02 li {
	display: block;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 0.5em;
	clear: both;
}

.maincol01 ul.infolist02 li span.date {
	display: block;
	width: 8.5em;
	float: left;
}

.maincol01 ul.infolist02 li a {
	color: #333;
	text-decoration: none;
}

.maincol01 ul.infolist02 li a:hover {
	text-decoration: underline;
}

.maincol01 ul.infolist02 li span.infotitle01 {
	display: block;
	margin: 0 0 0 8.7em;
	_margin: 0;
	_padding: 0 0 0 1em;
	_float: left;
}

.infocategory_2 span.date {
	padding: 0 3.5em 0 0;
	background: url(../img/icon_infocategory01.gif) right top no-repeat;
}

.infocategory_24 span.date {
	padding: 0 3.5em 0 0;
	background: url(../img/icon_infocategory02.gif) right top no-repeat;
}

.infocategory_26 span.date {
	padding: 0 3.5em 0 0;
	background: url(../img/icon_infocategory03.gif) right top no-repeat;
}

.maincol01 ul.infolist02 li.infocategory_2 span.infotitle01,
.maincol01 ul.infolist02 li.infocategory_24 span.infotitle01,
.maincol01 ul.infolist02 li.infocategory_26 span.infotitle01 {
	display: block;
	margin: 0 0 0 12.7em;
	_margin: 0;
	_padding: 0 0 0 1em;
	_float: left;
}

/*____________ company ____________\*/

#companyinfo {
	width: 100%;
	margin: 0 0 30px;
}

#companyinfo th {
	width: 120px;
	background: #f5f5f5;
	text-align: right;
	vertical-align: top;
	padding: 8px;
}

#companyinfo td {
	padding: 8px;
}

#companyinfo td ul {
	padding: 5px;
}

#companyinfo td ul li {
	font-size: 1em;
}

/*____________ books ____________\*/


.bookscategoey01 {
	padding: 10px;
	margin: 0 0 30px;
	background: #fbfbfb;
	border: 1px solid #ccc;
}


.bookscategoey01 h3 {
	text-align: center;
	border: none;
	padding: 0;
	margin: 0 0 0.5em;
}

.bookscategoey01 h3 img {
	margin: 0 auto;
}

.bookscategoey01 p {
	font-size: 1.3em;
	line-height: 1.5em;
}

.bookscategoey01 p a {
	white-space: nowrap;
}

.bookslist {
	margin: 0 0 30px;
	border: 1px solid #ccc;
	border-width: 1px 1px 0;
}

.bookslist div.fclear {
	height: 15px;
	overflow: hidden;
}

.bookslist h4 {
	width: 110px;
	padding: 0;
	margin: 0;
	float: left;
	border: none;
}

.bookslist ul {
	width: 556px;
	padding: 0;
	margin: 0;
	float: right;
	border: 1px solid #ccc;
	border-width: 0 0 0 1px;
}

.bookslist ul li {
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 0;
	background: none;
	border: 1px solid #ccc;
	border-width: 0 0 1px 0;
}

.bookslist ul li a {
	display: block;
	width: 536px;
	height: 100%;
	color: #333;
	padding: 5px 10px;
	background: #fff;
	text-decoration: none;
}

.bookslist ul li a:visited {
	color: #800080;
	background: #fcfcfc;
}

.bookslist ul li a:hover {
	color: #fff;
	background: transparent;
}

p.bookimage01 {
	padding: 20px 0;
	margin: 0 0 30px;
	text-align: center;
}

p.bookimage01 img {
	border: 2px solid #ccc;
}

p.bookimage01 .thickbox img {
	border: none;
}

p.bookimage01 a {
	display: block;
	width: 134px;
	text-align: center;
	margin: auto;
}

p.bookimage01 img , p.bookimage01 a img {
	margin: 0 auto 10px;
}

.bookslist#category01 {
	background: #1c5645;
}

.bookslist#category02 {
	background: #1055ab
}

.bookslist#category03 {
	background: #eaa91d;
}

.bookslist#category04 {
	background: #970101;
}

.bookslist#category05 {
	background: #679701;
}

.bookslist#category06 {
	background: #014197;
}

.bookslist#category07 {
	background: #918d1c;
}

.bookslist#category08 {
	background: #4c90ca;
}

.bookslist#category09 {
	background: #921a34;
}

.bookslist#category10 {
	background: #28b825;
}

.bookslist#category11 {
	background: #82836d;
}

.bookslist#category12 {
	background: #b7bc26;
}

.bookslist#category13 {
	background: #debd24;
}

.simpletable#bookdetail {
	min-width: 650px;
}

.simpletable#bookdetail th {
	width: 130px;
	font-size: 1.2em;
	text-align: right;
	vertical-align: top;
	padding: 10px;
	background: #f6f6f6 url(../img/th_back01.gif) left top repeat-x;
	border: 1px solid #ccc;
}

.simpletable#bookdetail td {
	font-size: 1.2em;
	border: 1px solid #ccc;
	padding: 10px;
}

.simpletable#bookdetail td p {
	font-size: 1em;
	padding: 0;
	margin: 0 0 1em;
}

.simpletable#bookdetail td ol {
	padding: 0 0 0 20px;
	margin: 0 0 1em;
}

.simpletable#bookdetail td ol li {
	font-size: 1em;
}


.simpletable#bookdetail td ul {
	padding: 0 0 0 5px;
	margin: 0 0 1em;
}

.simpletable#bookdetail td ul li {
	color: #333;
	font-size: 1em;
	line-height: 1.4em;
	list-style-type: none;
	padding: 0 0 0 15px;
	background: url(../img/icon_arrow03.gif) left 0.4em no-repeat;
}

/*____________ video ____________\*/

p.videoimage01 {
	min-width: 100px;
	min-height: 100px;
	_width: 100px;
	_height: 100px;
	padding: 10px 0;
	margin: 0 0 15px;
	text-align: center;
	background: url(../img/noimages01.gif) center center no-repeat;
}


p.videoimage01 img {
	padding: 5px;
	border: 2px solid #ccc;
}

p.videoimage01 .thickbox img {
	border: none;
}

p.videoimage01 a {
	display: block;
	width: 134px;
	text-align: center;
	margin: auto;
}

p.videoimage01 img , p.videoimage01 a img {
	margin: 0 auto 10px;
}

/*____________ service ____________\*/

.halfcol01 {
}

.halfcol01 h4 {
	padding: 0;
	border: none;
}

.halfcol01 .float_l {
	width: 326px;
}

.halfcol01 .float_r {
	width: 326px;
}

#service_divergence01 {
	background: url(../service/img/back_divergence01.gif) left 36px no-repeat;
}

/*____________ jipgroupe ____________\*/

.jipgroupcount01 {
	padding: 30px 20px 10px;
	margin: 0 50px 30px;
	background: #fbfbfb;
	border: 1px solid #ccc;
}

.jipgroupbox01 {
	margin: 0 0 50px;
	padding: 0;
}

.jipgroupbox01 ul {
	height: 3em;
	padding: 0 2px 0 10px;
	margin: 0;

}

.jipgroupbox01 ul li {
	width: 74px;
	padding: 0;
	margin: 0 2px;
	background: none;
	border: 1px solid #ccc; 
	border-width: 1px 1px 0;
	float: left;
}

.jipgroupbox01 ul li a {
	display: block;
	color: #333;
	font-size: 0.76em;
	text-align: center;
	line-height: 1.5em;
	text-decoration: none;
	padding: 5px 0 5px;
	background: #e9e9e9 url(../img/tab_back01.gif) left top repeat-x;
	border-width: 0;
	border-top: 2px solid #f90;
	border-bottom: 1px solid #ccc; 
}

.jipgroupbox01 ul li a:hover {
	background: #fff;
	border: 2px solid #6b95fe;
	border-bottom: 1px solid #fff; 
	border-width: 2px 0 0 0;
}

.jipgroupbox01 ul li a.nowarea {
	background: #fff;
	border: 2px solid #6b95fe;
	border-bottom: 1px solid #fff; 
	border-width: 2px 0 0 0;
}

.jipgroupbox01 ul li a span {
	text-align: center;
	display: block;
}

.jipgroupbox01_01 {
	border: 1px solid #ccc;
	margin: 0;
}

.jipgroupbox01 p.align_c {
	display: block;
	clear: both;
	padding: 15px 9px 0;
}
.jipgroupbox01_01 {
	padding: 0 10px;
}

.jipgroupbox01_01 .simpletable {
	width: 100%;
}

.jipgroupbox01_01 .simpletable th {
	font-size: 1.4em;
	color: #fff;
	text-align: center;
	background: #2e6554 url(../img/th_back02.gif) left top repeat-x;
}

.jipgroupbox01_01 .simpletable td {
	font-size: 1.2em;
}

.maincol01 p.jipgroupimage01 {
	width: 178px;
	min-height: 100px;
	padding: 10px;
	margin: 0 0 30px;
	text-align: center;
	border: 1px solid #ccc;
	background: url(../img/noimages01.gif) center center no-repeat;
	float: left;
	overflow: hidden;
}

.jipgroupimage01 img {
	max-width: 158px;
	margin: 0 auto;
	overflow: hidden;
}

ul#jipgroupprofile01 {
	width: 448px;
	padding: 10px 0 10px 20px;
	margin: 0 0 30px;
	float: right;
}

.simpletable#jipgroupprofile02 {
	width: 100%;
	clear: both;
	margin: 0 0 30px;
}

.simpletable#jipgroupprofile02 th {
	width: 120px;
	font-size: 1.2em;
	text-align: right;
	vertical-align: top;
	padding: 10px;
	background: #f6f6f6 url(../img/th_back01.gif) left top repeat-x;
	border: 1px solid #ccc;
}

.simpletable#jipgroupprofile02 td {
	font-size: 1.2em;
	border: 1px solid #ccc;
	padding: 10px;
}

.simpletable#jipgroupprofile02 td p {
	font-size: 1em;
	padding: 0;
}

/*____________ seminar ____________\*/

#seminartable01 {
	width: 100%;
}

#seminartable01 th {
	font-size: 1.2em;
	text-align: center;
	vertical-align: center;
	padding: 10px 10px;
	background: #fff url(../img/th_back03.gif) left bottom repeat-x;
}

#seminartable01 td {
	font-size: 1.3em;
	padding: 8px;
}


#seminartable01 td.col01 {
	width: 120px;
	text-align: right;
	vertical-align: top;
	padding: 8px 5px;
	white-space: nowrap;
}

#seminartable01 td.col02 {
	vertical-align: top;
}

#seminartable01 td.col03 {
	width: 160px;
	vertical-align: top;
}

#seminartable01 td p {
	font-size: 1em;
	padding: 0;
}

#seminartable01 td ul li {
	font-size: 1em;
}

#seminartable01 td ol li {
	font-size: 1em;
}


.maincol01 ul.infolist03 li {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 0 0.5em;
}

.maincol01 ul.infolist03 li a {
	text-decoration: none;
}

.maincol01 ul.infolist03 li a:hover {
	text-decoration: underline;
}


/*____________ jipclub ____________\*/

.jipclubbox01 {
	padding: 0;
	margin: 0 0 30px;
}

.jipclubbox01 p {
	padding: 0;
	margin: 0;
}

.maincol01 .jipclubbox01 p {
	max-width: 331px;
	margin: 0 0 5px;
	padding: 0;
	float: left;
}

.maincol01 .jipclubbox01 p.l_iamge {
	padding: 0 5px 0 0;
}

/*____________ movie ____________\*/

.moviebox01 {
}

.moviebox01 #player {
	text-align: center;
	margin: 0 0 30px;
}

.moviebox01 #player * {
	margin: 0 auto;
}

.moviebox01 .movieleftcol {
	width: 480px;
	float: left;
}

.moviebox01 .movieleftcol .entrybody {
	padding: 0 0 30px;
	margin: 0 0 50px;
	border-bottom: 1px dotted #ccc;
}

.moviebox01 .movieleftcol .entrybody h3 {
	margin: 0 0 0.5em;
}

.playerbox {
	margin: 0 0 1em;
}

.moviebox01 .movieleftcol .entrybody p.date {
	text-align: right;
}

.moviebox01 .moviemenucol {
	width: 175px;
	float: right;
	background: #f9f9f9;
	padding: 0 0 20px;
	margin: 0 0 10px;
}

.moviebox01 .moviemenucol h3, .moviebox01 .moviemenucol h4 {
	padding: 0;
	border: none;
}

.moviebox01 .moviemenucol ul {
	padding: 0 10px;
}

.moviebox01 .moviemenucol ul li {
	font-size: 1.2em;
	margin: 0 0 1em;
}

.moviebox01 .moviemenucol ul li a {
	text-decoration: none;
}

.moviebox01 .moviemenucol ul li a:hover {
	text-decoration: underline;
}

.moviemenucol p {
	font-size: 1.2em;
	padding: 0 7px;
}

.moviemenucol p img{
	margin: 0 0 5px;
}

.moviemenucol p.getflash {
	padding: 10px 7px;
}

p.entrynavi {
	padding: 5px 10px 0;
	min-height: 2em;
	_height: 2em;
	line-height: 2em;
	margin: 0 0 1em;
	background: #f9f9f9;
}

p.entrynavi a {
	font-size: 0.9em;
	text-decoration: none;
}

p.entrynavi a:hover {
	text-decoration: underline;
}


p.entrynavi #entryprevius {
	display: block;
	width: 6em;
	float: left;
	padding: 0 0 0 1em;
	margin: 0 0 1em;
	background: url(../img/icon_arrow04.gif) left 0.5em no-repeat;
}

p.entrynavi #entrynext {
	display: block;
	width: 6em;
	text-align: right;
	float: right;
	padding: 0 1em 0 0 ;
	margin: 0 0 1em;
	background: url(../img/icon_arrow03.gif) right 0.5em no-repeat;}

p.entrynavi2 {
	padding: 0;
	clear: both;
}

/*____________ popup01 ____________\*/

.popupbox01 {
	background: #fff;
	padding: 0 0 2em;
}

.popupbox01 h3 {
	width: 780px;
	color: #1c5645;
	font-size: 1.8em;
	line-height: 1.4em;
	text-align: left;
	border: none;
	padding: 0 10px;
	margin: 0 auto 0;
}

.popupbox01 p {
	width: 780px;
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 10px 0;
	margin: 0 auto 0;
}

.popupbox01 p.float_l {
	width: 390px;
	padding: 10px 0 0 10px;
}

.popupbox01 div.dotted {
	clear: both;
}

.popupbox01 p img{
	margin: 0 0 10px;
	border: 1px solid #ccc;
}

.popupbox01 ul {
	width: 780px;
	padding: 0 1.5em 10px 20px;
	margin: 0 auto 1em;
}

.popupbox01 ul.float_r {
	width: 365px;
	padding: 10px 0 10px 20px;
	margin: 0 0 1em;
	float: left;
}


.popupbox01 p ul li {
	font-size: 1.4em;
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 0 aut 10px;
	background: url(../img/icon_arrow03.gif) left 0.4em no-repeat;
}

.popupbox01 ul li {
	color: #333;
	font-size: 1.4em;
	line-height: 1.4em;
	list-style-type: none;
	padding: 0 0 0 15px;
	background: url(../img/icon_arrow03.gif) left 0.4em no-repeat;
}

/*____________ sitemap ____________\*/

.entrybody#sitemap {
	padding: 20px 0;
}

.entrybody#sitemap ul {
	margin: 0;
	padding: 0 0 0 25px;
}

.entrybody#sitemap ul li {
	line-height: 38px;
	font-size: 1.4em;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background-image: none;
}

.entrybody#sitemap ul li a {
	padding: 5px 25px 5px 25px;
	border: 1px solid #ccc;
	text-decoration: none;
	background: #fff url(../img/icon_arrow03.gif) 10px center no-repeat;
}

.entrybody#sitemap ul li a:hover {
	color: #fff;
	background: #2e6454 url(../img/icon_arrow03.gif) 10px center no-repeat;
}

.entrybody#sitemap ul li ul {
	padding: 0 0 30px 30px;
}

.entrybody#sitemap ul li ul li {
	font-size: 1em;
	padding: 0 0 0 30px;
	background: url(../sitemap/img/back_tree01.gif) left top no-repeat;
	margin: 0;
}

.entrybody#sitemap ul li ul li.listend01 {
	background: url(../sitemap/img/back_tree02.gif) left top no-repeat;
}


/*____________ entry ____________\*/

.div01 {
	padding: 10px 1.8em;
	margin: 0 0 30px;
	background: #fbfbfb;
	border: 1px solid #ccc;
}

.div01 h4 , .div01 h5 {
	color: #1c5645;
	font-size: 1.8em;
	line-height: 1.4em;
	text-align: left;
	border: none;
	padding: 0;
	margin: 0 0 0.5em;
}

.div01 p {
	border: none;
	padding: 0;
	margin: 0 0 0.5em;
}

.entrybody {
	margin: 0 0 20px;
}

.maincol01 .entrybody table {
	border: 1px solid #ccc;
	margin: 0 0 1em;
}

.maincol01 .entrybody th {
	font-weight: bold;
	border: 1px solid #ccc;
}


.maincol01 .entrybody th p {
	font-size: 1em;
	padding: 0;
}

.maincol01 .entrybody td {
	border: 1px solid #ccc;

}

.maincol01 .entrybody td p {
	font-size: 1em;
	padding: 0;
}


.entrybody .simpletable {
	margin: 0 0 3em 0;
}

.entrybody .simpletable th {
	text-align: center;
	background: #f6f6f6 url(../img/th_back01.gif) left top repeat-x;
}

.entrybody .simpletable td {
	font-size: 1.2em;
	vertical-align: top;
}

.entrybody .simpletable caption {
	font-size: 1.2em;
	line-height: 1.4em;
}

.entrybody .simpletable td p {
	font-size: 1em;
	padding: 0;
}

.entrybody .simpletable td ul {
}

.entrybody .simpletable td ul li {
	font-size: 1em;
}

.entrybody .simpletable td ul li ul {
}

.entrybody .simpletable td ol {
	padding: 0 0 0 2em;
}

.entrybody .simpletable td ol li {
	font-size: 1em;
	padding: 0;
}

.entrybody .simpletable td ol li ol {
	font-size: 1em;
	padding: 0 0 0 2em;
}

.entrybody .simpletable td.col10 {
	width: 200px;
}

.entrybody .simpletable td.col11 {
}

.entrybody .simpletable td.col11 p {
	margin: 0;
}

#bottomnavi01 {
	heigth: 3em;
	margin: 0 0 1em;
}

#bottomnavi01 p {
	font-size: 1.1em;
	padding: 0;
}

#bottomnavi01 p#bottom_prev {
	display: block;
	width: 200px;
	float: left;
}

#bottomnavi01 p#bottom_next {
	display: block;
	text-align: right;
	width: 200px;
	float: right;
}

#bottomnavi01 p a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 3px 5px;
	border: 1px solid #ccc;
}

#bottomnavi01 p#bottom_prev a {
	padding: 3px 5px 3px 20px;
	background: url(../img/icon_arrow04.gif) 0.7em 0.6em no-repeat;
}

#bottomnavi01 p#bottom_next a {
	text-align: right;
	padding: 3px 20px 3px 5px;
	background: url(../img/icon_arrow03.gif) 183px 0.6em no-repeat;
}

#bottomnavi01 p a:visited {
	color: #800080;
	background-color: #fcfcfc;
}

#bottomnavi01 p#bottom_prev a:hover {
	color: #fff;
	background: #20463b url(../img/icon_arrow04.gif) 0.7em 0.6em no-repeat;
}

#bottomnavi01 p#bottom_next a:hover {
	color: #fff;
	background: #20463b url(../img/icon_arrow03.gif) 183px 0.6em no-repeat;
}



/*____________ bits ____________\*/

.fclear {
	clear: both;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.align_c {
	text-align: center !important;
}

.align_l {
	text-align: left !important;
}

.align_r {
	text-align: right !important;
}

.nomargin {
	margin: 0px !important;
}

.margin5 {
	margin: 5px !important;
}

.margin10 {
	margin: 10px !important;
}

.marginb10 {
	margin-bottom: 10px !important;
}

.marginb20 {
	margin-bottom: 20px !important;
}

.marginb30 {
	margin-bottom: 30px !important;
}

.marginb2em {
	margin-bottom: 2em !important;
}

.nopadding {
	padding: 0 !important;
}

.paddingt2em {
	padding-top: 2em !important;
}

.hide {
	display: none !important;
}

.hidden {
	visibility: hidden !important;
}

.hidedisp {
	position:absolute;
	left: -1000%;
}

.underline {
	text-decoration: underline;
}

.overline {
	text-decoration: overline;
}

.ssfont {
	font-size: xx-small !important;
}

.sfont {
	font-size: x-small !important;
}

.lfont {
	font-size: 1.5em !important;
}

.llfont {
	font-size: 2em !important;
}

.mfont {
	font-size: medium !important;
}

.blue {
	color: #00f !important;
}

.red {
	color: #f00 !important;
}

.orange {
	color: #f60 !important;
}

.green {
	color: #030 !important;
}

.bold {
	font-weight: bold !important;
}

.italic {
	font-style: italic !important;
}

.nowrap {
	white-space: nowrap;
}

hr.hidden {
	height: 1px;
	clear: both;
	padding: 0;
	margin: 0;
	overflow: hidden;
}


br.fclear {
	clear: both;
	font-size: 1px;
	line-height: 0px;
	height: 1px;
	overflow: hidden;
}

div.fclear {
	height: 0px;
	overflow: hideen;
}

.fclear hr {
	display: none;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hideen;
}

div.dotted {
	height: 1px;
	padding: 0;
	margin: 0 0 45px;
	border-top: 1px dotted #ccc;
}

div.dotted hr {
	display: none;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hideen;
}


.date {
	color: #599238;
}

p.gotonextpage {
	min-height:  3em;
	_height: 3em;
	font-size: 1.2em;
	clear: both;
	text-align: right;
	padding: 1.5em 0 0;
	margin: 0 0 1em;
}

p.gotonextpage a {
	color: #333;
	text-decoration: none;
	padding: 0.4em 30px 0.3em 0;
	background: url(../img/icon_arrow01.gif) right center no-repeat;
	border: 1px dotted #ccc;
	border-width: 0 0 1px;
}

.menu01 p.gotonextpage {
	margin: 0 15px 1em 0;
	background: url(../img/icon_arrow05.gif) right center no-repeat;
}



p.gototop01 {
	min-height:  3.5em;
	_height: 3.5em;
	font-size: 1.2em;
	clear: both;
	text-align: right;
	padding: 1.5em 0 0;
}

p.gototop01 a {
	color: #333;
	text-decoration: none;
	padding: 0.4em 30px 0.3em 0;
	background: url(../img/icon_arrow02.gif) right center no-repeat;
	border: 1px dotted #ccc;
	border-width: 0 0 1px;
}

p.gotocontact01 {
	font-size: 1.1em;
	_font-size: 0.9em;
	line-height: 2em;
	padding: 20px 0 0 380px;
	margin: 0 0 30px;
	text-align: center;
}

.maincol01 entry.margin5 {
	margin: 5px !important;
}

.maincol01 .margin10 {
	margin: 10px !important;
}

.maincol01 .marginb10 {
	margin-bottom: 10px !important;
}

.maincol01 .marginb20 {
	margin-bottom: 20px !important;
}

.maincol01 .marginb30 {
	margin-bottom: 30px !important;
}

.maincol01 .marginb2em {
	margin-bottom: 2em !important;
}

.maincol01 .marginb3em {
	margin-bottom: 3em !important;
}


.maincol01 .nopadding {
	padding: 0 !important;
}

.maincol01 .paddingt2em {
	padding-top: 2em !important;
}

.relative {
	position: relative;
}

.icon01 {
	position: absolute;
	right: 20px;
	top: 10px;
}


/*____________ footer ____________\*/

#footbox {
	clear: both;
	min-height:  270px;
	_height:  270px;
	padding: 20px 0 0;
	background: #20463b url(../img/foot_back01.gif) left top repeat-x;
}
#footer {
	width: 980px;
	margin: 0 auto;
}

#footer p.footertext01 {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.9em;
	text-align: right;
	padding: 0;
}

#footer p.footertext01 a {
	color: #fff;
	text-decoration: none;
}

#footer p.footertext01 a:hover {
	text-decoration: underline;
	position: relative;
	left: 1px;
	top: 1px;
}

#footer p.footertext01#copyright {
	padding: 0 0 35px 0;
	background: url(../img/foot_back02.gif) right bottom no-repeat;
}

/*____________ individual page ____________\*/

body#individualpage {
	background: #fff;
}

body#individualpage #container {
	width: 620px;
	padding: 2em 15px 0 0;
	margin: 0 auto;
	_text-align: center;
}

body#individualpage #container table.simpletable {
	width: 540px;
}


/* ----------------------------------------------------------------------------------------------------------------\*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------\*/
/* ----------------------------------------------------------------------------------------------------------------\*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------\*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------\*/
/* ----------------------------------------------------------------------------------------------------------------\*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ------------------------------------------------------------------------------------------------------\*/
/* ---------->>> thickbox settings <<<---------------------------------------------------------------\*/
/* ------------------------------------------------------------------------------------------------------\*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#333;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border: 1px solid #fff;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 15px 10px 0;
	float:right;
}

#TB_closeWindowButton {
	float:right;
	display: block;
	border: 1px solid #ccc;
	padding: 3px 10px;
	text-decoration: none;
}

#TB_closeWindowButton:hover {
	background: #efefef;
}


#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#fff;
	border-bottom: 1px solid #ccc;
	height:3em;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/****************************************/
/* cluetip  global */
#cluetip-close img {
  border: 0;
}

#cluetip-title {
  overflow: hidden;
}

#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}

#cluetip-waitimage {
  width: 208px;
  height: 13px;
  position: absolute;
  background-image: url(../img/loadinganimation.gif);
}

.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#cluetip-extra {
  display: none;
}

/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
	background-color: #fff;
	border: 1px solid #ccc;
}

.cluetip-default #cluetip-outer {
	position: relative;
	padding: 15px;
	margin: 0;
	background: #fff url(../img/tooltip_back01.gif) right bottom no-repeat;
}

.cluetip-default h3#cluetip-title {
	color: #2e6454;
	font-size: 1.6em;
	font-weight: bold;
	margin: 0 0 5px;
	padding: 3px;
	border: none;
	border-bottom: 1px dotted #ccc;
}

.cluetip-default h4 {
	color: #333;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 5px;
	padding: 0;
}

.cluetip-default p {
	color: #333;
	font-size: 1em;
}

.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}

.cluetip-default #cluetip-inner {
	font-size: 1.4em;
	padding: 3px;
}

.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}

.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}

.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}

.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}


.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}