/*  
Theme Name: Sant-tc
Theme URI: http://www.santo-tc.co.jp/
Description: Sant-tc WEB SITE
Version: 1.0
Author: nahcok
*/

@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}

body,td,th {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	font-size: 0.85em;
	color: #661100;
}
body {
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}#container {
	height: auto;
	width: 936px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	background-image: url(img/container.jpg);
	background-repeat: no-repeat;
}
#header {
	margin: 0px;
	padding: 0px;
}
#header #header-logo {
	float: left;
	padding-top: 27px;
	padding-bottom: 27px;
	padding-left: 45px;
}
#header h1 {
	padding: 0px;
	margin: 0px;
}
#header #header-catch {
	float: right;
	padding-top: 27px;
	padding-right: 45px;
}
#header #header-catch p {
	color: #FFF;
	line-height: 100%;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}


#top-main {
	background-image: url(img/top-main.jpg);
	background-repeat: no-repeat;
	height: 360px;
	width: 900px;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 18px;
	padding-left: 18px;
	clear: both;
}
#header #header-catch a {
	color: #FFF;
	text-decoration: underline;
}

#top-main #top-main-img {
	background-image: url(img/top-main-img.jpg);
	background-repeat: no-repeat;
	height: 360px;
	width: 900px;
}
#top-main #top-main-img #main-youtube {
	height: 265px;
	width: 320px;
	padding-top: 45px;
	padding-left: 540px;
}
#banner-area {
	width: 900px;
	padding-right: 18px;
	padding-left: 18px;
	text-align: center;
}
#banner-area img {
	padding-left: 3px;
	padding-right: 3px;
}
#menuBtop {
	padding-left: 18px;
	padding-top: 3px;
}
#menuBtop h2 {
	padding-bottom: 9px;
}
#menuBtop ul {
	padding-left: 27px;
}
#menuBtop li {
	float: left;
	padding-right: 9px;
}

#contents {
	width: 900px;
	clear: both;
	padding-top: 18px;
	padding-right: 18px;
	padding-bottom: 9px;
	padding-left: 18px;
}
#side-menu {
	float: left;
	width: 180px;
}

#side-menu #dirnaviD {
	font-size: 100%;
	margin-bottom: 9px;
}
#side-menu #dirnaviD h3 {
	margin: 0px;
	padding: 0px 0px 9px;
}

#side-menu #dirnaviD ul {
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 9px 9px;
}
#side-menu #menuB {
	padding-bottom: 9px;
}
#side-menu #menuB ul {
	padding-left: 18px;
}
#contents-main {
	width: 684px;
	float: right;
	padding-right: 18px;
	padding-bottom: 18px;
	padding-left: 18px;
}
#contents-main p {
	padding-top: 9px;
}
#contents-main ul {
	padding-top: 9px;
	padding-left: 18px;
	margin: 0px;
	padding-bottom: 18px;
}
#contents-main ul li {
	list-style-type: disc;
	list-style-position: outside;
}
#contents-main ol {
	padding-top: 9px;
	padding-left: 18px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 18px;
}
#contents-main ol li {
	list-style-type: decimal;
	list-style-position: outside;
}
#contents-main table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #661100;
	border-left-color: #661100;
	margin-top: 9px;
	margin-bottom: 18px;
}
#contents-main table tr th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #661100;
	border-bottom-color: #661100;
	padding: 6px;
	font-weight: bold;
}
#contents-main table tr td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #661100;
	border-bottom-color: #661100;
	padding: 6px;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}

.td252px {
	width: 252px;
}


.td180px {
	width: 180px;
}

.td120px {
	width: 120px;
}
.td54px {
	width: 54px;
}

.td50p {
	width: 50%;
}
.txtFFF {
	color: #FFF;
}
.txtF00 {
	color: #F00;
}



.bgCCF {
	background-color: #CCF;
}
.bgFCF {
	background-color: #FCF;
}
.bgFC9 {
	background-color: #FC9;
}
.bgCFC {
	background-color: #CFC;
}
.bg6C9 {
	background-color: #6C9;
}
.bg9CF {
	background-color: #9CF;
}
.bgC69 {
	background-color: #C69;
}
.bg69F {
	background-color: #69F;
}
.bg9C6 {
	background-color: #9C6;
}
.bgCF9 {
	background-color: #CF9;
}
.bg99F {
	background-color: #99F;
}
.bgF93 {
	background-color: #F93;
}

#contents-main #comenavi {
	text-align: right;
	padding-bottom: 18px;
	font-size: 0.85em;
}
#contents-main .comenavi2 {
	font-size: 0.85em;
	padding-top: 6px;
}
#contents-main .comenavi3 {
	font-size: 0.85em;
	text-align: right;
	padding-top: 6px;
}

#contents-main #postdate {
	font-size: 0.9em;
	margin-bottom: 9px;


}
#contents-main #postdata {
	clear: both;
	padding-bottom: 18px;
}
#postdata h3 {
	clear: both;
}

#contents-main #postdata .link {
	padding: 0px;
}
#contents-main #postdata .link h3 {
	clear: both;
}
#contents-main #postdata .link li {
	list-style-type: none;
	clear: both;
}
#contents-main #postdata .link li img {
	float: left;
	padding-right: 9px;
	padding-bottom: 9px;
}
#postdata .staff {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C41A41;
	clear: left;
}
#postdata .staff .staff-img {
	float: left;
	height: 168px;
	width: 128px;
	padding-right: 18px;
	padding-bottom: 18px;
	padding-left: 9px;
	margin-right: 18px;
}
#postdata .staff ol {

}
#postdata .staff ol li {
	list-style: decimal;
}




#contents-main h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #C41A41;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C41A41;
}
#contents-main h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #661100;
	margin-bottom: 9px;
	margin-top: 9px;
}
#contents-main h4 {
	font-size: 1em;
	font-weight: bold;
	color: #C41A41;
	margin-top: 9px;
	margin-bottom: 3px;
}
#contents-main h5 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 9px;
}

#postdata #faq h3 {
	background-image: url(img/question.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 36px;
	width: auto;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 1.1em;
	font-weight: bold;
}
#postdata #faq .answer {
	background-image: url(img/answer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	width: auto;
	padding-top: 3px;
	padding-bottom: 9px;
	padding-left: 36px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 9px;
}


#contents-main .postdata-list {
	margin-bottom: 9px;
}
#contents-main .postdata-list h2 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#contents-main #contents-main-center {
	float: left;
	width: 355px;
	padding-right: 9px;
}
#contents-main #contents-main-center h2 {
	margin: 9px;
	padding-bottom: 6px;
}
#contents-main #contents-main-center .center-notice {
	height: 117px;
	padding-bottom: 18px;
	overflow: auto;
	font-size: 0.9em;
}
.center-notice ul {
	font-size: 1em;
}
.center-notice ul li {

}

.center-notice ul li span {
	font-size: 0.8em;
}


#contents-main #contents-main-right {
	float: right;
	width: 320px;
}
#contents-main #contents-main-right h2 {
	border-bottom-style: none;
	padding-top: 9px;
	padding-bottom: 6px;
}
#contents-main #contents-main-right .right-media {

}
#contents-main #blogbar {
	font-size: 0.9em;
}
#contents-main #blogbar ul {
	padding: 0px;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
}
#contents-main #blogbar ul li {
	list-style-type: none;
}
#contents-main #blogbar ul li ul li {
	list-style-type: circle;
	margin-left: 18px;
}
#contents-main #blogbar h2 {
	font-size: 1em;
	border-bottom-style: none;
	font-weight: bold;
}
#contents-main #archive {
	margin-top: 36px;
	font-size: 0.9em;
}
#contents-main #archive h3 {
	font-size: 1em;
	font-weight: bold;
	color: #661100;
	padding: 0px;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: left;
}
#contents-main #archive ul {

}

#contents-main #archive li {
	padding-right: 9px;
}
#facility-f1 {
	background-image: url(img/facilityF1.gif);
	background-repeat: no-repeat;
	height: 378px;
	width: 675px;
	margin-bottom: 9px;
	position: relative;
	margin-top: 9px;
}
#facility-f2 {
	background-image: url(img/facilityF2.gif);
	background-repeat: no-repeat;
	height: 270px;
	width: 675px;
	margin-bottom: 9px;
	position: relative;
	margin-top: 9px;
}



#footer {
	background-image: url(img/footer.jpg);
	background-repeat: no-repeat;
	clear: both;
	width: 900px;
	background-position: 0px 0px;
	margin-left: 18px;
}
#footer #sub-menu {
	font-size: 1em;
	color: #FFF;
	float: right;
	padding-top: 54px;
	padding-right: 27px;
	padding-bottom: 18px;
}
#footer #sub-menu a {
	color: #FFF;
	text-decoration: underline;
}


#footer #copyright {
	font-size: 1em;
	color: #FFF;
	padding-top: 54px;
	padding-left: 27px;
	padding-bottom: 18px;
}

#apDiv1 {
	position:absolute;
	width:54px;
	height:63px;
	z-index:1;
	left: 18px;
	top: 198px;
}
#apDiv2 {
	position:absolute;
	width:54px;
	height:63px;
	z-index:2;
	left: 99px;
	top: 99px;
}
#apDiv3 {
	position:absolute;
	width:54px;
	height:63px;
	z-index:3;
	left: 153px;
	top: 144px;
}
#apDiv4 {
	position:absolute;
	width:54px;
	height:63px;
	z-index:1;
	left: 135px;
	top: 234px;
}
#apDiv5 {
	position:absolute;
	width:54px;
	height:63px;
	z-index:2;
	left: 279px;
	top: 144px;
}
#apDiv6 {
	position:absolute;
	width:54px;
	height:63px;
	z-index:4;
	left: 414px;
	top: 9px;
}
#apDiv7 {
	position:absolute;
	width:54px;
	height:63px;
	z-index:3;
	left: 432px;
	top: 144px;
}
#apDiv8 {
	position:absolute;
	width:54px;
	height:63px;
	z-index:5;
	left: 612px;
	top: 81px;
}
#apDiv9 {
	position:absolute;
	width:54px;
	height:63px;
	z-index:1;
	left: 126px;
	top: 144px;
}
#apDiv10 {
	position:absolute;
	width:54px;
	height:63px;
	z-index:2;
	left: 252px;
	top: 162px;
}
#apDiv11 {
	position:absolute;
	width:54px;
	height:63px;
	z-index:3;
	left: 342px;
	top: 117px;
}
#apDiv12 {
	position:absolute;
	width:54px;
	height:63px;
	z-index:4;
	left: 441px;
	top: 119px;
}

.wp-pagenavi {
	clear: both;
	padding-top: 9px;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border-left: 1px solid #000033;
	border-right: 1px solid #000033;
	overflow: hidden;
	border-bottom: 1px solid #000033;
	margin-top: 18px;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	border-top: 1px solid #000033;
	margin: 0px;
	padding: 9px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px 9px;
}


/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {

}
#ranking table {
	width: 351px;
	border: 1px solid #FFF;
	margin-right: 9px;
}
#ranking table th {
	border: 1px solid #FFF;
	font-size: 1em;
	vertical-align: top;
	white-space: pre;
}
#ranking table td {
	border: 1px solid #FFF;
	font-size: 1em;
	vertical-align: top;
}
.pre {
	white-space: pre;
}



/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #99CC66;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #99CC66;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {

}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {

}
.align-clear {
	clear: both;
}


/**/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* WinIE7 only */
*:first-child+html .clearfix{
  height:1%;
}

/* WinIE6 and below */
/*\*/
* html .clearfix{
  height:1%;
}
/**/

/* MacIE only */
/*\*//*/
.clearfix{
  display:inline-table;
}
/**/