/* ----------------
Shoyoki Settei
------------------*/

*{
	margin: 0px;
	padding: 0px;
}

/* ----------------
Index

1.base
2.header
3.menu
4.footer
5.info
6.toppage
7.info page
8.history page
9.president page
10.map page
11.iso page
12.custom page
13.factory page
14.exam page
15.apply page
16.manual page
17.master page
18.link page
19.sitemap page
20.news page
21.catalog page
22.shop page
23.shopdetail page
24.shop_info page
25.shop baner
------------------*/

/* ----------------
1.base
------------------*/

div#container {
	width: 798px;
	border-left: 1px;
	border-left-color: #003399;
	border-left-style: solid; 
	border-right: 1px;
	border-right-color: #003399;
	border-right-style: solid; 
	border-bottom: 1px;
	border-bottom-color: #003399;
	border-bottom-style: solid; 
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	background-image: url(../img/base/left_back.gif);
	background-position: left;
	background-repeat: repeat-y;
}

/*
div#header {
	width: 798px;
	height: 45px;
	background-image: url(../img/base/header_backimg.jpg);
	background-repeat: no-repeat;
	padding-top: 13px;
}
*/

div#header {
	width: 798px;
	height: 52px;
	background-image: url(../img/base/header_backimg_rev1.jpg);
	background-repeat: no-repeat;
	padding-top: 13px;
	position: relative;
}

div#header p#header_navi{
	display: block;
	position: absolute;
	right: 0px;
	bottom: 3px;
	background-color: #003399;
	height: 12px;
	width: 170px;
	text-align: center;
	padding-bottom: 0px;
	padding-top: 3px;
	color: White;
	font-size: 12px;
}

div#header p#header_navi a{
	text-decoration: none;
	color: White;
}

div#left {
	width: 168px;
	float: left;
}

div#menu{
	width: 168px;
}

div#info {
	font-size: 12px;
	line-height: 140%;
	width: 136px;
	margin-top: 100px;
	margin-left: 16px;
}

div#right{
	width: 629px;
	border-left: 1px;
	border-left-color: #003399;
	border-left-style: solid; 
	float: right;
}

div#contents{
	width: 591px;
	padding-top: 24px;
	padding-left: 21px;
	padding-right: 17px;
	font-size: small;
}

div#contact{
	width: 500px;
	border: 1px;
	border-color: #ff6600;
	background-color: #fff4ec;
	border-style: solid;
	padding: 25px;
	text-align: center;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	font-size: small;
	line-height: 140%;
}

div#contact span{
	color: red;
	font-weight: bold;
	font-size: large;
	line-height: 200%;
}

div#contact a{
	width: 400px;
	height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	line-height: 15px;
	background-color: #e8f0ff;
	border: 1px;
	border-color: #003399;
	border-style: solid;
	color: #003399;
	margin-top: 10px;
}

div#contact a:hover{
	background-color: #d0e0ff;
}

div#footer {
	width: 629px;
	margin-top: 40px;
}


/* ----------------
2.header
------------------*/

div#header h1 a{
	height: 31px;
	width: 186px;
	display: block;
	margin-left: 20px;
/*	margin-top: 13px; */
	background-image: url(../img/base/header_h1.jpg);
	text-indent: -9999px;
	color: White;
	font-size: 5px;
}

/* ----------------
3.menu
------------------*/

div#menu ul{
	list-style: none;
	text-indent: -9999px;
}

div#menu li,div#menu a {
	display: block;
	width: 168px;
}

div#menu li a {
	text-decoration: none;
	color: White;
	background-image: url(../img/base/menu.gif);
	background-repeat: no-repeat;
}

div#menu li#menu01 a{
	height: 30px;
}

div#menu li#menu02 a{
	background-position: 0px -30px;
	height: 28px;
}

div#menu li#menu03 a{
	background-position: 0px -58px;
	height: 28px;
}

div#menu li#menu04 a{
	background-position: 0 -87px;
	height: 29px;
}

div#menu li#menu05 a{
	background-position: 0 -116px;
	height: 29px;
}

div#menu li#menu06 a{
	background-position: 0 -144px;
	height: 28px;
}

div#menu li#menu07 a{
	background-position: 0 -173px;
	height: 29px;
}

div#menu li#menu08 a{
	background-position: 0 -202px;
	height: 29px;
}

div#menu li#menu09 a{
	background-position: 0 -230px;
	height: 28px;
}

div#menu li#menu10 a{
	background-position: 0 -259px;
	height: 29px;
}

div#menu li#menu11 a{
	background-image: url(../img/base/shop_menu.gif);
	height: 29px;
}

div#menu li#menu01 a:hover{
	background-position: -167px 0px;
	height: 30px;
}

div#menu li#menu02 a:hover{
	background-position: -167px -30px;
	height: 28px;
}

div#menu li#menu03 a:hover{
	background-position: -167px -58px;
	height: 28px;
}

div#menu li#menu04 a:hover{
	background-position: -167px -87px;
	height: 29px;
}

div#menu li#menu05 a:hover{
	background-position: -167px -116px;
	height: 29px;
}

div#menu li#menu06 a:hover{
	background-position: -167px -144px;
	height: 28px;
}

div#menu li#menu07 a:hover{
	background-position: -167px -173px;
	height: 29px;
}

div#menu li#menu08 a:hover{
	background-position: -167px -202px;
	height: 29px;
}

div#menu li#menu09 a:hover{
	background-position: -167px -230px;
	height: 28px;
}

div#menu li#menu10 a:hover{
	background-position: -167px -259px;
	height: 29px;
}

div#menu li#menu11 a:hover{
	background-position: -167px 0px;
	background-image: url(../img/base/shop_menu.gif);
	height: 29px;
}

/* ----------------
4.footer
------------------*/
div#footer h2 {
	background-image: url(../img/base/footer_logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 105px;
	height: 21px;
	margin-left: auto;
	margin-right: auto;
}

div#footer p {
	font-size: 12px;
	width: 570px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 8px;
	line-height: 150%;
}

.orange {
	color: #FF6600;
}

div#footer p#copyright{
	font-size: 11px;
	width: 591px;
	border-top: solid;
	border-top-width: 1px;
	border-top-color: Black;
	margin-left: auto;
	margin-right: auto;
	padding-top: 22px;
	padding-bottom: 22px;
}

/* ----------------
5.info
------------------*/

div#info h2 {
	font-weight: bolder;
	font-size: 12px;
}

div#info p {
	margin-bottom: 23px;
}

/* ----------------
6.toppage
------------------*/

div#toppage {
	font-size: 12px;
}

div#toppage h2{
	display: block;
	text-indent: -9999px;
}

div#toppage h2#main_image{
	background-image: url(../img/top/main.jpg);
	background-repeat: no-repeat;
	height: 287px;
	width: 629px;
}

div#custom_news {
	width: 591px;
	height: 180px;
	font-size: 12px;
}

div#top_custom {
	width: 284px;
	height: 180px;
	float: left;
}

div#top_custom h2{
	height: 37px;
	width: 284px;
	background-image: url(../img/top/cusutom_h2.gif);
	background-repeat: no-repeat;
}

div#top_custom p{
	line-height: 140%;
	margin-top: 5px;
}

div#top_news {
	width: 284px;
	height: 180px;
	float: right;
}

div#top_news h2{
	height: 37px;
	width: 284px;
	background-image: url(../img/top/news_h2.gif);
}

div#top_news ul {
	width: 274px;
	height: 100px;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	overflow: auto;
}

div#top_news li {
	height: 21px;
	margin-left: 10px;
	background-image: url(../img/top/list_mark.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	list-style: none;
}

div#top_catalog {
	width: 591px;
	clear: both;
	margin-top: 24px;
	position: relative;
	overflow: auto;
	font-size: 12px;
}

div#top_catalog h2{
	width: 591px;
	height: 37px;
	margin-bottom: 5px;
	background-image: url(../img/top/catalog_h2.gif);
	background-repeat: no-repeat;
}

div#top_catalog h3 {
	font-size: 12px;
	color: #003399;
	height: 21px;
	font-weight: normal;
}

div#top_catalog li {
	height: 21px;
	background-image: url(../img/top/list_mark.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	list-style: none;
}

div#top_catalog ul {
	width: 147px;
	float: left;
}

div#top_catalog div#taika{
	position: absolute;
	top: 42px;
	left: 441px;
}

div#top_catalog p#catalog_link {
	clear: both;
	line-height: 18px;
}

div#top_catalog p#catalog_link .space {
	margin-right: 40px;
}

/* ----------------
7.infopage
------------------*/

/* ----------------
page commonparts
------------------*/

div#info_navi ul{
	width: 405px;
	height: 38px;
	margin-top: 16px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	list-style: none;
}

div#info_navi li{
	float: left;
	display: block;
}

li.info_navi a, li.info_navi span.orange{
	font-size: 12px;
	border-bottom: 1px;
	border-left: 1px;
	border-top: 1px;
	border-right: 0px;
	border-color: #336699;
	border-style: solid;
	display: block;
	width: 99px;
	height: 12px;
	padding: 12px 0px 12px 0px;
}

li.info_navi a:hover,li.info_navi_map a:hover{
	background-color: #E1EAF5;
}

li.info_navi_map a,li.info_navi_map_orange{
	font-size: 12px;
	border-bottom: 1px;
	border-left: 1px;
	border-top: 1px;
	border-right: 1px;
	border-color: #336699;
	border-style: solid;
	display: block;
	width: 99px;
	height: 12px;
	padding: 12px 0px 12px 0px;
}

li.info_navi_map_orange {
	color: #FF6600;
}

h2.titile {
	text-indent: -9999px;
	width: 100%;
	height: 37px;
	display: block;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

h3.title {
	width: 100%;
	background-image: url(../img/title/h3_back.jpg);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 15px;
	text-indent: 40px;
	color: #336699;
/*
	border-bottom: 1px;
	border-bottom-color: #FF6600;
	border-bottom-style: solid;
*/
	margin-bottom: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.center_orange{
	width: 100%;
	text-align: center;
	color: #FF6600;
	display: block;
}

div#info_contents h2{
	background-image: url(../img/title/info.gif);
}

div#info_contents div#img {
	width: 100%;
	clear: both;
}

div#info_contents p#img_left {
	float: left;
	width: 270px;
	text-align: center;
}

div#info_contents P#img_right {
	float: right;
	width: 270px;
	text-align: center;
}

div#info_contents table {
	margin-top: 20px;
	width: 100%;
	border-collapse: collapse;
	border: 2px;
	border-color: #336699;
	border-style: solid;
	line-height: 140%;
	clear: both;
}

div#info_contents table td {
	padding-top: 12px;
	padding-bottom: 12px;
}

div#info_contents table tr,div#info_contents table td {
	border: 1px;
	border-color: #336699;
	border-style: solid;
}

div#info_contents table td.left {
	text-align: center;
	width: 150px;
	background-color: #E1EAF5;
	letter-spacing: 0.5em;
}

div#info_contents table td.right {
	padding-left: 20px;
	padding-right: 20px;
}

/* ----------------
8.history page
------------------*/

div#history h2 {
	background-image: url(../img/title/history.gif);
}

div#history table {
	margin-top: 20px;
	width: 100%;
	border-collapse: collapse;
	border: 2px;
	border-color: #FF6600;
	border-style: solid;
	line-height: 140%;
}

div#history table td {
	padding-top: 12px;
	padding-bottom: 12px;
}

div#history table tr,div#history table td {
	border: 1px;
	border-color: #FF6600;
	border-style: solid;
}

div#history table td.left {
	text-align: center;
	width: 150px;
	background-color: #FFD6BB;
	letter-spacing: 0.5em;
}

div#history table td.right {
	padding-left: 20px;
	padding-right: 20px;
}

/* ----------------
9.president page
------------------*/

div#president {
	font-size: medium;
}

div#president h2 {
	background-image: url(../img/title/president.gif);
}

div#president p {
	margin-bottom: 1.5em;
	text-indent: 2em;
	line-height: 170%;
}

div#president p#sighn {
	width: 100%;
	text-align: right;
	font-family: HGP�s����;
	letter-spacing: 0.5em;
}

div#president img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* ----------------
10.map page
------------------*/

div#map h2{
	background-image: url(../img/title/map.gif);
}

div#map div#google_map{
	margin-bottom: 10px;
	border: 1px;
	border-color: #336699;
	border-style: solid;
}

div#map div#map_text p{
	font-size: small;
	line-height: 140%;
	margin-left: 1em;
}

div#map div#map_text h4 {
	font-size: small;
	color: #336699;
	margin-top: 10px;	
}

div#map div#map_text {
	margin-bottom: 20px;
}

/* ----------------
10.iso page
------------------*/

div#iso {
	font-size: small;
	line-height: 140%;
}

div#iso h2 {
	background-image: url(../img/title/iso.gif);
}

div#iso div#policy {
	margin-bottom: 20px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	line-height: 180%;
}

div#iso div#policy h4{
	width: 100%;
	text-align: center;
	font-size: small;
	font-weight: normal;
	margin-top: 1em;
	margin-bottom: 1em;
}

div#iso div#policy p.sighn{
	width: 100%;
	text-align: right;
}

div#iso table {
	margin-top: 10px;
	margin-bottom: 10px; 
	width: 100%;
	border-collapse: collapse;
	border: 2px;
	border-color: #336699;
	border-style: solid;
	line-height: 140%;
}

div#iso table td {
	padding-top: 12px;
	padding-bottom: 12px;
}

div#iso table tr,div#iso table td {
	border: 1px;
	border-color: #336699;
	border-style: solid;
}

div#iso table td.right {
	text-align: center;
	width: 150px;
	background-color: #E1EAF5;
	letter-spacing: 0.5em;
}

div#iso table td.left {
	padding-left: 20px;
	padding-right: 20px;
}

div#iso ol {
	margin-left: 3em;
}

/* ----------------
12.custom page
------------------*/

div#custom {
	font-size: small;
	line-height: 140%;
}


div#custom div.block {
	width: 100%;
	overflow: auto;
	margin-bottom: 20px;
}

div#custom div.block img.product{
	height: 240px;
	width: 120px;
	padding: 30px;
	display: block;
	float: left;
	background-color: #E1EAF5;
}

div#custom div.block div.text{
	float: right;
	width: 400px;
	height: 400px;
}

div#custom div.block div.text ol {
	margin-left: 3em;
}

div#custom h2 {
	background-image: url(../img/title/custom.gif);
}

div#custom div.block div.text h4 {
	font-size: small;
	font-weight: normal;
	color: #336699;
}

div#custom div.text img.point{
	height: 57px;
	width: 107px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}

div#custom p.intro{
	margin-bottom: 20px;
}

/* ----------------
13.factory page
------------------*/

div#factory {
	font-size: small;
	line-height: 140%;
	overflow: auto;
}

div#factory h2 {
	background-image: url(../img/title/factory.gif);
}

div#factory p#intro{
	margin-bottom: 20px;
}

div#factory div.block_left,div#factory div.block_right {
	height: 328px;
	width: 243px;
	padding: 20px;
	border: 1px;
	border-style: dashed;
	border-color: #336699;
	margin-bottom: 20px;
}

div.block_left {
	float: left;
}

div.block_right {
	float: right;
}

div#factory div.block_right h3 ,div#factory div.block_left h3 {
	font-size: small;
	font-weight: bold;
	color: #336699;
	margin-top: 10px;
}

div#factory div.block_right p ,div#factory div.block_left p {
	margin-top: 10px;
}

div#factory ul{
	width: 201px;
	height: 38px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 20px;
	line-height: 100%;
}

div#factory li {
	float: left;
	display: block;
	text-align: center;
}

div#factory li.fac_navi_fac,div#factory li.fac_navi_exa a{
	display: block;
	width: 99px;
	height: 12px;
	padding: 12px 0px 12px 0px;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #330699;
}

div#factory li.fac_navi_fac {
	color: #FF6600;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #330699;
}

div#factory li.fac_navi_exa a:hover{
	background-color: #E1EAF5;
}


/* ----------------
14.exam page
------------------*/

div#exam {
	font-size: small;
	line-height: 140%;
	overflow: auto;
}

div#exam h2 {
	background-image: url(../img/title/exam.gif);
}

div#exam p#intro{
	margin-bottom: 20px;
}

div#exam div.block_left,div#exam div.block_right {
	height: 528px; 
	width: 243px;
	padding: 20px;
	border: 1px;
	border-style: dashed;
	border-color: #336699;
	margin-bottom: 20px;
}

div#exam div.block_left {
	float: left;
}

div#exam div.block_right {
	float: right;
}

div#exam div.block_right h3 ,div#exam div.block_left h3 {
	font-size: small;
	font-weight: bold;
	color: #336699;
	margin-top: 10px;
}

div#exam div.block_right p ,div#exam div.block_left p {
	margin-top: 10px;
}

div#exam ul{
	width: 201px;
	height: 38px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 20px;
	line-height: 100%;
}

div#exam li {
	float: left;
	display: block;
	text-align: center;
}

div#exam li.fac_navi_fac a,div#exam li.fac_navi_exa {
	display: block;
	width: 99px;
	height: 12px;
	padding: 12px 0px 12px 0px;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #330699;
}

div#exam li.fac_navi_fac a{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #330699;
}

div#exam li.fac_navi_fac a:hover{
	background-color: #E1EAF5;
}

div#exam li.fac_navi_exa {
	color: #FF6600;
}

/* ----------------
15.apply page
------------------*/

div#apply {
	font-size: small;
}

div#apply h2{
	background-image: url(../img/title/apply.gif);
}

div#apply p {
	line-height: 140%;
	margin-bottom: 20px;
}

div#apply p.red {
	color: Red;
	margin-bottom: 0px;
}

div#apply .blue {
	color: #336699;
}

div#apply table {
	margin-top: 20px;
	width: 100%;
}

div#apply table td {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: left;
}

div#apply input {
	width: 200px;
	line-height: 140%;
}

div#apply td#radio input{
	width: 20px;
	line-height: 140%;
}

div#apply textarea {
	width: 300px;
	height: 5em;
}

div#apply textarea#field {
	width: 450px;
	height: 25em;
}

div#apply .bottom {
	width: 5em;
	height: 2em;
	margin: 10px;
}

div#apply table td#w170{
	width: 10em;
}

div#apply h3#error {
	font-size: medium;
	font-weight: bold;
	color: Red;
	margin-bottom: 20px;
	border-bottom: 1px;
	border-bottom-color: Red;
	border-bottom-style: solid;
}

div#apply h3#check {
	font-size: medium;
	font-weight: bold;
	color: #336699;
	margin-bottom: 20px;
	border-bottom: 1px;
	border-bottom-color: #336699;
	border-bottom-style: solid;
}

div#apply p#thanks {
	font-size: small;
	line-height: 140%;
	width: 100%;
	height: 250px;
	text-align: center;
}

/* ----------------
16.manual page
------------------*/

div#manual {
	font-size: small;
	line-height: 140%;
}

div#manual h2 {
	background-image: url(../img/title/manual.gif);
}

div#manual h4{
	font-size: small;
	font-weight: bold;
	color: #336699;
}

div#manual p#intro {
	margin-bottom: 20px;
}

div#manual div.block {
	padding: 10px;
	border: 1px;
	border-color: Gray;
	border-style: solid;
	overflow: auto;
	margin-bottom: 10px;
	clear: both;
}

div#manual div.block h5{
	font-size: small;
	font-weight: bold;
	margin-bottom: 10px;
}

div#manual div.block img{
	float: left;
	margin-right: 20px;
	width: 200px;
	display: block;
}

div#manual div.block p{
	float: right;
	display: block;
	width: 349px;
}

div#manual p#comment {
	margin-bottom: 20px;
}

div#manual img.sassi{
	margin-left: auto;
	margin-right: auto;
	width:191px;
	height:269px;
	display:block;
	margin-bottom: 2em;
}

div#manual img.sassi {
	border:1px;
}

div#manual ol.sassi{
	margin-left: 5em;
	margin-top: 1em;
	margin-bottom: 2em;
}

/* ----------------
17.master page
------------------*/
div#master {
	font-size: medium;
	line-height: 140%;
}	

div#master h2 {
	background-image: url(../img/title/master.gif);
}

div#master p#img {
	margin-right: auto;
	margin-left: auto;
	margin-top: 3em;
	margin-bottom: 3em;
	display: block;
	width: 400px;
	font-size: small;
}

div#master p {
	margin-bottom: 1em;
	margin-top: 1em;
}

div#master p.question {
	font-weight: bold;
}

div#master p#intro{
	font-size: small;
	color: Gray;
	margin: 3em;
}

div#master p#comment {
	padding: 1em;
	border: 1px;
	border-style: solid;
	border-color: #878787;
	background-color: #F5F5F5;
	font-size: small;
	margin: 3em;
}

/* ----------------
18.link page
------------------*/

div#link p{
	font-size: small;
	line-height: 140%;
	margin-bottom: 2em;
	margin-left: 4em;
	display: block;
}

div#link h2{
	background-image: url(../img/title/link.gif);
}

div#link h3{
	margin-left: 2em;
	font-size: medium;
	font-weight: normal;
	background-image: url(../img/top/list_mark.gif);
	background-repeat: no-repeat;
	background-position:  center left;
	text-indent: 15px;
}

/* ----------------
19.sitemap page
------------------*/

div#sitemap {
	font-size: small;
	line-height: 140%;
}

div#sitemap h2{
	background-image: url(../img/title/sitemap.gif);
}

div#sitemap ul{
	padding-left: 50px;
	list-style: none;
}

div#sitemap ul.indent {
	padding-left: 100px;
	list-style: none;
	margin-top: 3em;
}

div#sitemap ul li {
	background-image: url(../img/title/H3_blue.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 30px;
	margin-bottom: 3em;
}

div#sitemap ul.indent li {
	background-image: url(../img/title/H3.gif);
}

/* ----------------
20.news page
------------------*/

div#news {
	font-size: small;
	line-height: 140%;
}

div#news h2 {
	background-image: url(../img/title/news.gif);
}

div#news h3 {
	width: 100%;
	background-image: url(../img/title/h3_back.jpg);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 15px;
	text-indent: 40px;
	color: #336699;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div#news p{
	margin-bottom: 20px; 
}

/* ----------------
20.catalog page
------------------*/
div#catalog h2 {
	background-image: url(../img/title/catalog.gif);
}

div#catalog {
	font-size: small;
	line-height: 140%;
}

div#catalog img {
	border: 0px;
}

div#catalog p.intro{
	margin-bottom: 20px;
}

div#catalog table{
	width: 100%;
	border-collapse: collapse;
}

div#catalog table td{
	padding-left: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

div#catalog table td.bb_s{
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003399;
}

div#catalog table td.bbt_s{
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003399;
	border-top: 1px;
	border-top-style: solid;
	border-top-color: #003399;
}

div#catalog table td.bb_d{
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #003399;
}

div#catalog table td.bbt_sd{
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #003399;
	border-top: 1px;
	border-top-style: solid;
	border-top-color: #003399;
}

/* ----------------
22.shop page
------------------*/
div#shop_top {
	line-height: 140%;
}

div#shop_top h2{
	background-image: url(../img/title/shop.gif);
}

div#shop_top h3{
	clear: both;
}

div#shop_top h4{
	clear: both;
}

div#shop_top p.shop_navi{
	width: 100%;
	margin-bottom: 20px;
	text-align: right;
}

div#shop_top div.block{
	margin-bottom: 1em;
	margin-top: 1em;
}

div#shop_top p.intro{
	margin-bottom: 20px;
}


div#shop_top ul.point{
	margin-top: 3em;
	margin-bottom: 3em;
	color: #FF6600;
}

div#shop_top ul.point li{
	font-size: medium;
	list-style: none;
	margin: 1em 0em 1em 0em;
}

div#shop_top ul.point span.step{
	letter-spacing: 1ex;
	font-size: large;
}


div#shop_top div.bag{
	display: block;
	height: 200px;
	width: 590px;
	margin-bottom: 3em;
}

div#shop_top div.bag img{
	float: left;
	background-color: blue;
}

diV#shop_top div.bag p{
	float: right;
	display: block;
	height: 200px;
	width: 270px;
	margin-left: 1em;
}

/* ----------------
shop_list
------------------*/


div#shop_top div.porika_list , div#shop div.porika_list{
	width: 570px;
	height: 110px;
	background-image: url(../img/shop/small/bgi.gif);
	background-repeat: no-repeat;
	margin-bottom: 2em;
	padding: 10px;
}

div#shop_top div.porika_list img , div#shop div.porika_list img{
	float: left;
	width: 100px;
}

div#shop_top div.porika_list p , div#shop div.porika_list p{
	margin-top: 1em;
}

div#shop_top div.porika_list_left , div#shop div.porika_list_left{
	float: right;
	width: 440px;
	padding-left: 30px;
	
}

div#shop_top div.porika_list h4 , div#shop div.porika_list h4{
	font-size: medium;
	margin-top: 0px;
}


/* ----------------
23.shopdetail page
------------------*/

div#shop ul.point{
	margin-top: 3em;
	margin-bottom: 3em;
	color: #FF6600;
}

div#shop ul.point li{
	font-size: medium;
	list-style: none;
	margin: 1em 0em 1em 0em;
}

div#shop ul.point span.step{
	letter-spacing: 1ex;
	font-size: large;
}


div#shop {
	line-height: 140%;
}

div#shop h2{
	background-image: url(../img/title/shop.gif);
}

div#shop h3{
	clear: both;
	margin-top: 4em;
}

div#shop h4 {
	clear: both;
	font-size: 15px;
	margin-top: 2em;
	color: #336699;
}

div#shop p.shop_navi{
	width: 100%;
	margin-bottom: 20px;
	text-align: right;
}

div#shop p.pan_navi{
	margin-bottom: 2em;
}

div#shop table {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	border: 1px;
	border-color: Gray;
	border-style: solid;
}

div#shop table tr.table_tittle{
	background-color: #f1f1f1;
	text-align: center;
}

div#shop table.order_table tr{
	text-align: center;
	border: 0px;
}

div#shop table.order_table td{
	padding: 30px 0px 30px 0px;
	background: #f0f5ff;
}

div#shop input.order_submit{
	background-color: white;
	border-color: #FF6600;
	border-width: 1px;
	color: #ff6600;
	margin-left: 20px;
	font-size: 15px;
	height: 30px;
	width: 200px;
}

div#shop input.order_submit:hover{
	background-color: #ffd0b7;
}


div#shop table td,div#shop table tr{
	border: 1px;
	border-color: Gray;
	border-style: solid;
	padding: 0.5ex;
}


div#shop table.img {
	clear: both;
	width: 100%;
	border: none;
	font-size: 12px;
}

div#shop table.img td , div#shop table.img tr{
	border: none;
}

div#shop table.img2 {
	clear: both;
	width: 100%;
	border: none;
	font-size: 12px;
	line-height: 300%;
}

div#shop table.img2 td , div#shop table.img2 tr{
	border: none;
}


/* ----------------
24.shop_info page
------------------*/

div#shop_info {
	line-height: 140%;
}

div#shop_info h2{
	background-image: url(../img/title/shop.gif);
}

div#shop_info h3{
	
}

div#shop_info h4 {
	font-size: 15px;
	margin-top: 2em;
	color: #336699;
}

div#shop_info h4#top{
	font-weight: normal;
	font-size: large;
	margin-top: 2em;
	text-align: center;
	color: #FF6600;
	letter-spacing: 1.5ex;
}

div#shop_info ul.step li{
	font-size: medium;
	list-style: none;
	margin: 0em 0em 2em 0em;
}

div#shop_info ul.step{
	margin-top: 2em;
	margin-bottom: 4em;
}

div#shop_info ul.attention {
	list-style-position: inside;
	background-image: url(../img/shop/caution.gif);
	background-repeat: no-repeat;
	background-position: center;
}

div#shop_info span.step{
	letter-spacing: 1ex;
	font-size: large;
}

div#shop_info table.ship_fee td{
	padding: 1px 2px 1px 2px;
	text-align: right;
}


/* ----------------
25.shop banner
------------------*/

div#contents img.banner{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border-style: none;
	display: block;
	width: 488px;
	height: 60px;
}