@charset "Shift_JIS";
/* CSS Document */
*
{
margin:0px;
padding:0px;
}

h1,h2,h3,h4,h5,h6,p
{
font-size:100%;
fotn-weght:normal;
font-style:normal;
}

p,div
{
font-size:9pt;
line-height:1.7em;
color:#666666;
}

img
{
border:none;
vertical-align:bottom;
}
/*全体構造
---------------------------------------------------------*/
body {
background:url(../back.gif) repeat-x;
}


/*パンくずリスト
--------------------------------------------------------------*/
div#pankuzulist
{
font-size:8pt;
line-height:2em;
margin:0px;
border-bottom:dotted 1px #CCCCCC;
}

#pankuzulist li
{
display:inline;
list-style:none;
}

/* リンク
---------------------------------------------------------*/
a { outline: none; }

a:link {
color:#0033ff;
background: transparent;
}
a:visited {
color:#0033ff;
background: transparent;
}
a:hover, a:active {
color:#0099FF;
background: transparent;
}

.ac a {
color:666666;
}

.ac a:link {
color:#666666;
background: transparent;
}
.ac a:visited {
color:#666666;
background: transparent;
}
.ac a:hover, a:active {
color:#0099FF;
background: transparent;
}


/* ---------------------------
	layout
-------------------------- */
#container {
	margin:0 auto;
	width:800px;
	background:#EBEBEB url(../images/bg003.gif) repeat-x;
	text-align:left;
}
#container-in {
	margin:0 1px 1px 1px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background:#FFFFFF url(../images/bg002.gif) repeat-x 0 1px;
}
#content {
	margin:0 0 0 8px;
}
#main-content {
	float:left;
	width:690px;
}
#main-content.other-type {
	width:888px;
	padding-bottom:40px;
}
body.noNavi #main-content {
	width:691px;
	background:url(../images/line002.gif) repeat-y right top;
}
#main-area {
	width:660px;
	margin-left:10px;
}

/*ヘッダー
---------------------------------------------------------*/
#header {
    height:68px;
	margin:0 8px;
	background: url(../images/headbg.gif);
}
#header * {
	margin:0;
	padding:0;
}

#header .logo {
margin:0 0 0 20px;
}

#head-nav ul {
	width:300px;
	float:right;
	margin:-22px 0 0 0;	
	list-style:none;
}

.mark {
background-image:url(../images/mark.png); 
}

#head-nav li {
    font-size:11px;
	float:left;
	text-indent:1em;
    background-repeat:no-repeat;
    background-position:left center;
	margin:0 0 0 10px;
}

*:first-child+html #head-nav li {
    font-size:10px;
	float:left;
	text-indent:1em;
    background-repeat:no-repeat;
    background-position:left center;
	margin:0 0 0 10px;
}

#head-nav li img {
	vertical-align:baseline;
}

/*--------------------
	global-nav
----------------------*/
#globalnavi {
	width:780px;
	
}

#globalnavi ul {

list-style:none;
margin:0;

}
#globalnavi li {
	display:inline;
	}


/*コンテンツ
---------------------------------------------------------*/
#content {
  margin: 45px 0 0 8px;
}

#indexcontent {
width:780px;
height:500px;
  margin: 45px 0 0 10px;
}

* html #content {
  width:450px;
  margin: 10px 10px 0px 180px;
  padding-bottom: 2.5em;
}

#content h1 img {
  margin:20px 0 0 40px;
  padding: 0;
}

h2 {
	margin-bottom:10px;
	border-bottom:2px solid #8DAFD4;
	font-size:130%;
	_height:19px;/* for WinIE5.5 */
	_height:/**/0;/* for WinIE6 */
	padding:2px 0 10px 25px;
	background:url(../images/bg_h2_001.gif) no-repeat 1px 3px;
}

h2.other-type {
	display:block;
	min-height:16px;
	height:auto;
	_height:17px;/* for WinIE5.5 */
	_height:/**/16px;/* for WinIE6 */
	padding:2px 0 0 25px;
	margin-bottom:10px;
	background:url(../images/bg_h2_001.gif) no-repeat 1px 3px;
	border:none;
}

h2.workshop-type {
	display:block;
	min-height:16px;
	font-size:120%;
	height:auto;
	_height:17px;/* for WinIE5.5 */
	_height:/**/16px;/* for WinIE6 */
	padding:2px 0 0 25px;
	margin-bottom:10px;
	background:url(../images/bg_h2_002.jpg) no-repeat 2px 2px;
	border:none;
}

#content h3 {
  margin:0;
  font-size:13px;
  color:#666666;
  }

#content h4 {
font-size:11pt;
margin:8px 0 3px 15px;
color:#666666;
font-weight:lighter;
  }
  
#content object {
margin-left:10px;
}

.toptable {
width:95%;
height:98%;
}
 
#flashcontent {
width:640px;
height:430px;
}

#txtbox {
width:645px;
height:auto;
margin:20px 0 20px 70px;
}

#bookbox {
width:650px;
height:auto;
margin:20px 0 20px 60px;
}

#bookbox ul {
list-style:none;
}

#content .about1 {
 margin:0 10px 10px 0;
  text-align:left;
  line-height: 170%;
  font-size:10pt;
  text-align:justify;
  color:#666666;
}

#content .about2 {
 margin:0 0 10px 15px;
  text-align:left;
  line-height: 170%;
  font-size: 10pt;
  color:#666666;
  text-align:justify;
  text-indent:-0.9em;
}

#content .workshop1 {
 margin:0 0 10px 15px;
  text-align:left;
  line-height: 170%;
  font-size: 10pt;
  color:#666666;
  text-align:justify;
  text-indent:-0.9em;
}

#content .workshop2 {
  margin:0 10px 10px 5px;
  text-align:left;
  line-height: 170%;
  font-size: 10pt;
  color:#666666;
  text-align:justify;
}

.workshop_photo_l {
width:236px;
float:left;
}

.workshop_photo_r {
width:226px;
float:right;
padding:0 0 0 10px;
}


#content .name {
margin:0 10px 0 0;
  text-align:right;
  font-size: 11pt;
  color:#666666;
}

#enqbtn {
margin:40px 0 20px 200px;
}

p.link-icon {
	padding-left:11px;
	background:url(../images/ic003.gif) no-repeat 0 0.5em;
}

.lbox {
    width:250px;
	margin:20px 0 30px 90px;
	float:left;
	}
	
#book {
float:left;
margin:0 15px 0 0;
}

.caption1 {
padding:0 0 5px 85px;
}

#contact {
margin:40px 0 100px 30px;
}

#contact p {
font-size:14px;
text-indent:-0.8em;
}

#contact h3 {
font-size:14px;
}

#contact ul {
list-style:none;
font-size:14px;
}

#contact span {
color:#8DAFD4;
padding:0 3px 0 0;
} 

#contact ul {
list-style:none;
font-size:16px;
}

#contact li {
margin:0 0 10px 0;
}

#contact .sub {
margin:0 0 10px 15px;
}

/*フッタ
---------------------------------------------------------*/
#footer {
  clear:both;
  margin:0 0 10px 10px;
  width:776px;
  height:20px;
  background-color:#808080;
  vertical-align: bottom;
}

#footer p {
  margin: 0;
  padding: 3px 10px;
  text-align: right;
}

*:first-child+html #footer p  {
  margin: 0;
  padding: 0 10px;
  text-align: right;
}

em
{
font-style:normal;
font-weight:500;
color:#FF0000;
}

/* ---------------------------
		for clear
-------------------------- */
.clearfix:after{
	content:"."; 
	display:block; 
	height:0;
	*height:0.001%;
	clear:both; 
	visibility:hidden;
}
.clearfix{
	display:inline-table;
}
/* Not MacIE \*/
html .clearfix{
	*height:1%;
}
.clearfix{
	display:block;
}
/* Not MacIE End */
/* ---------------------------