@charset "utf-8";
/* CSS Document */

/*---------------------------------------
   [header]
---------------------------------------*/
#header {
	height:333px;
	margin-bottom:20px;
}

/* main */

#header .main{
	background:url(../img/bg_for.gif) no-repeat 0 0;
	position:absolute;
	left:35px;
	top:60px;
	width:900px;
}

#header .main .for{
	float:left;
	text-align:center;
	width:220px;
	margin-top:30px;
}

#header .main .keyv{
	float:right;
}

#header .main #multi-hero{
	width: 680px;
	height:232px;
	margin: 0 auto;
	text-align: left;
}

#header .main #multi-hero #multi-hero-contents li{
	display: none;
}

#header .main #multiHeroControls{
	display:none;
}


/* global-navigation */

#header .global-navigation{
	position:absolute;
	left:35px;
	bottom:0;
}

#header .global-navigation li{
	float:left;
}


/*---------------------------------------
   [container]
---------------------------------------*/

#container{
	width:900px;
	margin:0 auto;
	text-align:left;
}

/*   contents
---------------------------------------*/

#container .contents{
	float:left;
	width:655px;
	margin:0;
	padding:0;
}

/* main -------------------------- */

#container .contents .main{
	float:left;
	width:380px;
	margin:0;
	padding:0;
}

/* ui-tab */

#container .contents .main #ui-tab ul.tab{
	margin:0;
	background:url(../img/bg_tab.gif) no-repeat 0 0;
	width:380px;
	height:25px;
	position:relative;
}

#container .contents .main #ui-tab ul li#tab1{
	position:absolute;
	left:0;
	top:0;
}

#container .contents .main #ui-tab ul li#tab2{
	position:absolute;
	left:82px;
	top:0;
}

#container .contents .main #ui-tab ul li#tab3{
	position:absolute;
	left:164px;
	top:0;
}

#container .contents .main #ui-tab ul li#tab4{
	position:absolute;
	left:246px;
	top:0;
}

#container .contents .main #ui-tab ul li.ui-tabs-selected{
	display:none;
}

#container .contents .main #ui-tab .tab-contents{
	clear:both;
	border-top:1px solid #37376E;
}

#container .contents .main #ui-tab .tab-contents ul li{
	padding-bottom:5px;
	background:url(../shared/img/bg_line.gif) repeat-x 0 100%;
	margin-bottom:5px;
}

#container .contents .main #ui-tab .tab-contents ul li span{
	display:block;
	padding:0 0 5px 15px ;
}

#container .contents .main #ui-tab .tab-contents ul li a{
	background:url(../shared/img/icon_arrow.jpg) no-repeat 0 0.7em;
	padding:5px 0 5px 15px;
	display:block;
}

#container .contents .main #ui-tab .tab-contents ul li a.other-link{
	padding:0 0 5px 25px;
	display:block;
	background:url(../shared/img/icon_arrow2.gif) no-repeat 15px 0.5em;
}

#container .contents .main #ui-tab .tab-contents ul li.more{
	background:none;
	text-align:right;
}

#container .contents .main #ui-tab .tab-contents ul li.more a{
	display:inline;
}

/* message */

#container .contents .main .message{
	border:1px solid #38386F;
	padding:10px;
	margin-top:20px;
}

#container .contents .main .message dl dt{
	float:left;
	clear:left;
	width:50px;
}

#container .contents .main .message dl dd{
	padding:0 0 0 60px;
	color:#666666;
}

#container .contents .main .message dl dd.name{
	font-size:83%;
}

#container .contents .main .message dl dd.more{
	text-align:right;
	font-size:83%;
}

/* blog -------------------------- */

#container .contents .blog{
	float:right;
	width:255px;
	margin:0;
	padding:0;
}

#container .contents .blog h2{
	background:url(../img/bg_blog.gif) repeat-y 0 0;
	padding:0;
	margin:0;
	border:none;
}

#container .contents .blog h2 a{
	min-height:20px;
	font-weight:bold;
	color:#383870;
	display:block;
	margin:0;
	padding:0;
}

#container .contents .blog .text-list{
	border-left:1px solid #BBBBCE;
	border-right:1px solid #BBBBCE;
	border-bottom:1px solid #BBBBCE;
	padding:10px;
	margin-bottom:20px;
	margin-top:0;
}

#container .contents .blog .text-list li{
	padding-bottom:10px;
	background:url(../shared/img/bg_line.gif) repeat-x 0 100%;
	margin-bottom:10px;
}

#container .contents .blog .text-list li.last-child{
	padding-bottom:0;
	background:none;
	margin-bottom:0;
}

#container .contents .blog .text-list li span{
	margin-left:15px;
}

#container .contents .blog .text-list li a{
	background:url(../shared/img/icon_arrow.jpg) no-repeat 0 0.2em;
	padding-left:15px;
	display:block;
}

/* diary */

#container .contents .blog .diary h2 a{
	background:url(../img/title_blog_diary.jpg) no-repeat 0 0;
	padding:15px 10px 10px 55px;
}

* html #container .contents .blog .diary h2 a{
	padding:20px 10px 15px 55px;
}

/* bio */

#container .contents .blog .bio h2 a{
	background:url(../img/title_blog_bio.jpg) no-repeat 0 0;
	padding:15px 10px 10px 55px;
}

* html #container .contents .blog .bio h2 a{
	padding:20px 10px 15px 55px;
}

/* ssh */

#container .contents .blog .ssh h2 a{
	background:url(../img/title_blog_ssh.jpg) no-repeat 0 0;
	padding:10px 10px 10px 55px;
}

* html #container .contents .blog .ssh h2 a{
	padding:10px 10px 8px 55px;
}

/* native */

#container .contents .blog .native h2 a{
	background:url(../img/title_blog_native.jpg) no-repeat 0 0;
	padding:10px 10px 10px 55px;
}

/*   sidebar
---------------------------------------*/

#container .sidebar{
	float:right;
	width:225px;
	margin:0;
	padding:0;
}

#container .sidebar .top-bnr{
	margin-bottom:20px;
}

#container .sidebar .bnr{
	margin-top:20px;
}

/* english-course */

#container .sidebar #english-course{
	height:160px;
	width:207px;
	padding:8px;
}

* html #container .sidebar #english-course{
	width:210px;
}

#container .sidebar #english-course table{
	margin:10px 0;
}

/* download */

#container .sidebar .download{
	margin-top:20px;
	border:1px solid #BBBBCE;
	padding:10px;
	line-height:1.5em;
}

#container .sidebar .download h2{
	margin-bottom:10px;
}

/* mb */

#container .sidebar .mb{
	margin-top:20px;
	border:1px solid #BBBBCE;
	padding:10px;
}

#container .sidebar .mb .img-l{
	float:left;
	margin:0 10px 5px 0;
}