@media screen and (max-width:768px){
	
	
body {
font: 0.9rem  Arial, Helvetica, sans-serif;
color : #2a3845;
topmargin : 0px;
margin : 0px;
padding : 0px;
background:#ffffff url(../images/bg.jpg) repeat-y;
background-position: center top;
line-height: 170%;
}


h1 {
	line-height: 180%;
}

img {
	border: none;
}
table {
	margin: 10px;

}
table td {
	padding: 5px;

}
.image {
	width: 80px;
	text-align: center;
}
.price {
	color: #800000;
	font-weight: bold;
	width: 80px;
	text-align: center;
}

a:link{
    color:#17387B;
    text-decoration:none;
}

a:visited{
    color:#69789C;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

div.Item{
    border-bottom: solid 1px #808080;
    width:550px;
	font-size: 13px; line-height: 18px; color: #333333
}


div.Item h2{
    font-size:medium;
    text-align:left;
}

div.Item img{
    border: none;
    float: left;
    clear: both;
    margin: 5px;
}

div.Item p{

	font-size: 13px; line-height: 17px; color: #333333
    overflow:hidden;
    color:#808080;

}

div.Item p.Price{
    padding-top:5px;
    padding-bottom:5px;
    font-size:smaller;
    color:#990000;
    font-weight:bolder;
}


#main{
	width: 98% !important;
	margin: 0 auto;
}

#main2{
	width: 97% !important;
	float: left;
}

#content{
	margin-top: 20px;
	margin-right: 5px;
	width: 97% !important;
	float: left;
}

#navi_1{
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	width: 70% !important;
	float: left;
	background:#f7f7f7 url(images/toplogo.jpg) repeat-y;background-position: left top;
    padding: 5px 10px 15px 10px;
    border:solid silver 0px; 
}

#navi_2{
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
	width: 70% !important;
	float: left;
	background:#f7f7f7 url(images/toplogo.jpg) repeat-y;background-position: left top;
    padding: 5px 10px 15px 10px;
    border:solid silver 0px; 
}

#header {
	margin-top: 0px;
	background:#ffffff url(../images/toplogo.jpg) no-repeat;background-position: left top;
	height: 55px;
	}

#header2 {
	margin-top: 0px;
	margin-bottom: 0px;
	background:#ffffff url(../images/header2_bg.jpg);
	height: 100px;
	text-align: center; 
    padding-top:35px;
	}

#header_sub {
	margin-top: 2px;
	margin-left: 800px;
}

#footer{

	background:#fcfcfc url(../images/header2_bg----------.jpg);
	height: 100px;
}



#headBox {
	position:relative;
}
#headSwf {
	z-index:1;
}
#textBox {
	position:absolute;
	top:23px;
	left:0px;
	width:100%;
	text-align: center; 
	z-index:2;
	border:none;
}



#pc_disp{
display: none;
}

#tabsp_disp{
display: block;
}




input{
-webkit-appearance: none !important;
-moz-appearance: none; 
appearance: none; 
width: auto; 
padding: 10px 15px; 
color: #333333; 
border: none; 
border-radius: 5px; 
background: #f5f5f5; 
font: 0.9rem  Arial, Helvetica, sans-serif;
}



select {
-webkit-appearance: none !important;
-moz-appearance: none; 
appearance: none; 
width: auto; 
padding: 10px 15px; 
color: #333333; 
border: none; 
border-radius: 5px; 
background: #f5f5f5; 
font: 0.9rem  Arial, Helvetica, sans-serif;
}

submit{
-webkit-appearance: none !important;
-moz-appearance: none; 
appearance: none; 
width: auto; 
padding: 10px 15px; 
color: #333333; 
border: none; 
border-radius: 5px; 
background: #f5f5f5; 
font: 0.9rem  Arial, Helvetica, sans-serif;
}



input[type=”text”] {
　　font-size: 16px;
　　transform: scale(0.8);
}





}