@charset "UTF-8";


/*------------------------------------------------------------------------------
concept
------------------------------------------------------------------------------*/

.header h2 {
	background-image: url(../img/about/title.gif);
	display: block;
	height: 151px;
	width: 52px;
	text-indent: -9999px;
	float: right;
	margin-left: 73px;
}
.header p {
	background-image: url(../img/about/sub.gif);
	display: block;
	height: 41px;
	width: 300px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom: 29px;
}
.meaning {
	background-image: url(../img/about/about.gif);
	display: block;
	height: 500px;
	width: 629px;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.menu ul .menu_2 a {
	background-image: url(../img/menu/about_on.gif);
	text-indent: -9999px;
	height: 18px;
	width: 58px;
	display: block;;
}

.header .concept a {
	background-image: url(../img/about/concept_off.gif);
	text-indent: -9999px;
	height: 41px;
	width: 110px;
	display: block;
}
.header .concept a:hover {
	background-image: url(../img/about/concept_on.gif);
}

/*------------------------------------------------------------------------------
scrol
------------------------------------------------------------------------------*/

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 272px;
	height: 250px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../img/about/scrol_back.gif);
	background-position: 280px top;
	background-repeat: no-repeat;
}





/*  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;
}

.vscrollerbase {
width:3px;/* バーの幅 */
}
.vscrollerbar {
	background-image: url(scrollbar.png);
	width: 3px;/* バーの幅 */
	height: 46px !important;/* 　バーの高さ　*/
	background-image: url(../img/about/scrol.gif);/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../img/about/scrol.gif');
background-image: none;
}


.header .profile a {
	background-image: url(../img/about/profile_on.gif);
	text-indent: -9999px;
	height: 41px;
	width: 124px;
	display: block;
}
.okura,.yokomizo,.suda {
	float: left;
	width: 300px;
}
#content_profile {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 540px;
}
.photo {
	padding-bottom: 15px;
}
.okura h3 {
	background-image: url(../img/about/okura/name.png);
	text-indent: -9999px;
	height: 45px;
	width: 264px;
}
.okura p {
	background-image: url(../img/about/okura/job.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 37px;
	width: 264px;
	padding-bottom: 20px;
	text-indent: -9999px;
}
.okura #mycustomscroll .text1 {
	background-image: url(../img/about/okura/text1.gif);
	text-indent: -9999px;
	height: 875px;
	width: 268px;
}
.okura #mycustomscroll .text2 {
	background-image: url(../img/about/okura/text2.gif);
	text-indent: -9999px;
	height: 115px;
	width: 268px;
}
.yokomizo h3 {
	background-image: url(../img/about/yokomizo/name.png);
	text-indent: -9999px;
	height: 45px;
	width: 264px;
}
.yokomizo p {
	background-image: url(../img/about/yokomizo/job.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 37px;
	width: 264px;
	padding-bottom: 20px;
	text-indent: -9999px;
}
.yokomizo #mycustomscroll .text1 {
	background-image: url(../img/about/yokomizo/text1.gif);
	text-indent: -9999px;
	height: 752px;
	width: 268px;
}
.yokomizo #mycustomscroll .text2 {
	background-image: url(../img/about/yokomizo/text2.gif);
	text-indent: -9999px;
	height: 99px;
	width: 268px;
}
.suda h3 {
	background-image: url(../img/about/suda/name.png);
	text-indent: -9999px;
	height: 45px;
	width: 264px;
}
.suda p {
	background-image: url(../img/about/suda/job.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 37px;
	width: 264px;
	padding-bottom: 20px;
	text-indent: -9999px;
}
.suda #mycustomscroll .text1 {
	background-image: url(../img/about/suda/text1.gif);
	text-indent: -9999px;
	height: 1087px;
	width: 268px;
}
.suda #mycustomscroll .text2 {
	background-image: url(../img/about/suda/text2.gif);
	text-indent: -9999px;
	height: 99px;
	width: 268px;
}