/*
===================
basic.css

Author: Takenori Oshima
Date: 06-04-02

1. Universal Settings
2. Basic Styles
3. Move txt out of window
===================
*/



/*============
1. Universal Settings
============*/
* {margin : 0; padding: 0; font-size: 8pt;}
img {border: 0;}

body {
 background: #000;
 color: #ccc;
 font-family:Verdana;
  border: 0;
}




/*============
2. Basic Styles
============*/
#box {
width: 850px;
height: 360px;
margin-left: auto;
margin-right: auto;
padding-top:25px;
}

#box h1{
background:  url(image/header.gif) no-repeat;
height: 25px;
margin-bottom:25px;
}

#topFla{
float: left;
margin: 0;
padding: 0;
}

#topics{
float: left;
width: 240px;
margin-bottom: 20px;
}

#topics h3 {
height: 15px;
background: url(image/topics.gif) no-repeat;
}

#topics table{
	margin: 5px 0 0 30px;
	width: 210px;
}

#topics table th,
#topics table td{
	padding: 5px 0;
	border-bottom: 1px solid #666;
	vertical-align: top;
}

#topics table td{
	padding: 5px;
}

#infoImg{
width: 850px;
height: 308px;
background: url(image/infoImg.gif) no-repeat;
}

p.ex{
color: #ccc;
font-size: 8pt;
margin: 0.5em 0;
}

#blankBox {
width: 540px;
margin-left: auto;
margin-right: auto;
border-top: 10px solid #3B4344;

}

#blankBox h1{
margin: 30px 0 20px 0;
}

#blankBox h2{
font-size: 10pt;
margin: 30px 0 10px 0;
border: 1px dotted #ccc;
border-left: 0;
border-right: 0;
padding: 5px 0;
color: #fff;
}

#blankBox p{
line-height: 1.8em;
}

#blankBox img.telfax{
margin: 20px 0 0;
}

#blankBox table.title{
border: 1px dotted #ccc;
border-left: 0;
border-right: 0;
width: 540px;
margin-top: 20px;
color: #fff;
}

#blankBox table.title th{
	text-align: left;
	padding: 5px 0;
}

#blankBox table.title td{
	padding: 5px 0;
	color: #f22;
	font-weight: normal;
	text-align: right;
}

#blankBox p.notice em{
color: #ddaa00;
font-style: normal;
}

#blankBox h3{
font-size: 9pt;
margin: 15px 0 10px 0;
border-left: 4px solid #999;
padding-left: 5px;
color:  #999;
}

#blankBox .cBoxTop{
margin: 10px 0;
background: url(image/bg_cBoxTop.gif) no-repeat top;
background-color: #3B4344;
}

#blankBox .cBoxBottom{
background: url(image/bg_cBoxBottom.gif) no-repeat bottom;
padding: 5px 10px;
}

#blankBox .pBoxTop{
margin: 20px 0 10px 0;
background: url(image/bg_cBoxTop.gif) no-repeat top;
background-color: #3B4344;
}

#blankBox .pBoxBottom{
background: url(image/bg_cBoxBottom.gif) no-repeat bottom;
padding: 10px;
text-align: center;
}

#blankBox .pBoxBottom img{
	display: block;
	margin-left: auto;
	margin-right:auto;
}

#blankBox table.pdfDownload{
margin: 10px 10px 20px 10px;
}

#blankBox table.pdfDownload th,
#blankBox table.pdfDownload td{
	padding: 0px 5px;
}


#blankBox .close{
	display: block;
	margin: 30px 0 20px 0;
}

#blankBox a{
	color: #eee;
	text-decoration: none;
	border-bottom: 1px solid #eee;
}

#blankBox a:hover{
	color: #f22;
	border-bottom: 1px solid #f22;
}

/* === FOOTER ==== */

#footer{
clear : both;
height: 58px;
width: 850px;
margin-left: auto;
margin-right: auto;
}

#footer li{
float: left;
list-style-type: none;
}

#footer li a{
display: block;
height: 58px;
width: 122px;
}

#footer #info{
background: url(image/m_info.gif) no-repeat;
}
#footer #info_o{
background: url(image/m_info_o.gif) no-repeat;
}

#footer #portfolio{
background: url(image/m_portfolio.gif) no-repeat;
}
#footer #portfolio_o{
background: url(image/m_portfolio_o.gif) no-repeat;
}


#footer #gift{
background: url(image/m_gift.gif) no-repeat;
}
#footer #gift_o{
background: url(image/m_gift_o.gif) no-repeat;
}

#footer #column{
background: url(image/m_column.gif) no-repeat;
}
#footer #column_o{
background: url(image/m_column_o.gif) no-repeat;
}


#footer #contact{
background: url(image/m_contact.gif) no-repeat;
}

#footer #home a,
#footer #home_o a{
width: 240px;
}

#footer #home{
background: url(image/logo.gif) no-repeat;
}
#footer #home_o{
width: 240px;
background: url(image/logo_o.gif) no-repeat;
}

/*============
3. SHOP INFO
============*/
div#infoLeft{
	float: left;
	height: 288px;
	width: 309px;

	border-right: 1px dotted #ccc;
	padding-left: 40px;
	padding-right: 30px;
}

div#infoRight{
	float: right;
	width: 380px;
	padding-left: 40px;
	padding-right: 40px;
}

div#infoRight div#order{
	margin-bottom: 30px;	
}

div#infoRight div#delivery{
	margin-bottom: 20px;
}

div#infoLeft h2,
div#infoRight h2{
	margin-bottom: 15px;
}

table.shopInfo th,
table.shopInfo td{
	padding: 8px;
	vertical-align: top;
	line-height: 1.6em;
}

div#infoRight p,
div#infoLeft p{
	line-height: 1.8em;
}

img.btn{
	display: block;
	margin-top: 15px;
}

/*============
3. GIFT
============*/

div.above{
	margin-left: 50px;
	margin-right: 50px;
	text-align: center;
	height: 215px;
}

div.above img,
div.below img{
	display: block;
	float: left;
	margin: 5px;
}

.h2Gift{
	margin-left: 55px;
}

/*============
4. Move txt out of window
============*/
#box h1,
#topImg,
#topics h3,
#footer li a,
#infoImg
{
text-indent: -9999px;
}

img{
	border: 0;
}