@CHARSET "UTF-8";

/* Tags */
* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

body {
	background: #78C6ED;
	text-align: center;
	line-height: 1.7;
	font-size: 0.9em;
	color: #000;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
}

a {
    color: #000;
}

img {
    border: none;
}



/* Clearfix */
#body:after,
#header:after,
#header-nav ul:after,
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

#body,
#header,
#header-nav ul,
.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html #body,
* html #header,
* html #header-nav ul,
* html .clearfix {
    height: 1%;
}

#body,
#header,
#header-nav ul,
.clearfix {
    display: block;
}
/* End hide from IE-mac */



/* container
-------------------------------------*/
div#container {
	position: relative;
	min-height: 100%;
	text-align: center;
	background: url(common/body_bg.jpg) repeat-x 0px 0px;
}

* html #container {
	height: 100%;
}

/* container > header
-------------------------------------*/
div#container div#header {
	width: 800px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}

div#container div#header h1 {
	float: left;
}

div#container div#header h1 a {
	margin: 10px 0 0 0;
	width: 297px;
	height: 40px;
	display: block;
	background: url(common/logo.jpg) no-repeat;
	text-indent: -999em;
	overflow: hidden;
	outline: none;
}


div#container div#header div#header-nav {
	margin: 24px 0 24px 0;
	width: 368px;
	height: 14px;
	float: right;
}
div#container div#header div#header-nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

div#container div#header div#header-nav li {
	float: left;
	height: 14px;
	list-style-type:none;
	margin:0;
	padding:0;
}

div#container div#header div#header-nav li a {
	display: block;
	height: 14px;
	text-indent: -9999px;
	text-decoration: none;
	/*\*/
		overflow: hidden;
	/**/
	background: url(common/btn_gnavi.gif);
	margin:0;
	padding:0;
}

div#container div#header div#header-nav li.page-item-5 a {
	width:105px;
	margin-right: 17px;
	background-position: 0px 0px;
}
div#container div#header div#header-nav li.page-item-5 a:hover {
	background-position: 0px -14px!important;
}

div#container div#header div#header-nav li.page-item-7 a {
	width:50px;
	margin-right: 17px;
	background-position: -122px 0px;
}
div#container div#header div#header-nav li.page-item-7 a:hover {
	background-position: -122px -14px!important;
}

div#container div#header div#header-nav li.page-item-9 a {
	width:60px;
	margin-right: 17px;
	background-position: -189px 0px;
}
div#container div#header div#header-nav li.page-item-9 a:hover {
	background-position: -189px -14px!important;
}

div#container div#header div#header-nav li.page-item-18 a {
	width:102px;
	background-position: -266px 0px;
}
div#container div#header div#header-nav li.page-item-18 a:hover {
	background-position: -266px -14px!important;
}


/* container > body
-------------------------------------*/
div#container div#body {
	width: 800px;
	margin: 0 auto;
	background: url(common/side_bg2.gif);
	text-align: left;
}

/* container > body > content
-------------------------------------*/
div#container div#body div#content {
	width: 600px;
	float: left;
	background:#fff;
	padding-bottom: 141px;
}

div#container div#body div#content div.post {
	padding: 0 10px;
}

div#container div#body div#content div.post h2 {
	padding: 0px 0px 3px 38px;
	margin: 1em 0;
	font-size: 1.2em;
	font-weight: bold;
	background: url(common/h2_bg.jpg) no-repeat 0px 0px;
	border-bottom: dashed 1px #7BA841;
}

/* container > body > sidebar
-------------------------------------*/
div#container div#body div#sidebar {
	width: 200px;
	float: right;
	padding-bottom: 141px;
	background: url(common/side_bg.gif) repeat-y 0px 0px;
}

div#container div#body div#sidebar div.description {
	margin: 12px 0 0 9px;
}
div#container div#body div#sidebar div.description p {
	margin: 0;
}

div#container div#body div#sidebar div.tocart {
	margin: 12px 0 20px 9px;
}

div#container div#body div#sidebar ul#sidebar-nav {
    list-style: none;
}

div#container div#body div#sidebar ul#sidebar-nav li {
}

div#container div#body div#sidebar ul#sidebar-nav a {
    display: block;
	height: 30px;
    margin: 0;
    padding: 0 5px 0 30px;
    text-decoration: none;
    color: #333;
    background: url(common/sidebarnavi_bg.gif) 11px 4px no-repeat;
}

div#container div#body div#sidebar ul#sidebar-nav a:hover {
    color: #FF9900;
    text-decoration: underline;
    background: url(common/sidebarnavi_bg_over.gif) 11px 4px no-repeat;
}

/* container > footer
   container > footer-cart
-------------------------------------*/
div#container div#footer,
div#container div#footer-cart {
	clear:both;
	background-color: #271501;
	border-top: solid 1px #999;
	padding-bottom: 1px;
	margin: 0;
}
div#container div#footer-cart { /margin-top:-30px; }

/* container > footer > backtotop
-------------------------------------*/
div#container div#footer div#backtotop {
	position: relative;
	top:-141px;
	height: 141px;
	background: url(common/side_bg_bottom.gif) no-repeat right bottom;
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
div#container div#footer-cart div#backtotop {
	position: relative;
	top:-51px;
	height: 51px;
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
div#container div#footer div#backtotop p,
div#container div#footer-cart div#backtotop p {
	margin-left: 10px;
	background: url(common/totop_bg.gif) no-repeat left center;
	padding-left: 13px;
	position: relative;
}
div#container div#footer div#backtotop p {
	top: 110px;
}
div#container div#footer-cart div#backtotop p {
	top: 20px;
}
div#container div#footer div#backtotop a,
div#container div#footer-cart div#backtotop a {
	color:#000;
	font-size: 0.8em;
}
div#container div#footer div#backtotop a:hover,
div#container div#footer-cart div#backtotop a:hover {
	color:#f90;
}

/* container > footer > footer-board
   container > footer-cart > footer-board
-------------------------------------*/
div#container div#footer div#footer-board,
div#container div#footer-cart div#footer-board {
	text-align: left;
	font-size: 0.8em;
	color: #FFF;
	width: 800px;
}
div#container div#footer div#footer-board {
	margin: -130px auto 0 auto;
}
div#container div#footer-cart div#footer-board {
	margin: -40px auto 0 auto;
}

div#container div#footer div#footer-board div#location,
div#container div#footer-cart div#footer-board div#location {
	float: left;
	width: 270px;
	display: inline;
}

div#container div#footer div#footer-board div#location dl#address,
div#container div#footer-cart div#footer-board div#location dl#address {
}

div#container div#footer div#footer-board div#location dl#address dt,
div#container div#footer-cart div#footer-board div#location dl#address dt {
	margin-bottom: 0.5em;
	font-size: 1.4em;
	font-weight: bold;
}

div#container div#footer div#footer-board ul#footer-nav,
div#container div#footer-cart div#footer-board ul#footer-nav {
	float: right;
	width: 500px;
	margin: 5px 15px 0 0;
	color: #FF7A00;
	list-style: none;
	display: inline;
}

div#container div#footer div#footer-board ul#footer-nav li,
div#container div#footer-cart div#footer-board ul#footer-nav li {
	width: 140px;
	padding-left: 10px;
	margin: 0 10px 5px 0;
	float: left;
	list-styler-type: none;
}

div#container div#footer div#footer-board ul#footer-nav a,
div#container div#footer-cart div#footer-board ul#footer-nav a {
	display:block;
	color: #FFF;
	background: url(common/footer_navi_bg.gif) 0px 5px no-repeat;
	padding-left: 10px;
}

div#container div#footer div#footer-board ul#footer-nav a:hover,
div#container div#footer-cart div#footer-board ul#footer-nav a:hover {
	color: #FF7A00;
	background-image: url(common/footer_navi_bg_over.gif);
}

#copyright {
	clear: both;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
	color: #FFF;
}


h3.medakalist {
	padding: 0px 0px 8px 48px;
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	background: url(common/h2_bg.jpg) no-repeat 10px 0px;
}

table.basic1	{
	border-collapse: collapse;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: none;
	border-bottom: none;
	margin: 0px 10px 0px 10px;
	font-size: 0.8em;
}

table.basic1 th{
	padding: 5px 2px;
	text-align: center;
	background: #EAF897;
	border-top: none;
	border-left: none;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	white-space: nowrap;
}
table.basic1 td{
	padding: 5px;
	border-top: none;
	border-left: none;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
table.basic1 td.cell1{
	background: #fff;
}
table.basic1 td.cell2{
	background: #f0f0f0;
}
table.basic1 td.addcart{
	width: 175px;
}
table.basic1 td.addcart input.addcartbtn	{
	position: relative;
	top: 5px;
	margin-top: -10px;
	margin: -10px 3px 0px 3px;
}


.right {
    text-align: right;
}
.center {
    text-align: center;
}

.left {
    text-align: left;
}
.w150 {
    width: 150px;
}
.bold {
    font-weight: bold;
}
.red {
    color: #F33;
}
.none {
    display: none;
}

.topmessage p {
    margin-bottom: 30px;
}
.topmessage p {
    background: #B0E0E6;
    border-top: 1px solid #B0E0E6;
    border-left: 1px solid #B0E0E6;
    border-right: 2px solid #6699FF;
    border-bottom: 2px solid #6699FF;
    margin: 5px 30px;
    padding: 5px;
}

#sidebar h2 {
    font-size:1em;
}
#sidebar li {
    font-size:1em;
	list-style-type:none;
    padding-left: 2px;
}
.tablebottomlink {
	margin: 0px 10px 20px 10px;
    text-align: right;
    font-size:0.9em;
}
.tablebottomlink a{
    padding-left: 15px;
	background: url(common/totop_bg.gif) no-repeat left center;
}
ul#sidebar-scroll {
    list-style: none;
    margin-bottom: 20px;
}
ul#sidebar-scroll li{
}
ul#sidebar-scroll li a{
    display: block;
	height: 25px;
    margin: 0;
    padding: 0 5px 0 30px;
    text-decoration: none;
    color: #333;
    background: url(common/sidebarnavi_bg.gif) 11px 4px no-repeat;
}
#sidebar h2 {
    font-size:1.1em;
    padding-left: 15px;
}
p.medakadescription {
    margin:5px 12px 0px 12px;
}