/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	background-color: #cccccc;	
	margin-left: auto;
	margin-right: auto;
        margin-top: 0px;
	padding:  0px 0px 0px 0px;
	width: 900px;
}

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

ing {
	border: 0;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #00cccc;
	border-bottom: 0px solid #cccccc;
	width: 100%;
}

#navBar{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	border-right: 2px solid #00cccc;
	border-left: 2px solid #00cccc;
	border-bottom: 2px solid #00cccc;
	width: 169px;
}

#content{
	float:right;
	width: 720px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	border-right: 2px solid #00cccc;
	border-left: 2px solid #00cccc;
	border-bottom: 2px solid #00cccc;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

/*************** #siteName styles **************/

#siteName{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 5px;
	font-size: 50%;
	color: #ffffff;
        background-color: #33cccc;
}

/************** .content1 styles ***************/

.content1{
        float:left;
	width: 100%;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 80%;
	border-top: 2px solid #00cccc;
}

.content1 p{
	font-size: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 10px;
}

.content1 h1{
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
        font-size: 100%;
}

.content1 img{
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/************** .content2 styles ***************/

.content2{
        float:left;
	width: 100%;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	border-top: 2px solid #00cccc;
}

.content2 p{
	font-size: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 10px;
}

.content1 h1{
	margin: 5px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
        font-size: 100%;
}

.content2 img{
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.content2 table{
	color: #00cccc;
        background-color: #ffffff;
}

/************** .content3 styles ***************/

.content3{
        float:left;
	width: 100%;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 80%;
}

.content3 p{
	font-size: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 10px;
}

.content3 h3{
	padding: 30px 0px 0px 0px;
	text-align: center;
}

.content3 img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/************** .feature1 styles ***************/

.feature1{
        float:left;
	width: 100%;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 70%;
}

.feature1 img{
	margin-left: auto;
	margin-right: auto;
	padding: 2px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

/************** .feature2 styles ***************/

.feature2{
        float:left;
	width: 100%;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 70%;
	border-top: 2px solid #00cccc;
}

.feature2 p{
	font-size: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 10px;
}

.feature2 img{
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.feature2 table{
	color: #000000;
        background-color: #ffffff;
	text-align: center;
}


/************** navBar

/************** .navBarimg styles ***************/

.navBarimg{
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.navBarimg img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	border-right: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
}

.relatedLinks ul{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	font-size: 55%;
        list-style: none
}

.relatedLinks img{
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

/*********** .relatedLinks1 styles ***********/

.relatedLinks1{
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
}

.relatedLinks1 h2{
        color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 5px;
	font-size: 80%;
}

.relatedLinks1 h3{
        color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 6px;
	font-size: 60%;
}

.relatedLinks1 ul{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 8px;
	font-size: 55%;
        list-style: none
}

.relatedLinks1 img{
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

/*********** .relatedLinks3 styles ***********/

.relatedLinks3{
	margin: 0px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	border-right: 1px solid #00cccc;
	border-left: 1px solid #00cccc;
	border-top: 1px solid #00cccc;
	border-bottom: 1px solid #00cccc;
}

.relatedLinks3 h3{
        color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	font-size: 80%;
	text-align: center;
	background-color: #00cccc;
	border-bottom: 1px solid #00cccc;
}

.relatedLinks3 ul{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	font-size: 55%;
        list-style: none
}

.relatedLinks3 img{
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 70%;
	color: #334d55;
	padding: 5px 0px 0px 200px;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************** #line **************/

.bottom1{
	border-bottom-style: solid;
    border-color: #00CCCC;
}
.bottom2{
	border-bottom-style: solid;
    border-color: #0099CC;
}
.bottom3{
	border-bottom-style: solid;
    border-color: #0066CC;
}
.bottom4{
	border-bottom-style: solid;
    border-color: #0000CC;
}

/************** #list **************/

.list{
	list-style-image: url("images/016-001.gif");
	list-style-type: square;
	font-size: 14px
}

/************** #selectbox **************/

img{
	border:0;
}
.selectbox{
	width:210px;
	text-align:right;
}
.ImageBox{
	margin:0;
	padding:0;
}
.Clear{
	clear:both;
	margin:0;
	padding:0;
	visibility:hidden;
	width:0;
	height:0;
}

* html .Clear{
	margin:0;
	padding:0;
	display: none;
	width:0;
	height:0;
}
.Left{
	float:left;
}
.mainDiv{
	width:760px;
	margin:0 auto;
}
.FutonSelectBoxP{
	width:210px;
}
.Margin-top5{
	margin-top:5px;
}

/***********************************************/
/*page Divs                               */
/***********************************************/




p,h1,h2,h3 {
  margin:23px;
}

.clear-margin {
  margin:0;
}

img {
  border: none;
}

.block-center {
  margin-right: auto;
  margin-left: auto;
}

.float-left {
  float:left;
}

.float-right {
  float:right;
}

.clear-both {
  clear:both;
  float:none;
  width:0px;
  height:0px;
  visibility:hidden;
  display:block;
  margin:0;
  padding:0;
}

* html .clear-both {
  clear:both;
  width:0px;
  height:0px;
  display:none;
  margin:0;
  padding:0;
}

 /* ↓フォントのスタイル↓ */

.bold {
  font-weight: bold;
}
        
.red {
  color: #FF0000;
}

.white {
  color:#FFFFFF;
}

.dilute-gray {
  color:#444444;
}

.font-14 {
  font-size: 14px;
}

.font-20 {
  font-size: 20px;
}

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

.inline-left{
  text-align: left;
}

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


 /* ↓リンクについてここから↓ */



 /* ↓本体のスタイル↓ */

#body-box {
  width: 720px;
  margin-top:0px;
}

 /* ↓ヘッダーのスタイル↓ */

#head-left {
  width: 150px;
  height: 150px;
}

#head-right {
  width: 570px;
  height: 150px;
  background-color: #FF0000;
  font-size: 16px;
  overflow:hidden;
}

#catch1 {
  font-size: 22px;
}

#name {
  font-size: 24px;
  color: #FFF936;
}

#head-menu {
  background-color: #FFFF7E;
  padding: 2px;
}

#delivery-text {
  margin-right:10px;
}


 /* ↓商品紹介部分のスタイル↓ */
      
#contents-box {
  border-bottom: 1px dotted #FFCC33;
  padding-top:5px;
  margin-bottom: 20px;
}

#catch3 {
  font-size: 28px;
  line-height:1.5em;
  margin-top: 20px;
}

.price-box {
  width:100%;
  line-height:1.5em;
  margin:10px 0;
}

#catch7 {
  font-size: 26px;
  line-height:1.5em;
  margin: 40px 50px;
}

#bottom-name {
  margin:0;
  line-height:1.5em;
}

.line-title {
  background-color: #FEFF74;
  padding: 5px;
  margin: 50px 50px 0;
}

.item-explain {
  margin: 20px 50px;
}
        
#item-cart {
  width: 520px;
  padding: 5px 20px 0;
  margin: 30px auto;
  background-color: #FCFAAE;
}

#item-cart img {
  margin:5px;
}

 /* ↓商品スペックのスタイル↓ */

#item-detail {
  border: 1px solid #F0E68C;
  width: 680px;
  margin: 10px auto;
}

#item-detail-in {
  padding: 5px 10px;
}

.spec {
  padding:0 10px;
}

 /* ↓フッターのスタイル↓ */

#to-top {
  margin-left: 5px;
}
        
#footer {
  font-size: 10px;
  background-color: #FFFF7E;
  padding: 1px;
}

.copy {
  width:66%;
  line-height:1em;
  margin:3px;
}

.tpl {
  width:30%;
  line-height:1em;
  margin:3px 5px;
}

#footer-link {
  color: #cccccc;
  font-size: 10px;
}