/*   */

html {
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","TakaoPGothic",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif,'Myriad Pro', sans-serif, Helvetica, Arial;
	font-size: 0.94em;
	line-height: 1.44em;
	color: #333;
	margin: 0;
	padding: 0;
}

a {
	color: #055;
	text-decoration: underline;
}

a:hover {
	color: #0aa;
	text-decoration: underline;
}

ul {
	list-style-type: disc;
	padding-left: 24px;
	margin : 4px 0;
}

ol {
	list-style-type: decimal;
	padding-left: 24px;
	margin : 4px 0;
}

dl {
	margin : 2em 0em;
}

dt {
	font-weight: bold;
	line-height: 2em;
}
dd {
	margin-left:2em;
	line-height: 2em;
}

#content-w2 li {
	margin : 12px 0px;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

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

.item-title {
	font-size: 1.50em;
	font-weight:bold;
	margin: 8px 0 0 0;
	padding: 12px 0 8px 0;
}

.item-separator {
	min-height:8px;
	margin: 8px;
	padding: 0;
	/* border-bottom: 1px solid #ccc; */

}

img {
	border-style: none;
}

em, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}


p {
	line-height:1.7em;
	margin: 12px 0px 18px 0px;
}

h1 {
	font-weight: 400;
	color: #055;
	font-size: 1.63em;
	line-height:1.31em;
	margin: 18px 0px 10px 0px;
}

h1 a {
	color: #055;
	text-decoration: none;
}

h1 a:hover {
	color: #0aa;
	text-decoration: none;
}


h2 {
	font-weight: 400;
	color: #055;
	font-size: 1.50em;
	line-height:1.31em;
	margin: 18px 0px 8px 0px;
}

h2 a {
	color: #055;
	text-decoration: none;
}

h2 a:hover {
	color: #0aa;
	text-decoration: none;
}

h3 {
	font-weight: 400;
	color: #055;
	font-size: 1.38em;
	line-height:1.31em;
	margin: 18px 0px 8px 0px;
}

h3 a {
	color: #055;
	text-decoration: none;
}

h3 a:hover {
	color: #0aa;
	text-decoration: none;
}

.moduletable h3 {
	color: #055;
	font-size: 0.88em;
	margin : 0px 0px 4px 0px;
}

h4 {
	font-weight: 400;
	color: #055;
	font-size: 1.13em;
	line-height:1.31em;
	margin: 16px 0px 8px 0px;
}

h5 {
	font-weight: 400;
	color: #055;
	font-size: 1.06em;
	line-height:1.3em;
	margin : 14px 0;
}

h6 {
	font-weight: 400;
	font-size: 1.00em;
	line-height:1.3em;
	margin : 14px 0;
}


hr {
	border: 0;
	color: #eee;
	background-color: #eee;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.tip {
	font-size:0.94em;
	text-align:left;
	line-height: 1.2em;
	padding:3px;
	max-width:400px
}

.tip-title {
	font-weight:bold;
}

#wrapper {
	display: block;
	padding: 0;
	margin : auto;
	/*min-height: 100%; */
	/*height: auto !important; */
	/* height: 100%; */
}

/* #push { height: 0px; } */

/** Buttons **/

#login-form input.button,
#member-profile button.validate,
#member-registration button.validate,
#user-registration button.validate,
.logout button,
.login button,
#searchForm button,
#contact-form button.validate,
#mailto-window button {
	font-size: 0.88em;
	color: #fff;
	background-color: #888;
	border: 0px;
	padding: 3px 8px;
	margin-left: 0px;
	border-radius: 3px;
}

#login-form input.button:hover,
#member-profile button.validate:hover,
#member-registration button.validate:hover,
#user-registration button.validate:hover,
.logout button:hover,
.login button:hover,
#searchForm button:hover,
#contact-form button.validate:hover,
#mailto-window button:hover {
	color: #fff;
	text-decoration: none;
	background-color: #088;
}


.readmore {
	text-align: right;
	font-size : 0.81em;
	margin : 0px 2px;
}

.readmore a {
	background-color : #888;
	padding : 3px 8px;
	text-decoration: none;
	color:#fff;
	border-radius: 3px;
}

.readmore a:hover {
	background-color : #088;
	text-decoration: none;
}


/** Header **/

#header_wrap {
	margin:0;
	padding:0;
	background-color: #eee; 
	min-width: 960px;
	overflow: hidden; 
}

#header {
	width: 960px;
	margin: auto;
	min-height: 50px;
	overflow-x: auto;
	overflow-y: hidden; 

background: #eeeeee;
background: -moz-linear-gradient(left, #eeeeee 0%, #ffffff 15%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(15%,#ffffff), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(left, #eeeeee 0%,#ffffff 15%,#eeeeee 100%);
background: -o-linear-gradient(left, #eeeeee 0%,#ffffff 15%,#eeeeee 100%);
background: -ms-linear-gradient(left, #eeeeee 0%,#ffffff 15%,#eeeeee 100%);
background: linear-gradient(to right, #eeeeee 0%,#ffffff 15%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 );
}

#logo {
	float: left;
	font-family: 'Myriad Pro', sans-serif, Helvetica, Arial;
	font-weight: 600;
	font-size: 2.5em;
	line-height: 1em;
	letter-spacing: -0.04em;
	color: #055;
	margin: 8px 0px;
}

#logo a {
	text-decoration: none;
	color: #055;
}

#logo div.sitedescription {
	font-family: 'Myriad Pro', sans-serif, Helvetica, Arial;
	font-size: 0.69em;
	letter-spacing: 0;
	color: #055;
	margin: 2px 0 0;
}

/** TOP NAV **/

#topnav_wrap {
	margin: 0;
	padding: 0;
	float:right;
	overflow: hidden;
}

#topnav_wrap li {
	padding: 0 6px;
}

#topnav {
	font-size: 12px;
    list-style: none;
}

#topnav ul {  
	float:right;
	margin: 6px 0;  
}

#topnav li {
    display: inline;
	padding: 0 6px;
	border-left: 1px solid #ddd;
}

#topnav li:first-child {
	border: 0;
}

#topnav a {
	text-transform: uppercase;
	text-decoration: none;
	color: #777;
}

#topnav a:hover,

#topnav li.active a {
	color: #088;
	text-decoration: underline;
}

#topnav ul.menu {
	float: right;
}

/**
	text-transform: uppercase;

#topnav h3 {
}

#topnav ul.menu li {
	padding: 0 6px;
	border-left: 1px solid #ddd;
}

 #topnav ul.menu li:first-child {
	padding: 0 6px;
	border: 0;
}
 **/

#selector_wrap {
	margin: 2px 0px;
	padding: 0;
	float:left;
	overflow: hidden;
}

#selector {
	margin: 0;
	font-size: 12px;
    list-style: none;
}

#selector a {
	text-decoration: none;
	text-transform: uppercase;
	color: #777;
}

#selector a:hover,
#selector li.active a {
	color: #088;
	text-decoration: underline;
}

#selector h3 {
	display: none;
}

#selector ul.menu {
	float: right;
	margin: 0;
}

#selector li {
	display: inline;
	padding: 0 6px;
	border-left: 1px solid #ddd;
}

#selector ul.menu li {
	display: inline;
	padding: 0 6px;
	border-left: 1px solid #ddd;
}

#selector li:first-child {
	border: 0;
}







#search {
	/* clear: right; */
	float:right;
	margin: 2px;
}

#mod-search-searchword {
	font-size : 0.75em;
	color : #777;
	padding: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
	outline: none;
}

#search #mod-search-searchword {  /* for position-0 */
	width: 180px;
	padding-right: 16px;
}


/** Topmenu **/

#topmenu_wrap {
	overflow: auto;
	min-width: 960px;
	box-shadow: 0px 0px 8px #888;

background: #009999;
background: -moz-linear-gradient(top,  #009999 0%, #006666 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009999), color-stop(100%,#006666));
background: -webkit-linear-gradient(top,  #009999 0%,#006666 100%);
background: -o-linear-gradient(top,  #009999 0%,#006666 100%);
background: -ms-linear-gradient(top,  #009999 0%,#006666 100%);
background: linear-gradient(to bottom,  #009999 0%,#006666 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009999', endColorstr='#006666',GradientType=0 );
}

#topmenu {
	width: 960px;
	margin: auto;
	padding-left: 0px;
	font-weight: 400;
	font-size: 0.88em;
	line-height: 1.44em;
	color: #fff;
	text-shadow: 1px 1px 3px #033;
}

#topmenu ul { 
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

#topmenu a {
	display: block;
	color: #fff;
	padding: 7px 9px 7px 9px;
	text-decoration:none;
}

#topmenu li.active a {
	color: #fff;
	text-decoration: none;
	background-color: #0bb;
}

#topmenu a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0bb;
	box-shadow: 0 0 10px #088 inset;
}

#topmenu li:first-child { 
	border-left: 1px solid #066;
}

#topmenu li { 
	float: left;
	border-right: 1px solid #066;
}

/** Second-level lists **/

#topmenu li ul {
	position: absolute;
	width: 220px;
	left: -999em; 
	/* "display: none" not seen by screen readers */
	background-color: #066;
	border: 0;
	margin-left: -1px;
	z-index:100;
}

#topmenu li li,
#topmenu li li:first-child {
	border: 0;
}

#topmenu li li a {
	width: 220px;
	background-color: #066;
	border: 0;
	padding: 5px 8px 5px 8px;
}

#topmenu li ul a {
	width: 220px;
}

#topmenu li.active ul a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0bb;
}

#topmenu li.active ul a {
	text-decoration: none;
	background-color: #066;
}

/** Level third and above **/

#topmenu li ul ul { 
	margin: -35px 0px 0px 192px;
}

#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {
	left: -999em;
}

#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul { /* nested under hovered items */
	left: auto;
}


/** Content/Menu Wrap **/

#content-menu_wrap_bg {
	background-color: #fff;
	overflow: auto;
	min-height: 400px;
	min-width: 960px;
}

#content-menu_wrap {
	width: 960px;
	margin: auto;
}

/** Breadcrumbs **/

#breadcrumbs {
	color : #aaa;
	width: auto;
	font-size: 0.81em;
	text-decoration:none;
	margin: 4px 0 0 8px;
}

#breadcrumbs a {
	color: #5aa;
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: #0aa;
	text-decoration: underline;
}


.breadcrumb ul {
	list-style-type:none;
}

.breadcrumb li {
	display:inline;
}


/** Side Menus (Left/Right) メニュー **/

#leftmenu {
	width: 196px;
	margin : 10px 10px 10px 0;
	float: left;
	font-size: 0.94em;
	line-height: 0.94em;
}

#rightmenu {
	width: 196px;
	margin : 10px 0 10px 10px;
	float: right;
	font-size: 0.94em;
	line-height: 0.94em;	
}

#leftmenu a,
#rightmenu a {
	text-decoration: none;
}

#leftmenu a:hover,
#rightmenu a:hover {
	text-decoration: underline;
}

#leftmenu ul,
#rightmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#leftmenu ul a,
#rightmenu ul a {
	display: block;
	padding: 4px 6px;
}

#leftmenu ul a:hover,
#rightmenu ul a:hover {
	color: #fff;
	text-decoration: none;
}

#leftmenu li,
#rightmenu li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #eee;
}

#leftmenu li.active a,
#rightmenu li.active a {
	color: #fff;
	background-color:#099;
}

#leftmenu li.active a:hover,
#rightmenu li.active a:hover {
	color: #fff;
	background-color:#0bb;
}

#leftmenu li:hover,
#rightmenu li:hover {
	color:#fff;
	background-color:#099;
}

/* tree view emulation*/
#leftmenu ul li,
#rightmenu ul li {
	border-left: 1px solid #eee;
}

/* 2nd level */

#leftmenu li ul,
#rightmenu li ul {
	background-color: #fff;
	margin: 0;
	padding: 0 0 4px 8px;
}

#rightmenu li ul li:last-child {
	margin: 0 0 2px;
}

#leftmenu li.active ul a,
#rightmenu li.active ul a {
	color:#055;
	background-color: #fff;
	padding: 2px 6px;
}

#leftmenu li.active ul a:hover,
#rightmenu li.active ul a:hover {
	color:#fff;
	background-color: #099;
}

/* 2nd level current*/
#leftmenu ul li ul li.current a,
#rightmenu ul li ul li.current a {
	color:#fff;
	background-color: #0aa;
}

/* 2nd level current hover */
#leftmenu ul li ul li.current a:hover,
#rightmenu ul li ul li.current a:hover {
	color:#fff;
	background-color: #0bb;
}

.moduletable {
	overflow: hidden;
	margin-bottom: 8px;
}

#leftmenu .moduletable h3,
#rightmenu .moduletable h3{
	display: block;
	text-align: center;
	color: #055;
	font-weight: bold;
	background-color:#eee;
	margin: 0;
	padding : 4px;
	border-radius: 3px;
}

.moduletable_menu {
	clear: both;
} 


/** Content **/

#content-w1 {  /** left and right menu visible **/
	width: 516px;
	float: left;
	padding: 12px 0 0 0;
	overflow: hidden;
	margin : 0 0 8px 0;
}

#content-w2 {  /** left or right menu visible **/
	width: 738px;
	float: left;
	padding: 12px 0 0 0;
	overflow: hidden;	
	margin : 0 0 8px 0;
}

#content-w3 {  /** no menu visible **/
	width: 960px;
	float: left;
	padding: 12px 0 0 0;
	overflow: hidden;
	margin : 0 0 8px 0;
}

#content-w1 h3,
#content-w2 h3,
#content-w3 h3 {
	margin : 8px 0 0 0;
}

#content-top {
	margin-bottom: 8px;
}

ul.actions {
	margin: -6px 0 -2px 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}

li.print-icon, li.email-icon, li.edit-icon {
	display: inline;
	margin-right: 2px;
}

li.print-icon a, li.email-icon a, li.edit-icon a {
	text-decoration: none;
}

dl.article-info {
	clear: both;
	margin-left: 0;
	padding: 0px;
	font-size: 0.88em;
	line-height: 1.3em;
}

.article-info dd, .article-info dd {
	margin-left: 0;
}

.article-info-term {
	display:none
}

.categories-list ul {
	list-style-type: none;
	padding-left: 5px;
	margin-top: 8px;
}

.categories-list ul li {
	list-style-type: none;
	padding-left: 5px;
}

.categories-list dl dt, .categories-list dl dd {
	display: inline;
}

.image-left {
	float: left;
	margin : 0 10px 4px 0;
}

.category-desc {
	margin-bottom: 24px;
	/* border-bottom: 1px solid #bbb; */
}

.category-desc p img {
	float: left;
	margin : 0 10px 2px 0;
}


.first ul {
	padding-left: 15px;
	padding: 5px;	
}

.first ul li {
	padding-bottom: 8px;
	padding: 5px;
}

.last ul {
	padding-left: 15px;	
}

.last ul li {
	padding-top: 10px;
}


.cat-children ul {
	list-style-type: none;
	margin-top: 10px;
	padding-left: 0;
}

ul#archive-items {
	list-style-type: none;
	margin-top: 10px;
	padding-left: 0;	
}

.intro ul {
	margin: 10px 0 20px;
}

fieldset.filters {
	border:solid 0px #ddd;
	margin : 5px 0 0 0;
	padding : 0 2px 0 0;
}

legend.hidelabeltxt {
	display: none;
}

.items-leading {
	margin-bottom: 20px;
}

.newsfeed ol li {
	margin-top: 10px;
}

.newsfeed ol li img {
	margin-top: -10px;
}

#article-index {
	width:25%;
	float:right;
	border:solid 1px #ddd;
	padding: 10px;
	margin: 0 0 10px 10px;
	background:#eee;
}

#article-index h3 {
	font-size:1.00em;
}

#article-index ul {
	list-style-type:disc;
	padding-left: 1.4em;
	color:#666;
}

.pagenavcounter {
	font-weight:bold;
	padding : 10px 0;
}



/** Tables **/
table {
	border-collapse:collapse;
}

tr, td {
	border:solid 1px #ccc;
	padding : 3px 4px;
}

th {
	background-color: #eee;
	border:solid 1px #ccc;
	text-align: center;
	font-weight: 600;
	padding : 3px 4px;
}

table.weblinks,
table.category {
	margin:8px 8px 16px 0;
	width:100%;
}

table.weblinks td,
table.category td {
	border-collapse:collapse;
	padding:6px;
}

table.weblinks th,
table.category th {
	padding:6px;
	text-align:left;
}

td.num {
	text-align:left;
}

td.hits {
	text-align:center;
}

td p {
	/* margin:0;
	line-height:1.3em; */
}

.display-limit,
.filter {
	text-align:right;
}

tr.cat-list-row1 {
	background-color:#f3f3f3;
}

table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th {
	background: #288;
}

table.weblinks th a,
table.newsfeeds th a,
table.category th a,
table.jlist-table th a,
table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th {
	color:#fff;
}

table.category th a img {
	border:solid 0px ;
	display: none;
}

table.category th a:hover {
	color: #0cc;
	text-decoration: underline;
}

table.moduletable td,
table.moduletable tr {
	border:0;
}


/** Pagination **/

.pagenav {
	padding:2px
}

ul.pagenav {
	list-style-type: none;
	margin: 4px 0 0 0;
	padding: 3px;
	overflow: hidden;
}

li.pagenav-prev a,
li.pagenav-next a {
	font-size: 0.88em;
	color: #fff;
	background-color: #aaa;
	border: 0;
	padding: 3px 9px;
	margin-left: 0px;
	border-radius: 3px;
	text-decoration: none;
} 

li.pagenav-prev a:hover,
li.pagenav-next a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0aa;
}

li.pagenav-prev {
	float: left;
}

 li.pagenav-next {
	float:right;
}

.pagination {
	clear: both;
	padding:4px 0;
	border-top:solid 1px #eee;
}

.pagination ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
}

.pagination li {
	display:inline;
	padding:2px 4px;
	text-align:left;
	margin:0 2px;
}

.pagination li.pagination-start,
.pagination li.pagination-next,
.pagination li.pagination-end,
.pagination li.pagination-prev {
	border:0;
}

.pagination li.pagination-start,
.pagination li.pagination-start  span {
	padding: 0;
}


p.counter {
	font-size: 0.81em;
}


/** Blog **/

.cols-1 {
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols-2 .column-1 {
	width:48%;
	float:left;
}

.cols-2 .column-2 {
	width:48%;
	float:right;
	margin:0;
}

.cols-3 .column-1 {
	float:left;
	width:29%;
	padding:0px 5px;
	margin-right:4%;

}

.cols-3 .column-2 {
	float:left;
	width:29%;
	margin-left:0;
	padding:0px 5px;
}

.cols-3 .column-3 {
	float:right;
	width:29%;
	padding:0px 5px;
}

.items-row {
	overflow:hidden;
	margin-bottom:10px !important;
}

.column-2 {
	width:55%;
	margin-left:40%;
}

.column-3 {
	 width:30%;
}

.blog-more {
	padding:10px 5px;
}



/** Login**/

#login-form {
	margin: 0;
	font-size: 0.88em;
	color: #999;
}

#login-form fieldset.userdata {
	border: 1px solid #eee;
}

#login-form ul {
}

#login-form ul li {
	width: 100%;
}

#login-form input.inputbox {
}

#login-form label {
}

#form-login-remember label {
	float: none;
	width: auto;
	display: inline;
}

#form-login-remember input.inputbox {
	width: 90px;
}


.login fieldset {
}

.login-fields {
	margin:4px 0;
}

.login-fields label {
	float:left;
	width: 90px;
}

.login-description,
.logout-description {
	overflow:hidden;
	padding-left:4px;
	margin:4px 0 4px 0;
}

.logout-description {
	margin-bottom: 4px;
}

.validate-username,
.validate-password {
	width: 90px;
	margin-left: 0px;
	padding: 6px 24px 6px 6px;
	border-radius:3px;
	border: 1px solid #ddd;
	outline: none;	
}

/** Contacts **/


/** Search **/

form .search label {
	display:none
}

.search legend {
	font-weight:bold
}


/** Search results **/

dl.search-results dt.result-title {
	border-top: solid 1px #ddd;
	padding-top: 10px;
}

dl.search-results dd.result-created {
	padding : 6px;
	font-size : 0.81em;
	color:#aaa;
}

dd.result-category {
	padding : 6px 0;
	font-size : 0.81em;
}



/** Footer **/

#footer_wrap {
	background-color: #fff;
	min-width: 960px;
}

#footer {
	clear: both;
	width: 960px;
	margin: auto;
}

#footer div.custom hr {
	border: 0;
	color: #eee;
	background-color: #eee;
	height: 1px
}

#copyright {
	clear: both;
	margin: auto;
	padding : 3px;
	border-top: 1px solid #003838;
	border-bottom: 1px solid #007070;
	font-size: 0.81em;
	text-align: center;
	color: #ddd;
	text-shadow: 1px 1px 2px #000;
	box-shadow: 0 0 9px #03838;

background: rgb(0,96,96); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,96,96,1) 0%, rgba(16,128,128,1) 50%, rgba(0,96,96,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,96,96,1)), color-stop(50%,rgba(16,128,128,1)), color-stop(100%,rgba(0,96,96,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,96,96,1) 0%,rgba(16,128,128,1) 50%,rgba(0,96,96,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,96,96,1) 0%,rgba(16,128,128,1) 50%,rgba(0,96,96,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,96,96,1) 0%,rgba(16,128,128,1) 50%,rgba(0,96,96,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,96,96,1) 0%,rgba(16,128,128,1) 50%,rgba(0,96,96,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006060', endColorstr='#006060',GradientType=1 ); /* IE6-9 */

	min-width: 960px;
}

#copyright div.copyright2 {
	text-align: left;
}


/** Box/Banner/Links **/

#box_wrap {
	background-color: #044;
	line-height : 1.06em;
	color:#eee;
	overflow: auto;
	min-width: 960px;
	margin : 0;
	padding: 6px 0 12px;
}

#box_placeholder {
	font-size: 0.81em;
	margin: auto;
	padding-top: 8px;
	width: 960px;
	color: #999;
}

#box_placeholder a {
	color: #eee;
	text-decoration: none;
}

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

#box_placeholder li, #box_placeholder ul, #box_placeholder ol {
	padding: 0;
	margin: 3px 2px 6px 0;
	color: #fff;
}

#box_placeholder h1, #box_placeholder h2, #box_placeholder h3  {
	color: #fff;
}


#box_wrap .moduletable h3{
	display: block;
	padding: 0 0 2px 0;
	border-bottom: solid 1px #066;
	color:#ccc;
	font-weight: bold;
}


#box1 {
	width: 303px;
	margin: 0;
	padding: 0 12px 0 0;
	float: left;
}

#box2 {
	width: 304px;
	margin: 0;
	padding: 0 12px;
	border-left: solid 1px #003838;
	border-right: solid 1px #003838;
	float: left;
}

#box3 {
	width: 303px;
	margin: 0;
	padding: 0 0 0 12px;
	float: left;
}



/** Grid System 960 16 **/

.spx16 { width: 940px; margin: 0 auto;}
.spx12 {width: 700px; margin: 0 auto;}

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13, .grid14, .grid15 {
	float: left;
	display: inline;
	margin-left: 20px;
	}

	.grid1 {width: 40px;}
	.grid2 {width: 100px;}
	.grid3 {width: 160px;}
	.grid4 {width: 220px;}
	.grid5 {width: 280px;}
	.grid6 {width: 340px;}
	.grid7 {width: 400px;}
	.grid8 {width: 460px;}
	.grid9 {width: 520px;}
	.grid10 {width: 580px;}
	.grid11 {width: 640px;}
	.grid12 {width: 700px;}
	.grid13 {width: 760px;}
	.grid14 {width: 820px;}
	.grid15 {width: 880px;}

	/* 	.span {margin: 0 auto;} */
	.first {margin-left: 0; clear: left;}
	.center {text-align: center;}
	.right {text-align: right;}

/* clearfix */
	.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	/* IE6 */
	* html .clearfix { zoom: 1;}
	/* IE7 */
	*:first-child+html .clearfix {zoom: 1;}



.mod-menu .mod-menu__toggle-sub .visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

.mod-menu li:hover > ul,
.mod-menu li:focus-within > ul {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}