/* Common */

/* General
-------------------------------------------------------- */

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

*	{
	margin: 0;
	padding: 0;
	font-style: normal;
	}

html{
	}

html>/**/body {
	text-align: -moz-center;
	}

body{
	background: #EEE;
	font-size: 100%;
	color: #333;
	font-family: 'MS UI Gothic', 'Verdana', 'Arial', 'Tahoma', sans-serif;
	text-align: center;
	letter-spacing: 0px;
	line-height: 100%;
	}

p	{
	line-height: 160%;
	}

img	{
	border: 0px;
	}

h1, h2, h3, h4{
	padding: 0px;
	margin: 0px;
	}

h1	{
	font-size: 100%;
	}

h2	{
	font-size: 100%;
	}

h3	{
	font-size: 100%;
	}

h4	{
	font-size: 100%;
	}
	
h5	{
	font-size: 100%;
	}

strong{
	margin: 0px 1px;
	}

address{
	}

div .bold{
	margin-left: 5px;
	font-weight: bold;
	line-height: 150%;
	font-size: 90%;
	}

h2 img{
	margin-right: 5px;
	}

li a.no1{
	padding: 2px 0 2px 22px;
	background: url(../img/common/no1.gif) no-repeat 0 2px;
	}

li a.no2{
	padding: 2px 0 2px 22px;
	background: url(../img/common/no2.gif) no-repeat 0 2px;
	}

li a.no3{
	padding: 2px 0 2px 22px;
	background: url(../img/common/no3.gif) no-repeat 0 2px;
	}

li a.no4{
	padding: 2px 0 2px 22px;
	background: url(../img/common/no4.gif) no-repeat 0 2px;
	}

li a.no5{
	padding: 2px 0 2px 22px;
	background: url(../img/common/no5.gif) no-repeat 0 2px;
	}

li a.no6{
	padding: 2px 0 2px 22px;
	background: url(../img/common/no6.gif) no-repeat 0 2px;
	}

li a.no7{
	padding: 2px 0 2px 22px;
	background: url(../img/common/no7.gif) no-repeat 0 2px;
	}

li a.no8{
	padding: 2px 0 2px 22px;
	background: url(../img/common/no8.gif) no-repeat 0 2px;
	}

li a.no9{
	padding: 2px 0 2px 22px;
	background: url(../img/common/no9.gif) no-repeat 0 2px;
	}

li a.no10{
	padding: 2px 0 2px 22px;
	background: url(../img/common/no10.gif) no-repeat 0 2px;
	}

/* Link
-------------------------------------------------------- */

a	{
	text-decoration: underline;
	}

a:link{
	color: #3A75AF;
	}

a:visited{
	color: #3A75AF;
	}

a:hover{
	color: #0040FF;
	}

/* Form
-------------------------------------------------------- */

form{
	margin:0;
	padding:0
	}

textarea{
	font-size: 100%;
	}

input{
	}

/* List
-------------------------------------------------------- */

ul	{
	list-style: none;
	}

ol	{
	}

li	{
	}

dl	{

	}

dt	{
	line-height: 150%;
	}

dd	{
	line-height: 150%;
	}

/* Table
-------------------------------------------------------- */

table{
	}

tr	{
	}

td	{
	}


/* Layout
-------------------------------------------------------- */

*:first-child+html body #outline{
	margin: 0;
	border-top: 0px;
	border-bottom: 0px;
	}

*html body #outline{
	margin: 0;
	padding: 5px;
	border-top: 0px;
	border-bottom: 0px;
	}

html>/**/body #outline{
	width: 980px;
	}

#outline{
	margin: 10px 0;
	background: #FFF;
	width: 940px;
	padding: 5px 15px;
	border: 1px solid #FDBF81;
	border-radius: 10px;
	-moz-border-radius: 10px;
	}

#frame{
	background: #FFF;
	border-bottom: 10px solid #B4B4B4;
	}

#outline-margin{
	width: 920px;
	}

html>/**/ #main{

	}

#main{
	float: right;
	width: 760px;
	text-align: left;
	}

#main #center{
	float: left;
	width: 500px;
	}

#main #right{
	float: right;
	width: 250px;
	text-align: left;
	}

#side{
	float: left;
	width: 150px;
	}

.c-both{
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	font-size: 1px;
	}

#atten{
	font-size: 14px;
	line-height: 20px;
	margin: 3px;
	}

#atten img{
	margin-right: 5px;
	}

/* Header
-------------------------------------------------------- */

div#header{
	width: 920px;
	height: 136px;
	text-align: left;
	background: url("../img/common/header_bar.gif") no-repeat;
	background-position: bottom;
	}

*:first-child+html body div#logo{
	top: 5px;
	}

*html body div#logo{
	top: 5px;
	}

div#logo{
	position: absolute;
	top: 15px;
	float: left;
	}

div#logo img{
	width: 210px;
	height: 136px;
	}

div#header .sub_info{
	width: 400px;
	height: 95px;
	font-size: 11px;
	line-height: 130%;
	position: relative;
	top: 5px;
	left: 520px;
	text-align: right;
	}

div#navi{
	margin-bottom: 10px;
	}

div#navi a{
	color: #333;
	text-decoration: underline;
	}

div#navi a:hover{
	color: #FF9933;
	}

div#contact{
	}

div.globalNavi{
	text-align: center;
	}

div.globalNavi ul{
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	}

div.globalNavi li{
	float: left;
	width: auto;
	line-height: 150%;
	border-left: 2px solid #F93;
	text-align: center;
	}

div.globalNavi li a{
	color: #FFF;
	display: block;
	width: 80px;
	text-decoration: none;
	}

div.globalNavi li a:hover{
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	}
	
div.globalNavi li a:visited{
	color: #FFF;
	text-decoration: none;
	}

div#header .globalNavi{
	width: 740px;
	position: relative;
	top: 15px;
	left: 175px;
	}

div#bulletin{
	width: 918px;
	height: 28px;
	margin-top: 5px;
	text-align: left;
	border: 2px solid #EEE;
	}

*html body #bulletin .comments{
	margin-top: 8px;
	}

div#bulletin .comments{
	float: left;
	margin-top: 5px;
	padding-left: 5px;
	color: #444;
	font-size: 14px;
	font-weight: bold;
	}
	
div#bulletin #location{
	float: left;
	margin-top: 7px;
	margin-left: 10px;
	color: #444;
	font-size: 14px;
	font-weight: bold;
	}

div#bulletin a{
	}

*html body #search{
	padding-bottom: 2px;
	}

div#search{
	float: right;
	margin-top: 3px;
	font-size: 80%;
	}

/* Footer
-------------------------------------------------------- */

div#footer{
	width: 920px;
	height: 140px;
	padding: 5px 0;
	text-align: center;
	background: url("../img/common/footer_bar.gif") no-repeat;
	clear: both;
	}

div#footer a{
	font-size: 14px;
	font-weight: bold;
	border: 0;
	}

div#footer a:link{
	color: #FFF;
	text-decoration: none;
	}

div#footer a:visited{
	color: #FFF;
	text-decoration: none;
	}

div#footer a:hover{
	color: #FFF;
	text-decoration: underline;
	}

*html body #footer .globalNavi{
	width: 910px;
	}

div#footer .globalNavi{
	position: relative;
	top: 0px;
	left: 80px;
	color: #FFF;
	}

div#footer .globalNavi li{
	border: 0;
	}

div#footer .globalNavi li a{
	color: #FFF;
	display: block;
	width: 150px;
	}

div#footer .sub_info{
	padding-top: 10px;
	clear: both;
	font-size: 80%;
	color: #555;
	font-weight: bold;
	}

div#footer #rights, div#footer #design{
	color: #666;
	}

/* Navi
-------------------------------------------------------- */

div#subNavi{
	margin-bottom: 10px;
	text-align: left;
	}

*:first-child+html body div#subNavi h2{
		height: 21px;
	}
	
div#subNavi h2{
	font-size: 13px;
	height: 23px;
	padding-left: 10px;
	padding-top: 2px;
	background: url("../img/common/bar_slv.gif") repeat-x;
	border: 1px solid #B4B4B4;
	}

div#subNavi h3{
	display: block;
	margin-left: 10px;
	width: 130px;
	font-size: 75%;
	border-bottom: 1px dotted #666;
	}

div#subNavi ul{
	height: auto;
	background: url("../img/common/subnavi.jpg") repeat-x;
	border: 1px solid #FDBF81;
	border-top: 0px;
	padding: 5px 0;
	}

div#subNavi li{
	line-height: 150%;
	font-size: 90%;
	background: url("../img/common/arrow_gry.gif") no-repeat;
	background-position: center left;
	padding: 3px;
	padding-left: 10px;
	margin: 0 5px;
	border-bottom: 1px dotted #B4B4B4;
	}

div#subNavi li a{
	color: #333;
	font-size: 90%;
	}

div#subNavi li a:hover{
	color: #333;
	}

/* ETC
-------------------------------------------------------- */

/* center ---------------------------------------------- */

#aboutus{
	width: 500px;
	margin: 10px 0;
	border: solid 1px #B4B4B4;
	font-size: 90%;
	text-align: center;
	}
	
#aboutus .comments{
	text-align: left;
	margin: 10px;
	}

#aboutus p{
	}

#news, #info, #bbs, #blog, #seminar, #lesson{
	width: 500px;
	margin-bottom: 10px;
	border: solid 1px #FDBF81;
	}

#news h2, #info h2, #bbs h2, #blog h2, #seminar h2, #lesson h2{
	height: 31px;
	padding-left: 10px;
	padding-top: 6px;
	margin: 0;
	background: url("../img/common/bar_org.gif") repeat-x;
	}

#news dl, #bbs dl, #blog dl, #seminar ul, #lesson ul{
	width: 485px;
	margin: 0 5px 5px;
	}

#news dt, #bbs dt, #blog dt{
	padding-left: 20px;
	margin-top: 5px;
	background: url("../img/common/arrow_grn.gif") no-repeat;
	background-position: left;
	}

#news dd, #bbs dd, #blog dd, #seminar li, #lesson li{
	font-size: 80%;
	padding-left: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #B4B4B4;
	}

#news p, #bbs p, #blog p{
	padding-left: 10px;
	}


#info h3{
	clear: both;
	margin: 5px 0;
	padding-left: 15px;
	font-weight: normal;
	}

#info .box{
	margin: 0 5px 5px;
	border-bottom: 1px dotted #B4B4B4;
	}

#info ul{
	}

#info #aus{
	width: auto;
	}

#info #aus a{
	padding-right: 4px;
	}

#info #life{
	width: 480px;
	}

#info #life a{
	padding-right: 8px;
	}

#info #study{
	width: 450px;
	}

#info #other{
	width: 460px;
	}

#info li{
	float: left;
	width: auto;
	font-size: 95%;
	}

#info li a{
	display: block;
	width: auto;
	padding: 0 7px 5px;
	}

#info .comments{
	float: left;
	}

#info #pic{
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	}

#info #pic img{
	border: 5px solid #FEF5EB;
	border-top: 80px solid #FEF5EB;
	border-bottom: 80px solid #FEF5EB;
	}

/* left ----------------------------------------------- */

#keyword, #skype {
	width: 150px;
	margin-bottom: 10px;
	border: solid 1px #B4B4B4;
	text-align: left;
	}

*:first-child+html body div#keyword h2, *:first-child+html body div#skype h2{
		height: 20px;
	}

#keyword h2, #skype h2 {
	height: 23px;
	padding-left: 10px;
	padding-top: 4px;
	background: url("../img/common/bar_slv.gif") repeat-x;
	border-bottom: 1px solid #B4B4B4;
	font-size: 14px;
	}

#skype .comments{
	font-size: 12px;
	padding: 0 12px 5px;
	text-align: center;
	}

#keyword ol{
	padding: 5px;
	font-size: 14px;
	list-style: none;
	}

#keyword li{
	padding-bottom: 3px;
	}

#intro {
	width: 150px;
	margin-bottom: 10px;
	border: solid 1px #FDBF81;
	text-align: left;
	}

#intro h2 {
	height: 25px;
	margin: 0;
	padding-top: 5px;
	padding-left: 8px;
	font-size: 90%;
	background: url("../img/common/bar_org.gif") repeat-x;
	}

#intro h2 a{
	color: #333;
	}

#intro dl{
	margin: 5px 3px;
	margin-top: 0;
	}

#intro dt{
	padding-left: 5px;
	font-size: 90%;
	}

#intro dt a{
	font-weight: bold;
	text-decoration: none;
	}

#intro dd{
	font-size: 80%;
	border-bottom: 1px dotted #B4B4B4;
	}

#intro p{
	padding-left: 3px;
	}

#intro #link a{
	font-size: 90%;
	font-weight: normal;
	}

div.adsense{
	text-align: center;
	margin-bottom: 5px;
	}


div#pics{
	width: 150px;
	height: 485px;
	margin-bottom: 10px;
	display: none;
	}