﻿/*-----------------------------------------------------------------------------
■ブロック要素（前後に改行が入る）
・DIV
・P（段落）
・H1（～6）（見出し）
■インライン要素（前後に改行が入らない）
・文字列 
・SPAN
<div><span><p></p>改行</span><span>改行無<p></p></span></div>改行<div></div>

背景ごと移動するのがmargin（マージン）、中の文字だけ移動するのがpadding（パディング）
----------------------------------------------------------------------------------------*/
body{
        background-image:url('../img/wood.jpg');
	padding: 0px;
        text-align:center;
}

#container{
        background-color:#ffffff;
        width: 900px;
        padding: 0px;
        margin:0 auto 0 auto;
        display: block;
        text-align:left;
}
#head{
        background-color: #ffffff;
        width: 900px;
        height: 250px;
　　　　margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom:0px;
        font-size:1px 
}
h1{
        background-image: url('../img/line01.gif');
        background-repeat: no-repeat;
        background-position: left top;
        width: 900px;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom:0px;        
}

h2{
        background-image: url('../img/top_title.jpg');
        background-repeat: no-repeat;
        height: 200px;
        width: 900px;
        text-align: right;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top:0px;
        padding-right:2px;
        padding-bottom:0px;  
}
.t1{
    position:relative;
    margin-top:2px;
    margin-bottom:0px;
    border:none;
}

.ts1{
     color: #F5F5DC;
     font-size:7pt;
     font-family:monospace,sans-serif;
     letter-spacing: 0em;
     display:inline;
}

#iecenterbox{
     text-align:center;
}

#content01{
	background-color: #ffffff;
       	width: 900px;
	margin-left: 0px;
        margin-top: 0px;
        padding-top: 0px;
        padding-left: 0px;
}

#content02{
	background-color: #ffffff;
       	width: 900px;
	margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
        margin-top: 50px;
}

#content03{
	background-color: #ffffff;
       	width: 850px;
	padding-top: 10px;
	padding-left: 10px;
　　padding-right:10px;
        margin-top: 0px;
        margin-left: 0px;
        margin-top: 0px;
}

#product_left{
	background-color: #ffffff;
       	width: 830px;
	padding-top: 10px;
	padding-left: 70px;
　　　　padding-right:40px;
        margin-top: 0px;
        margin-left: 0px;
        margin-top: 0px;
        text-align:left;
}

#product_right{
	background-color: #ffffff;
       	width: 830px;
	padding-top: 10px;
	padding-right:70px;
        margin-top: 0px;
        margin-right: 0px;
        margin-top: 0px;
        text-align:right;
}

table.center{margin-left:auto;margin-right:auto;}
caption.center{margin-left:auto;margin-right:auto;}

#navigation{
        background-color: #ffffff;
        margin-top: 0px;
        padding: 0px;
        width: 900px;
        height:45px;
        text-align: center;
}

#product_navigation{
        background-color: #ffffff;
        margin-top: 0px;
        padding: 0px;
        width: 900px;
        height:60px;
        text-align: left;
}

#product_navigation dl{
      clear: left;
      float: left;
      margin-left:0px;
      margin-top: 0;
      padding: 0px;
}

#product_navigation dl dt{
      list-style-type:none;
      margin-left:0px;
      margin-top: 0;
      padding: 0px;
      float: left;
}
ul.topnavi{
      margin-left:0px;
      margin-top: 0;
      padding: 0px;
      font-size:0px;
      line-height:0px;
}

li.topnavi{
	list-style-type:none;
	float:left;   
        font-size:0px;
        line-height:0px;
}

ul.topnavi01{
      margin-left: 0px;
      margin-top: 0;
      padding: 0px;
      float:left; 
     list-style-type: none;
}

li.topnavi01{
	list-style-type:none;
	clear:both;  
        margin-left:0px;
        margin-rijht:0px;
        margin-top: 0;
        padding: 0px;
        font-size:0px;
        line-height:0px;
}

li.topnavi02{
	list-style-type:none;
	margin-left:0px;
        margin-rijht:0px;
        margin-top: 0;
        padding: 0px;
        font-size:0px;
        line-height:0px;
}

#toppage-content{
  float: left;
  width: 550px;
  padding: 0px;
  margin-top:0px;
}

#toppage-top{
  background-image: url();
  background-repeat: no-repeat;
  width: 550px;
  padding: 0px;
  margin-top:0px;
}

#bnaviback {
  background-color: #ffffff;
  background-image:url('../img/mainbg01.jpg');
  background-repeat: no-repeat;
  background-position:right bottom;
  width: 900px;
  padding: 0px;
  margin-top:0px;
  clear : both ;
}

#bottomnavi{
  background-image:url('../img/menbg.gif');
  background-repeat: no-repeat;
  background-position:0px 0px;
  width: 900px;
  height:350px;
  clear : both ;
}

.topwindow{
      background-color: #ffffff;
      margin:0px;
      width: 550px;
      border-style:solid;
      border-width:0px 1px; 
      border-color:#dcdcdc;
}



#toppage-bottom{
      background-color: #ffffff;
      margin:0px;
      width: 550px;
      border-style:solid;
      border-width:0px 1px; 
      border-color:#dcdcdc;
}

.service01{
  background-image: url('');
  background-position: right bottom;
  background-repeat: no-repeat;
  width: 548px;
  padding: 0px;
 }

.t2{
    position:relative;
    top:21px;
    left:8px;
    vertical-align:top;
}

.ts2{
     color: #6d6d6d;
     font-size:10pt;
     text-indent: em;
     line-height: 150%;
     font-family:monospace,sans-serif;
     letter-spacing: 0em;
     padding-top: 20px;
     padding-left:10px;
     margin-top:13px;
}

p.link01{
	background:url(../img/link01.gif) 10 5px no-repeat;
	padding-top: 15px;
        padding-left:60px;
	margin:20px 0px;
	height:40px;
        color: #6d6d6d;
        font-size:12pt;
        text-indent: em;
        line-height: 150%;
        font-family:monospace,sans-serif;
        letter-spacing: 0em;

}

#newinfo{
  background-color: #ffffff;
  width: 550px;
  height:500px;
  padding: 0px;
  margin-top:0px;
  float: left;
}

ul.newinfo{
      background-color: #ffffff;
      margin:0px;
      width: 550px;
      height:350px;
      border-style:solid;
      border-width:0px 1px; 
      border-color:#dcdcdc;
}

li.newinfo{
     padding-top: 0px;
     padding-left:10px;
     margin-top:13px;
     list-style-type:none;
     line-height:2px;
}

#side-navi{
     background-color: #ffffff;
     width: 350px;
     height:500px;
     padding:0px;
     margin-left:0px;
     float: left;
}


ul.sidenavi{
     
      margin-top:0px;
      margin-right:5px;
      list-style-image:none;
      list-style-type:none;

}


#menu2{
      background-color:transparent;
      margin:0px;
      width: 900px;
      height:200px;
}

#dockContainer{
	background-color: #ffffff;
        margin: 0px;
	width: 900px;
        height:200px;
}

#dock{
	background-color: #ffffff;
        padding-top: 58px;
        width: 900px;
        height:200px;
        text-align: center;
       
}

#bottomback{
        background-color: #ffffff;
        text-align:center;
        padding-top: 0px;
        width: 900px;
        height: 130px;
        border-top-width: 8px;
        border-top-style: double;
        border-top-color: #274a78;
        border-bottom-style: none;
}

#bottom{
        background-color: #274a78;
        text-align:center;
        width: 900px;
        height: 130px;
}

/*-------shopページ-----*/

#shop01{
	background-color: #ffffff;
       	width: 800px;
	padding-top: 0px;
	padding-left:40px;
　　　　margin-top: 0;
　　　　margin-left:0px;
}
#shop02{
	background-color: #ffffff;
       	width: 800px;
	padding-top: 0px;
	padding-left:40px;
　　　　margin-top: 0;
　　　　margin-left:0px;
border-bottom: 20px white solid;
}




#parcel{
	background-color: #ffffff;
       	width: 850px;
	padding-top: 0px;
	padding-left:0px;
　　　　margin-top: 0;
　　　　margin-left:0px;
}

}
/*-------table関係------*/
.td01{
    text-align: left;
    vertical-align: top;
}

.td02{
    text-align: center;
    vertical-align: top;
}

.td03{
    text-align: right;
    vertical-align: top;
}

.td04{
    text-align: left;
    vertical-align: top;
    margin-top: 0;
　　margin-left:0px;
    padding-top: 10px;
    padding-left:50px;
}

/*-------画像関係-------*/
#img_leftbox{
     float: left;
     padding:0px;
     margin:10px;
}

#img_rightbox{
     float: right;
     padding:0px;
     margin:10px;
}

img
{
	border: 0px;
}

img.bottomlogo
 {               
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom:3px;
}

img.space01
 {               
      margin-left: 10px;
      margin-right: 10px;
}

/*-------文字関係-------*/
a.lin01 {
    color:#ffffff;
    font-style:normal;
    text-decoration:underline;
}

a:link.lin01 {
    color:#ffffff;
    font-style:normal;
    text-decoration:underline;
}
a:visited.lin01 {
    color:#ffffff;
    font-style:normal;
    text-decoration:underline;
}
a:hover.lin01 {
    color:#ccff00;
    font-style:normal;
    text-decoration:underline;
}
a:active.lin01 {
    color:#ccff00;
    font-style:normal;
    text-decoration:underline;
}

/*-------マージン・インデント-------*/
.txin01{
     text-indent: 10px;
     padding-top: 0px;
     padding-left:60px;
　　 margin-top: 0;
　　 margin-left:0px;
}

/*-------サイズ・行間-------*/
.text12{
     font-family: "ＭＳ ゴシック",sans-serif;
     line-height: 160%;
     font-size: 12pt;
}

.text11{
     
     line-height: 200%;
     font-size:11pt;
}

.text10{
     font-family: "ＭＳ ゴシック",sans-serif;
     line-height: 200%;
     font-size:10pt;
}

.text09{
     font-family: "ＭＳ ゴシック",sans-serif;
     line-height: 200%;
     font-size: 9pt;
}
 
.text08{
     font-family: "ＭＳ ゴシック",sans-serif;
     line-height: 220%;
     font-size: 8pt;
}

.text08s{
     font-family: "ＭＳ ゴシック",sans-serif;
     line-height: 100%;
     font-size: 8pt;
}

.text07{
     font-family: "ＭＳ ゴシック",sans-serif;
     line-height: 220%;
     font-size: 7pt;
}

.text06{
     font-family: "ＭＳ ゴシック",sans-serif;
     line-height: 240%;
     font-size: 6pt;
}

.text02{
     font-family: "ＭＳ ゴシック",sans-serif;
     line-height: 140%;
     font-size: 2pt;
}

.moji01{
     font-family: "ＭＳ ゴシック",sans-serif;
}

.moji02{
     font-family: "ＭＳ 明朝",serif;
}

.moji03{
     font-family: cursive;
}


.moji04{
     font-family: fantasy;
}

.moji05{
     font-family: monospace;
}

/*-------配置関係-------*/
.clear{
clear:both;
}

#center{
     text-align:center;
     padding:0px;
     margin:0px;
}