/* Updated 2015/02/17,D */
/* Updated 2010/xx/xx,E */
/* Updated 2007/01/12,E*/

	@import "/common_css/default_wide.css";
	@import "/common_css/component_wide.css";
	@import "/hojin/css/component_hojin.css";
	@import "/hojin/eb/web21/css/eb_web21_Comp.css";

#contents div.topAreaWeb21 {
	margin-bottom: 0px;
	padding: 0;
	width: 540px;
}

#contents div.creative_link {
	background:url(/hojin/eb/web21/image_uniq/bg_index_01.jpg) no-repeat 0 0;
	padding:7px 0 8px;
	margin-bottom:10px;
	width:540px;
}

#contents div.creative_link img {
	vertical-align:top;
}

#contents div.creative_link dl {
	width:540px;
	line-height:normal;
	font-size:0;
}

#contents div.creative_link dt {
	padding:0 0 0 12px;
	width:252px !important;
	width /**/:264px;
	float:left;
}

#contents div.creative_link dd {
	padding:0 0 0 267px;
	margin-bottom:9px;
}


#contents .web21Box {
	background: url(/hojin/eb/web21/image_uniq/bg_sepa_box.gif) left bottom no-repeat;
	padding-bottom: 150px;
	position: relative;
	width: 540px;
	margin-bottom:10px;
}

/* only Mac IE 5 \*//*/
#contents div.web21Box {	height:18em;}
/* */ 

#contents .web21Box .paragraph {
	font-weight: bold;
	padding-bottom: 15px;
}

#contents .web21Box .button {
	bottom: 30px;
	position: absolute;
	width: 260px;
	text-align:center;
	padding:0;
}

#contents .web21Box .button2 {
	bottom: 90px;
	position: absolute;
	width: 260px;
	text-align:center;
	padding:0;
}

#contents .web21Debut {
	float: left;
	width: 265px;
}

#contents .web21Stanex {
	float: right;
	width: 265px;
}

#contents .web21Inner {
	margin-left: 13px;
	padding-bottom: 15px;
	width: 234px;
}

#contents .web21Box h3 {
	font-size: 0;
	line-height: 100%;
	margin-bottom: 15px;
	padding: 0;
}

#contents .web21Hikaku {
	background: url(/hojin/eb/web21/image_uniq/bg_fullbox_btm.gif) left bottom no-repeat;
	margin-bottom: 10px;
	padding-bottom: 19px;
	width: 540px;
}

#contents .web21HikakuInner {
	background: url(/hojin/eb/web21/image_uniq/bg_fullbox_top.gif) left top no-repeat;
	padding-top: 5px;
	width: 540px;
}

#contents .web21HikakuL {
	float: left;
	width: 300px;
	position:relative;
}

#contents .web21HikakuR {
	float: right;
	padding-top: 8px;
	width: 239px;
}

#contents .web21HikakuL img {
	position:absolute;
	left:13px;
}

#contents .web21HikakuL p {
	margin:20px 0 0 68px;
}

#contents .web21Option {
	background: url(/hojin/eb/web21/image_uniq/bg_fullbox_btm.gif) left bottom no-repeat;
	margin-bottom: 10px;
	padding-bottom: 15px;
	width: 540px;
}

#contents .web21Option h3 {
	font-size: 0;
	line-height: 100%;
	margin-bottom: 22px;
	padding: 0;
}

#contents .web21Option h4 {
	line-height: 150%;
	margin-bottom: 21px;
}

#contents .optionSepa {
	background: url(/hojin/eb/web21/image_uniq/bg_sepa_dott.gif) left top repeat-y;
	margin-left: 15px;
	width: 512px;
}

#contents .web21Mail {
	float: left;
	width: 238px;
}

#contents .web21Mail .image {
	float: left;
	width: 85px;
}

#contents .web21Mail .optionTxt {
	float: left;
	width: 150px;
}

#contents .web21Mobile {
	float: right;
	width: 238px;
}

#contents .web21Mobile .image {
	float: left;
	width: 73px;
}

#contents .web21Mobile .optionTxt {
	float: left;
	width: 163px;
}

#contents .web21Option .button {
	clear: both;
	text-align: center;
	padding: 12px 0 0 0;
}
