@charset "UTF-8";

/*
:: reset & base style sheet
:: last update 2010-05-13
*/

/*==================================================

:: css for otom in web - for common
:: http://www.otom.co.uk ::
:: copyright (c) 2010 otom-tomo okada all rights reserved.

:: author - sunny coding department
:: http://sunny-coding-department.com/

==================================================*/

/*========== body ==========*/
* {
margin: 0px;
padding: 0px;
}

body {
line-height: 1.6em;
color: #777777;
background-color: #ffffff;
font-family: Trebuchet MS, Tahoma, Arial, Helvetica; 
font-size: 12px;
text-align: center;
}

div#wrapper { 
margin: 0 auto;
width: 1000px;
text-align: left;
}

img {
border: 0;
}

div.clearLine {
clear:both; 
}

.float {
float: left;
}

/*========== hypertext ==========*/
a {
text-decoration: none;
}

div#header a:link, div#nav a:link, div#navItem a:link, div#footer a:link,
div#header a:visited, div#nav a:visited, div#navItem a:visited, div#footer a:visited {
border: 0px;
color: #000000;
}

div#header a:hover, div#nav a:hover, div#navItem a:hover, div#footer a:hover,
div#header a:active, div#nav a:active, div#navItem a:active, div#footer a:active {
border: 0px;
color: #3399ff;
}

/* nomal*/
a:link, a:visited {
color: #444444;
}

a:hover, a:active {
color: #3399ff;
}

/*========== txt ==========*/
/* heading */
h1, h2 {
color: #000000;
}

h1{
font-size: 24px;
font-weight: bold;
}

h2 {
margin-top: 20px;
margin-bottom: 20px;
font-size: 18px;
font-weight: bold;
}

h3 {
margin-bottom: 5px;
font-size: 16px;
font-weight: bold;
color: #333333;
}

h3.h3Margin {
margin-top: 20px;
margin-bottom: 20px;
font-size: 14px;
}

/* paragraph */
p {
margin-bottom: 20px;
}

/* other */
ul.noStyle span {
padding-left: 10px;
font-size: 10px;
color: #999999;
}

ul.noStyle span:hover {
color: #3399ff;
}

strong.strongTitle {
font-weight: bold;
}

strong {
font-weight: normal;
}

span {
font-size: 10pt;
}

span.out {
color: #cccccc;
}

address {
font-style: normal;
text-align: center;
}


/*========== header ==========*/
div#header {
border-bottom: 1px solid #000000;
width: 100%;
height: 210px;
}

div#title {
padding-top: 50px;
width: 200px;
height: 35px;
}

/* navigation */
div#nav {
margin-top: 20px;
clear: both;
width: 100%;
height: 20px;
}

div#navItem {
clear: both;
margin-top: 20px;
width: 100%;
height: 60px;
}

div#nav ul, div#nav li, div#navItem ul, div#navItem li,
div#footerNav, div#footerNavItem {
list-style: none;
}

div#nav ul, div#nav li, div#navItem ul, div#navItem li  {
margin-right: 20px;
float: left;
}

.cart {
clear: both;
padding-left: 5px;
padding-top: 50px;
}

/*========== footer ==========*/
div#footer {
border-top: 1px solid #000000;
padding-top: 10px;
width: 100%;
height: 300px;
color: #000000;
}

div#breadcrumbs {
clear: both;
}

div#footerNav, div#footerNavItem {
float: left;
padding-left: 20px;
}

div#footerNav {
padding-left: 20px;
width: 200px;
}

#footerNavItem {
padding-left: 30px;
border-left: 1px solid#000000;
width: 500px;
}

div#copy {
padding-top: 20px;
clear: both;
text-align: center;
}


/*========== end ==========*/