/* ==== epuron CSS definition =====
* @author Yoshiaki Sugimoto <neo.yoshiaki.sugimoto@gmail.com>
*/

/* ==== reset css ==== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family : Arial, Helvetca, sans-serif;
	background: transparent;
}

/* ==== clearfix ==== */
.clearfix:after{
	content : '';
	display : block;
	height : 0px;
	clear : both;
	visibility : hidden;
}
* html .clearfix{
	clear : both;
	overflow : hidden;
}
*:first-child+html .clearfix{
	clear : both;
	overflow : hidden;
}
/* holly hack*/
 /*\*//*/
  height: auto;
  overflow: hidden;
  /**/

/* clearfix end */

/* ----------------------- boxmodel layout ---------------------------------- */
div#header {
	width : 951px;
	margin : 10px auto 0 auto;
	/*
	background : #fff url(http://epron.co.jp/themes/epron_top/images/logo_sub.gif) right bottom no-repeat;
	*/
	position : relative;
	height : 60px;
}
div#navigation {
	width : 951px;
	margin : 5px auto 0 auto;
	border-bottom : solid 3px #d8d8da;
}
div#box {
	width : 100%;
	background : url(http://epron.co.jp/themes/epron_top/images/body_back.jpg) top left repeat-x;
}
div#mainimage {
	width : 951px;
	height : 295px;
	position : relative;
	margin : 0 auto;
	background : url(http://epron.co.jp/themes/epron_top/images/mainimage.jpg) top left no-repeat;
}
div#wrapper {
	width : 951px;
	margin : 0 auto;
}
div#content {
	width : 737px;
	float : left;
	display : inline;
}
div#sidebar {
	width : 203px;
	float : right;
	display : inline;
}
div#footer {
	width : 951px;
	margin : 30px  auto 0 auto;
	border-top : solid 1px #d9d9d9;
}
/* ----------------------------- boxmodel end ------------------------------ */


/* ---------------------------- header style --------------------------------- */
div#header h1 {
	background : url(http://epron.co.jp/themes/epron_top/images/logo.gif) top left no-repeat;
	position : absolute;
	top : 0px;
	left : 10px;
	width : 147px;
	height : 56px;
}
h1 a {
	display : block;
	text-indent : -9999px;
	width : 147px;
	height : 56px;
}
img#header_image_right {
	position: absolute;
	top : 2px;
	right : 1px;
	border-style: none;
}
/* ---------------------------- header end --------------------------------------*/

/* --------------------------- navigation style ---------------------------------- */
div#navigation ul {
	width : 951px;
	height : 26px;
	padding-bottom : 2px;
}
ul.nav li {
	float : left;
	position : relative;
	display : inline;
	background : url(http://epron.co.jp/themes/epron_top/images/nav_separator.jpg) center right no-repeat;
	padding-right : 7px;
	height : 26px;
}
ul.nav li.special {
	background : none;
}
ul.nav li a {
	display : block;
	text-align : center;
	font-size : 0.9em;
	margin : 0 10px;
	padding : 5px 20px;
	color : #333;
	text-decoration : none;
}
ul.nav li a span {
	display : none;
	width : 7px;
	height : 24px;
	font-size : 0;
	position : absolute;
}
ul.nav li a span.rad_l {
	top : 0px;
	left : -5px;
	background : url(http://epron.co.jp/themes/epron_top/images/nav_on_left.jpg) top left no-repeat;
}
ul.nav li a span.rad_r {
	top : 0px;
	right : -5px;
	background : url(http://epron.co.jp/themes/epron_top/images/nav_on_right.jpg) top left no-repeat;
}
* html ul.nav li a span.rad_r {
	right : 15px;
}
ul.nav li.special span.rad_l {
	background : url(http://epron.co.jp/themes/epron_top/images/nav_on_left_2.jpg) top left no-repeat;
}
ul.nav li.special span.rad_r {
	background : url(http://epron.co.jp/themes/epron_top/images/nav_on_right_2.jpg) top left no-repeat;
}
ul.nav li a:hover {
	background : url(http://epron.co.jp/themes/epron_top/images/nav_on_center.jpg) top left repeat-x;
	color : #fff;
	position : relative;
}
ul.nav li.special a:hover {
	background : url(http://epron.co.jp/themes/epron_top/images/nav_on_center_2.jpg) top left repeat-x;
}
ul.nav li a:hover span{
	display : block;
}
* html ul.nav li a:hover span.rad_l {
	left : -25px;
}
/** sub menu **/
div#navigation ul.nav li ul {
	width : 100%;
	position : absolute;
	display : none;
	z-index : 30;
	padding : 10px 0;
	background-color : #fff;
	left : -5px;
	height : auto;
	clear : both;
	float : none;
}
* html div#navigation ul.nav li ul {
	z-index: 5000;
	zoom : 1;
}
div#navigation ul.nav li ul li{
	background-image : none;
	width : 100%;
	background-color : #fff;
	padding-right : 0;
	float : none;
}
* html div#navigation ul.nav li ul li {
	display : block;
	position : relative;
	margin-left : 5px;
}
*:first-child+html div#navigation ul.nav li ul li {
	display : block;
}
* html div#navigation ul.nav li ul li a{
	margin : 0 auto;
	display : block;
}
* html div#navigation ul.nav li ul li a span{
	display : none;
}
/* -------------------------- navigation end ------------------------------------ */

/* -------------------------- mainimage style ----------------------------------- */
div#mainimage h2 {
	position : absolute;
	top : 100px;
	left : 345px;
	background : url(http://epron.co.jp/themes/epron_top/images/mainimage_on_txt.png) top left no-repeat;
	width : 543px;
	height : 108px;
}
* html div#mainimage h2 {
	background : none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/epron_top/images/mainimage_on_txt.png', sizingMethod='scale'); /* for IE6 PNG fix */
}
h2 span {
	display : block;
	text-indent : -9999px;
}
div#mainimage div#dl_piece {
	width : 178px;
	height : 172px;
	position : absolute;
	top : 62px;
	left : 10px;
	background : url(http://epron.co.jp/themes/epron_top/images/dl_piece_2.png) top left no-repeat;
}
* html div#mainimage div#dl_piece {
	background : none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/epron_top/images/dl_piece_2.png', sizingMethod='scale'); /* for IE6 PNG fix */
	cursor : pointer;
}
#dl_piece a {
	display : block;
	text-indent : -9999px;
	width : 100%;
	height : 100%;
}
#dl_piece * {
	width : 100%;
	height : 100%;
}

/* -------------------------- mainaimage end ----------------------------------- */

/* --------------------------- content style -------------------------------------- */
h3 {
	position : relative;
	border-top : solid 2px #090;
	border-bottom : solid 1px #ccc;
	margin-top : 15px;
}
h3 span {
	position : aboslute;
	top : 5px;
	left : 0px;
	background : url(http://epron.co.jp/themes/epron_top/images/head_marker.gif) left center no-repeat;
	display : block;
	padding : 5px 0 5px 20px;
}
ul.info_list li{
	list-style : none outside;
	padding : 10px 0 10px 25px;
	background : url(http://epron.co.jp/themes/epron_top/images/list_marker.gif) left center no-repeat;
	border-bottom : dotted 1px #ccc;
	font-size : 0.9em;
}
ul.info_list li span {
	margin-right : 15px;
}
p.recipe {
	margin-top : 15px;
	text-align : center;
}
div.special_left {
	width : 325px;
	float : left;
	display : inline;
	margin-top : 20px;
}
div.special_right {
	width : 325px;
	float : right;
	display : inline;
	margin-top : 20px;
}
p.arrow_l {
	background : url(http://epron.co.jp/themes/epron_top/images/large_marker.gif.) top left no-repeat;
	padding : 0 0 0 23px;
	margin-top : 5px;
	font-size : 0.9em;
}
/* --------------------------------- content end --------------------------------- */

/* -------------------------------- sidebar style ---------------------------------- */
h4 {
	position : relative;
	border-top : solid 2px #090;
	margin-top : 15px;
	margin-left : 10px;
	font-size : 0.8em;
	height : 33px;
	border-bottom : solid 1px #ccc;
}
h4 span {
	background : url(http://epron.co.jp/themes/epron_top/images/sidebar_head_marker.gif) top left no-repeat;
	position : absolute;
	top : -2px;
	left: -10px;
	display : block;
	padding : 10px 0 10px 15px;
}
p.banner {
	margin-top : 10px;
	text-align : left;
}
p.arrow {
	background : url(http://epron.co.jp/themes/epron_top/images/list_marker.gif) top left no-repeat;
	padding : 0 0 0 18px;
	font-size : 0.8em;
	margin-top : 10px;
}
ul.side_list {
	list-style : none outside;
}
ul.side_list li {
	font-size : 0.8em;
	padding : 10px 0 10px 18px;
	background : url(http://epron.co.jp/themes/epron_top/images/list_marker.gif) left center no-repeat;
	border-bottom : dotted 1px #ccc;
}
/* --------------------------------- sidebar end ---------------------------------- */

/* ------------------------------- footer style ------------------------------------- */
div#footer p {
	margin-top : 1px;
	border-top : solid 3px #ccc;
	padding-top : 5px;
	font-size : 0.9em;
	text-align : center;
	padding-bottom : 5px;
}
div#footer { position : relative;}
div#footer span {
	display : block;
	position : absolute;
	top : 4px;
	right : 5px;
}
div#footer span a {
	font-size : 12px;
	text-decoration : none;
	color : #333;
}
div#footer span a:hover {
	text-decoration : underline;
}