@charset "utf-8";

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

/* ------------------------------
COMMON ITEMS
------------------------------ */
body {
	margin: 0px 0px 35px 0px;
	font: normal normal normal 14px/145% Helvetica,Arial,"Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif;
	color: #555555;
	text-align: center;
/* 	background: #ffffff url(http://www.oidfa2010kobe.com/image/icon/bg_footer.gif) repeat-x left bottom; */
}

.clear {clear:both;}
.att {font-size:12px;font-weight:normal;line-height:140%;color:#ff0000;}
.frame {padding:5px;background:#f0ffe6;border:1px solid #aaaaaa;}
.pdf {padding-left:20px;background: url(http://www.oidfa2010kobe.com/image/icon/pdf.gif) no-repeat left bottom;}
.doc {padding-left:20px;background: url(http://www.oidfa2010kobe.com/image/icon/doc.gif) no-repeat left bottom;}
.ft12{font-size:12px;font-weight:normal;line-height:140%;}
.red {color:#ff0000;}
.rouge {color:#ef4644;}
.blue {color:#0000ff;}
.navy {color:#2B618F;}
.orange {color:#ef810f;}
.green {color:#00A37E;}
.gray {color:#999999;}

/* Common link */
a:link {text-decoration:none;color:#007Bff;}
a:visited {text-decoration:none;color:#007Bff;}
a:hover {text-decoration:none;color:#eb6940;}

/* 
p span.link {background:url(../image/basics/arrow_bl.gif) no-repeat;}
p span.link a {padding:0px 0px 0px 15px;}
p span.redlink {background:url(../image/basics/arrow_red.gif) no-repeat;}
p span.redlink a {padding:0px 0px 0px 15px;}

li span.redlink {background:url(../image/basics/arrow_red.gif) no-repeat;}
li span.redlink a {padding:0px 0px 0px 15px;}

dd span.redlink {background:url(../image/basics/arrow_red.gif) no-repeat;}
dd span.redlink a {padding:0px 0px 0px 15px;}

span.must {font-size:11px;color:#ff0000;}
span.att {font-size:11px;color:#990033;}
span.note {font-size:11px;color:#ffff00;}
.ft11 {font-size:11px;}
*/


/* ------------------------------
HEADER - Bar & Language
------------------------------ */
#top {
	width: 100%;
	margin: 0 auto 0 auto;
	background: #5f7e66;
}

#sub {
	width: 900px;
	height: 20px;
	margin: 0 auto 0 auto;
	padding: 5px 0px;
	font-size: 12px;
	color: #ffffff;
}

#link {float:left;}
#link a.home {padding:1px 0px 1px 22px;margin-right:5px;background:url(http://www.oidfa2010kobe.com/image/icon/home-gray.gif) no-repeat;}
#link a.home:hover {padding:1px 0px 1px 22px;margin-right:5px;background:url(http://www.oidfa2010kobe.com/image/icon/home.gif) no-repeat;}
#link a.blog {padding:1px 0px 1px 22px;;margin-left:10px;background:url(http://www.oidfa2010kobe.com/image/icon/icon_ical.gif) no-repeat;}
#lang {text-align:right;}
#lang a.en {padding:1px 0px 1px 28px;margin-left:7px;background:url(http://www.oidfa2010kobe.com/image/icon/en.gif) no-repeat;}
#lang a.fr {padding:1px 0px 1px 28px;margin-left:7px;background:url(http://www.oidfa2010kobe.com/image/icon/fr.gif) no-repeat;}
#lang a.jp {padding:1px 0px 1px 28px;margin-left:7px;background:url(http://www.oidfa2010kobe.com/image/icon/jp.gif) no-repeat;}

#link a.home:link,a.home:visited,a.blog:link,a.blog:visited,a.en:link,a.en:visited,a.fr:link,a.fr:visited,a.jp:link,a.jp:visited {text-decoration:none;color:#ffffff;}
#link a.home:hover,a.blog:hover,a.en:hover,a.fr:hover,a.jp:hover {text-decoration:none;color:#ffbb00;}


/* ------------------------------
HEADER - Wrap & Title(H1)
------------------------------ */
#wrap {
	width: 900px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#header {
	padding: 10px 0px 5px 0px;
}

#header h1 {
	padding: 15px 0px 3px 0px;
	font: bold normal normal 32px/100% Helvetica,georgia,tahoma,"‚l‚r ƒSƒVƒbƒN",Osaka,sans-serif;
	color: #666666;
}

#header h1 a:link {text-decoration:none;color:#666666;}
#header h1 a:visited {text-decoration:none;color:#666666;}
#header h1 a:hover {text-decoration:none;color:#333333;}

#header img.left {float:left;}
#header div.left {padding:0px 5px;float:left;}
#header p {padding-left:3px;font-size:13px;float:left;}
#header noscript {color:#ff0000;}


/* ------------------------------
MAIN MENU
------------------------------ */
#menu ul {
	width: 900px;
	margin: 5px 0px;
	font-size: 13px;
	float: left;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
}

#menu ul li {
	display: inline;
}

#menu ul li a {
	padding: 8px 10px 2px 10px;
	color: #666666;
	float: left;
	border-bottom: 6px solid #ffffff;
}

#menu ul li a:hover {
	border-bottom: 6px solid #c2dbb8;
}

/* CSS for Active Link */
#index #menu ul li.index a, #location #menu ul li.location a, #courses #menu ul li.courses a, #dinner #menu ul li.dinner a, #lectures #menu ul li.lectures a, #excursions #menu ul li.excursions a, #lacetour #menu ul li.lacetour a, #registration #menu ul li.registration a, #contact #menu ul li.contact a {color:#eb6940;border-bottom:6px solid #ffdbb8;}
#index #menu ul li.index a:hover, #location #menu ul li.location a:hover, #courses #menu ul li.courses a:hover, #dinner #menu ul li.dinner a:hover, #lectures #menu ul li.lectures a:hover, #excursions #menu ul li.excursions a:hover, #lacetour #menu ul li.lacetour a:hover, #registration #menu ul li.registration a:hover, #contact #menu ul li.contact a:hover {border-bottom:6px solid #c2dbb8;}


/* -------------------------------------------
PHOTO SCROLL + OVERLAY
------------------------------------------- */
#scroll {
	clear: both;
	width: 900px;
	height: 160px;
}

#overlay{
	position: relative;
	float: left;
	width: 190px; /* remember to set a width */
	height: 160px;
}

.over{
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	background: #fff;
	opacity: 0.55;
	-moz-opacity: 0.55; /* older Gecko-based browsers */
	filter: alpha(opacity=55); /* For IE6&7 */
}

#overlay .container {padding:5px;}
.container {position:relative;}


/* -------------------------------------------
MAIN BODY
------------------------------------------- */
#main {
	padding: 5px 5px 0px 5px;
	border-bottom: 1px dotted #999999;
}


/* -------------------------------------------
SIDE MENU
------------------------------------------- */
#side {
	width: 180px;
	padding-top: 20px;
	float: left;
}

#side h4 {
	padding-bottom: 5px;
	font: bold normal normal 20px/100% georgia,arial,"‚l‚r ƒSƒVƒbƒN",Osaka,sans-serif;
	color: #333333;
}

#side div {
	margin: 0px 0px 5px 7px;
}

#side ul {
	margin: 0px 0px 15px 0px;
}

#side ul li {
	margin:3px 0px;
	padding: 2px 0px 2px 5px;
	line-height: 125%;
	border-left: 7px solid #cccccc;
}

#side ul li a{
	display: block;
}

#side ul li:hover {
	border-left: 7px solid #eb6940;
	background: #ffffdd;
}


/* -------------------------------------------
CONTENTS
------------------------------------------- */
#content {
	width: 685px;
	padding: 20px 0px 0px 20px;
	border-left: 1px dotted #999999;
	position: relative;
	float: right;
/*	-- No left dotted line
	width: 700px;
	padding: 10px 0px 0px 5px;*/
}

#content h2 {
	margin-bottom: 20px;
	padding: 7px 0px 7px 80px;
	font: normal normal normal 26px/110% Helvetica,georgia,tahoma,"Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ƒSƒVƒbƒN",Osaka,sans-serif;
	color: #333333;
}

#content h2.hana {background: url(http://www.oidfa2010kobe.com/image/icon/icon_hana.gif) no-repeat left bottom;}
#content h2.bird {background: url(http://www.oidfa2010kobe.com/image/icon/icon_bird.gif) no-repeat left bottom;}
#content h2.yomogi {background: url(http://www.oidfa2010kobe.com/image/icon/icon_yomogi.gif) no-repeat left bottom;}
#content h2.kumo {background: url(http://www.oidfa2010kobe.com/image/icon/icon_kumo.gif) no-repeat left bottom;}
#content h2.crane {background: url(http://www.oidfa2010kobe.com/image/icon/icon_crane.gif) no-repeat left bottom;}
#content h2.kikko {background: url(http://www.oidfa2010kobe.com/image/icon/icon_kikko.gif) no-repeat left bottom;}
#content h2.hishi {background: url(http://www.oidfa2010kobe.com/image/icon/icon_hishi.gif) no-repeat left bottom;}
#content h2.sasa {background: url(http://www.oidfa2010kobe.com/image/icon/icon_sasa.gif) no-repeat left bottom;}
#content h2.kagi {background: url(http://www.oidfa2010kobe.com/image/icon/icon_kagi.gif) no-repeat left bottom;}
#content h2.tomoe {background: url(http://www.oidfa2010kobe.com/image/icon/icon_tomoe.gif) no-repeat left bottom;}

#content h3 {
	margin: 20px 0px 5px 5px;
	padding: 5px 0px 4px 10px;
	font: normal normal normal 16px/110% Helvetica,georgia,tahoma,"Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ƒSƒVƒbƒN",Osaka,sans-serif;
	color: #333333;
	background-color: #e1eedb;
	border-left:10px solid #c2dbb8;
	border-bottom: 1px solid #c2dbb8;
}

#content h4 {
	margin: 10px 0px 5px 10px;
	font-weight: bold;
	line-height: 130%;
}

#content ul {
	margin: 0px 0px 10px 15px;
	font-size: 13px;
	line-height: 140%;
}

#content ul li {
	margin-left: 15px;
	padding-bottom: 5px;
	list-style: disc;
}

#content ul.none li {
	margin-left: 15px;
	padding-bottom: 5px;
	list-style: none;
}

#content ul.square li {
	margin-left: 15px;
	padding-bottom: 5px;
	font-size: 14px;
	list-style: square;
}


#content ul li p {width:350px;margin:5px 0px;padding:5px;background:#f6f6f6;border:1px solid #aaaaaa;}
#content p {margin:0px 0px 10px 15px;}
#content p.none {margin:0px 0px 5px 15px;}
#content p.right {margin-bottom:10px;text-align:right;}

table.none {margin:1px 0px 15px 15px;}

table {
	margin: 5px 0px 15px 15px;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	background: #ffffff;
}

table tr.bg {background:#eeeeee;}
table tr.highlight {background:#ffffdd;}

table th {
	background:#888888;
	color:#ffffff;
	padding: 3px 5px;
	font-size: 12px;
	line-height: 145%;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

table th.date {background:#eeeeee;color:#555555;}

table td {
	padding: 3px 5px;
	font-size: 12px;
	line-height: 145%;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

table td.price {text-align:right;}






/* -------------------------------------------
Registration Form
------------------------------------------- */
#registration div.questionnaire div {margin-bottom:5px;padding-bottom:6px;border-bottom:1px dotted #cccccc;}

#registration div.questionnaire .on{ime-mode:active;}
#registration div.questionnaire .off{ime-mode:inactive;}

#registration div.questionnaire fieldset {margin-bottom:10px;padding:5px 5px 5px 7px;border:1px solid #999999;}
#registration div.questionnaire legend {padding:0px 10px;}
#registration div.questionnaire form {padding:5px;}
#registration div.questionnaire input[type="radio"] {margin-right:3px;}
#registration div.questionnaire input[type="checkbox"] {margin-right:3px;}

#registration div.questionnaire select:focus {
	background: #efffff;
	border: 1px solid #c1b28d;
}

#registration div.questionnaire input[type="text"]:focus {
	background: #efffff;
	border: 1px solid #c1b28d;
	padding: 2px;
}

#registration div.questionnaire textarea:focus {
	background: #efffff;
	border: 1px solid #c1b28d;
	padding: 2px;
}

#registration div.questionnaire select {
	background: #f9f9f9;
	border: 1px solid #b2b2b2;
}

#registration div.questionnaire input[type="text"] {
	background: #f9f9f9;
	border: 1px solid #b2b2b2;
	color: #000;
	padding: 2px;
}

#registration div.questionnaire textarea {
	background: #f9f9f9;
	border: 1px solid #b2b2b2;
	font-size: 13px;
	color: #000;
	padding: 2px;
}

#registration div.questionnaire label {margin:0px 15px 0px 0px;}
#registration div.questionnaire label.none {margin:0px;}
#registration div.questionnaire label.rev {margin:0px 0px 0px 15px;}

#registration div.questionnaire table {border-collapse:collapse;margin:5px 0px;border-top:none;border-left:none;}
#registration div.questionnaire table th {background:#888888;color:#ffffff;font-weight:normal;padding:3px 5px;border:solid 1px #ffffff;text-align:center}
#registration div.questionnaire table td {padding:4px 8px;border-right:none;border-bottom:1px solid #dddddd;}
#registration div.questionnaire table tr.bg {background:#eeeeee;}
#registration div.questionnaire table td.right {text-align: right;}
#registration div.questionnaire table td.center {text-align: center;}

#registration div.questionnaire ul {margin: 0px 0px 0px 8px;font-size:12px;line-height:140%;}
#registration div.questionnaire ul li {margin-left:8px;padding-bottom:3px;list-style:disc;}

#registration div.confirm table {border-collapse:collapse;margin:5px 0px 5px 10px;border-top:1px solid #aaaaaa;border-left:1px solid #aaaaaa;}
#registration div.confirm table th {background:#eeeeee;color:#555555;font-weight:normal;padding:3px 5px;border:solid 1px #aaaaaa;text-align:left}
#registration div.confirm table td {padding:3px 5px;border-right:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;}

#registration div.sumup table {border-collapse:collapse;margin:5px 0px 10px 10px;border-top:1px solid #aaaaaa;border-left:1px solid #aaaaaa;}
#registration div.sumup table th {width:400px;background:#eeeeee;font-weight:normal;padding:3px 5px;border:solid 1px #aaaaaa;text-align:left}
#registration div.sumup table td {padding:3px 5px;border-right:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;}
#registration div.sumup table tr.sum {background:#ffeaca;}





/*
#anchor {
	margin:0px 0px 15px 30px;
	padding:0px 10px;
	font-size: 12px;
}

#anchor span {
	background:url(../image/basics/anchor_bl.gif) no-repeat;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 15px;
}

#anchor ol {
	margin:0px 20px 10px 20px;
	padding:0px 0px 0px 15px;
}

#anchor ol li {
	line-height:145%;
	margin:0px;
	padding:1px 0px;
}
*/


/* -------------------------------------------
FOOTER
------------------------------------------- */
#plink {
	margin-top: 25px;
	font-size: 11px;
	text-align:right;
}

#footer {
	clear: both;
	font-size: 12px;
	text-align:center;
	border-top: 1px dotted #999999;
}