img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#item_detail{
background-color:#eeeeee;
padding:5px;
}
#content_item,#sidebar{
margin:30px 0px;
}
a{
color:#7a5676;
}
/*-------------------
画面の横幅が769px以上
-------------------*/
@media screen and (min-width: 769px){
body{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
height:100%;
font-size:16px;
font-family:Georgia;
text-align:center;
color:#555555;
background-position:center center;
background: -moz-linear-gradient(top, #7a5676, #7a5676 50%, #ffffff 50%, #ffffff);
background: -webkit-linear-gradient(top, #7a5676, #7a5676 50%, #ffffff 50%, #ffffff);
background: linear-gradient(top, #7a5676, #7a5676 50%, #ffffff 50%, #ffffff);
-moz-background-size: 142px 142px;
-webkit-background-size: 142px 142px;
background-size: 142px 142px;
background-attachment: fixed;
line-height:1.4;
}
div{
text-align:left;
}
#header{
padding:30px 10px 30px 10px;
}
#container{
width: 960px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
overflow:auto;
}
#grid_content,#sidebar{
margin-left:10px;
margin-right:10px;
}
#grid_content{
width:640px;
padding-right:50px;
float:left;
}
#sidebar{
width:230px;
float:left;
}
#footer{
clear:both;
padding:20px 0 40px 0;
text-align:center;
font-size:14px;
font-style:italic;
}
/*-------------------
画面の横幅が640px以下
-------------------*/
@media screen and (max-width:640px){
#container{
width:100%;
}
#grid_content{
width:100%;
}
#sidebar{
width:100%;
}
}