/* よく登場する要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }

/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }


body{
margin:0;
padding:0;
background-color:#FFFFFF;
font-family:ＭＳ Ｐゴシック, ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro;
background-image:url(images/bg0.jpg);
background-position:center top;
background-repeat:no-repeat;
background-color:#000000;
}

.container{
width:900px;
margin: 0px auto;
padding:0px;
background-image:url(images/bg_table.jpg);
background-position:center top;
background-repeat:repeat-y;
}
.header{
margin:0px;
padding:0px;
float:left;
}

.main01{
width:880px;
padding:0px;
margin:0px 10px;
background-color:#FFFFFF;
}

.textfield{
padding:20px;
font-size: 90%;
line-height: 190%;
text-align:center;
color: #232323;
}
.textfield p{
margin-bottom:20px;
text-align:left;
}

.center2p{
width:550px;
margin:30px auto;
padding:0px;
}
.center2c{
width:550px;
margin:0px auto;
padding:0px;
}

.center4p{
margin:10px auto 30px;
padding:0px;
text-align:center;
}

.photo195{
width:190px;
margin:0px 5px;
padding: 0px;
float:left;
}
.right{
width:262px;
margin:0px 0px 20px 20px;
padding:10px;
float: right;
}

.photo1{
padding: 0px;
}

.photo2{
margin-bottom:10px;
}

.photo1R{
width:260px;
margin :10px 0px 0px 0px;
float:right;
}
.photo1L{
width:260px;
padding: 0px;
margin :10px 0px 0px 0px;
float:left;
}

.phototext{
margin:5px 0px 0px 0px;
padding:0px 0px 0px 5px;
font-size:80%;
line-height: 140%;
text-align:left;
color:#000099;
}
.column1{
border: 1px solid #660000;
margin:40px auto 20px;
padding:0 20px;
width:95%;
}
.column2{
border: 1px solid #000099;
margin:30px auto 40px;
padding:0 0 20px;
width:75%;
}

h2{
color:#FFFFFF;
font-size:120%;
position: relative;
top: -13px;
left:5px;
}

h2 span{
background-color:#660000;
padding:7px;
font-weight:bold;
}

h3{
color:#FFFFFF;
font-size:110%;
position: relative;
top: -13px;
left:25px;
}

h3 span{
background-color:#000099;
padding:7px;
font-weight:bold;
}



h4{
margin:0px 0px 5px 0px;
font-size:100%;
}

h4 span{
background-color:#000099;
color:#FFFFFF;
padding:5px;
}


.clear{
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0px;
  visibility: hidden;
	}

.copyright{
text-align:center;
margin: 0px 0px 10px 0px;
padding:10px 0px 10px 0px ;
color: #FFFFFF;
font-size: 80%;
line-height: 140%;
}




.linkblock{
width: 800px;
margin-bottom: 20px;
padding:0px 0px 10px 0px;
font-size: 90%;
line-height: 170%;
text-align:left;
color: #000000;
background-color:#CCCCCC;
border:1px solid #7D7D7D;
}

.linktitle{
background-color:#999999;
margin:0px 0px 10px 0px;
font-size: 90%;
padding:2px 2px 2px 5px;
text-decoration:none;
color: #FFFFFF;
}

.linklrmargin{
margin:0px 10px;
}





.productblock{
width:470px;
margin:0px auto;
padding:0px;
}

.product{
background-color:#999999;
padding:10px;
margin:0px;
text-align:left;
color:#ffffff;
}
.protitle{
background-color:#0000FF;
color:#FFFFFF;
text-align:center;
font-size: 100%;
font-weight:bold;
margin:0px 0px 5px 0px;
padding:3px;
}

.product h3{
color:#FFFF00;
font-weight:bold;
font-size: 130%;
line-height:130%;
margin:0px;
padding:0px;
}
.proimg{
float:left;
}
.product p{
margin:5px 0px 10px 0px;
font-size: 80%;
line-height:120%;
}
.rightbox{
width:240px;
float:right;
margin:10px 0px 0px 0px;
padding:0px;
}
.price{
background-color:#FFFFFF;
margin:35px 0px 10px 0px;
padding:4px 7px;
color:#003399;
font-weight:bold;
text-align: center;
}


.writer{
margin:40px auto;
border:1px solid #CCCCCC;
color:#343434;
padding:5px;
font-size: 75%;
line-height: 150%;
text-align:left;
width: 790px;
}
.writer img{
float:left;
margin:0px 10px 0px 0px;
border:1px solid #CCCCCC;
}
.writer p{
font-weight: bold;
}