@charset "UTF-8";
/* CSS Document */

body {
	font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}

/* HEADER */
#header {
	height: 225px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 21px;
	padding-left: 21px;
	padding-top: 25px;
}
#index #header {
	background-image: url(../images/bkg-header.jpg);
	background-repeat: no-repeat;
}
#greeting #header {
	background-image: url(../images/bkg-header-greeting.jpg);
	background-repeat: no-repeat;
}
#breath #header {
	background-image: url(../images/bkg-header-breath.jpg);
	background-repeat: no-repeat;
}
#dentaljel #header {
	background-image: url(../images/bkg-header-dentaljel.jpg);
	background-repeat: no-repeat;
}
#mouthwash #header {
	background-image: url(../images/bkg-header-mouthwash.jpg);
	background-repeat: no-repeat;
}
#barrier #header {
	background-image: url(../images/bkg-header-barrier.jpg);
	background-repeat: no-repeat;
}
#cargo #header {
	background-image: url(../images/bkg-header-cargo.jpg);
	background-repeat: no-repeat;
}
#header h1 {
	text-align: right;
	color: #009900;
	padding-top: 190px;
	padding-right: 10px;
}

/* NAVI */
#navi {
	background-image: url(../images/bkg-navi.jpg);
	background-repeat: no-repeat;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 11px;
	padding-left: 11px;
	height: 45px;
}
#navi ul {
}
#navi li {
	float: left;
	font-weight: bold;
}
#navi li a, #navi li a:link, #navi li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	height: 28px;
	padding-right: 0px;
	padding-left: 0px;
	display: block;
	text-align: center;
	padding-top: 7px;
}
#navi li a:hover, #navi a:active {
	color: #FF6600;
	text-decoration: none;
	height: 28px;
	padding-top: 7px;
	padding-right: 0px;
	padding-left: 0px;
	display: block;
	text-align: center;
}
#navi li.index {
	width: 120px;
}
#navi li.greeting {
	width: 100px;
}
#navi li.breath {
	width: 100px;
}
#navi li.jel {
	width: 130px;
}
#navi li.wash {
	width: 140px;
}
#navi li.barrier {
	width: 100px;
}
#navi li.pety {
	width: 100px;
}
#navi li.cargo {
	width: 100px;
}
#navi li.current {
	height: 28px;
	padding-top: 7px;
	padding-right: 0px;
	padding-left: 0px;
	color: #FFFF00;
	text-align: center;
}

/* MAIN */
#main {
	background-image: url(../images/bkg-main.jpg);
	background-repeat: repeat-y;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 26px;
	padding-bottom: 20px;
	padding-left: 26px;
}

/* CENTER */
#main #center {
	width: 420px;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}
#main #center p {
	line-height: 24px;
}
#main #center p .capt {
	font-size: 12px;
	text-decoration: none;
}
#main #center a, #main #center a:link, #main #center a:visited {
	color: #339900;
	text-decoration: none;
}
#main #center a:hover, #main #center a:active {
	color: #FF9900;
	text-decoration: none;
}
#main #center #caption {
}
#main #center #caption ul {
	margin-left: 20px;
}
#main #center #caption ul li {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 24px;
	color: #666666;
}

/* TPOPAGE CAMP */
#main #center #camp {
	border: 1px solid #66CC00;
	margin-bottom: 20px;
}
#main #center #camp .top {
	height: 20px;
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
	background-color: #F0FFF0;
	color: #FF0000;
}
#main #center #camp .body {
	background-color: #F0FFF0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
#main #center #camp form {
}
#main #center #camp img {
	float: left;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 20px;
	padding: 3px;
}
#main #center #camp p {
}
#main #center #camp p.name {
	font-weight: bold;
	color: #FF0000;
}
#main #center #camp p.catch {
	font-size: 12px;
	line-height: 16px;
}
#main #center #camp p.price {
	font-size: 14px;
	line-height: 16px;
	color: #FF6600;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: right;
	padding-right: 12px;
}
#main #center #camp p.link {
	margin-bottom: 20px;
	font-size: 10px;
	line-height: 14px;
	margin-top: 5px;
}

/* TPOPAGE ITEMS */
#main #center #item_index {
	border: 1px solid #66CC00;
	margin-bottom: 20px;
}
#main #center #item_index .top {
	height: 20px;
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
	background-color: #F0FFF0;
}
#main #center #item_index .body {
	background-color: #F0FFF0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
#main #center #item_index form {
}
#main #center #item_index img {
	float: left;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 20px;
	padding: 3px;
}
#main #center #item_index p {
}
#main #center #item_index p.name {
	font-weight: bold;
	color: #FF6600;
}
#main #center #item_index p.catch {
	font-size: 12px;
	line-height: 16px;
}
#main #center #item_index p.price {
	font-size: 14px;
	line-height: 16px;
	color: #FF6600;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: right;
	padding-right: 12px;
}
#main #center #item_index p.link {
	margin-bottom: 20px;
	font-size: 10px;
	line-height: 14px;
	margin-top: 5px;
}

/* TOPPAGE NEWS */
#main #center #news {
}
#main #center #news p.news_title {
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 5px;
}
#main #center #news p.news_cont {
	padding-left: 20px;
}
#main #center #news p.news_date {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	text-align: right;
	margin-bottom: 10px;
	margin-right: 10px;
}
/* CARGO ITEMS */
#main #center #item_cargo {
	border: 1px solid #FF0000;
	margin-bottom: 20px;
}
#main #center #item_cargo .top {
	height: 20px;
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
	background-color: #FFF0F0;
}
#main #center #item_cargo .body {
	background-color: #FFF0F0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
#main #center #item_cargo form {
}
#main #center #item_cargo form input.text {
	width: 300px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#main #center #item_cargo img {
	float: left;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	padding: 3px;
}
#main #center #item_cargo p {
}
#main #center #item_cargo p.name {
	font-weight: bold;
	color: #FF6600;
}
#main #center #item_cargo p.catch {
	font-size: 12px;
	line-height: 16px;
	height: 32px;
	margin-bottom: 10px;
}
#main #center #item_cargo p.price {
	font-size: 14px;
	line-height: 16px;
	text-align: right;
	margin-bottom: 5px;
}
#main #center #item_cargo p.link {
	margin-bottom: 5px;
	font-size: 10px;
	line-height: 14px;
	margin-top: 5px;
	text-align: right;
}
#main #center #item_cargo p.empty {
	text-align: center;
	margin-bottom: 10px;
}
#main #center #item_cargo ul {
	margin-top: 10px;
}
#main #center #item_cargo li {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 5px;
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 20px;
}

/* CARGO FORM */

#main #center #form_cargo {
	border: 1px solid #FF0000;
	margin-bottom: 20px;
}
#main #center #form_cargo .top {
	height: 20px;
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
}
#main #center #form_cargo .body {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
#main #center #form_cargo form {
}
#main #center #form_cargo form input.must {
}
#main #center #form_cargo p .capt {
	font-size: 12px;
	color: #FF0000;
}


#main #center #breath {
}
#main #center #breath h2 {
	color: #FF9900;
	text-decoration: none;
}
#main #center #breath h3 {
	color: #339900;
	text-decoration: none;
	margin-top: 5px;
}
#main #center #breath h4 {
	color: #333333;
	text-decoration: none;
	margin-top: 5px;
}
#main #center #breath p {
	line-height: 24px;
	padding-left: 14px;
}
#main #center #breath ul {
	padding-left: 28px;
}
#main #center #breath li {
	line-height: 24px;
	list-style-position: outside;
	list-style-type: disc;
}
/* ITEM PAGES */
#main #center #item {
}
#main #center #item img {
	float: left;
	margin-bottom: 10px;
	padding: 2px;
	margin-right: 20px;
	border: 1px solid #CCCCCC;
	margin-top: 8px;
}
#main #center #item h2 {
	color: #FF9900;
	text-decoration: none;
}
#main #center #item h3 {
	color: #339900;
	text-decoration: none;
	margin-top: 5px;
}
#main #center #item h4 {
	color: #333333;
	text-decoration: none;
	margin-top: 5px;
}
#main #center #item p {
	line-height: 24px;
	padding-left: 14px;
}
#main #center #item p.capt {
	font-size: 12px;
	text-decoration: none;
	margin-left: 14px;
}
#main #center #item ul {
	padding-left: 28px;
}
#main #center #item li {
	line-height: 24px;
	list-style-position: outside;
	list-style-type: disc;
	font-weight: bold;
	color: #333333;
}

/* ITEM PAGES ITEMS */
#main #center #item_item {
	border: 1px solid #66CC00;
	margin-bottom: 20px;
	margin-top: 20px;
}
#main #center #item_item .top {
	height: 20px;
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
	background-color: #F0FFF0;
}
#main #center #item_item .body {
	background-color: #F0FFF0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
#main #center #item_item form {
}
#main #center #item_item img {
	float: left;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 20px;
	padding: 3px;
}
#main #center #item_item p {
}
#main #center #item_item p.name {
	font-weight: bold;
	color: #FF6600;
}
#main #center #item_item p.catch {
	font-size: 12px;
	line-height: 16px;
}
#main #center #item_item p.price {
	font-size: 14px;
	line-height: 16px;
	color: #FF6600;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: right;
	padding-right: 12px;
}

/* GREETING */
#greeting #main #center img {
	float: right;
	margin-left: 10px;
	margin-top: 24px;
}

/* LEFT */
#main #left {
	float: left;
	width: 200px;
	padding-right: 10px;
}

/* PLUS */
#main #left #plus {
}
#main #left #plus img {
	border: 1px solid #333333;
	margin-bottom: 15px;
}
#main #left #plus .top {
	height: 20px;
	text-align: center;
	font-weight: bold;
	background-color: #FF6633;
	font-size: 12px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FF6633;
	border-right-color: #FF6633;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FF6633;
	width: 198px;
	padding-top: 3px;
}
#main #left #plus .body {
	background-color: #F0F0F0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF6633;
	border-left-color: #FF6633;
	width: 178px;
	font-size: 12px;
}
#main #left #plus p.capt {
	text-align: right;
	font-size: 10px;
	margin-top: 10px;
}
#main #left #plus a, #main #left #plus a:link, #main #left #plus a:visited {
	color: #339900;
	text-decoration: none;
}
#main #left #plus a:hover, #main #left #plus a:active {
	color: #FF9900;
	text-decoration: none;
}
#main #left #plus .bottom {
	height: 10px;
	background-color: #FF6633;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FF6633;
	border-bottom-color: #FF6633;
	border-left-color: #FF6633;
	width: 198px;
	margin-bottom: 15px;
}

/* LOGIN FORM */
#main #left #login {
}
#main #left #login .top {
	height: 20px;
	text-align: center;
	font-weight: bold;
	background-color: #999999;
	font-size: 12px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	width: 198px;
	padding-top: 3px;
}
#main #left #login .body {
	background-color: #F0F0F0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
	width: 178px;
	font-size: 12px;
}
#main #left #login form input.text {
	width: 172px;
	margin-bottom: 5px;
	color: #339900;
}
#main #left #login form input.button {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #999999;
	font-weight: bold;
	margin: 0px;
	background-image: url(../images/submit-login.jpg);
}
#main #left #login p.capt {
	text-align: right;
	font-size: 10px;
	margin-top: 10px;
}
#main #left #login a, #main #left #login a:link, #main #left #login a:visited {
	color: #339900;
	text-decoration: none;
}
#main #left #login a:hover, #main #left #login a:active {
	color: #FF9900;
	text-decoration: none;
}
#main #left #login .bottom {
	height: 10px;
	background-color: #999999;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	width: 198px;
	margin-bottom: 15px;
}

/* LOGGED MEMBER */
#main #left #member {
	font-size: 12px;
	line-height: 14px;
}
#main #left #member .top {
	height: 20px;
	text-align: center;
	font-weight: bold;
	background-color: #999999;
	font-size: 12px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	width: 198px;
	padding-top: 3px;
}
#main #left #member .body {
	background-color: #F0F0F0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
	width: 178px;
	font-size: 12px;
}
#main #left #member p {
	margin-bottom: 5px;
}
#main #left #member p.welcome {
	margin-bottom: 10px;
}
#main #left #member p .title {
	font-weight: bold;
}
#main #left #member p.name {
	font-size: 10px;
}
#main #left #member p.capt {
	text-align: right;
	font-size: 10px;
	margin-top: 10px;
}
#main #left #member a, #main #left #member a:link, #main #left #member a:visited {
	color: #339900;
	text-decoration: none;
}
#main #left #member a:hover, #main #left #member a:active {
	color: #FF9900;
	text-decoration: none;
}
#main #left #member .bottom {
	height: 10px;
	background-color: #999999;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	width: 198px;
	margin-bottom: 15px;
}

/* CARGO STATUS */
#main #left #cargo_stat {
	margin-bottom: 20px;
	font-size: 10px;
	line-height: 14px;
	width: 200px;
}
#main #left #cargo_stat .top {
	height: 18px;
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
	background-color: #999999;
	font-size: 12px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	width: 198px;
}
#main #left #cargo_stat .body {
	background-color: #F0F0F0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
	width: 178px;
}
#main #left #cargo_stat .bottom {
	height: 10px;
	background-color: #999999;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	width: 198px;
}
#main #left #cargo_stat form {
}
#main #left #cargo_stat img {
	float: left;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	padding: 3px;
}
#main #left #cargo_stat p {
	margin-bottom: 5px;
}
#main #left #cargo_stat p.name {
}
#main #left #cargo_stat p.catch {
	font-size: 12px;
	line-height: 16px;
	height: 32px;
	margin-bottom: 10px;
}
#main #left #cargo_stat p.price {
	text-align: right;
}
#main #left #cargo_stat p.link {
	margin-top: 10px;
	text-align: right;
}
#main #left #cargo_stat p.empty {
	text-align: center;
	margin-bottom: 10px;
}
#main #left #cargo_stat a, #left #cargo_stat a:link, #left #cargo_stat a:visited {
	color: #339900;
	text-decoration: none;
}
#main #left #cargo_stat a:hover, #main #left #cargo_stat a:active {
	color: #FF9900;
	text-decoration: none;
}


#main #right {
	float: right;
	width: 200px;
	padding-left: 10px;
}
#main #right h2 {
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #FFFFFF;
	background-color: #999999;
}
#main #right #delivdate {
	text-align: left;
	border: 2px solid #FF0000;
	background-color: #FFFFCC;
	margin-bottom: 15px;
	width: 182px;
	font-size: 12px;
	padding: 7px;
}
#main #right #delivdate .date {
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
}
#main #right #freedial {
	text-align: left;
	border: 2px solid #FF0000;
	background-color: #FFFFCC;
	margin-bottom: 15px;
	width: 182px;
	font-size: 12px;
	padding: 7px;
}
#main #right #freedial p {
	text-align: center;
}
#main #right #freedial p.number {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight: bolder;
	color: #FF0000;
	text-decoration: none;
	background-attachment: fixed;
	background-image: url(../images/fd_red.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 30px;
}

/* NAVI BOTTOM */
#navi-btm {
	text-align: center;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 21px;
	padding-left: 21px;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	background-image: url(../images/bkg-main.jpg);
}
#navi-btm a, #navi-btm a:link, #navi-btm a:visited {
	color: #339900;
	text-decoration: none;
}
#navi-btm a:hover, #navi-btm a:active {
	color: #FF9900;
	text-decoration: none;
}

/* FOOTER */
#footer {
	background-image: url(../images/bkg-footer.jpg);
	background-repeat: no-repeat;
	text-align: center;
	height: 46px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 21px;
	padding-left: 21px;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	padding-top: 19px;
	color: #FFFFFF;
}

/* UTILITIES */
.clr {
	font-size: 1px;
	clear: both;
	line-height: 1px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
input.cargo {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #999999;
	font-weight: bold;
	margin: 0px;
	background-image: url(../images/submit-cargo.jpg);
}
input.ime-off { 
    ime-mode: disabled;
}
.mgb10 {
	margin-bottom: 10px;
}