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

#philosophy #contents,
#philosophy #wrapper{
	width:760px;}
#philosophy #right{
	width:520px;}
#philosophy h2{
	height: 30px;
	width: 520px;
	margin-top: 2px;
}
#philosophy a{
	text-decoration: underline;
	color: #555555;
}
#philosophy a:hover{
	text-decoration: none;
}

#philosophy #pr a,
#philosophy #profile a{
	text-decoration: none;
	color: #0f5ca8;
}

#philosophy #profile a:hover{color: #cccccc;}
#philosophy #pr a:hover{
	color: #999999;
}

/*-----------------------------------------------------------------------私の哲学 */
#sub-top{
	height: 190px;
	background-image: url(../images/phil_suga.gif);
}
#sub-00{height: 50px;background-position: -190px -190px;}
#sub-01{height: 30px;background-position: -190px -240px;}
#sub-02{height: 30px;background-position: -190px -270px;}
#sub-03{height: 30px;background-position: -190px -300px;}
#sub-04{height: 30px;background-position: -190px -330px;}
#sub-05{height: 30px;background-position: -190px -360px;}
#sub-06{height: 30px;background-position: -190px -390px;}
#sub-07{height: 30px;background-position: -190px -420px;}
#sub-08{height: 30px;background-position: -190px -450px;}
#sub-09{height: 30px;background-position: -190px -480px;}
#sub-10{height: 30px;background-position: -190px -510px;}

#sub-top a{height: 190px;background-position: 0px 0px;}
#sub-00 a{height: 50px;background-position: 0px -190px;}
#sub-01 a{height: 30px;background-position: 0px -240px;}
#sub-02 a{height: 30px;background-position: 0px -270px;}
#sub-03 a{height: 30px;background-position: 0px -300px;}
#sub-04 a{height: 30px;background-position: 0px -330px;}
#sub-05 a{height: 30px;background-position: 0px -360px;}
#sub-06 a{height: 30px;background-position: 0px -390px;}
#sub-07 a{height: 30px;background-position: 0px -420px;}
#sub-08 a{height: 30px;background-position: 0px -450px;}
#sub-09 a{height: 30px;background-position: 0px -480px;}
#sub-10 a{height: 30px;background-position: 0px -510px;}

#sub-top a:hover{height: 190px;background-position: -380px 0px;}
#sub-00 a:hover{height: 50px;background-position: -380px -190px;}
#sub-01 a:hover{height: 30px;background-position: -380px -240px;}
#sub-02 a:hover{height: 30px;background-position: -380px -270px;}
#sub-03 a:hover{height: 30px;background-position: -380px -300px;}
#sub-04 a:hover{height: 30px;background-position: -380px -330px;}
#sub-05 a:hover{height: 30px;background-position: -380px -360px;}
#sub-06 a:hover{height: 30px;background-position: -380px -390px;}
#sub-07 a:hover{height: 30px;background-position: -380px -420px;}
#sub-08 a:hover{height: 30px;background-position: -380px -450px;}
#sub-09 a:hover{height: 30px;background-position: -380px -480px;}
#sub-10 a:hover{height: 30px;background-position: -380px -510px;}


#philosophy h2{
	text-indent: 0px;
}
#philosophy h3{
	float: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
#philosophy h4{
	font-size: 0.9em;
	font-weight: bold;
	color: #555555;
	clear: both;
	padding-top: 8px;
	padding-bottom: 4px;
}
#philosophy #left ul{
	width: 190px;
	float: left;
}

.suga #left .submenu li ,
.suga #left .submenu li a{background-image: url(../images/phil_suga.gif);}
.agawa #left .submenu li ,
.agawa #left .submenu li a{background-image: url(../images/phil_agawa.gif);}
.uchida #left .submenu li ,
.uchida #left .submenu li a{background-image: url(../images/phil_uchida.gif);}
.matsuda #left .submenu li ,
.matsuda #left .submenu li a{background-image: url(../images/phil_matsuda.gif);}
.sasada #left .submenu li ,
.sasada #left .submenu li a{background-image: url(../images/phil_sasada.gif);}
.kage #left .submenu li ,
.kage #left .submenu li a{background-image: url(../images/phil_kage.gif);}
.hasegawa #left .submenu li ,
.hasegawa #left .submenu li a{background-image: url(../images/phil_hasegawa.gif);}

#philosophy #left li{
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 190px;
	text-indent: -9999px;
}
#philosophy #left li a{
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	width: 190px;
	float: left;
}
#philosophy #left li a:hover{
}

#philosophy #left #phil-top,
#philosophy #left #phil-top a{
	height: 30px;
	background-image: url(../images/backnumber.gif);
	background-repeat: no-repeat;
}

#pr dl{
	display: block;
	clear: both;
	float: left;
	width: 488px;
}
#pr dt{
	float: left;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 64px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 6px;
}
#pr dd{
	display: block;
	float: left;
	width: 418px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	clear: none;
}

#philosophy p{
	line-height: 1.4em;
	margin-bottom: 0.8em;
}
#philosophy .sugi{
	color: #5a3229;
}
#philosophy .sugi a{
	color: #713421;
}



/*-----------------------------------------------------------------------私の哲学 END*/


.suga #right #pager{width: 220px;}
.agawa #right #pager{width: 260px;}
.uchida #right #pager,
.sasada #right #pager{width: 260px;}
.kage #right #pager,
.matsuda #right #pager{width: 220px;}
.hasegawa #right #pager{width: 180px;}

#right #pager{
	height: 18px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	text-align: center;
	float: none;
	clear: both;
}

#right #pager ul{
	display: block;
	float: left;
	width: 45px;
}
#right #pager ul li{
	float: left;
	height: 18px;
	width: 45px;
	background-image: url(../images/pager.gif);

}
#right #pager ul li a{
	float: left;
	height: 18px;
	width: 45px;
	background-image: url(../images/pager.gif);
	text-indent: -9999px;
}
#right #pager ol{
	list-style-type: none;
	display: block;
	height: 18px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: auto;
}
#right #pager ol li{
	float: left;
	height: 18px;
	width: 18px;
	display: block;
	background-image: url(../images/pagenumber.gif);
	text-indent: -9999px;
}
#right #pager ol li a{
	float: left;
	height: 18px;
	width: 18px;
	display: block;
	background-image: url(../images/pagenumber.gif);
	text-indent: -9999px;
}
#right .page-01{background-position: 0px 0px;}
#right .page-02{background-position: -18px 0px;}
#right .page-03{background-position: -36px 0px;}
#right .page-04{background-position: -54px 0px;}
#right .page-05{background-position: -72px 0px;}
#right .page-06{background-position: -90px 0px;}
#right .page-07{background-position: -108px 0px;}
#right .page-08{background-position: -126px 0px;}
#right .page-09{background-position: -144px 0px;}

#right .page-01 a{background-position: 0px -18px;}
#right .page-02 a{background-position: -18px -18px;}
#right .page-03 a{background-position: -36px -18px;}
#right .page-04 a{background-position: -54px -18px;}
#right .page-05 a{background-position: -72px -18px;}
#right .page-06 a{background-position: -90px -18px;}
#right .page-07 a{background-position: -108px -18px;}
#right .page-08 a{background-position: -126px -18px;}
#right .page-09 a{background-position: -144px -18px;}

#right .page-01 a:hover{background-position: 0px -36px;}
#right .page-02 a:hover{background-position: -18px -36px;}
#right .page-03 a:hover{background-position: -36px -36px;}
#right .page-04 a:hover{background-position: -54px -36px;}
#right .page-05 a:hover{background-position: -72px -36px;}
#right .page-06 a:hover{background-position: -90px -36px;}
#right .page-07 a:hover{background-position: -108px -36px;}
#right .page-08 a:hover{background-position: -126px -36px;}
#right .page-09 a:hover{background-position: -144px -36px;}
#right .prev{
	background-position: 0px -36px;
	text-indent: -9999px;
}
#right .prev a{
	background-position: 0px 0px;
}
#right .prev a:hover {background-position: 0px -18px;}
#right .next {
	background-position: -45px -36px;
	text-indent: -9999px;
}
#right .next a{
	background-position: -45px 0px;
}
#right .next a:hover {background-position: -45px -18px;}

#feedback{
	clear: both;
	margin-top: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDDDDD;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	width: 520px;
	float: left;
}
#feedback p{
	margin: 0px;
	padding: 0px;
	display: block;
	line-height: 1.4;
}
#feedback div.copy{
	width: 240px;
	line-height: 1.2em;
	margin-top: 5px;
	clear: none;
	float: right;
	text-align: right;
}
#feedback h6{
	clear: left;
	display: block;
	width: 240px;
	text-align: center;
	float: left;
	color: #999999;
}
.matsuda #feedback h6{text-align: left;}
#pr{
	padding-top: 5px;
	padding-right: 15px;
	_padding-right: 13px;
	padding-bottom: 8px;
	padding-left: 15px;
	margin-bottom: 20px;
	clear: both;
	width: 488px;
	_width: 486px;
	border: 1px solid #DDDDDD;
	display: block;
	float: left;
}
#pr p{
	margin: 0px;
	padding: 0px;
}
#pr ul,#profile ul{
	display: block;
	float: left;
	width: 490px;
}
#pr li,#profile li{
	background-image: url(../images/list.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 8px;
	clear: both;
	float: left;
	width: 482px;
	display: block;
}
#pr h3{
	display: block;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#pr strong{

}
/*---------------------------------------------------------------------- */
#purpose{
	margin-bottom: 30px;
	padding-bottom: 0px;
	float: left;
	width: 520px;
	text-align: center;
	padding-top: 30px;
}
#purpose p{
	text-align: center;

}
#purpose div{
	width: 14em;
	text-align: left;
	float: right;
}
#guest{
	clear: both;
	float: left;
	width: 518px;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-left-color: #DDDDDD;
}
#guest a{
	color: #686B6F;
	text-decoration: none;
}
#guest a:hover{
	
}
#guest div{
}
#guest ul{
	width: 520px;
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	display: block;
}
#guest li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	padding: 8px;
	float: left;
	width: 502px;
	display: block;
}
#guest p{
	margin: 0px;
	padding: 0px;
	line-height: 1.25em;
	display: block;
	float: left;
	width: 406px;
}
#guest h4{
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	width: 408px;
	margin-bottom: 8px;
	clear: none;
	font-size: 13px;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#guest img{
	float: left;
	margin-right: 10px;
}


.philindex{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	float: left;
	margin: 0px;
	padding: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 10px;

}
.underline{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	float: left;
	height: 5px;
	width: 520px;
}
#profile{
	padding: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
	clear: both;
	float: left;
}
#profile h3{
	font-size: 16px;
}
#profile h4{
	font-weight: bold;
	padding-left: 6px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #686B6F;
	float: left;
	line-height: 1em;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 285px;
	display: block;
	clear: right;
}
#profile h5{}
#profile p{
	margin: 0px;
}
#profile dl{
	float: left;
	width: 291px;
	display: block;
	margin-bottom: 20px;
	padding-top: 8px;
}
#profile dt{
	font-weight: bold;
	color: #444444;
	line-height: 1em;
	height: 14px;
	width: auto;
	font-size: 11px;
	background-image: none;
	padding: 0px;
}
#profile dd{
	width: 287px;
	float: left;
	display: block;
	text-align: center;
	padding: 0px;
	font-size: 16px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	font-weight: bold;
}
.clear{
	clear: left;
}
#philosophy #right img {
	padding: 1px;
	border: 1px solid #DDD;
	margin-bottom: 4px;
}
#philosophy #right img.noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#philosophy #right h2 img {
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.sasada #pr ul.works {
	list-style-type: none;
	background-image: none;
	width: 486px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.kage #pr ul.works {
	padding-top: 15px;
}
.sasada #pr ul.works li{
	background-image: none;
	display: inline;
	float: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.kage #pr ul.works li{
	background-image: none;
	display: inline;
	float: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.sasada #pr ul.works li img{
	margin-bottom: 4px;
}
.kage #right #pr ul.works li img{
	margin-bottom: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
}
#right #guest ul li a {
	background-image: none;
	padding-right: 0px;
}
#pr .works a {
	background-image: none;
	padding-right: 0px;
}
#profile .lead {
	font-weight: bold;
	color: #444444;
	font-size: 88%;
	padding-bottom: 4px;
}
#philosophy #right #purpose img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 30px;
}
.small{
	font-size: 0.8em;
}
.kage #award {
	background-image: url(../philosophy/006/img/golden.jpg);
	background-position: right 40px;
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 20px;
	float: left;
	width: 490px;
}
.youtube object {
	display: inline;
	float: left;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
}

.youtube {
	clear: both;
	float: left;
	width: 518px;
	_width: 516px;
	_padding-top:2px;
	_padding-left:2px;
	border: 1px solid #dddddd;
}
*:first-child+html .youtube {
	clear: both;
	float: left;
	width: 516px;
	padding-top:2px;
	padding-left:2px;
	border: 1px solid #dddddd;
}

.kage #feedback .img-left {
}
.matsuda #feedback .img-left {
	text-align: left;
}