@charset "UTF-8";

/* 基本
---------------------------------------------*/
html {
scrollbar-base-color:#663300;
}

body {
  color: #663300;
  background: #a27f54;
  scrollbar-base-color: #663300;
  border-color: #663300;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
a {
	color: #ffffff;
}
a:link {
	color: #ffffff;
}
a:visited {
	color: #ffffff;
}
a:hover,
a:focus {
	color: #ffffff;
}
a:active {
	color: #ffffff;
}
.s-bar{color:#663300; border-color:#663300; scrollbar-base-color : #a27f54; scrollbar-arrow-color:#a27f54;}
select {border-color:#663300; scrollbar-base-color : #a27f54; scrollbar-arrow-color:#a27f54;}
table {border-color:#663300; scrollbar-base-color : #a27f54; scrollbar-arrow-color:#a27f54;}




#wrapper {
	width: 800px;
	margin: 0px auto;
}
#header {
	position: relative;
	background: #a27f54 left bottom repeat-x;
}

#content {
        clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 0px;
}
#flash {
        clear: both;
	width: 100%; /* for WinIE6,7 */
	margin-bottom: 10px;
	padding-top: 0px;
}
#content #primary {
	float: left;
	width: 590px;
        line-height: 1.8;
}
#content #secondary {
	float: right;
	width: 200px;
        line-height: 1.3;
}
#banner {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	margin-top: 10px;
}
#footer {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 1px;
}

/* ロゴとユーティリティナビゲーション
---------------------------------------------*/
#logo {
　　　　z-index: 200;
	padding: 1px 0;
}


#utilityNavigation {
        position: absolute;
        right: 0px;
	top: 5px;
        width: 240px;
        font-size: 90%;
        line-height: 1.2;
　　　　z-index: 210;
}
#utilityNavigation li {
        position: absolute; 
       	top: 0;
	width: 8em;
}
#utilityNavigation li#navaku {
	right: 16em;
}
#utilityNavigation li#navonl {
	right: 8em;
}
#utilityNavigation li#navoto {
	right: 0;
}
#utilityNavigation li a {
	padding-left: 6px;
	text-decoration: none;
}

/* グローバルナビゲーション
---------------------------------------------*/
#globalNavigation {
	height: 20px;
	margin-top: 5px;
	border-top: 0px solid #663300;
	border-right: 0px solid #663300;
	border-left: 0px solid #663300;
	background: #663300 repeat-x;
}
#globalNavigation li {
	float: left;
	height: 20px;
	padding-right: 2px;
	background: #663300 repeat-y;
}
#globalNavigation li a {
	display: block;
}
#globalNavigation li a:hover,
#globalNavigation li a:focus {
	background: #a27f54;
}

/* パンくずリスト
---------------------------------------------*/
#topicPath {
	height: 10px;
	margin: 10px 0 10px 0;
	font-size: 110%;
	line-height: 1.0;
}
#topicPath li {
	float: left;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
}
#topicPath li a{
	text-decoration: none;
}
#topicPath li.first {
	padding-left: 0px;
	background: #a27f54 url(../images/topicpath_li_bg_first.gif) left center no-repeat;
}
#topicPath li.last {
	background: #FFFFFF url(../images/topicpath_li_bg_last.gif) left center no-repeat;
}
#topicPath li#pagetitle {
	font-size: 140%;
}
/* 中分類
---------------------------------------------*/
.section {
	float: left;
	width: 190px;
	margin: 0px 3px 10px 5px;
}
.section h2 {
	font-size: 130%;
	margin-bottom: 6px;
	text-align: center; /* 3.中央寄せ */
}
.section h2 a{
	text-decoration: none;
}
.section p {
	margin-bottom: 6px;
	line-height: 1.5;
}
.section p a{
	text-decoration: none;
}
.section dd {
	margin-bottom: 6px;
	border-bottom: 1px solid #663300;
}

/* バナー
---------------------------------------------*/
.banner-item {
	float: left;
	width: 100px;
	margin: 0px 3px 10px 5px;
}

	
/* ホーム、topics
---------------------------------------------*/
#topics {
	font-size: 100%;
	margin: 0px 0px 3px 0px;
	border-top: 1px solid #663300;
	border-bottom: 1px solid #663300;
	border-right: 1px solid #663300;
	border-left: 1px solid #663300;
	padding: 5px 0px 5px 5px;
}
#topics li {
	margin: 3px 0px 3px 0px;
}
#topics .title {
	font-weight: bold;
}
#topics li a{
	text-decoration: none;
}

/* テーブル　レッスンの日程
---------------------------------------------*/
table.lesson-schedule{
    width: 770px;
    height: 50px;
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    margin: 10px; /* 周囲の余白 */
}
.lesson-schedule th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#a27f54;
    background-color:#663300;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.lesson-schedule td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#663300;
    text-align:center;
    background-color:#a27f54;
    padding:0.3em 1em;
}
table.lesson-schedule-s{
    width: 200px;
    height: 50px;
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    margin: 10px; /* 周囲の余白 */
}
.lesson-schedule-s th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#a27f54;
    background-color:#663300;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.lesson-schedule-s td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#663300;
    text-align:center;
    background-color:#a27f54;
    padding:0.3em 1em;
}




/* 写真画像
---------------------------------------------*/
.photobox {
   border: 0px dashed #663300; /* 1.枠線 */
   background-color: #a27f54;  /* 2.背景色 */
   width: 160px; /* 横幅 */
   height: 160px;
   float: left; /* 左に配置 */
   margin: 5px; /* 周囲の余白 */
}
p.photo, p.caption {
   text-align: center; /* 3.中央寄せ */
   margin: 0px;        /* 4.余白・間隔 */
}
p.caption {
   font-size: 80%;  /* 5.文字サイズ */
   color: #663300; /* 6.文字色 */
}

#cl-display {
	font-size: 75%;
	text-align: center;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #663300;
	border-bottom: 1px solid #663300;
	border-right: 1px solid #663300;
	border-left: 1px solid #663300;
}   

#blog {
	font-size: 100%;
	text-align: right;
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #663300;
	border-bottom: 1px solid #663300;
	border-right: 1px solid #663300;
	border-left: 1px solid #663300;
	padding: 0px 0px 0px 0px;
}

/* 下階層への導入部分
---------------------------------------------*/
#lead {
	margin-bottom: 10px;

}
#lead p.leadSentence {
	padding-top: 10px;
	font-size: 120%;
	line-height: 1.0;
	margin-bottom: 0px;
	text-decoration: none;
}
#lead p.leadSentence a{
	text-decoration: none;
}
#lead .column {
	clear: both;
	width: 100%; /* for WinIE6,7 */
}
#lead .column .section {
	width: 250px;
}
#lead .column #leadPurpose,
#lead .column #leadTerms {
	float: left;
}
#lead .column #leadEnvironment,
#lead .column #leadAccess {
	float: right;
}
#lead .column .section h2 {
	border-top: 1px solid #D9D9D9;
	border-bottom: 2px solid #F5F5F5;
	font-weight: normal;
	line-height: 1;
}
#lead .column .section h2 a {
	display: block;
	width: 235px; /* for WinIE6 */
	padding: 10px 30px 10px 10px;
	border-bottom: 1px solid #D9D9D9;
	background: url(../images/lead_a_bg.gif) left center no-repeat;
	text-decoration: none;
}
#lead .column .section h2 a:active {
	background: url(../images/lead_a_bg.gif) right center no-repeat;
}
#lead .column .section p {
	margin: 7px 10px 18px 10px;
	line-height: 1.5;
}
#lead #leadContent {
	 padding: 20px 10px 0 0px;
}
#lead #leadhotSale {
	text-align: left;
 float: left;
}


#lead #hotSale ul {
 padding: 0 5px 5px 0;
}
#lead #leadhotSale ul li {
 float: left;
 display: inline; /* for WinIE 5,6 */
 width: 390px;
 height: 265px;
 overflow: hidden;
 margin: 4px 0 0 10px;
 line-height: 1.4;
}
#lead #leadhotSale ul li a {
 display: block;
 width: 100%; /* for WinIE 5 */
 cursor: hand; /* for WinIE 5 */
 height: 65px;
}








#lead #leadhotSale ul li .cover {
 float: left;
 display: inline;
 width: 40px;
 margin: 0 0 0 0px;
 padding: 5px 0;
}
#lead #leadContent ul li .title {
	text-align: left;
	font-size: 140%;
 width: 250px;
 margin: 10px 5px 10px 90px;
}
#lead #leadContent ul li .titleSentence {
 float: left;
 width: 250px;
 margin: 5px 5px 0px 90px;
}

/* フッターナビゲーション
---------------------------------------------*/
#footer {
	text-align: center;
}
#footer #footerContent {
 padding: 20px 10px 0 10px;
}
#footer #hotSale {
	text-align: left;
 float: left;
}
#footer #information {
 float: left;
 display: inline; /* for WinIE 5,6 */
 width: 282px;
 margin: 0 0 0 17px;
}
#footer #siteSummary {
 float: right;
 width: 148px;
}
#footer h2 {
 margin: 0 0 8px 0;
 padding: 0 0 5px 0;
 border-bottom: 1px solid #CCC;
 line-height: 1;
}
#footer #hotSale ul {
 padding: 0 5px 5px 0;
}
#footer #hotSale ul li {
 float: left;
 display: inline; /* for WinIE 5,6 */
 width: 390px;
 height: 265px;
 overflow: hidden;
 margin: 4px 0 0 10px;
 line-height: 1.4;
}
#footer #hotSale ul li a {
 display: block;
 width: 100%; /* for WinIE 5 */
 cursor: hand; /* for WinIE 5 */
 height: 65px;
}
#footer #hotSale ul li .cover {
 float: left;
 display: inline;
 width: 40px;
 margin: 0 0 0 5px;
 padding: 5px 0;
}
#footer #hotSale ul li .title {
	text-align: left;
	font-size: 120%;
 display: inline;
 width: 185px;
 margin: 10px 5px 10px 90px;
}
#footer #hotSale ul li .titleSentence {
 display: inline;
 width: 185px;
 margin: 10px 5px 10px 90px;
}

#footer #copyright {
 position: relative;
 width: 960px;
 margin: 10px 0 0 21px;
 font-size: 92%;
}
#footer #copyright .logo {
 position: absolute;
 left: 0;
 top: 5px;
}
#footer #copyright p {
 margin: 0 0 0 120px;
}


#footerNavigation {
	margin-top: 10px;
	padding-left: 250px;
	border-top: 1px solid #663300;
	font-size: 90%;
	line-height: 1.2;
}
#footerNavigation li {
	float: left;
	margin-left: 5px;
	padding: 10px 0;
}
#footerNavigation li a {
	display: block;
	padding-left: 6px;
	background: url(../images/arrow_small.gif) left center no-repeat;
	text-decoration: none;
}
#copyright {
	clear: both;
	width: 726px; /* for WinIE6,7 */
	padding: 1px 1px;
	background: #a27f54;
	font-size: 90%;
	line-height: 1;
}