@charset "Shift_JIS";

/* ++++++++++++++++++++++++++++++++

	Dr.  scholls
	02 June 2009. Last Update. 

 ++++++++++++++++++++++++++++++++ */


/* -------- index -------- 
	
	- 1. reset style
	- 2. common layout
		- 2-1. text
		- 2-2. hypertext
		- 2-3. list
		- 2-4. table
	- 3. header
		- global navigation
	- 4. contents area
		- local_nav
	- 5. footer
		- users guide
		- copyright
	- 6. shared classes

-------- //index -------- */


/* - 1. reset style --------- */

html {
	overflow-y:scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,th,td,form,fieldset,input,textarea {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img, fieldset, img {  
border:0;  
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border: 0;
}

/* - 2. common layout ------------- */

html, body {
    height: 100%;
}

body {
    font: 13px/1.4 ariel,helvetica,clean,sans-serif;
    *font-size: small; /*for IE*/
	*font: x-small;
}

/* - 1. hypertext */
a {
	color: #363a8f;
	text-decoration: none;
	}

a:hover,
a:active {
	color: #33C;
	text-decoration: underline;
	}

a img {
	border: none;
	}

/* - 2. text */
h1 {
	font-size: 189%;
	}
	
h2 {
	font-size: 159%;
	}
	
h3 {
	font-size: 144%;
	}
	
h4 {
	font-size: 122%;
	}
	
h5,h6 {
	font-size: 106%;
	}

p, pre {
	margin: 0.8em;
	
	}

em, strong {
	font-weight: bold;
	}

/* - 3. list */
ul, ol, dl {
	list-style-position: inside;
	}

li, dt, dd {
	font-size: 100%;
	}

li li,
li p,
li dt,
li dd,
dd li,
dd p,
dd dt,
dd dd {
	font-size: 100%;
	}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
	/*margin: 0 1em;*/
	}

/* - 2-4. table */
table,
tr,
th,
td {
	font-size: 100%;
	}


hr {
	color:#D6CCAD;
	border: 0;
	height: 1px;
	border: none;
}

#wrapper {
	width: 780px;
	min-height: 100%;
    height: auto !important;
    height: 100%; /* ie—p */
    margin-top: 0;
	margin-bottom: -5em;
	}

#footer,
#push {
    height: 5em;
}

/* - header ------------- */

#header {
	}

#header h1 {
	display: none;
	}

ul#global_nav {
	list-style-type: none;
	float: right;
	}
	
ul#global_nav li {
	float: left;
	}	


/* - contents area ------------- */

#contents {
	text-align: left;
	line-height: 1.6;
	}

ul.breadcrumb {
	clear: both;
	list-style-type: none;
	}

ul.breadcrumb li {
	float: left; 
	margin-right: 1em;
	}

/* - local_nav ------------- */

.local_nav {
	padding-left: 180px;
	background-color: #363a8f;
	}

.local_nav p {
	margin: 0;
	padding: 0.5em 1em;
	background-color: #73AACE;
	font-weight: bold;
	}

.local_nav p .current {
	color: #FFF;
	}

/* - products_nav ------------- */

.products_nav {
	width: 180px;
	/* background-color: #D2EAF8; */
	float: left;
	height: 100%;
	}

.products_nav h4 {
	font-size: 100%;
	font-weight: bold;
	color: #363a8f;
	line-height: 22px;
	margin-bottom: 0.5em;
	background: url(../img/left.gif) no-repeat left top;
	text-indent: 1em;
	}

.products_nav ul {
	margin:0.5em 0 1.5em;
	line-height: 1.5;
	padding-left: 1em;
	}

.products_nav ul li {
	color: #363a8f;
	font-size: 85%;
	}

.products_nav ul.sub {
	margin-bottom: 0;
	}

.products_nav ul.sub li {
	font-size: 100%;
	padding-left: 0.5em;
	}

.products_nav .current {
	font-weight: bold;
	}

.2column {
	background: url(../footcare/img/footcare_sidenav_bg.gif) repeat-y left bottom !important;
	margin-bottom: -4em !important;
	}

* html .2column {
	margin-bottom: -5em;
	}

/* - main ------------- */
	
.main {
	float: right;
	width: 600px;
	background-color: #fff;
	}

/* - footer ------------- */

#footer {
	clear: both;
	width: 780px;
	text-align: center;
	background-color: #FFF;
	}

#footer{
	font-size: 85%;
	}

*+html #footer {
	font-size: 85%;
	}

#users_nav {
	background-color: #6ea8cd; 
	text-align: center;
	padding: 0.5em;
	}

#users_nav ul {
	width: 30em;
	list-style-type: none;
	margin: 0 auto;
	}
	
#users_nav li {
	float: left;
}

#footer p {
	clear: both;
	color: #363a8f;
	padding-bottom: 1em;
	margin-bottom: 0;
	}

/* - shared classes ------------- */

/* align */
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

.bold {
	font-weight: bold;
	}

/* float */
.fl-left {
	float:left;
}
.fl-right {
	float:right;
}
.fl-clear {
	clear:both;
}

/* clear */
.section {
	clear: both;
	margin: 1em auto;
	}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html #wrapper,
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}