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

/*--------------------------------------------------------------

terracemate モデル紹介のみに使用するスタイルを記述
   
--------------------------------------------------------------*/
#terracemateMember {}

#terracemateMember .conBox {
    width: 840px;
	margin: 0 auto;
}

#terracemateMember .conBox h1 { margin-bottom: 50px; }

#terracemateMember .conBox .Lbox {
    float: left;
	width: 630px;
}

#terracemateMember .conBox .Rbox {
    float: right;
	width: 190px;
}

/**** テラスメイト紹介 ****/
#memberBox {
    background-color: #f6f2de;
	padding: 20px;
}

#memberBox h2.h2title {
    color: #978d5e;
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 10px;
}

#memberBox .box3column,
#memberBox .box2column,
#memberBox .box1column {
    width: 580px;
	padding: 5px;
}

#memberBox .box3column {
    background: url(/terracemate/member/001/img/bg_member_3column.gif) repeat-y 0 0;
}

#memberBox .box2column {
    background: url(/terracemate/member/001/img/bg_member_2column.gif) repeat-y 0 0;
}

#memberBox .box1column {
    background: url(/terracemate/member/001/img/bg_member_1column.gif) repeat-y 0 0;
}

.memberProfileLbox {
    float: left;
	width: 180px;
	margin-right: 20px;
}

.memberProfileCbox {
    float: left;
	width: 180px;
}

.memberProfileRbox {
    float: right;
	width: 180px;
}

.memberProfileLbox img,
.memberProfileCbox img,
.memberProfileRbox img {
    margin-bottom: 10px;
}

/* 1期 */
.memberProfileLbox .name,
.memberProfileCbox .name,
.memberProfileRbox .name {
    color: #f5829f;
    margin-bottom: 10px;
}

/* 2期 */
.memberProfileLbox .name02,
.memberProfileCbox .name02,
.memberProfileRbox .name02 {
    color: #6498e6;
    margin-bottom: 10px;
}

/* 3期 */
.memberProfilebox {
    width: 575px;
	background-color: #FFFFFF;
	padding: 5px 10px 5px 5px;
}

.memberProfilebox .photoBox {
    float: left;
	width: 180px;
	margin-right: 5px;
}

.memberProfilebox .txtBox {
    float: right;
	width: 200px;
	padding-top: 5px;
}

.memberProfilebox .name {
    color: #cb9f06;
	margin-bottom: 10px;
}

/* 5期 */
.memberProfilebox05 {
    width: 575px;
	background-color: #FFFFFF;
	padding: 5px 10px 5px 5px;
}

.memberProfilebox05 .photoBox {
    float: left;
	width: 270px;
	margin-right: 5px;
}

.memberProfilebox05 .txtBox {
    float: right;
	width: 290px;
	padding-top: 5px;
}

.memberProfilebox05 .name {
    color: #bd2e30;
	margin-bottom: 10px;
}

/* 6期 */
.memberProfileLbox .name06,
.memberProfileCbox .name06,
.memberProfileRbox .name06 {
    color: #E85298;
    margin-bottom: 10px;
}


/**** テキストリンク ****/
.linkTxt {
    background: url(/terracemate/member/common/img/arrow_pink.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
}

.linkTxt a:link { color: #c869b7; text-decoration: none; }
.linkTxt a:visited { color: #c869b7; text-decoration: none; }
.linkTxt a:hover { color: #f7c3ee; text-decoration: none; }
.linkTxt a:active { color: #f7c3ee; text-decoration: none; }

/**** ナビ ****/
.conNaviArea {
    background-color: #f1f1f1;
	padding: 10px;
	margin-bottom:10px;
}

/**** リストナビ ****/
#listNavi {
	background-color:#fbf5f0; border:solid 1px #CC6699;
	margin-bottom:20px;
}
	
#listNavi ul {
	list-style:none;
	
}

#listNavi ul li {
	background: url(/terracemate/member/common/img/arrow_pink.gif) no-repeat 15px 8px;
	border-bottom:dotted 1px #d06ab8;
	padding:5px 0 5px 30px;

}

#listNavi ul li a {
	color:#d06ab8;
	font-weight:bold;
}

#listNavi ul li a:hover {
	text-decoration: underline;
}
	


/*--------------------------------------------------------------

以下活動レポート
   
--------------------------------------------------------------*/

.TextPink { color:#e32d8f; }


/**** リストナビ（ご応募ください) ****/
#listNaviOffer {
	background:url(/terracemate/member/common/img/offer_back.gif) repeat;
	padding:17px 13px 17px 15px;
	color:#4d4d4d;
	margin-bottom:15px;
}

	
	
/**** リストナビ（活動レポート) ****/
#listNaviReport {
	background-color:#f3f9ed; border:solid 1px #0d872d;
	margin-bottom:20px;
}
	
#listNaviReport ul {
	list-style:none;
	
}

#listNaviReport ul li {
	background: url(/terracemate/member/common/img/arrow_green.gif) no-repeat 5px 8px;
	border-bottom:dotted 1px #0d872d;
	padding:5px 5px 5px 20px;

}

#listNaviReport ul li a {
	color:#0d872d;
	font-size: 90%;
}

#listNaviReport ul li a:hover {
	text-decoration: underline;
}
	
	
	
	
/**** スクリプト部 ****/
	
div#page {
            width: 630px;
            background-color: #fff;
            margin: 0;
            text-align: left;
            border:1px solid #ddd;
         }
div#page p {
            padding: 10px;
         }
div#page .underBorder {
			border-bottom: 1px #ddd solid;
			padding-bottom: 10px;
			margin-bottom: 10px;
         }
         div#container {
            width: 610px;
            padding: 10px;
         }
         div.content {
            display: none;
            float: right;
            width: 425px; 
         }
         div.content a, div.navigation a {
            text-decoration: none;
            color: #777;
         }
         div.content a:focus, div.content a:hover, div.content a:active {
            text-decoration: underline;
         }
         div.controls {
            margin-top: 5px;
            height: 23px;
         }
         div.controls a {
            padding: 5px;
         }
         div.ss-controls {
            float: left;
			padding-left: 40px
         }
         div.nav-controls {
            float: right;
         }
         div.slideshow-container {
            position: relative;
            clear: both;
            height: 420px; /* This should be set to be at least the height of the largest image in the slideshow */
         }
         div.loader {
            position: absolute;
            top: 0;
            left: 0;
            background-image: url('/terracemate/member/common/img/loader.gif');
            background-repeat: no-repeat;
            background-position: center;
            width: 420px;
            height: 420px; /* This should be set to be at least the height of the largest image in the slideshow */
         }
         div.slideshow {

         }
         div.slideshow span.image-wrapper {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
         }
         div.slideshow a.advance-link {
            display: block;
            width: 430px;
            height: 420px; /* This should be set to be at least the height of the largest image in the slideshow */
            line-height: 420px; /* This should be set to be at least the height of the largest image in the slideshow */
            text-align: center;
         }
         div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
            text-decoration: none;
         }
         div.slideshow img {
            vertical-align: middle;
            border: 1px solid #ccc;
         }
         div.caption-container {
            position: relative;
            clear: left;
         }
         span.image-caption {
            display: block;
            position: absolute;
            width: 410px;
            top: 0;
            left: 0;
         }
         div.caption {
            padding: 0 12px;
			float:right;
         }
         div.image-title {
            font-weight: bold;
            font-size: 1.4em;
         }
         div.image-desc {
            line-height: 1.3em;
            padding-top: 12px;
         }
         div.navigation {
            /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
         }
         ul.thumbs {
            clear: both;
            margin: 0;
            padding: 0;
         }
         ul.thumbs li {
            float: left;
            padding: 0;
            margin: 3px 6px 3px 0;
            list-style: none;
         }
         a.thumb {
            padding: 2px;
            width:75px; height:75px;
            display: block;
            border: 1px solid #ccc;
         }
         ul.thumbs li.selected a.thumb {
            background: #0d872d;
         }
         a.thumb:focus {
            outline: none;
         }
         ul.thumbs img {
            border: none;
            display: block;
         }
         div.pagination {
            clear: both;
         }
         div.navigation div.top {
            margin-bottom: 12px;
            height: 11px;
         }
         div.navigation div.bottom {
            margin-top: 12px;
         }
         div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
            display: block;
            float: left;
            margin-right: 2px;
            padding: 2px 4px 2px 4px;
            border: 1px solid #ccc;
         }
         div.pagination a:hover {
            background-color: #eee;
            text-decoration: none;
         }
         div.pagination span.current {
            font-weight: bold;
            background-color: #000;
            border-color: #000;
            color: #fff;
         }
         div.pagination span.ellipsis {
            border: none;
            padding: 5px 0 3px 2px;
         }