/*======================================

     Global Setting OverRide

=======================================*/
body{
	background-color: #fff;
	background-image: url(/common/layout/bg_contents_elgolazo.gif);
	background-repeat: repeat-x;
	padding-top: 0;
}
#container{
	background-image: none;
}
#contents{
	background-image: url(/common/layout/bg_contents_elgolazo.gif);
	background-color: #fff;
}
#genre #leftBox{
	margin-top: 10px;
}
#genre #leftBox div{
	width: auto;
	background-image: none;
}
#genre #rightBox{
	position: relative;
	margin-top: 0;
}
/*======================================

     Icons

=======================================*/
div.commonIconNew{
	float: left;
	width: 26px;
	height: 0 !important;
	height /**/	: 13px;
	padding-top: 13px;
	margin: 3px 2px 0;
	overflow: hidden;
	outline:none;
	background: transparent url(/common/icon/arrival_mini.gif) left top no-repeat;
}
div.commonIcon50p{
	float: left;
	width: 42px;
	height: 0 !important;
	height /**/	: 13px;
	padding-top: 13px;
	margin: 3px 2px 0;
	overflow: hidden;
	outline:none;
	background: transparent url(/common/icon/50p_mini.gif) left top no-repeat;
}
div.commonIconHit{
	float: left;
	width: 30px;
	height: 0 !important;
	height /**/	: 13px;
	padding-top: 13px;
	margin: 3px 2px 0;
	overflow: hidden;
	outline:none;
	background: transparent url(/common/icon/hit_mini.gif) left top no-repeat;
}
/*======================================

     Left Caution

=======================================*/
div#elgolazoLeft div#leftCaution{
	width: 199px;
}
div#elgolazoLeft div#leftCaution h5{
	height: 0 !important;
	height /**/	: 30px;
	padding-top: 30px;
	overflow: hidden;
	outline: none;
	background: transparent url(/etc/elgolazo/caution_narrow_box.gif) left top no-repeat;
}
div#elgolazoLeft div#leftCaution p{
	padding: 8px 12px 10px;
	font-size: 10px;
	line-height: 14px;
	background: transparent url(/etc/elgolazo/caution_narrow_box.gif) left bottom no-repeat;
}
div#elgolazoLeft div#leftCaution p span.imp{
	font-size: 10px;
	color: #ff0000;
}
div#elgolazoLeft div#leftCaution ul{
	width: 197px;
	border: solid 1px #ccc;
	border-top: none;
	padding: 10px 0 8px;
	background: transparent url(/etc/elgolazo/caution_narrow_grad.gif) 2px bottom no-repeat;
}
div#elgolazoLeft div#leftCaution ul li{
	padding: 0 0 5px 15px;
}
div#elgolazoLeft div#leftCaution ul li.miniBanner{
	padding-left: 30px;
}
/*======================================

     Left Archives

=======================================*/
div#elgolazoLeft div#leftArchives{
	padding: 30px 0 0 0;
	border-style: solid;
	border-width: 0 1px;
	border-color: #d0d0d0;
	background: #f2f0e6 url(/etc/elgolazo/archives.gif) left top no-repeat;
}
div#elgolazoLeft div#leftArchives ul{
	border-bottom: solid 3px #a8a8a8;
}
div#elgolazoLeft div#leftArchives ul li{
	background: transparent url(/etc/elgolazo/dotted_line.gif) left bottom no-repeat;
}
div#elgolazoLeft div#leftArchives ul li a{
	font-size: 12px;
	line-height: 24px;
	padding: 0 0 0 78px;
	background: transparent url(/common/icon/bullet_dotted_pink.gif) 68px 2px no-repeat;
}
/*======================================

     Left Information

=======================================*/
div#elgolazoLeft div#leftInformation{
	padding: 30px 0 0 0;
	border-style: solid;
	border-width: 0 1px;
	border-color: #d0d0d0;
	background: #f2f0e6 url(/etc/elgolazo/information.gif) left top no-repeat;
}
div#elgolazoLeft div#leftInformation ul{
	border-bottom: solid 3px #a8a8a8;
}
div#elgolazoLeft div#leftInformation ul li{
	padding: 10px;
	background: transparent url(/etc/elgolazo/dotted_line.gif) left bottom no-repeat;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}
div#elgolazoLeft div#leftInformation ul li strong{
	font-weight: normal;
	color: #a60000;
}
div#elgolazoLeft div#leftInformation ul li a{

}
/*======================================

     Left Present

=======================================*/
div#elgolazoLeft div#leftPresent{
	background: transparent url(/etc/elgolazo/present_box.gif) left bottom no-repeat;
	margin: 15px 0;
}
div#elgolazoLeft div#leftPresent h5{
	height: 0 !important;
	height /**/	: 36px;
	padding-top: 36px;
	overflow: hidden;
	outline: none;
	background: transparent url(/etc/elgolazo/present_title.gif) left top no-repeat;
}
div#elgolazoLeft div#leftPresent p{
	float: left;
	width: 89px;
	margin: 0 0 0 8px;
	padding-top: 10px;
	font-size: 12px;
	color: #630707;
	display: inline;
}
div#elgolazoLeft div#leftPresent a img{
	float: right;
	margin: -17px 8px 10px 0;
	display: inline;
}
div#elgolazoLeft div#leftPresent a.entryBtn{
	clear: both;
	display: block;
	width: 185px;
	height: 0 !important;
	height /**/	: 31px;
	padding-top: 31px;
	margin: 10px auto;
	overflow: hidden;
	outline: none;
	background: transparent url(/etc/elgolazo/present_btn.gif) left top no-repeat;
}

/*======================================

     Step

=======================================*/
div#elgolazoMain h2#aboutDlt{
	height: 25px;
	padding: 7px 0 0 12px;
	margin-top: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background: transparent url(/etc/elgolazo/about_dlt_back.gif) left top repeat-x;
}
div#elgolazoMain h5#aboutDlt{
	height: 25px;
	padding: 7px 0 0 12px;
	margin-top: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background: transparent url(/etc/elgolazo/about_dlt_back.gif) left top repeat-x;
}
div#elgolazoMain p#dltExp{
	height: 0 !important;
	height /**/	: 37px;
	padding-top: 37px;
	overflow: hidden;
	outline: none;
	background: transparent url(/etc/elgolazo/dlt_exp.gif) center 11px no-repeat;
}
div#elgolazoMain div#stepArea{
	background: transparent url(/etc/elgolazo/step_back.gif) left center no-repeat;
}
div#elgolazoMain div#stepArea div.stepBox{
	float: left;
	position: relative;
	width: 169px;
	height: 111px;
	padding-top: 10px;
	margin-right: 42px;
	background: transparent url(/etc/elgolazo/step_box.gif) center top no-repeat;
}
div#elgolazoMain div#stepArea div.thirdStep{
	margin-right: 0;
}
div#elgolazoMain div#stepArea div.stepBox h6{
	width: 169px;
	height: 0 !important;
	height /**/	: 24px;
	padding-top: 24px;
	margin-bottom: 8px;
	overflow: hidden;
	outline: none;
	background: transparent url(/etc/elgolazo/step1.gif) center top no-repeat;
}
div#elgolazoMain div#stepArea div.secondStep h6{
	background: transparent url(/etc/elgolazo/step2.gif) center top no-repeat;	
}
div#elgolazoMain div#stepArea div.thirdStep h6{
	background: transparent url(/etc/elgolazo/step3.gif) center top no-repeat;
}
div#elgolazoMain div#stepArea div.stepBox p{
	width: 131px;
	padding: 0 19px;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	text-align: center;
}
div#elgolazoMain div#stepArea div.stepBox a{
	position: absolute;
	left: 17px;
	bottom: 17px;
	display: block;
	width: 135px;
	height: 0 !important;
	height /**/	: 27px;
	padding-top: 27px;
	overflow: hidden;
	outline: none;
	background: transparent url(/etc/elgolazo/btn_download.gif) center top no-repeat;
}
div#elgolazoMain div#stepArea div.thirdStep a{
	background: transparent url(/etc/elgolazo/btn_detail.gif) center top no-repeat;
}

/*======================================

     Caution

=======================================*/
div#elgolazoMain div#cautionArea{
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #dfdfdf;
	padding: 4px 0;
}
div#elgolazoMain div#cautionArea div.cautionBox{
	background: transparent url(/etc/elgolazo/caution_left.gif) left top no-repeat;
}
div#elgolazoMain div#cautionArea div.cautionBox p{
	height: 60px !important;
	padding: 24px 0 0 18px;
	font-size: 10px;
	color: 10px;
	line-height: 14px;
	background: transparent url(/etc/elgolazo/caution_text.gif) 20px 7px no-repeat;
}
div#elgolazoMain div#cautionArea div.cautionBox div.moreDetails{
	height: 20px;
	margin: 5px 0 0 18px;
	background: transparent url(/etc/elgolazo/caution_bar.gif) left bottom no-repeat;
}
div#elgolazoMain div#cautionArea div.cautionBox div.moreDetails a{
	float: right;
	width: 80px;
	height: 0 !important;
	height /**/	: 20px;
	padding-top: 20px;
	overflow: hidden;
	outline: none;
	background: transparent url(/etc/elgolazo/caution_bar.gif) right top no-repeat;
}
div#elgolazoMain div#cautionArea div.largeBox{
	float: left;
	width: 375px;
}
div#elgolazoMain div#cautionArea div.midiumBox{
	float: right;
	width: 208px;
}
div#elgolazoMain div#cautionArea div.largeBox p span.imp{
	font-size: 10px;
	color: #ff0000;
}
/*======================================

     Main

=======================================*/
div#elgolazoMain{
	width: 591px;
}
div#elgolazoMain div#mainViz{
	margin-top: 11px;
	display: block;
	width:591px;
	height: 262px;
	background: transparent url(/etc/elgolazo/main_viz.jpg) no-repeat;
	/*<img src="{$s.url.image|escape}/etc/elgolazo/main_viz.jpg" width="591" height="287" border="0" alt="エル・ゴラッソ" />*/
}
div#elgolazoMain div#mainViz h1{
	display: block;
	width: 0 !important;
	height: 0 !important;
	height /**/: 43px;
	padding-top: 43px;
	overflow:hidden;
	outline:none;
}
div#elgolazoMain div#mainStep{
	margin-top: 10px;
}
div#elgolazoMain div#mainCont{
	margin-top: 10px;
}

div#elgolazoMain div#mainCont div.weekBox{
	width: 590px;
	padding: 0 0 10px 1px;
	margin-top: 15px;
	background: #fff url(/etc/elgolazo/weekly_box.gif) left bottom no-repeat;
}
div#elgolazoMain div#mainCont div.weekBox div.termIssue{
	height: 28px;
	margin-bottom: 5px;
	padding-left: 12px;
	color: #fff;
	font-size: 12px;
	line-height: 28px;
	background-color: #a0a0a0;	
}
div#elgolazoMain div#mainCont div.weekBox.new div.termIssue{
	padding-left: 36px;
	background: #a0a0a0 url(/common/icon/new_mini.gif) 10px center no-repeat;	
}
div#elgolazoMain div#mainCont div.weekBox div.issueBox{
	float: left;
	width: 271px;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #cacaca;
	padding: 0 12px 0 11px;
	margin: 5px 0 10px 0;
}
div#elgolazoMain div#mainCont div.weekBox div.issueBox div.date{
	height: 31px;
	padding: 10px 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background: transparent url(/etc/elgolazo/date_box.gif) left top no-repeat;
}
div#elgolazoMain div#mainCont div.weekBox div.issueBox a.coverThum:link,
div#elgolazoMain div#mainCont div.weekBox div.issueBox a.coverThum:active,
div#elgolazoMain div#mainCont div.weekBox div.issueBox a.coverThum:visited{
	display: block;
	float: left;
	border: solid 1px #ddd;
}
div#elgolazoMain div#mainCont div.weekBox div.issueBox a.coverThum:hover{
	border-color: #999;
}
div#elgolazoMain div#mainCont div.weekBox div.issueBox  a.coverThum img{
	padding: 2px;
}
div#elgolazoMain div#mainCont div.weekBox div.issueBox p{
	float: right;
	width: 150px;
	height: 92px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
}
div#elgolazoMain div#mainCont div.weekBox div.issueBox div.btnArea{
	float: right;
	width: 168px;
	height: 55px;
	background: transparent url(/etc/elgolazo/btn_base.gif) left top no-repeat;
}
div#elgolazoMain div#mainCont div.weekBox div.issueBox div.btnArea a{
	float: left;
	width: 67px;
	height: 0 !important;
	height /**/	: 15px;
	padding-top: 15px;
	overflow: hidden;
	outline: none;
	display: inline;
}
div#elgolazoMain div#mainCont div.weekBox div.issueBox div.btnArea a.coverBtn{
	margin: 10px 0 0 7px;
	background: transparent url(/common/button/magazine_cover_s.gif) left top no-repeat;
}
div#elgolazoMain div#mainCont div.weekBox div.issueBox div.btnArea a.detailBtn{
	margin: 5px 0 0 7px;
	background: transparent url(/common/button/detail_s.gif) left top no-repeat;
}
div#elgolazoMain div#mainCont div.weekBox div.issueBox div.btnArea div.downloadArea{
	float: right;
	width: 83px;
	height: 45px;
	margin: 5px;
	background: transparent url(/etc/elgolazo/dl_btn_base.gif) left top no-repeat;
	display: inline;
}
div#elgolazoMain div#mainCont div.weekBox div.issueBox div.btnArea div.downloadArea span{
	display: block;
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 19px;
}
div#elgolazoMain div#mainCont div.weekBox div.issueBox div.btnArea div.downloadArea a{
	width: 67px;
	height: 0 !important;
	height /**/	: 15px;
	padding-top: 15px;
	margin: 5px 0 0 8px;
	overflow: hidden;
	outline: none;
	background: transparent url(/common/button/download_s.gif) left top no-repeat;
}
/*======================================

     Header

=======================================*/

div#elgolazoHeader{
	width: 100%;
	height: 94px;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(/etc/elgolazo/header_back.gif);
}
* html div#elgolazoHeader{
	padding: 0 47px;
}
div#elgolazoHeader div#headerSect{
	width: 800px;
	margin: 0 auto;
}
div#elgolazoHeader div#headerSect div#logo{
	float: left;
	width: 199px;
	margin-top: 16px;
}
div#elgolazoHeader div#headerSect div#logoSub{
	float: left;
	width: 66px;
	margin: 45px 0 0 5px;
}
div#elgolazoHeader div#headerSect div#globalMenu{
	float: right;
	width: 507px;
	margin-top: 29px;
}
div#genre{
	padding-top: 94px;
}

/*======================================

     Navigation

=======================================*/

/*======================================

     LEFT : Information Box

=======================================*/

div#elgolazoLeft div{
	margin-bottom: 5px;
}
div#elgolazoLeft div#leftLogInOut a#yLogin{
	display: block;
	margin-left: 6px;
}
div#elgolazoLeft div#leftFavorite{
	margin-bottom: 15px;
}
/*======================================

     LEFT : Banner Area

=======================================*/
div#elgolazoLeft div.bnrArea{
	width: 157px;
	margin-top: 10px;
	/*padding: 20px 0;*/
	/*border: solid 1px #ccc;*/
	text-align: center;
}
/*======================================

     Clearfix

=======================================*/
div#elgolazoMain div#cautionArea div.cautionBox p{
	_height: 1px;
	zoom:1;/*for IE 5.5-7*/
}
div#elgolazoMain div#cautionArea div.cautionBox p:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*======================================

     Caution Box

=======================================*/
div#elgolazoMain p#cautionBox{
	border: solid 1px #dab5b5;
	margin: 10px 0;
	padding: 30px 8px 8px 8px;
	font-size: 10px;
	color: #d20000;
	background-image: url(/common/frames/caution_box_wide.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
* html div#elgolazoMain p#cautionBox{
	background-position: 1px 1px;
}
*:first-child+html div#elgolazoMain p#cautionBox{
	background-position: 1px 1px;
}
/*======================================

     Mac Caution Box

=======================================*/
div.macintoshAlert{
	position: relative;
	margin: 10px;
	background: transparent url(/common/frames/mac_alert/box_end.png) right bottom no-repeat;
}

div.macintoshAlert div{
	position: absolute;
	left: 0;
	top: 0;
	width: 255px;
	height: 0 !important;
	height /**/	: 61px;
	padding-top: 61px;
	overflow: hidden;
	outline:none;
	background: transparent url(/common/frames/mac_alert/alert_caption.png) left bottom no-repeat;
}
div.macintoshAlert h3{
	height: 35px;
	margin: 0 0 0 5px;
	font-size: 10px;
	text-align: left;
	background: #fff url(/common/frames/mac_alert/mac_alert_box.png) right top no-repeat;
}
div.macintoshAlert p{
	margin: 0 5px 0 0;
	padding: 8px 8px 10px 60px;
	font-size: 12px;
	color: #682828;
	text-align: left;
	background: transparent url(/common/frames/mac_alert/mac_alert_box.png) left bottom no-repeat;
}
div.macintoshAlert p a:link{
	color: #cc6600;
	text-decoration: none;
}
div.macintoshAlert p a:hover{
	text-decoration: underline;
}