/* -- a -- */
a{
	color:#3399cc;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/* -- Common -- */
img{
	border-width:0px;
}
img.right{
	float:right;
	margin:0 0 5px 10px;
}
img.left{
	float:left;
	margin:0 10px 5px 0px;
}
p.textright{
	text-align:right;
}
p.textcenter{
	text-align:center;
}
br.clear{
	clear:both;
}
h1{
	font-size:12px;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	font-weight:normal;
}
h2{
	text-indent:-3000em; 
	display:block;
	font-size:12px;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:0pt;
}
h3{
	font-size:12px;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	color:#ff6600;
	font-weight:normal;
}
/* -- BODY -- */
body{
	text-align:center;
	margin:0px auto;
	padding:0px;
	font-size:12px;
	color:#666666;
	background-color:#EFEFEF;
	line-height:13pt;
	font-family:arial,"MSP Gothic";
}
#outer{
	width:940px;
	text-align:left;
	margin:0px auto;
	padding:10px 5px 0 5px;
	background-color:#EFEFEF;
	background-image:url(../img/common/bk.jpg);
	background-repeat:repeat-y;
	overflow:auto;
}
#header{
	width:940px;
	overflow:auto;
}
#headerlogo{
	width:420px;
	height:80px;
	float:left;
	margin:0 0 0 20px;
}
#headerlang{
	width:120px;
	height:80px;
	float:right;
	text-align:right;
	margin:0 10px 0 0px;
}
div#headerlang a{
	color:#666;
}

#menu{
	width:940px;
	height:33px;
	padding:2px 0 0 0px;
	background-image:url(../img/common/menu_bk.jpg);
	background-repeat:no-repeat;
}
dl.menu{
	width:940px;
	height:31px;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
}
dl.menu dd.home{
	width:117px;
	height:31px;
	margin:0 0 0 1px;
	padding:0 0 0 0px;
	float:left;
}
dl.menu dd{
	width:136px;
	height:31px;
	margin:0 0 0 1px;
	padding:0 0 0 0px;
	float:left;
}
dl.menu dd.last{
	width:135px;
	height:31px;
	margin:0 0 0 1px;
	padding:0 0 0 0px;
	float:left;
}
dl.menu dd.home a{
	height:31px;
	display:block;
	background-image:url(../img/common/menu_home.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:center;
	padding:5px 0 0 0px;
	color:#333;
	font-size:11px;
	text-decoration:none;
}
dl.menu dd.home a:hover{
	background-image:url(../img/common/menu_home_mo.jpg);
	text-decoration:none;
}
dl.menu dd.home a.current{
	display:block;
	background-image:url(../img/common/menu_home_mo.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:center;
	padding:5px 0 0 0px;
 	color:#4A604D;
}
dl.menu dd a{
	height:31px;
	display:block;
	background-image:url(../img/common/menu_136.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:center;
	padding:5px 0 0 0px;
	color:#333;
	font-size:11px;
}
dl.menu dd a:hover{
	background-image:url(../img/common/menu_136_mo.jpg);
	text-decoration:none;
}
dl.menu dd a.current{
	display:block;
	background-image:url(../img/common/menu_136_mo.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:center;
	padding:5px 0 0 0px;
 	color:#4A604D;
}
dl.menu dd.last a{
	height:31px;
	display:block;
	background-image:url(../img/common/menu_135.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:center;
	padding:5px 0 0 0px;
	color:#333;
	font-size:11px;
}
dl.menu dd.last a:hover{
	background-image:url(../img/common/menu_135_mo.jpg);
	text-decoration:none;
}
dl.menu dd.last a.current{
	display:block;
	background-image:url(../img/common/menu_135_mo.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:center;
	padding:5px 0 0 0px;
 	color:#4A604D;
}
#headerpic{
	width:929px;
	margin:6px 0 30px 6px;
}
#footer{
	width:930px;
	border-top:1px solid #ccc;
	margin:20px 0 0 0px;
	padding:5px 0 5px 10px;
	font-size:10px;
}
#copyright{
	float:left;
	padding:7px 0 0 0px;
}
#w3c_banner{
	width:180px;
	float:right;
}
#index_panel1{
	width:298px;
	float:left;
	padding:0 0 0 6px;
}
#index_panel2{
	width:311px;
	float:left;
	padding:0 0 0 4px;
}
#index_panel3{
	width:311px;
	float:left;
	padding:0 5px 0 4px;
}
#whatsnew_title{
	width:298px;
	height:32px;
	background-image:url(img/index_tit_whatsnew.gif);
	background-repeat:no-repeat;
}
#blog_title{
	width:311px;
	height:32px;
	background-image:url(img/index_tit_blog.gif);
	background-repeat:no-repeat;
}
#diary_title{
	width:311px;
	height:32px;
	background-image:url(img/index_tit_diary.gif);
	background-repeat:no-repeat;
}
#experience_title{
	width:311px;
	height:32px;
	background-image:url(img/index_tit_experience.gif);
	background-repeat:no-repeat;
}
#photo_title{
	width:311px;
	height:32px;
	background-image:url(img/index_tit_photoalbum.gif);
	background-repeat:no-repeat;
}

ul.whatsnew{
	margin:5px 0 5px 15px;
	padding:0 0 0px 0px;
}
ul.whatsnew li{
	margin:0 0 0 0px;
	padding:2px 0 2px 15px;
	background-image:url(../img/common/arrow_orange.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	list-style-type:none;
}
.panel_inner{
	width:281px;
	padding:5px 15px 30px 15px;
}
div.panel_inner p{
	margin:5px 0 0 0px;
}
div.panel_inner p.blogdate{
	margin:0 0 5px 0px;
	padding:0 0 0 0px;
}
ul.index_panel{
	margin:5px 0 15px 15px;
	padding:0 0 0px 0px;
}
ul.index_panel li{
	margin:0 0 0 0px;
	padding:2px 0 2px 15px;
	background-image:url(../img/common/arrow_orange.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	list-style-type:none;
}
ul.index_panel li a{
	color:#666;
}
#sub_aboutus_title{
	width:646px;
	height:32px;
	background-image:url(img/sub_aboutus_main.gif);
	background-repeat:no-repeat;
}
#sub_contact_title{
	width:646px;
	height:32px;
	background-image:url(img/sub_contact_main.gif);
	background-repeat:no-repeat;
}
table.contact{
	width:540px;
	margin:50px 0 0 55px;
}
dl.aboutus{
	margin:0 0 20px 0px;
	padding:0 0 0 0px;
}
dl.aboutus dt{
	margin:0 15px 0 0px;
	padding:0 0 0 0px;
	float:left;
}
dl.aboutus dd{
	margin:0 0 3px 0px;
	padding:0 0 0 0px;
}


#sub_main{
	width:646px;
	padding:20px 0 20px 20px;
	float:left;
}
#sub_side{
	width:240px;
	padding:20px 20px 0 0px;
	float:right;
}
#sub_photo_title{
	width:646px;
	height:32px;
	background-image:url(img/sub_photo_main.gif);
	background-repeat:no-repeat;
}
#sub_blog_title{
	width:646px;
	height:32px;
	background-image:url(img/sub_blog_main.gif);
	background-repeat:no-repeat;
}
#sub_experience_title{
	width:646px;
	height:32px;
	background-image:url(img/sub_experience_main.gif);
	background-repeat:no-repeat;
}
#sub_diary_title{
	width:646px;
	height:32px;
	background-image:url(img/sub_diary_main.gif);
	background-repeat:no-repeat;
}

#sub_photo_side_title{
	width:240px;
	height:32px;
	margin:20px 0 0 0px;
	background-image:url(img/sub_photo_side.gif);
	background-repeat:no-repeat;
}
#sub_blog_side_title{
	width:240px;
	height:32px;
	margin:20px 0 0 0px;
	background-image:url(img/sub_blog_side.gif);
	background-repeat:no-repeat;
}
#sub_experience_side_title{
	width:240px;
	height:32px;
	background-image:url(img/sub_experience_side.gif);
	background-repeat:no-repeat;
}
#sub_diary_side_title{
	width:240px;
	height:32px;
	background-image:url(img/sub_diary_side.gif);
	background-repeat:no-repeat;
}
.sub_panel_inner{
	width:210px;
	margin:5px 15px 30px 15px;
}
div.sub_panel_inner p{
	margin:5px 0 0 0px;
}
ul.sub_panel{
	margin:5px 0 20px 15px;
	padding:0 0 0px 0px;
}
ul.sub_panel li{
	margin:0 25px 0 0px;
	padding:2px 0 2px 15px;
	background-image:url(../img/common/arrow_orange.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
	list-style-type:none;
	float:left;
}
ul.sub_panel li a{
	color:#666;
}
ul.sub_panel li a:hover{
	color:#666;
	text-decoration:none;
}
ul.sub_panel li a.current{
	color:#ff6600;
}
ul.sub_panel li a.current:hover{
	color:#ff6600;
	text-decoration:none;
}
#photos{
	width:630px;
	padding:20px 0 0 15px;

}
div#photos p{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
}
table.photos{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
}


#diary{
	width:630px;
	margin:20px 0 0 15px;
	background-image:url(../img/common/diary/diary_bk.gif);
	background-repeat:repeat-y;
	overflow:auto;
}
#diary_bottom{
	width:630px;
	margin:0 0 0 15px;
	text-align:right;
}
#recent_diary{
	width:440px;
	float:left;
}
#recent_diary p{
	margin:0 0 10px 0px;
	padding:0 0 0 0px;
}
#past_diary{
	width:169px;
	float:right;
}
dl.past_diary{
	margin:10px 0 0 0px;
	padding:0 10px 0 10px;
}
dl.past_diary dt{
	margin:0 0 0 0px;
	padding:0 0 0 10px;
	background-image:url(../img/common/diary/arrow_orange_dark.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
}
dl.past_diary dd{
	margin:0 0 15px 0px;
	padding:0 0 0 10px;
}






#experience{
	width:630px;
	margin:20px 0 0 15px;
	background-image:url(../img/common/experience/experience_bk.gif);
	background-repeat:repeat-y;
	overflow:auto;
}
#experience_bottom{
	width:630px;
	margin:0 0 0 15px;
	text-align:right;
}
#recent_experience{
	width:440px;
	float:left;
}
#recent_experience p{
	margin:0 0 10px 0px;
	padding:0 0 0 0px;
}
#past_experience{
	width:169px;
	float:right;
}
dl.past_experience{
	margin:10px 0 0 0px;
	padding:0 10px 0 10px;
}
dl.past_experience dt{
	margin:0 0 0 0px;
	padding:0 0 0 10px;
	background-image:url(../img/common/experience/arrow_orange_dark.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
}
dl.past_experience dd{
	margin:0 0 15px 0px;
	padding:0 0 0 10px;
}

/* -- thankyou.php -- */
#thankyou_inner{
	width:590px;
	padding:100px 20px 0 20px;
	text-align:center;
}
div#thankyou_inner p{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
}
#thanks{
	width:590px;
	margin:0 0 60px 0px;
}
#info{
	width:590px;
}
textarea{
	font-family:arial;
}