body {  
z-index: 0;
margin-left:10px; 
margin-top:10px; 
background : url('pubimg/bg_pub.gif');
color : 333 ;
}

img {
border : 0px ;
}


a:Link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover {
color : #00f ;
text-decoration : underline ;
}


#commonlayout {
width : 720px ;
text-align: left;
background : #fff ;
border : solid #000 1px ;
}

#header {
width : 100%;
color : #fff ;
background : #FC0 ;
padding: 3px;
background : url('pubimg/bg_head.gif') no-repeat;
}


.h01{
padding: 5px;
margin: 10px 15px 0px 15px;
border : solid #000 1px ;
font-weight: bold;
background : #CCC ;
}

.attention {
text-align: left;
margin: 5px 20px 25px 20px;
font-size: 12px;
}
.attention ul{
margin-top: 5px;
margin-bottom: 5px;
font-size: 12px;
}
.attention li{
margin-bottom: 8px;
}

#sup{
background: #ccc;
}
#sup td{
background: #fff;
}

#colophon{
list-style : none ;
}

#colophon li {
padding-right : 50px ;
padding-left : 2em ;
text-indent : -1em ;
text-align : left ;
font-size : 12px ;
color : #999 ;
}

/*ページ移動をするボタンとその下テキスト*/
.button{
text-align: left;
padding-right: 100px;
padding-left: 100px;
font-size: 12px ;
}
.button .image{
text-align: center;
margin-bottom: 5px;
}
.button b{
font-weight: bold;
color: #F00;
}


/*メイン部分・左*/
#columnleft{
float: left;
width: 300px;
text-align: center;
margin-top: 15px;
}
/*メイン部分・右*/
#columnright{
margin-left: 300px;
margin-top: 15px;
}
/*メイン部分・右・部品*/
#copy{
color: #333;
font-size : 18px ;
font-weight: bold;
border-left : solid #FC0 25px ;
padding:2px 2px 5px5px;
margin: 2px 5px 15px 0px;
background : #FFF5A5 ;
}
#price{
color: #F00;
background : #FCC ;
margin: 8px 20px 0px 30px;
padding: 2px;
border : dashed #F00 1px ;
font-weight: bold;
font-size: 18px ;
}
#datasize{
color: #F00;
background : #FCC ;
margin: 3px 20px 3px 30px;
padding: 2px;
border : dashed #F00 1px ;
font-weight: bold;
font-size: 14px ;
}
.title{
color: #F00;
background : #FCC ;
margin-left: 5px;
border : dashed #F00 1px ;
font-weight: bold;
font-size: 14px;
}

#maintext{
border-top: dashed #999 2px;
border-bottom: dashed #999 2px;
padding: 8px;
margin: 15px 5px 5px 5px;
}

.clear{
clear: both;
}
/*詳細説明*/
.detailtext{
padding: 10px;
margin: 10px 5px 5px 5px;
font-size : 12px ;
float: left;
}




/*戻るボタン*/
.back{
text-align: center;
margin-top: 25px;
margin-bottom: 15px;
}

#copyright {
background : #000 ;
color : #fff ;
font-size : 12px ;
padding : 2px ;
text-align: center;
}






/*動作環境*/
.dousa{
margin: 10px 0px 3px 10px;
float: left;
}

.dousa .system{
text-align: center;
font-size: 12px;
background-color: #000;
}

.dousa .data{
text-align: center;
font-size: 12px;
background-color: #fff;
}

.dousa .data td{
text-align: center;
font-size: 12px;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
}

.notes {
margin: 3px 10px 3px 10px;
color: #000;
font-size: 12px;
float: left;
}


/*トップページレイアウト*/
.retsu{
font-size: 12px;
}
.retsu span{
border-bottom: dashed 1px #000;
line-height: 130%;
}

.retsu01{
float: left;
width: 170px;
margin-left: 7px;
}
.retsu02{
float: left;
width: 170px;
margin-left: 7px;
}
.retsu03{
float: left;
width: 170px;
margin-left: 7px;
}
.retsu04{
width: 170px;
margin-left: 538px;
}

.top_price{
margin: 2px 18px 2px 18px;
padding: 2px;
color: #F00;
background : #FCC ;
border : solid #F00 1px ;
font-weight: bold;
font-size : 12px ;
text-align: center;
}




/*詳細はこちらボタン*/
.detail{
width: 125px;
height: 32px;
margin: 5px 0px 0px 22px;
}

.detail a{
display: block;
background: url("pubimg/button_detail_.gif") top left no-repeat;
}

.detail a:hover{
background-position: 0 -32px;
}


/*ご購入手続きに進むボタン*/
#gobuy{
border: dashed 2px #F00;
padding: 8px;
margin: 15px 10px 15px 10px;
text-align: center;
}
#gobuy a{
background-image: url("pubimg/button_gobuy_.gif");
background-position: top left;
background-repeat: no-repeat;
}

#gobuy a:hover{
background-image: url("pubimg/button_gobuy_over.gif");
background-position: top left;
background-repeat: no-repeat;
}

/*購入するボタン*/
#buy{
border: dashed 2px #F00;
padding: 8px;
margin: 15px 10px 15px 10px;
text-align: center;
}
#buy a{
background: url("pubimg/button_buy_.gif") top left no-repeat;
}

#buy a:hover{
background-position: 0 -32px;
}



/*戻る*/
#back{
text-align: center;
margin: 25px 10px 15px 10px;
}



/*おやじシリーズ等の見出し*/
.feature {
float: left;
width: 350px;
padding: 15px;
margin: -30px 5px 5px 5px;
font-size : 12px ;
}
.feature h2{
padding: 3px;
margin: 30px 5px 5px 0px;
font-size: 14px ;
font-weight: bold;
color: #600;
background-color: #FC9;
border-top: solid 1px #F90;
border-bottom: solid 1px #F90;
border-right: solid 1px #F90;
border-left: solid 20px #F90;
}

.featureright {
margin: 5px 15px 5px 360px;
}
.featureright img {
margin: 5px;
border : solid #333 1px ;
}



.heading{
padding: 3px;
font-size: 14px ;
font-weight: bold;
color: #600;
background-color: #FCC;
border-top: solid 1px #F66;
border-bottom: solid 1px #F66;
border-right: solid 1px #F66;
border-left: solid 20px #F66;
text-align: left;
line-height: 200%;
}