@charset "Shift_JIS";

/* ************************************************
 [REGZA]omakase contents
 Last Modified: 2008-06-18
 ************************************************ */


/* index_j.htm */
div#omakaseWrapper {
	width: 714px;
	padding: 0 0 30px 0;
	background: #FFFFFF;
	}

div#omakaseWrapper div#flashArea p {
	text-align:center;
	font-size: 11px;
	margin:5px 0 0 0;
	}

#omakaseWrapper div.section {
	clear: both;
	padding: 22px;
	}

#omakaseWrapper div.section h2 {
	margin:0 0 10px 0;
	}

#omakaseWrapper div.section ul.indexExpert li{
	display:inline;
	}

#omakaseWrapper div.section ul.indexMedia li {
	border-left:5px solid #003366;
	padding:0 0 0 5px;
	margin:0 0 10px 0;
	}

#omakaseWrapper div.pagetopbtn {
	float: right;
	display: inline;
	margin:0 22px 0 0;
	}

#omakaseWrapper div.notesImg {
	float: left;
	font-size: 80%;
	display: inline;
	margin:0 0 0 22px;
	}


/* about.html */
#omakaseMain {
	width: 680px;
	padding: 0 17px 17px 17px;
	background: url(../img/bg_title.gif) 0 0 #FFFFFF repeat-x;
	}

#omakaseMain h1 {
	margin: 0 0 17px 0;
	}

#omakaseMain h2 {
	margin:0;
	}

#omakaseMain h3 {
	margin: 0 0 10px 0;
	}

#omakaseMain h4 {
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	color:#003366;
	font-size:110%;
	background: url(../img/topics_marker.gif) 2px 7px transparent no-repeat;
	}

#omakaseMain div.section {
	clear: both;
	width: 680px;
	margin: 0 0 25px 0;
	}

#omakaseMain div.section table.co2 {
	width:100%;
	margin:0 0 10px 0;
	}

#omakaseMain div.section table.co2,
#omakaseMain div.section table.co2 tr th,
#omakaseMain div.section table.co2 tr td {
	border:1px solid #666666;
	text-align:center;
	}

#omakaseMain div.section table.co2 tr th,
#omakaseMain div.section table.co2 tr td {
	padding:3px;
	}

#omakaseMain div.section table.co2 tr.bgColor {
	background-color:#F2F2F2;
	}

span.zColor {
	color:#A3951D;
	}

span.hColor {
	color:#B23219;
	}

span.cColor {
	color:#0E7176;
	}
	
span.aColor {
	color:#116E97;
	}

span.fhColor {
	color:#88854D;
	}

#omakaseMain div.section div.minitxt {
	font-size: 80%;
	}
	
#omakaseMain div.pagetopbtn {
	float: right;
	display: inline;
	}

#omakaseMain div.notesImg {
	float: left;
	font-size: 80%;
	display: inline;
	}

table.kankyou,
table.btnArea {
	width: 680px;
	margin: 0 0 20px 0;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	}

table.btnArea {
	margin:20px 0 0 0;
	}

#omakaseMain div.section div.appleExplain {
	float: left;
	display:inline;
	height: 259px;
	width: 308px;
	margin: 0 10px 0 0;
	}

#omakaseMain div.section .apple {
	float: left;
	display:inline;
	height: 259px;
	width: 362px;
	margin:0;
	}

#omakaseMain div.section .apple:after {
	clear: both;
	}




/* tech.html */
#omakaseMain div.section img{
	vertical-align: top;
}


#omakaseMain #omakaseHeader {
	float: left;
	width:680px;
}


#omakaseMain #omakaseHeader h2 {
	float: left;
	width:225px;
	padding: 0 0 17px 0;
}


#omakaseMain #omakaseHeader ul {
	float: left;
	height: 49px;
	width:375px;
	margin: 18px 0 0 80px;
}


#omakaseMain #omakaseHeader ul li {
	float:left;
}


#omakaseMain h5 {
	margin: 0 0 5px 0;
	font-size: 110%;
	color: #003362;
}


table.kankyou td {
	vertical-align: top;
}


div.iroondo,
div.sonohoka {
	float: left;
	width: 325px;
	padding: 10px 0 0 0;
	margin: 0 0 30px 0;
}


div.iroondo {
	margin: 0 30px 0 0;
}


div.eizouKido,
div.eizouShitsukan {
	float: left;
	width: 325px;
	margin: 0 0 30px 0;
}


div.eizouKido {
	margin: 0 30px 0 0;
}

img.eizouShingouImg {
	float: left;
	margin: 0 10px 0 0;
}




/* topics.html */
#omakaseTopics {
	width: 714px;
	padding: 0 0 30px 0;
	background: #FFFFFF;
}


#topicsMain {
	width: 654px;
	padding: 0 30px 0 30px;
}

#topicsMain div.section {
	width:654px;
}


#topicsMain #magazine {
	margin: 0;
}

	
#topicsMain #magazine h2 {
	margin: 0 0 25px 0;
}


#topicsMain #magazine h3 {
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
	font-size: 110%;
	color: #014056;
	background: url(../img/topics_marker.gif) 2px 7px transparent no-repeat;
}


#topicsMain #magazine h4 {
	padding: 0 0 0 20px;
}

#topicsMain #magazine h4 img {
	margin: 0 0 0 3px;
	vertical-align: top;
}


img.magazineThumb {
	float: right;
	margin: 0 0 0 15px;
}


div#magazine .button {
	float: right;
	width: 119px;
	padding: 10px 0 0 0;
	text-align: center;
}


#topicsMain #web {
	margin: 0 0 20px 0;
}


#topicsMain #web h2 {
	margin: 0 0 10px 0;
}


#web dl {
	clear: both;
	width: 654px;
	padding: 15px 0 15px 0;
	border-bottom: 2px dotted #CCCCCC;
	line-height: 1.2;
	display: block;
}


#web dl dt {
	float: left;
	width: 48px;
	padding: 0 0 0 5px;
	margin: 0 0 0 2px;
	border-left: 5px solid #196177;
	display: inline;
}


#web dl dd.title {
	float: left;
	width: 454px;
	margin: 0 0 0 20px;
	display: inline;
}


#web dl dd.title img {
	margin: 0 0 0 3px;
	vertical-align: top;
}


#web dl dd.title img.new {
	margin: 0 3px 0 0;
	vertical-align: top;
}


#web dl dd.kiji {
	float: left;
	width: 100px;
	margin: 0 0 0 20px;
	font-size: 140%;
	line-height: 1.0;
	display: inline;
	text-align: right;
}


#web dl:after {
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}

#recommend {
	margin:0 0 20px 0;
}

#recommend h2 {
	margin:0 0 15px 0;
}

#recommend img.thumbnail {
	float:left;
	padding:0 10px 0 0;
}

#topicsMain .pagetopbtn {
	text-align: right;
}

#recommend dl {
	float:left;
	display:inline;
	width:544px;
}

#recommend dl dt {
	color:#196177;
	font-weight:bold;
	font-size:126%;
	margin:0 0 5px 0;
	line-height:1.2;
}

#recommend dl dd {
	margin:0 0 8px 0;
	line-height:1.3;
}

#recommend dl dd strong {
	font-size:108%;
}

#recommend dl dd.button {
	text-align:right;
}

#recommend div.section {
	border-bottom: 2px dotted #CCCCCC;
	height:100%;
	margin:0 0 15px 0;
}




/* vol1.html */
#omakaseMain div.end {
	width: 680px;
	padding: 25px 0 0 0;
	background: url(../img/vol1_line.gif) 0 0 #FFFFFF repeat-x;
}


#omakaseMain div.section img.sectionImg {
	float: right;
	margin: 0 0 10px 10px;
}


#omakaseMain div.section img.sectionImgLeft {
	float: left;
	margin: 0 10px 10px 0;
}

div#knowledgeflash {
	text-align: center;
	}

div#knowledgeflash div#ifnoflash {
	font-size: 11px;
	color: #666666;
	text-align: center;
}




/* vol2.html */
#omakaseMain div.section ol li {
	list-style-type:decimal;
	margin:0 0 10px 25px;
	}