@charset "UTF-8";

/* memberページ共通CSS */

/*/////////////////////////////////////////////////////////////////////////////////////
//全体ラッパー
/////////////////////////////////////////////////////////////////////////////////////*/

#wrapAll { width:900px; }

/*/////////////////////////////////////////////////////////////////////////////////////
//ヘッダー
/////////////////////////////////////////////////////////////////////////////////////*/

#wrapHeader {
	position:relative;
	width:900px;
	height:94px;
}

#keyword_h1 {
	position:absolute;
	right:0;
	color:#999999;
	font-weight:normal;
}

#rogo a {
	position:absolute;
	top:0px;
	left:0px;
	width:349px;
	height:0;
	padding-top:79px;
	overflow:hidden;
	background:url(../img/common/rogo.gif) no-repeat;
}

#wrapHeader #seo_p{
color:#999999;
position:absolute;
	top:10px;
	left:220px;
}

#contactSumitomo a{
	position:absolute;
	top:18px;
	right:0px;
	width:293px;
	height:0;
	padding-top:28px;
	overflow:hidden;
	background:url(../img/common/contactSumitomo.gif) no-repeat;
}

.ie5 #contactSumitomo a{
	height:28px;
}

#b_en {
	position:absolute;
	top:14px;
	left:515px;
}

#wrapHeaderBtn {
	position:absolute;
	top:49px;
	right:0px;
}

#wrapHeaderBtn li{
	float:left;
}
#cnav {
overflow:hidden;
position:absolute;
right:0;
top:5px;
}
#cnav ul {
font-size:10px;
line-height:1.42;
}
#cnav ul li {
display:inline;
padding:0 0 0 10px;
}
#cnav ul li a {
background:transparent url(../img/common/arrow.gif) no-repeat scroll 0 0;
color:#999999;
padding-left:12px;
text-decoration:none;
}

/*/////////////////////////////////////////////////////////////////////////////////////
//ナビ
/////////////////////////////////////////////////////////////////////////////////////*/

#wrapNavi {
	width:900px;
	height:25px;
	margin:0 0 30px 0;
}

#wrapNavi li{
	float:left;
}


#globalNavi, #globalNavi ul{
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	width:900px; 
}

#globalNavi li{
	float:left;
	position:relative;
}

#globalNavi ul{
	width: 180px;
	display: none;
	position:absolute;
	top: 35px;
	left: 3px;
}

#globalNavi ul li a{
	width: 160px;
	display: block;
	background-color: #000;
	padding: 5px 10px;
	border-bottom: 1px dotted #909090;
	color: #fff;
	text-decoration: none;
}

#globalNavi ul li a:hover{
	background-color: #BFC0C0;
	color: #000;
}


#globalNavi ul li.grey{
	width: 160px;
	display: block;
	background-color: #000;
	padding: 5px 10px;
	border-bottom: 1px dotted #909090;
	color: #373737;
	text-decoration: none;
}

/*/////////////////////////////////////////////////////////////////////////////////////
//パンくず
/////////////////////////////////////////////////////////////////////////////////////*/

#wrap_pankuzu {
	width:900px;
	margin:0 0 15px 0;
}

.pankuzu_arrow {
	background:url(../img/common/pankuzu_arrow.gif) right 2px no-repeat;
	margin:0 10px 0 0;
	padding:0 14px 0 0;
}

#wrap_pankuzu ul li {
	float:left;
	color:#CCCCCC;
}

#wrap_pankuzu a {
	text-decoration:none;
	color:#CCCCCC;
}

#wrap_pankuzu a:hover{
	color:#FFFFCC;
	text-decoration:underline;
}

/*/////////////////////////////////////////////////////////////////////////////////////
//メイン
/////////////////////////////////////////////////////////////////////////////////////*/

#wrapMain {
	width:880px;
	margin:0 0 0 10px;
}

.mainUnderShadow {
	padding-bottom:20px;
	background:url(../img/common/mainUnderShadow.gif) 0 bottom no-repeat;
}

.shadowWhite {
	padding-bottom:20px;
	background:url(../img/common/shadowWhite.gif) 0 bottom no-repeat;
}

#goTop {
clear:both;
	display:block;
	margin:0 0 0 796px;
}

#wrapBlack {
	width:865px;
	background:#000000;
	padding:15px 0 15px 15px;
}

.bc {
	line-height:2;
	letter-spacing:0.2em;
	margin:0 0 27px 0;
}

.innerh {
	width:880px;
	height:0px;
	padding-top:24px;
	overflow:hidden;
	margin:0 0 20px 0;
}

.innerh2 {
	width:850px;
	height:0px;
	padding-top:24px;
	overflow:hidden;
	margin-bottom:20px;
}

.txtColor1 {
	color:#000000;
}

.wrapSegment p, .wrapSegment ul li {
	color:#CCCCCC;
}

.caption p {
	color:#666666;
}

/*/////////////////////////////////////////////////////////////////////////////////////
//ページタイトル
/////////////////////////////////////////////////////////////////////////////////////*/

#cHead {
	width:900px;
	height:0px;
	padding-top:42px;
	overflow:hidden;
	margin:0 0 15px 0;
}

/*/////////////////////////////////////////////////////////////////////////////////////
//リードコピー
/////////////////////////////////////////////////////////////////////////////////////*/

#rc, #rc2 {
	width:850px;
	height:0px;
	padding-top:22px;
	overflow:hidden;
	margin:0 0 24px 0;
}

/*/////////////////////////////////////////////////////////////////////////////////////
//フッター
/////////////////////////////////////////////////////////////////////////////////////*/

#wrapFooter {
	position:relative;
	width:900px;
	height:100%;
	margin:15px 0 0 0;
	background:url(../img/common/footerBack.jpg) no-repeat;
	border-bottom:#252525 solid 1px;
}

#wrapFooterBtn {
	position:relative;
	width:880px;
	margin:0 auto 0 auto;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:#4D4D4D solid 1px;
}

#wrapFooterBtn li{
	display:inline;
}

#wrapFooterBtn li a{
	line-height:1;
	display:block;
	float:left;
	margin-right:20px;
	padding-left:10px;
	background:url(../img/common/arrow.gif) center left no-repeat;
	text-decoration:none;
}

#wrapFooterBtn li a:hover{
	color:#FFFFCC;
	text-decoration:underline;
}

#wrapFooterNavi {
	position:relative;
	width:880px;
	margin:0 auto 8px auto;
}

#wrapFooterNavi li{
	display:inline;
	font-size: 80%;
	letter-spacing:0;
}

#wrapFooterNavi li a{
	color:#999999;
	display:block;
	float:left;
	text-decoration:underline;
}



#wrapCr {
	position:relative;
	width:900px;
	height:53px;
}

#cr {
	position:absolute;
	top:10px;
	right:0px;
	color:#666666;
}

#sumitomorogo {
	position:absolute;
	left:0;
	top:10px;
}

#footerText {
	line-height:1;
	position:absolute;
	top:10px;
	right:0;
}

#footerText a {
	color:#FFFFCC;
	font-weight:bold;
	text-decoration:none;
}

#footerText a:hover {
	text-decoration:underline;
}

/*/////////////////////////////////////////////////////////////////////////////////////
//thickbox用
/////////////////////////////////////////////////////////////////////////////////////*/

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border:none;
	text-align:left;
	top:50%;
	left:50%;
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right:none;
	border-bottom:none;
	border-top:none;
	border-left:none;
}
#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:none;
}

#TB_closeWindow{
	height:27px;
	width:80px;
	margin:0 auto 15px auto;
	padding:0;
	float:none;
	background-color:#CCCCCC;
}

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

   floating banner

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

#flt-bnr{
position: fixed;
right: 20px;
bottom: 60px;
width:166px;
height:70px;
text-align:left;
/* position:relative; */
}



#flt-bg{
padding: 3px;
display:block;
/* position:absolute; */
/* top:0; */
width:160px;
height:100px;
background:url(../img/common/flt_bnr_bg.gif);
z-index:0;
filter: alpha(opacity=80);
opacity:0.8;
MozOpacity:0.8;
zoom:1;
}


#bt-contaner{
border:solid 1px #524000;
/* position:absolute; */
width:158px;
height:98px;
z-index:2;
}


#flt-bt-01{
/* top:18px;
left:12px; */
width:135px;
height:36px;
margin:0 0 2px 12px;
/* position:absolute; */
z-index:3;
}

#flt-bt-02{
/* top:56px;
left:12px; */
width:135px;
height:36px;
margin:0 0 2px 12px;
/* position:absolute; */
z-index:3;
}

#flt-close{
/* top:3px;
right:3px;
position:absolute; */
padding: 3px;
cursor:pointer;
z-index:5;
text-align: right;
}
#flt-close img{
vertical-align: baseline;
}

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

   visitor button

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

div#wrapAll p#bt-visitor{
position:absolute;
top:17px;
left:406px;
}




#bt-visitor{
padding-top:10px;
}