/*
/// GENERAL PAGE SPECS FOR STANDARD HTML ELEMENTS
*/

body
{
	margin:0px;
	background:#FFFFFF url(http://www.minekokawamura.com/images/bg_page.jpg) left top repeat-x;
	font-family:verdana, arial, geneva, helvetica, sans-serif;
	font-size:11px;
	color:#4D2A00;
}
a
{
	color:#DE0000;
	text-decoration:none;
}
a:hover
{
	 text-decoration:underline;
}
a img
{
	border:0px;
}
a.small
{
	font-size:10px;
}
a.bold
{
	font-weight:bold;
}
p, td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
p
{
	margin:0px 0px 15px 0px;
	line-height:16px;
}
p:last-child
{
	margin-bottom:0px;
}
h1,h2,h3,h4
{
	margin:0px 0px 15px 0px;
	color:#006D96;
}
h1
{
	font-family: Arial, Helvetica, sans-serif;
	margin-top:0px;
	font-size:22px;
	font-weight:normal;
}
h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
}
h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
}
h4
{
	font-size:12px;
	text-transform:uppercase;
}

/*
/// SIDENAV
*/

#sidenav
{
	position:relative;
	margin-left:15px;
	margin-bottom:15px;
	border:1px #450600 solid;
	border-top:3px #450600 solid;
	width:125px;
	overflow:hidden;
	float:right;
	background-color:#E0C2B8;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}

#sidenav a
{
	font-family:verdana, arial, geneva, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
	color:#C5472C;
	margin:0px;
	text-align:center;
	display:block;
	_height:1%;
	padding:5px 5px 5px 5px;
	border-top:1px #E0C2B8 solid;
	border-bottom:1px #E0C2B8 solid;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}


#sidenav a:hover, #sidenav a.on
{
	color:white;
	background-color:#C5472C;
	border-top:1px white solid;
	border-bottom:1px white solid;
}


/*
/// CALLOUT
*/

div.callout
{
	border-top:1px #135B99 dotted;
	border-bottom:1px #135B99 dotted;
	background-color:#F2F0E6;
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4D2A00;
	line-height:16px;
	text-align:left;
	margin:10px 0px 10px 0px;
}

/*
/// FORM FIELDS
*/

form
{
	margin:0px;
}
p.error
{
	color:red;
	font-weight:bold;
}
td.formtext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}
select,option,
input.off, textarea.off,
input.on, textarea.on
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#006D96;
}
input,textarea
{
	padding:3px;
}
input.off, textarea.off
{
	border:1px #6AD8FF solid;
	background:#F2FBFF url(http://www.minekokawamura.com/images/pages/bg_formfield.jpg) left top repeat-x;
	/*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFE6CCC4, EndColorStr=#FFFEFCFC);*/
}
input.on, textarea.on
{
	color:#006D96;
	border:1px #DE0000 solid;
	background-color:white;
}
input.submit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: white;
	background:#DE0000 url(http://www.minekokawamura.com/images/pages/bg_formbutton.jpg) left top repeat-x;
	padding:3px;
	/*filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FF9F0D00, EndColorStr=#FF780500);*/
}

/*
/// FLOATS, PADS
*/

.left
{
	position:relative;
	display:inline;
	float:left;
}
.right
{
	position:relative;
	display:inline;
	float:right;
}
div.box-shaded
{
	position:relative;
	background-color:#E9EDF0;
	padding:10px;
	height:1%;
}
img.left
{
	margin:0px 10px 5px 0px;
}
img.right
{
	margin:0px 0px 5px 10px;
}
div.box-shaded img.left,
div.box-shaded img.right
{
	margin-bottom:0px;
}
.nowrap
{
	white-space:nowrap;
}
.mleft10
{
	margin-left:10px;
}
.mleft130
{
	margin-left:130px;
}
.mright10
{
	margin-right:10px;
}
.mbottom0
{
	margin-bottom:0px;
}
.mbottom5
{
	margin-bottom:5px;
}
.mbottom10
{
	margin-bottom:10px;
}
.mtop10
{
	margin-top:10px;
}
.padright
{
	padding-right:10px;
}
.padbot
{
	padding-bottom:10px;
}
.fsmall
{
	font-size:10px;
	font-weight:bold;
}

/*
/// OTHER STYLES
*/

div.scrolling
{
	position:relative;
	height:350px;
	overflow:auto;
}
div.clear
{
	position:relative;
	height:1px;
	overflow:hidden;
	clear:both;
}
.clearfix
{
	height:1%;
}
.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

