/* @group structure */

body {
	background: #5ce19e url('./resources/body_bg.png') repeat-x 0 top;
	color: #212121;
	margin: 0;
	padding: 0;
}

div#container {
	margin: 0 auto;
	width: 1000px;
	background: transparent url(resources/container_bg.png) repeat-y center top;
}

div.section {
	margin-left: 0.5em;
}

/* @group #header */

#header {
	height: 72px;
	padding: 0 25px;
	margin: 0;
	background: url(resources/header_bg.png) no-repeat center top;
}

#header h1 {
	margin: 0;
	padding: 4px 10px 3px;
	width: 290px;
	float: left;
}

#header h1 a, #header h1 a:hover {
	display: block;
	background: url('../common/img/logo.gif') no-repeat left top;
	width: 290px;
	height: 42px;
}

ul#mini-icons {
	float: right;
	width: 280px;
	height: 42px;
	list-style-type: none;
	margin: 4px 1px 0;
	padding: 0;
}
ul#mini-icons li {
	float: left;
	margin: 0 3px;
}
ul#mini-icons li a {
	display: block;
	width: 40px;
	height: 40px;
}

li#mini-sat a {
	background: url(resources/mini_satellites.png) no-repeat;
}
li#mini-eve a {
	background: url(resources/mini_events.png) no-repeat;
}
li#mini-dia a {
	background: url(resources/mini_diaries.png) no-repeat;
}
li#mini-ill a {
	background: url(resources/mini_illustrations.png) no-repeat;
}
li#mini-let a {
	background: url(resources/mini_letters.png) no-repeat;
}
li#mini-faq a {
	background: url(resources/mini_faq.png) no-repeat;
}
li#mini-arc a {
	background: url(resources/mini_arc.png) no-repeat;
}

li#mini-sat a:hover {
	background: url(resources/mini_satellites.png) no-repeat 0 -40px;
}
li#mini-eve a:hover {
	background: url(resources/mini_events.png) no-repeat 0 -40px;
}
li#mini-dia a:hover {
	background: url(resources/mini_diaries.png) no-repeat 0 -40px;
}
li#mini-ill a:hover {
	background: url(resources/mini_illustrations.png) no-repeat 0 -40px;
}
li#mini-let a:hover {
	background: url(resources/mini_letters.png) no-repeat 0 -40px;
}
li#mini-faq a:hover {
	background: url(resources/mini_faq.png) no-repeat 0 -40px;
}
li#mini-arc a:hover {
	background: url(resources/mini_arc.png) no-repeat 0 -40px;
}

#header div#tabMenu {
	background: url(resources/tabmenu_bg.png);
	width: 950px;
	height: 23px;
	clear: both;
}

#header div#tabMenu ul {
	margin: 0;
	/*padding-left: 400px;*/
	padding-left: 390px;
	/*width: 525px;*/
	width: 557px;
}

#header div#tabMenu ul li {
	list-style-type: none;
	margin: 0;
	display: inline;
}

#tabMenu ul li a {
	float: left;
	display: block;
}

li#tmA a {
	background: transparent url(resources/tabmenu.png) no-repeat 0px 0px;
	width: 77px;
	height: 23px;
}

li#tmM a {
	background: transparent url(resources/tabmenu.png) no-repeat -77px 0px;
	width: 92px;
	height: 23px;
}

li#tmV a {
	background: transparent url(resources/tabmenu.png) no-repeat -169px 0px;
	width: 141px;
	height: 23px;
}

li#tmS a {
	background: transparent url(resources/tabmenu.png) no-repeat -310px 0px;
	width:98px;
	height: 23px;
}

li#tmB a {
	background: transparent url(resources/tabmenu.png) no-repeat -408px 0px;
	width: 81px;
	height: 23px;
}

li#tmL a {
	background: transparent url(resources/tabmenu.png) no-repeat -489px 0px;
	width: 67px;
	height: 23px;
}

li#tmA a:hover {
	background: transparent url(resources/tabmenu.png) no-repeat 0px -23px;
}

li#tmM a:hover {
	background: transparent url(resources/tabmenu.png) no-repeat -77px -23px;
}

li#tmV a:hover {
	background: transparent url(resources/tabmenu.png) no-repeat -169px -23px;
}

li#tmS a:hover {
	background: transparent url(resources/tabmenu.png) no-repeat -310px -23px;
}

li#tmB a:hover {
	background: transparent url(resources/tabmenu.png) no-repeat -408px -23px;
}

li#tmL a:hover {
	background: transparent url(resources/tabmenu.png) no-repeat -489px -23px;
}

/* @end */

/* @group #content */

#content {
	padding: 0 25px;
	background: transparent url(resources/content_bg.png) no-repeat  left 0;
	display: block;
	overflow: hidden;
	min-height: 300px;
	height: 1%;
}

#content.static {
	_padding-left: 30px;
	_padding-right: 0;
}

#content.static .subtitle {
	margin: 30px 0;
}

#content.static ul {
	margin-bottom: 30px;
}

#content.dynamic {
	padding: 0 40px;
}

#content.narrowcolumn {
	padding: 0;
	margin-left: 25px;
	background: none;
}

#message {
	width:  250px;
	height: 36px;
	float: right;
	padding-top: 7px;
}
#message h2 {
	font-size: 100%;
	font-weight: bolder;
}
#message ul, #message li {
	margin: 0;
	font-size: 95%;
	list-style-type: none;
}
#message li {
	padding-left: 15px;
}

#crumbs {
	height: 2.3em;
	list-style-type: none;
	border: 1px solid #dedede;
	width: 948px;
	margin-top: 0;
	margin-left: 0;
	_margin-left: -5px;
}

.dynamic #crumbs {
	margin-left: -15px;
	_margin-left: 0;
}

ul#cumbs, #crumbs li {
	margin: 0;
	padding: 0;
}

#crumbs li {
	float: left;
	line-height: 2.3em;
	padding-left: .75em;
	color: #777;
}

#crumbs li a {
	display: block;
	padding: 0 15px 0 0;
	text-decoration: none;
	background: url(resources/crumbs.png) no-repeat right center;
}

div.index h2 {
	/*background: transparent url(../saruta/images/subtitle.gif) no-repeat;
	width: 619px;
	height: 117px;
	text-indent: -9999px;
	margin: 0.5em auto;
	padding: 0;*/
	display: none;
}

div.header-banner {
	margin-left: auto;
	margin-right: auto;
	width: 619px;
}

div.header-banner {
	margin: 0 auto;
}

.comment {
	padding: 0.5em;
}

.comment p {
	
}

div#media {
	text-align: center;
	height: 325px;
	margin: 0 auto 0.5em;
}

div#flashcontent {
	display: none;
}

div#middle {
	margin: auto;
}

* html div#slideshow {
	float: left;
}

div#topics {
	clear: left;
	width: 280px;
	float: left;
	padding: 10px 15px;
	background: url(resources/topics_bottom.png) no-repeat center bottom;
}

#topics2 {
	background: url(resources/topics_body.png) repeat-y;
	padding-bottom: 10px;
}

#topics h2 {
	margin-top: 0;
	padding-top: 0;
	height: 34px;
	width: 280px;
	background: url(resources/topics_top.png) no-repeat;
}

#topics ul {
	padding: 0 16px;
}

#topics li {
	margin-bottom: 0.3em;
}

div#icons {
	width: 615px;
	float: left;
	text-align: left;
	padding: 10px 0 30px;
	background: transparent;
	background-repeat: no-repeat;
	background-image: url(resources/saruta_bg.png);
	background-position: 530px 220px;
}

div#icons h2 {
	display: none;
}

div#icons ul {
	margin: 0 auto;
	list-style: none;
	width: 630px;
}

div#icons ul li {
	float: left;
	margin: 10px 5px;
}

div#icons li a {
	display: block;
	width: 145px;
	height: 145px;
}

li#iSat a {
	background: transparent url(resources/icon_satellites.png) no-repeat;
}

li#iEve a {
	background: transparent url(resources/icon_events.png) no-repeat;
}

li#iDia a {
	background: transparent url(resources/icon_diaries.png) no-repeat;
}

li#iIll a {
	background: transparent url(resources/icon_illustrations.png) no-repeat;
}

li#iLett a {
	background: transparent url(resources/icon_letters.png) no-repeat;
}

li#iAbo a {
	background: transparent url(resources/icon_about.png) no-repeat;
}

li#iArc a {
	background: transparent url(resources/icon_archive.png) no-repeat;
}
li#iYout a {
	background: transparent url(resources/icon_youtube.png) no-repeat;
}


li#iSat a:hover {
	background: transparent url(resources/icon_satellites.png) no-repeat 0 -145px;
}

li#iEve a:hover {
	background: transparent url(resources/icon_events.png) no-repeat 0 -145px;
}

li#iDia a:hover {
	background: transparent url(resources/icon_diaries.png) no-repeat 0 -145px;
}

li#iIll a:hover {
	background: transparent url(resources/icon_illustrations.png) no-repeat 0 -145px;
}

li#iLett a:hover {
	background: transparent url(resources/icon_letters.png) no-repeat 0 -145px;
}

li#iAbo a:hover {
	background: transparent url(resources/icon_about.png) no-repeat 0 -145px;
}

li#iArc a:hover {
	background: transparent url(resources/icon_archive.png) no-repeat 0 -145px;
}

li#iYout a:hover {
	background: transparent url(resources/icon_youtube.png) no-repeat 0 -145px;
}


#content address {
	
}

div.attachments {
	float: left;
	margin: 1em;
	padding-left: 0.5em;
}

ul.info {
	float: left;
	width: 300px;
}

div.description {
	margin: 0;
	clear: both;
}


h3#theme {
	background: url(resources/bar_theme.gif) no-repeat;
	width: 160px;
	height: 47px;
}

#sidemenu {
	width: 200px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}

#sidemenu h3 {
	margin: 0 0 10px;
	padding: 0;
	font-weight: bold;
}

#sidemenu ul.themeNav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidemenu ul.themeNav li {
	list-style: none;
	margin: 0 0 7px;
	padding: 0 7px 3px;
	border-bottom: 1px dotted #aaa;
}

#sidemenu ul.themeNav li .description {
	font-size: 80%;
	margin: 3px 0 7px;
	padding: 0;
	color: #888;
}

#posts {
	width: 660px;
	float: right;
	margin-right: 20px;
}

#posts h3 {
	border-bottom: 1px solid #ccc;
	border-left: 5px solid #c00;
	margin: 0 0 5px;
	padding: 5px 10px 5px;
	font-size: 120%;
	color: #000;
	font-weight: bold !important;
	background-color: #f5f5f5;
}

#posts div.meta {
	text-align: right;
	margin-bottom: 10px;
	font-size: 90%;
	color: #666;
}

#posts .comment {
	margin: 0 0 50px;
}

.paging {
	text-align: center;
	clear: both;
}

.meta {
	text-align: right;
	margin-bottom: 10px;
	font-size: 90%;
	color: #666;
}

div.category h2 {
	color: #000;
	display: block;
}

div.categories ul.event-list {
	margin: 0;
	padding: 0 20px 0;
	list-style: none;
}

div.categories ul.event-list li {
	margin: 0 0 15px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #ccc;
}

.categories li span.date {
	color: #555;
	display: block;
	padding-bottom: 5px;
	font-size: 90%;
}

/* @group index */

div.index {
	width: 800px;
	margin: 2em auto 1em;
}
#posts div.events,
#posts div.categories {
	width: 660px;
	margin-top: 0;
}

/* @end */

/* @group view */

.view {
	width: 800px;
	padding-bottom: 40px;
}

div.view {
	width: 800px;
	margin-top: 2.5em;
	margin-left: auto;
	margin-right: auto;
}

ul.info {
	list-style-type: none;
	margin: 0.5em;
}

ul.info li {
	margin: 0.3em auto;
}

.view h3 {
	border-bottom: 1px solid #ccc;
	border-left: 5px solid #c00;
	margin: 0 0 5px;
	padding: 8px 10px 8px;
	font-size: 120%;
	color: #000;
	font-weight: bold;
	background-color: #f5f5f5;
}

/* @end */

/* @group event */

div.event,
div.category {
	margin-top: 1em;
	margin-bottom: 2em;
}

.events p.description {
	margin-bottom: 20px;
}

div.photo-contest {
	width: 440px;
	float: left;
}

/* @end */

/* @group diary */

div.diaries div.diary {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 40px;
	padding-bottom: 15px;
}

div.diary h3 {
	border-bottom: 1px solid #ccc;
	border-left: 5px solid #108557;
	margin: 0 0 5px;
	padding: 8px 10px 8px;
	font-size: 120%;
	color: #000;
	font-weight: bold;
	background-color: #f5f5f5;
}

.saruko {
	font-weight: bold;
	color: #f00;
}

div.year dl, div.year p {
	width: 100%;
	margin-left: 35px;
}
div.year dt {
	width: 15%;
}
div.year dd {
	width: 80%;
	padding-left: 1em;
}

/* @end */


/* @group letters */

div.parent {
	display: block;
	overflow: hidden;
	height: 1%;
}
div.parent h2 {
	display: block;
	font-weight: bold;
}

div.letter {
	width: 19%;
	height:180px;
	float: left;
	margin: 0.2em;
}

div.letter h3 {
	padding-top: 0.5em;
	font-size: 100%;
	font-weight: normal;
}

div.letters ul.info {
	width: 100%;
}

div.letters .meta {
	list-style-type: none;
	text-align: left;
	margin: 0;
	font-size: 80%;
	clear: both;
}

div.letters .meta li {
	margin: 0;
}

/* @end */

/* @group letters_categories */

div.lettersCategories h2.lCategory1 {
	background: url(resources/dayori.gif) no-repeat;
	display: block;
	width: 619px;
	height: 117px;
	margin: auto;
}
div.lettersCategories h2.lCategory2 {
	background: url(resources/akubi.gif) no-repeat;
	display: block;
	width: 619px;
	height: 117px;
	margin: auto;
}
div.lettersCategories h2.lCategory3 {
	background: url(resources/sonota.gif) no-repeat;
	display: block;
	width: 619px;
	height: 117px;
	margin: auto;	
}

/* @end  */

/* @group Satellites Tabs */

#actabs ul {
	list-style-type: none;
	margin: 0 !important;
	padding: 0;
	width: 600px;
	height: 1%;
	overflow: hidden;
	display: block;
}

#actabs ul li {
	float: left;
	height: 25px;
	margin: 0;
	text-align: center;
	display: inline;
}

#actabs ul li a {
	width: 200px;
	height: 25px;
	margin: 3px 20px;
	font-size: 110%;
	font-weight: bold;
}
#actabs ul li.current {
	background-image: none;
}
#actabs ul li.current a {
	color: #4c4c4c;
}
.content h3 {
	display: none;
}

span.current-info {
	display: none;
}

#actabs div.content h4 {
	display: none;
}

ul#satellites-tab {
	list-style-type: none;
	width: 450px;
	display: block;
	overflow: hidden;
	height: 1%;
	margin: 0.5em 0 0 0 !important;
}

#satellites-tab li {
	float: left;
	width: 150px;
	height: 25px;
	margin: 0;
}

#satellites-tab li a {
	display: block;
	width: 150;
	height: 25px;
}

li#st-s a {
	background: transparent url(resources/satellite-tab.png) 0 50px;
}

li#st-t a {
	background: transparent url(resources/satellite-tab.png) 300px 50px;
}

li#st-k a {
	background: transparent url(resources/satellite-tab.png) 150px 50px;
}

li#st-s a:hover {
	background: transparent url(resources/satellite-tab.png) 0 25px;
}

li#st-t a:hover {
	background: transparent url(resources/satellite-tab.png) 300px 25px;
}

li#st-k a:hover {
	background: transparent url(resources/satellite-tab.png) 150px 25px;
}

li#st-s {
	background: transparent url(resources/satellite-tab.png);
}

li#st-t {
	background: transparent url(resources/satellite-tab.png) 300px 0;
}

li#st-k {
	background: transparent url(resources/satellite-tab.png) 150px 0;
}

table.satellite-list {
	border: none;
	margin-top: 1em;
}

.satellite-list tr td {
	text-align: left;
	border: none;
}

.satellite-list tr td.number {
	text-align: center;
	width: 1em;
	color: #fff;
}

.satellite-list.index tr td.number {
	background-color: #CC0000;
}

.satellite-list.tachiyori tr td.number {
	background-color: #FFD000;
}

.satellite-list.sanjo tr td.number {
	background-color: #1002CA;
}

.archive {
	margin: 5px auto 25px;	
}
#actabs .content .archive h4 {
	display: block;
	color: #999933;
	margin-bottom: 10px;
}
#actabs .archive a {
	margin-left: 12px;
}

/* @end */

/* @group about */

.about div.images {
	clear: both;
	width: 600px;
	margin: 30px auto;
}

.about div.images img {
	float: left;
	margin: 10px;
}

div#denku-services {
	margin-top: 2em;
	overflow: hidden;
	display: block;
	height: 1%;	
}

#denku-services h3 {
	background: url(resources/denku-services.png) no-repeat;
	width: 415px;
	height: 72px;
	margin: auto;
}

#denku-services div.services {
	float: left;
	width: 280px;
	background: url(resources/services_body_bg.png) repeat-y;
}

#denku-services h4 {
	padding-top: 1em;
	padding-left: 1.3em;
	background: url(resources/services_top_bg.png) no-repeat;
}

#content #denku-services div.services ul {
	background: url(resources/services_bottom_bg.png) no-repeat 0 bottom;
	margin: 0;
	list-style-type: none;
	padding-top: 0.5em;
	padding-bottom: 1em;
}
#content #denku-services div.services ul li {
	margin-left: 2em;
	margin-bottom: 0.3em;
}

div.section div.photo {
	float: left;
	padding: 0.4em;
	margin: 0.3em 0.5em;
	_margin: 0.3em 0.2em;
	border: 1px solid #e6e6e6;
}
div.photo p.photo-desc {
	text-align: right;
	font-size: 88%;
	margin: 0.4em 0.1em 0.2em;
}
div.section h3 {
	clear: both;
}

/* @end */

/* @group visitation */

div#offer-address {
	margin: 2em auto;
	width: 25em;
}

#content.static div.images {
	float: clear;
	margin: 2em auto;
}

#content.static

div.images img {
	margin: 0.5em;
	padding: 0.5em;
	border: 1px solid #e6e6e6;
}

/* @end */

/* @group satellites */

div.image, div.map, div#map_canvas {
	margin-left: 1em;
}

/* @end */

/* @group link */

div#content.link div.section ul li {
	margin-top: 4px;
	margin-bottom: 4px;
}

/* @end */

/* @group archives */

div.archives {
	float: left;
	margin: 10px auto;
	width: 680px;
}
div.archive {
	border-bottom:1px dotted #ccc;
	padding-bottom:25px;
	margin: 0 0 15px;	
}
div.archives h3 {
	font-size:110%;
	margin-bottom:5px;
}
.archives .date {
	color: #929292;
	font-size: 90%;
	margin-bottom: 10px;
	text-align: right;
}
div.archive p.image img {
	width: 500px;
	margin-bottom: 10px;
}

/* @end */

table tr td {
	text-align: left;
}

#main {
	margin: 0 50px;
}

.actions {
	clear: both;
	font-size: 80%;
}

/* @end */

hr {
	width: 946px;
	margin: 0 auto;
	border-top: 1px solid #bbb;
	margin-bottom: 10px;
}

/* hack for IE6 */

* html hr {
	margin-left: 27px;
}

/* hack for IE7 */

*:first-child+html hr {
	margin-left: 27px;
}

div#auth {
	text-align: right;
	color: #333;
	padding-right: 35px;
}

/* @group #footer */

div#footer {
	padding: 0;
	width: 1000px;
	height: 120px;
	background: transparent url('./resources/footer.png') no-repeat;
}

/*
div#footer address {
	background: transparent url('../images/name.gif') no-repeat;
	display: block;
	width: 456px;
	height: 77px;
	text-align: center;
	margin: auto;
}
*/

/* @end */



/* @end */

/* @group text-decoration */

a {
	color: #cf1b13;
/*background: transparent;*/
}

h1, h2, h3, h4, h5, h6 {
	background: transparent;
	font-weight: bold;
}

div.static h2 {
	margin: 1em auto 0.5em;
}
div.static h4{
	color: #333;
}

p {
	margin: 0.5em 0.3em;
}
p.ref {
	clear: both;
	text-align: right;
}
p.ref a {
	padding-left: 1.3em;
	background: url(resources/ref_bg.png) no-repeat;
}
form#visitation-form,
form#inquiry-form {
	width: 850px;
}
table.form {
	width: 96%;
}
table.form {
	border-collapse: collapse;
	margin-top: 1em;
}
table.form td {
	border-bottom: 1px solid #CCCCCC;
}
table.form td.label {
	width: 30%;
}
table.form p {
	margin: 2px;
}
table.form input[type="text"],
table.form textarea {
	width: 98%;
}
table.form input#offerer-address,
table.form input#visit-schedule {
	width: 98%;
}
table.form input[type="radio"] {
	width: auto;
	margin: 4px 4px 0 0;
}
* html input#homepage,
* html input#administration,
* html input#acquaintance,
* html input#rest-of-above {
	width: 20px;
	float: left;
}
* html label {
	float: left;
}
table.form input[type="reset"] {
	width: auto;
}
table.form input.numeric {
	width: 30%;
}
table.form input.email {
	width: 80%;
}

/* for jquery form tips flugin*/
.tipped {
	color: #b3b3b3;
}

img {
	border: 0;
}

.fir {
	display: none;
}

.float-left {
	float: left;
	margin: 0 0.5em;
}

.float-right {
	float: right;
	margin: 0 0.5em;
}

.float-clear {
	clear: both;
}

.static dl {
	width: 100%;
}

.static dl dd {
	margin-left: 2em;
	margin-top: 0;
}

.static ol, ul {
	margin: 0.5em 0 0.5em 20px;
}

/* iepngfix */

div#icons li a {
	behavior: url("./js/iepngfix/iepngfix.htc");
}

/* @group jquery tooltip */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eaeaea;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3,
#tooltip div {
	margin: 0;
	font-size: 100%;
	padding: 0;
}

/* @end */



/* @end */