@charset="utf-8";

* {margin:0;padding:0;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;}
* html body {font-size:small;}
a {text-decoration:none;outline:none;}
a:hover {text-decoration:underline;}
ul,ol {list-style:none;}
img,abbr {border:0;}
strong {font-weight:normal;}
em,address {font-style:normal;}
/*basic style*/

html, body, #wrap {
	height:100%;
}

body > #wrap {
	height:auto;
	min-height:100%;
}

#wrap, #header {
	position:relative;
}

#post-date, #enihongo, #header-fn, #footer, #footer-fn, .acckey {
	position:absolute;
}

#header-fn li, #company-info dt, #company-info dd, #company-info address, #friend-link li, #footer-fn li {
	display:inline;
}

#wrap {
	font-size:93%;
	width:708px;
	margin:auto;
	background-image:url(images/wrap-bg.png);
	color:#666;}

.layout-left {
	float:left;
}

.layout-right {
	float:right;
}

.inline-center {
	text-align:center;
}

/*header*/

#header {
	background:url(images/header-bg.png) 0 0 no-repeat;
	padding-top:66px;
	padding-left:4px;
	padding-right:4px;
	min-height:66px;
}

#logo {
	margin-left:13px;
}

#logo img {
	display:block;
}

#post-date {
	top:55px;
	right:16px;
	width:155px;
	padding-top:62px;
	text-align:right;
	background:url(images/post-date.png) 0 0 no-repeat;
	font-family:verdana,arial;
	color:#000;
}

#enihongo {
	top:18px;
	left:13px;
}

#header-fn {
	top:21px;
	right:10px;
}

#header-fn li {
	padding-left:10px;
	margin-left:8px;
}

#header-fn li.header-fn-top {
	border:0;
}

#header-fn, #header-fn a {
	color:#fff;
}

#header-fn li.header-fn-end {
	border:0;
	margin-left:26px;
}

#header-fn .header-fn-end a {
	color:#999;
}

#header-banner {
	margin-top:29px;
}

/*main*/

#main {
	padding-left:4px;
	padding-right:4px;
	padding-bottom:140px;
	margin-top:20px;
}

.title img {
	display:block;
}

.content {
	margin-top:50px;
	padding-left:8px;
	padding-right:8px;
}

.content-top {
	margin-top:0;
}

.content .title {
	padding-left:1px;
	padding-bottom:8px;
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
}

.content h3 {
	font-size:13px;
}

.content p {
	line-height:1.5;
}

.blue-word {
	color:#06c;
}

.pagetop {
	position:absolute;
	margin-top:20px;
	right:10px;
	padding-left:12px;
	background:url(images/arrow-top.png) 0 3px no-repeat;
	color:#369;
}

#month .more, #discover .more {
	position:absolute;
	right:18px;
}

/*month*/

#month .layout-left, #discover .layout-left {
	margin-right:14px;
}

#month h3, #discover h3 {
	margin-bottom:8px;
}

#month p, #discover p {
	margin-bottom:20px;
}

/*discover*/

#discover h3 {
	color:#c00;
}

/*salon*/

.salon-banner {
	margin-top:4px;
	margin-right:4px;
}

#salon h3 {
	margin-bottom:10px;
}

.salon-item {
	width:100px;
	display:inline;
	margin-left:16px;
	text-align:center;
}

.salon-item-top {
	margin-left:0;
}

#salon-list p {
	line-height:1.3;
	font-family:verdana,arial;
}

#salon-list a {
	color:#666;
}

/*container*/

.container {
	margin-top:50px;
}

#main-content {
	width:508px;
	padding-right:6px;
}

#sidebar {
	margin-right:9px;
	width:175px;
	border:1px solid #ccc;
	border-bottom-color:#e3e3e3;
	position:relative;
}

* html #sidebar {
	margin-right:4px;
}

#talk .more, #news .more {
	color:#06c;
	text-decoration:underline;
}

/*talk*/

#talk .layout-left {
	margin-right:9px;
}

#talk ul, #talk ol {
	line-height:1.5;
}

#talk h3{
	color:#06c;
	text-decoration:underline;
}

#talk h3 a {
    color:#06c;
    }

#talk .talk-info {
	color:#06c;
}

#talk .talk-info {
	margin-bottom:8px;
}

#talk .olist {
	list-style:decimal inside;
}

/*news*/

#news h3 {
	margin-top:20px;
}

#news h3.sub-title-top {
	margin-top:0;
}

#news p, #news address {
	color:#666;
}

#kaohsiung-welcome, #kaohsiung-info {
	display:inline;
}

/*course*/

.classtb {
	table-layout:fixed;
}

.classtb caption {
	text-align:left;
	background:url(images/note.png) 0 0 no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#f90;
	padding-left:28px;
	padding-bottom:12px;
}

.classtb tbody th {
	background-color:#999;
	color:#fff;
	height:21px;
}

.tb_header1 {
	width:214px;
}

.tb_header2 {
	width:162px;
}

.tb_header3 {
	width:114px;
}

.row-bg1 td {
	background-color:#e7e6e6;
}

.row-bg2 td {
	background-color:#d8d8d8;
}

.classtb tbody td {
	padding-left:4px;
	color:#333;
	line-height:22px;
	vertical-align:top;
}

.classtb tfoot td {
	padding-top:6px;
}

#taipei-class caption {
	padding-top:20px;
	background-position:0 20px;
}

.classtb .dlist dd {
	background:transparent url(images/gray-dotted.png) 0 8px no-repeat;
	text-indent:0.5em;
}

/*sidebar*/

#sidebar .title {
	position:absolute;
	top:3px;
	left:-1px;
}

#ad-list {
	text-align:center;
	padding-top:32px;
	padding-bottom:30px;
}

#ad-list li {
	margin-top:10px;
}

/*footer*/

#footer {
	bottom:0;
	left:0;
	width:696px;
	height:92px;
	padding-left:12px;
	background:url(images/footer-bg.png) 0 bottom no-repeat;
	letter-spacing:0.075em;
}

#company-info {
	color:#000;
	letter-spacing:0.03em;
}

#friend-link {
	margin-top:14px;
	margin-bottom:10px;
}

#friend-link li {
	padding-left:8px;
	border-left:1px solid #ccc;
	margin-left:6px;
}

#friend-link li.friend-link-top {
	border:0;
	margin-left:0;
	padding-left:2px;
}

#friend-link a {
	color:#ccc;
}

#footer-fn {
	top:29px;
	right:14px;
}

#footer-fn li {
	margin-left:18px;
}

#footer-fn a {
	color:#fff;
	text-decoration:underline;
}

#copyright {
	font-family:verdana,arial;
	font-size:90%;
}

#copyright, #copyright a {
	color:#666;
}

/*access key*/
.acckey {color:#fff;font-size:2px;}
/*clear float*/
* html .clearfix {height:1%;}
*+html .clearfix {display:inline-block;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}