/* CSS Document */
* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body{
	font-size:14px;
	color:#666666;
	background:#ffffcc url(../img/ecola_bg.gif) repeat;
	line-height:1.5em;
}

img {border: 0px;}

p { margin: 0px 0px 23px 0px;
}

/* LINK */
a:link {color: #663300;text-decoration: none;}
a:visited {color: #006600;text-decoration: none;}
a:hover {color: #CC6633;text-decoration: none;}
a:active {color	: #CC6633;text-decoration: none;}

h1,h2,h3{display:none}
.clear {clear: both;}

.mt_5 {margin: 5px 0px 0px 0px;}
.mt_10 {margin: 10px 0px 0px 0px;}
.mt_15 {margin: 15px 0px 0px 0px;}
.mt_20 {margin: 20px 0px 0px 0px;}
.mt_30 {margin: 30px 0px 0px 0px;}
.mt_45 {margin: 45px 0px 0px 0px;}
.mt_120 {margin: 120px 0px 0px 0px;}
.ml_5 {margin: 0px 0px 0px 5px;}
.mr_5 {margin: 0px 5px 0px 0px;}
.mr_10 {margin: 0px 10px 0px 0px;}
.mr_100 {margin: 0px 100px 0px 0px;}
.mb_5 {margin: 0px 0px 5px 0px;}
.mb_10 {margin: 0px 0px 10px 0px;}
.mb_20 {margin: 0px 0px 20px 0px;}
.mb_30 {margin: 0px 0px 30px 0px;}

.fnt_12 {font-size: 12px;line-height: 13px;margin: 10px 0px 0px 0px;}
.fnt_brown{color:#663300;}

#wrapper {
	width			: 880px;
	margin			: 0px auto;
}

#main {
	margin			: 0px 0px 0px 0px;
	padding			: 15px 15px 0px 15px;
	background		: url(../img/main_bg.gif) repeat;
	min-height		: 1em;
}

#main:after {
	content			: "";
	display			: block;
	clear			: both;
	height			: 1px;
	overflow		: hidden;
}


/*\*/
* html #main {
	height			: 1em;
	overflow		: visible;
}

#main {
	display			: block;
}
/**/

#content-l {
	width			: 590px;
	height			: auto;
	float			: left;
}

#content-r {
	width			: 260px;
	height			: auto;
	float			: right;
}


/* ヘッダ部分 */
#header{width:880px; height:270px; background:url(../photo/ecola_head.jpg) no-repeat; position:relative;}
#header a.url{width:880px; height:280px; display:block; position:absolute; left:0; top:0; z-index:100;}
#anamaga {width:85px;height:21px; position:absolute; left:780px; top:15px; z-index:200;}


/* 左　メイン */
ol {
	margin: 23px 0px 23px 0px;
}
ol li {
	margin: 0px 0px 0px 2.5em;
}

#container {
	width			: 580px;
	margin			: 0px 0px 0px 0px;
	background		: #ffffff url(../img/border_bg.gif) repeat-y;
	

}

#container #column {
	min-height		: 900px;
	padding			: 0px 15px 30px 15px;
	color			: #333333;
	font-size		: 14px;
	line-height		: 23px;
	text-align		: left;
	background		: url(../img/title.gif) no-repeat top left;
}

#title {
	height			: 68px;
	padding			: 24px 0px 0px 25px;
	color			: #cc3300;
	font-size		: 130%;
	font-weight		: bold;
	position		: relative;
}

#title_s {
	height			: 68px;
	padding			: 24px 0px 0px 25px;
	color			: #663300;
	font-size		: 110%;
	font-weight		: bold;
	position		: relative;
}

#title #date {
	font-size		: 80%;
	position		: absolute;right:0px;
}
#title_s #date {
	font-size		: 80%;
	position		: absolute;right:0px;
}

.photo_r {
	float			: right;
	margin			: 0px 0px 10px 10px;
}

.photo_l {
	float			: left;
	margin			: 0px 10px 10px 0px;
}

.photo_r .photo_l .backtotop:after {
	content			: "";
	display			: block;
	clear			: both;
	height			: 1px;
	overflow		: hidden;
}

.center {
	width			: 100%;
	text-align		:center;
	margin			:0px auto;
}


/*\*/
* html .photo_r .photo_l .backtotop {
	height			: 1em;
	overflow		: visible;
}

.photo_r .photo_l .backtotop {
	display			: block;
}
/**/

.interview{
	float:left;
	margin:0px auto 1em auto;
	display:inline;
}

/*\*/
* html .interview {
	height			: 1em;
	overflow		: visible;
}

.interview {
	display			: block;
}
/**/

.prof_tbl{
	border-collapse:collapse;
	border:1px solid #a9d301;
	clear:both;
	margin: 20px 0px 0px 0px;	
}

.prof_tbl th{
	font-size:14px;
	color:#FFFFFF;
	background:#a9d301;
	font-weight:bold;
	padding:1px 4px;
	text-align:left;	
}

.prof_tbl td{
	background:#fffff1;
	font-size: 14px;
	color: #8f8f8f;
	line-height: 23px;
	padding:1px 4px;
}

.fnt_bld {
	font-weight: bold;
}

/*column_21*/

a.kasai{
	display: block;
    width:265px;
    height:200px;
    margin: 0px 10px 10px 0px;
    float:left;
    text-indent:-9999px;
    background-image:url(../photo/21_05.jpg);
    }
a:hover.kasai{display: block;
    width:265px;
    height:200px;
    margin: 0px 10px 10px 0px;
    float:left;
    text-indent:-9999px;
    background-position:0px -199px;}


a.aoshima{display: block;
    width:265px;
    height:200px;
    margin: 0px 0px 10px 10px;
    float:right;
    text-indent:-9999px;
    background-image:url(../photo/21_06.jpg);
    }
a:hover.aoshima{display: block;
    width:265px;
    height:200px;
    margin: 0px 0px 10px 10px;
    float:right;
    text-indent:-9999px;
    background-position:0px -199px;}


a.kobata{display: block;
    width:265px;
    height:200px;
    margin: 0px 10px 10px 0px;
    float:left;
    text-indent:-9999px;
    background-image:url(../photo/21_07.jpg);
    }
a:hover.kobata{display: block;
    width:265px;
    height:200px;
    margin: 0px 10px 10px 0px;
    float:left;
    text-indent:-9999px;
    background-position:0px -199px;}

a.umezu{display: block;
    width:265px;
    height:200px;
    margin: 0px 0px 10px 10px;
    float:right;
    text-indent:-9999px;
    background-image:url(../photo/21_08.jpg);
    }
a:hover.umezu{display: block;
    width:265px;
    height:200px;
    margin: 0px 0px 10px 10px;
    float:right;
    text-indent:-9999px;
    background-position:0px -199px;}
    
a.matsuon{display: block;
    width:265px;
    height:200px;
    margin: 0px 10px 10px 0px;
    float:left;
    text-indent:-9999px;
    background-image:url(../photo/21_09.jpg);
    }
a:hover.matsuon{display: block;
    width:265px;
    height:200px;
    margin: 0px 10px 10px 0px;
    float:left;
    text-indent:-9999px;
    background-position:0px -199px;}


a.kawano{display: block;
    width:265px;
    height:200px;
    margin: 0px 0px 10px 10px;
    float:right;
    text-indent:-9999px;
    background-image:url(../photo/21_10.jpg);
    }
a:hover.kawano{display: block;
    width:265px;
    height:200px;
    margin: 0px 0px 10px 10px;
    float:right;
    text-indent:-9999px;
    background-position:0px -199px;}

a.shimada{display: block;
    width:265px;
    height:200px;
    margin: 0px 10px 10px 0px;
    float:left;
    text-indent:-9999px;
    background-image:url(../photo/21_11.jpg);
    }
a:hover.shimada{display: block;
    width:265px;
    height:200px;
    margin: 0px 10px 10px 0px;
    float:left;
    text-indent:-9999px;
    background-position:0px -199px;}

a.yamamoto{display: block;
    width:265px;
    height:200px;
    margin: 0px 0px 10px 10px;
    float:right;
    text-indent:-9999px;
    background-image:url(../photo/21_12.jpg);
    }
a:hover.yamamoto{display: block;
    width:265px;
    height:200px;
    margin: 0px 0px 10px 10px;
    float:right;
    text-indent:-9999px;
    background-position:0px -199px;}

a.abe{display: block;
    width:265px;
    height:200px;
    margin: 0px 10px 10px 0px;
    float:left;
    text-indent:-9999px;
    float:left;
    background-image:url(../photo/21_13.jpg);
    }
a:hover.abe{display: block;
    width:265px;
    height:200px;
    margin: 0px 10px 10px 0px;
    float:left;
    text-indent:-9999px;
    background-position:0px -199px;}

a.matsuom{display: block;
    width:265px;
    height:200px;
    margin: 0px 0px 10px 10px;
    float:right;
    text-indent:-9999px;
    background-image:url(../photo/21_14.jpg);
    }
a:hover.matsuom{display: block;
    width:265px;
    height:200px;
    margin: 0px 0px 10px 10px;
    float:right;
    text-indent:-9999px;
    background-position:0px -199px;}
/* /column_21 */

/* column_22 */
.list22_01 {padding:8px 0;}
.list22_01 li{list-style-type:disc;margin-left:12px;padding:2px 0;}
.list22_02 li{list-style-type:decimal;margin-left:18px;padding:2px 0;}
/* /column_22 */

.img_hr{
	clear:both;
	display:block;
	height:3px;
	background:url("../img/line.gif") no-repeat left top;
	border:none;
	margin:12px 0px;
}

.next {
	margin			: 60px 0px 10px 0px;
	text-align		: center;
}

.backtotop {
	float			: right;
	margin			: 0px 0px 0px 0px;
}

.backtotop a {
	width			: 40px;
	height			: 13px;
	display			: block;
	background		: url(../img/top.gif);
}

/* 右　メニュー */
#menu-wrapper {
	width			: 260px;
	padding			: 0px 0px 0px 5px;
}

.menu_list li {
	list-style		: none;
	padding-left	: 1em;
	text-indent		: -1em;
}

.back_number {
	margin			: 10px 0px 0px 0px;
	font-size		: 80%;
}

.pulldown {
	display			: none;
	margin			: 0px 0px 15px 0px;
}

.pulldown li {
	max-width		: 220px;
	white-space		: nowrap;
	overflow		: hidden;
	list-style		: none;
	font-size		: 90%;
	margin			: 0px 0px 0px 1em;
}


/* プロフィール */
#profile {
	margin			: 80px  0px  0px  0px;
}

#profile #top {
	padding			: 65px 10px 10px 10px;
	background		: url(../photo/profile_top.jpg) no-repeat;
	font-size		: 13px;
	color			: #993300;
}


#profile #name {
	font-weight		: bold;
	font-size		: 15px;
}


.fnt_s {
	font-size		: 80%;
}

/* 最近の記事 */
#recententries {
	margin			: 0px  0px  0px  0px;
}
#recententries #top {
	padding			: 95px 10px 10px 10px;
	background		: url(../img/recententries_top.png) top center no-repeat;
	font-size		: 13px;
	color			: #993300;
}


/* メッセージ */
#message {
	margin			: 25px  0px  0px  0px;
}

#message #top {
	padding			: 95px 10px 10px 10px;
	background		: url(../img/message_top.png) top center no-repeat;
	font-size		: 13px;
	color			: #993300;
}


/* メッセージを送る */
#send_message {
	margin			: 25px  0px  0px  0px;
}



/* footer */

#footer {
	width			: 880px;
	height			: 65px;
	background		: url(../img/footer.gif) no-repeat;
	margin			: 0px 0px 0px 0px;
	padding			: 90px 0px 0px 0px;
	font-size		: 10px;
	color			: #ffffff;
	line-height		: 1.5em;
	font-weight		: bold;
	text-align		: center;
	overflow-y	: hidden;
}

#footer a:link {color: #ffffff;text-decoration: none;}
#footer a:visited {color: #ffffff;text-decoration: none;}
#footer a:hover {color: #663300;text-decoration: none;}
#footer a:active {color	: #663300;text-decoration: none;}


/* 左　メッセージ */
#container #msg {
	min-height		: 900px;
	padding			: 0px 15px 30px 15px;
	color			: #333333;
	font-size		: 14px;
	line-height		: 23px;
	text-align		: left;
	background		: url(../img/title_msg.gif) no-repeat top left;
}

.message {
	background		: url(../img/msg_bg.gif) no-repeat top left;
	padding			: 23px 15px 23px 15px;
	margin			: 0px 0px 23px 0px;
}

.from {
	padding			: 0px 0px 23px 43px;
	color			: #993300;
	font-weight		: bold;
}

.reply {
	padding			: 0px 15px 0px 15px;
	margin			: 0px 0px 0px 0px;
}

.hr {
	height			: 46px;
	margin			: 0px 0px 0px 0px;
	display			: block;
	background		: url(../img/hr_msg.gif);
}