@charset "UTF-8";
/* top */

/*---------------------------------------------------- */
/* sitewise */
/*---------------------------------------------------- */
#sitewise {
	padding: 0;
	margin: 0 0 0 0;
	width: 100%;
	background: url(../images/home/bg_sitewise.gif) repeat-x left top;
	min-width: 1100px;
    _display: inline;
    _zoom:1;
}

#waku_sitewise {
	padding: 0;
	margin: 0 auto 0 auto;
	width: 980px;
	height: 305px;
	overflow: hidden;
}

h2#main_images {
	padding: 0;
	margin: 10px 0 0 0;
	width: 980px;
	height: auto;
	display: inline;
	float: left;
}

/*---------------------------------------------------- */
/* clumn */
/*---------------------------------------------------- */
#maincontainer {
	padding: 0 0 80px 0;
	margin: 0 0 0 0;
	width: 100%;
	background: url(../images/common/bg_maincontainer.gif) repeat-x left top;
	min-width: 1100px;
    _display: inline;
    _zoom:1;
}

#waku_clumn {
	padding: 0;
	margin: 0 auto 0 auto;
	width: 980px;
	height: auto;
	overflow: hidden;
}

#leftclumn {
	padding: 0;
	margin: 25px 0 0 0;
	width: 730px;
	height: auto;
	display: inline;
	float: left;
}

#rightclumn {
	padding: 0;
	margin: 25px 0 0 0;
	width: 220px;
	height: auto;
	display: inline;
	float: right;
}

/*---------------------------------------------------- */
/* pickup */
/*---------------------------------------------------- */
#waku_pickup1 {
	padding: 0;
	margin: 0 0 10px 0;
	width: 730px;
	height: auto;
	overflow: hidden;
}

#waku_pickup2 {
	padding: 0;
	margin: 0 0 25px 0;
	width: 730px;
	height: auto;
	overflow: hidden;
}

#pickup_001 {
	padding: 0;
	margin: 0;
	width: 360px;
	height: auto;
	display: inline;
	float: left;
}

#pickup_002 {
	padding: 0;
	margin: 0;
	width: 360px;
	height: auto;
	display: inline;
	float: right;
}

#pickup_003 {
	padding: 0;
	margin: 0;
	width: 360px;
	height: auto;
	display: inline;
	float: left;
}

#pickup_004 {
	padding: 0;
	margin: 0;
	width: 360px;
	height: auto;
	display: inline;
	float: right;
}

.waku_introduction {
	padding: 0;
	margin: 0 0 0 0;
	width: 358px;
	height: auto;
	border: 1px solid #CCCCCC;
	overflow: hidden;
}

div.introduction {  
	padding: 0;
	margin: 0 auto 0 auto;
	width: 358px;
	height: auto;
}

div.introduction a {
	background: url(../images/home/bg_pickup_in.png) no-repeat right bottom;
	text-decoration: none;
	display: block;
	border: 0px;
}

div.introduction a:hover {
	background: url(../images/home/bg_pickup_in_over.png) no-repeat right bottom #FFF1F3;
	text-decoration: none;
	display: block;
	border: 0px;
}

div.introduction .subject {
	padding: 0 0 4px 0;
	margin: 0 0 0 0;
	width: 358px;
	height: auto;
	overflow: hidden;
}

div.introduction .subject .subject_left {
	padding: 0;
	margin: 4px 0 0 4px;
	width: 100px;
	height: auto;
	display: inline;
	float: left;
}

div.introduction .subject .subject_right {
	padding: 0;
	margin: 4px 4px 0 0;
	width: 245px;
	height: auto;
	display: inline;
	float: right;
}

/*---------------------------------------------------- */
/* photo */ 
/*---------------------------------------------------- */
.photo_hierarchy {
	padding: 0;
	margin: 0 0 0 0;
	width: 100px;
	height: auto;
}

/*---------------------------------------------------- */
/* moji */ 
/*---------------------------------------------------- */
p.english_name {
	padding: 0;
	margin: 0 0 8px 0;
	width: 135px;
	height: auto;
}

p.moji_pickup {
	padding: 0;
	margin: 0 0 0 4px;
	width: 240px;
	height: auto;
	color: #3A3B3D;	
	font-size: 12px;
	font-weight: normal;
	line-height: 120%;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* h3 */ 
/*---------------------------------------------------- */
h3.categoryTitle_01 {
	padding: 0;
	margin: 0 0 2px 0;
	width: 730px;
	height: 38px;
	background: url(../images/home/h3_categoryTitle_01.gif) no-repeat;
	overflow: hidden;
}

span.moji_category {
	padding: 0;
	margin: 13px 0 0 183px;
	width: 530px;
	display: inline;
	float: left;
	color: #3A3B3D;	
	font-size: 13px;
	font-weight: bold;
}

/*---------------------------------------------------- */
/* h4 */ 
/*---------------------------------------------------- */
h4.hierarchyTitle_01 {
	padding: 0;
	margin: 0 0 5px 0;
	width: 107px;
	height: 18px;
	background: url(../images/home/h4_hierarchyTitle_01.png) no-repeat;
	overflow: hidden;
}

h4.hierarchyTitle_02 {
	padding: 0;
	margin: 0 0 5px 0;
	width: 67px;
	height: 18px;
	background: url(../images/home/h4_hierarchyTitle_02.png) no-repeat;
	overflow: hidden;
}

h4.hierarchyTitle_03 {
	padding: 0;
	margin: 0 0 5px 0;
	width: 67px;
	height: 18px;
	background: url(../images/home/h4_hierarchyTitle_03.png) no-repeat;
	overflow: hidden;
}

h4.hierarchyTitle_04 {
	padding: 0;
	margin: 0 0 5px 0;
	width: 67px;
	height: 18px;
	background: url(../images/home/h4_hierarchyTitle_04.png) no-repeat;
	overflow: hidden;
}

/*---------------------------------------------------- */
/* info */
/*---------------------------------------------------- */
#info {
	padding: 0;
	margin: 0 auto 0 auto;
	height: auto;
	width: 730px;
}

div.details {  
	padding: 0px;
	margin: 0px 0px 2px 0px;
	width: 705px;
	height: auto;
	background: url(../images/home/line_info.gif) no-repeat left bottom;
}

div.details a {
	background: url(../images/home/line_info.gif) no-repeat left bottom;
	text-decoration: none;
	display: block;
	border: 0px;
}

div.details a:hover {
	background: url(../images/home/line_info.gif) no-repeat left bottom #FFE5E8;
}

div.details p {
	padding: 6px 3px 6px 18px;
	margin: 0px 0px 0px 8px;
	width: 678px;
	height: auto;
	background: url(../images/home/icon_list.png) no-repeat left top;
}

span.moji_date {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
	width: 675px;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #3A3B3D;	
	font-weight: bold;
}

span.icon_list {
	padding: 0;
	margin: 0 0 0 5px;
	width: 30px;
	height: 13px;
}

span.moji_info {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 675px;
	color: #42464A;	
	font-size: 13px;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}

span.moji_comment {
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 0px;
	width: 675px;
	color: #3A3B3D;	
	font-size: 13px;
	font-weight: normal;
	line-height: 130%;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* scroll */
/*---------------------------------------------------- */
#infobox {
	padding: 0;
	margin: 0 0 0 0;
	height: 215px;
	width: 730px;
	overflow: auto;
	position: relative;
}

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* the following line puts fleXcroll into scrollbar-on-right mode */
.vscrollerbase {right: 0 !important;}

/* following are the styles for fat & cuddly, comments and newlines removed */
.vscrollerbar {
	width: 17px;
	background: url(../images/scroll/scroller_center.png) repeat-y left top;
}

.vscrollerbarbeg {
	height: 10px;
	width: 17px;
	background: url(../images/scroll/scroller_top.png) no-repeat left top;
}

.vscrollerbarend {
	height: 10px;
	width: 17px;
	background: url(../images/scroll/scroller_bottom.png) no-repeat left top;
}

.vscrollerbase {
	width: 17px;
	background: url(../images/scroll/base_back.png) repeat-y left top;
}

.vscrollerbasebeg {
	height: 18px;
	width: 17px;
	background: url(../images/scroll/base_top.png) no-repeat left top;
}

.vscrollerbaseend {
	height: 18px;
	width: 17px;
	background: url(../images/scroll/base_bottom.png) no-repeat left top;
}

.hscrollerbase {
	height: 11px;
	background-color: white;
}

.hscrollerbar {
	height: 11px;
	background-color: black;
}

.vscrollerbar, .hscrollerbar {
	padding: 18px;
	z-index: 2;
}

.scrollerjogbox {
	height: 6px;
	width: 17px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
}