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

/*---------------------------------------------------- */
/* h3 category */
/*---------------------------------------------------- */
h3.categoryTitle_01 {
	padding: 0px;
	margin: 0px 0px 16px 0px;
	height: 30px;
	width: 680px;
	background: url(../images/company/h3_categoryTitle_01.gif) no-repeat 0 0;
	overflow: hidden;
}

h3.categoryTitle_02 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	height: 30px;
	width: 680px;
	background: url(../images/company/h3_categoryTitle_01.gif) no-repeat 0 0;
	overflow: hidden;
}

span.moji_category {
	padding: 0px;
	margin: 7px 0px 0px 36px;
	height: auto;
	width: 630px;
	display: inline;
	float: left;
	color: #04459F;
	font-size: 123.1%;
	font-weight: bold;
}

/*---------------------------------------------------- */
/* moji */
/*---------------------------------------------------- */
p.waku_moji {
	padding: 0px;
	margin: 0px auto 4px auto;
	height: auto;
	width: 650px;
}

span.moji_epost {
	padding: 0px;
	margin: 0px 10px 0px 0px;
	color: #979797;
	font-size: 85%;
}

span.moji_jpost {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: #0086CD;
	font-size: 85%;
}

/*---------------------------------------------------- */
/* h4 title */
/*---------------------------------------------------- */
h4.greetingTitle_01 {
	padding: 23px 0 0 0;
	margin: 0px auto 12px auto;
	height: 0px;
	width: 660px;
	background: url(../images/company/greeting/title_greeting.gif) no-repeat 0 0;
	overflow: hidden;
}

/*---------------------------------------------------- */
/* line */
/*---------------------------------------------------- */
.line_greeting {
	padding: 0;
	margin: 0px auto 16px auto;
	height: 1px;
	width: 660px;
	background: url(../images/all/line_partition1.gif) no-repeat 0 0;
	overflow: hidden;
}

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

.photo_greeting2 {
	padding: 0;
	margin: 0;
	height: auto;
	width: 260px;
}

.photo_philosophy {
	padding: 0;
	margin: 0 auto 12px auto;
	height: auto;
	width: 660px;
}

/*---------------------------------------------------- */
/* summary */
/*---------------------------------------------------- */
.haco_summary {
	padding: 0;
	margin: 0px auto 48px auto;
	height: auto;
	width: 660px;
}

.summary_box1 {
	padding: 8px 0px 8px 0px;
	margin: 0px;
	height: auto;
	width: 148px;
	background: url(../images/company/summary/bg_summary1.gif) repeat 0 0;
	border: 1px solid #C1BDBB;
}

.summary_box2 {
	padding: 8px 0px 8px 0px;
	margin: 0px;
	height: auto;
	width: 509px;
	background: url(../images/company/summary/bg_summary2.gif) repeat 0 0;
	border-top: 1px solid #C1BDBB;
	border-right: 1px solid #C1BDBB;
	border-bottom: 1px solid #C1BDBB;
}

.summary_box3 {
	padding: 8px 0px 8px 0px;
	margin: 0px;
	height: auto;
	width: 148px;
	background: url(../images/company/summary/bg_summary1.gif) repeat 0 0;
	border-right: 1px solid #C1BDBB;
	border-bottom: 1px solid #C1BDBB;
	border-left: 1px solid #C1BDBB;
}

.summary_box4 {
	padding: 8px 0px 8px 0px;
	margin: 0px;
	height: auto;
	width: 509px;
	background: url(../images/company/summary/bg_summary2.gif) repeat 0 0;
	border-right: 1px solid #C1BDBB;
	border-bottom: 1px solid #C1BDBB;
}

h5.summaryTitle_01 {
	padding: 0px;
	margin: 0px 0px 0px 15px;
	height: auto;
	width: 123px;
	color: #393a3c;
	font-size: 93%;
	line-height: 140%;
}

.moji_summary {
	padding: 0px;
	margin: 0px 0px 0px 15px;
	height: auto;
	width: 484px;
	color: #393a3c;
	font-size: 93%;
	line-height: 140%;
}

.moji_summary2 {
	padding: 0px;
	margin: 0px 0px 0px 15px;
	height: auto;
	width: 484px;
	color: #393a3c;
	font-size: 93%;
	line-height: 140%;
	overflow: hidden;
}

.summary_left1 {
	padding: 0px;
	margin: 0px;
	height: auto;
	width: 120px;
	display: inline;
	float: left;
}

.summary_right1 {
	padding: 0px;
	margin: 0px;
	height: auto;
	width: 354px;
	display: inline;
	float: right;
}

.summary_left2 {
	padding: 0px;
	margin: 0px;
	height: auto;
	width: 235px;
	display: inline;
	float: left;
}

.summary_right2 {
	padding: 0px;
	margin: 0px;
	height: auto;
	width: 235px;
	display: inline;
	float: right;
}

/*---------------------------------------------------- */
/* スクロール */
/*---------------------------------------------------- */
#info {
	padding: 0px;
	margin: 0px auto 48px auto;
	height: auto;
	width: 660px;
}

#infobox {
	padding: 6px 0px 0px 0px;
	margin: 0px;
	height: 500px;
	width: 660px;
	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: 15px;
	background: url(../images/scroll/scroller_center.png) repeat-y left top;
}

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

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

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

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

.vscrollerbaseend {
	height: 20px;
	width: 15px;
	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: 15px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
}

/*---------------------------------------------------- */
/* history */
/*---------------------------------------------------- */
.haco_history {
	padding: 0;
	margin: 0px;
	height: auto;
	width: 635px;
}

.history_box1 {
	padding: 4px 0px 3px 0px;
	margin: 0px;
	height: auto;
	width: 635px;
	background: url(../images/company/summary/bg_history.gif) repeat-y left top;
	border-bottom: 1px solid #C1BDBB;
}

.history_box2 {
	padding: 0px;
	margin: 0px;
	height: 12px;
	width: 635px;
}

.moji_history {
	padding: 0px;
	margin: 0px 0px 0px 12px;
	height: auto;
	width: 613px;
	color: #393a3c;
	font-size: 93%;
	line-height: 140%;
	overflow: hidden;
}

.year {
	padding: 0px;
	margin: 0px;
	height: auto;
	width: 50px;
	display: inline;
	float: left;
}

.month {
	padding: 0px;
	margin: 0px;
	height: auto;
	width: 55px;
	display: inline;
	float: left;
}

.event {
	padding: 0px;
	margin: 0px;
	height: auto;
	width: 470px;
	display: inline;
	float: right;
}

/*---------------------------------------------------- */
/* access */
/*---------------------------------------------------- */
.access_box {
	padding: 12px 0px 12px 0px;
	margin: 0px auto 16px auto;
	height: auto;
	width: 658px;
	border: 1px solid #C1BDBB;
}

.photo_googlemap {
	padding: 0;
	margin: 0px auto 12px auto;
	height: auto;
	width: 634px;
	overflow: hidden;
}

.moji_access {
	padding: 0px;
	margin: 0px 0px 0px 12px;
	height: auto;
	width: 634px;
	color: #393a3c;
	font-size: 13px;
	line-height: 140%;
	overflow: hidden;
}