@charset "utf-8";
/* CSS Document */

ul.snsbs li {
	padding-right:0;
}

/************************************
** 解像度740px以下のスタイル
************************************/
@media screen and (max-width:740px) {
#container #header,  #container #header-in,  #container #navi,  #container #navi-in,  #container #body-in,  #container #footer-in {
	/*important削除*/
    width:100%;
}
#main {
	width:auto;
	padding-left:0;
	padding-right:0;
	border-width:0;
	padding:10px;
}
#container #main,  #container #sidebar {
	/*important削除*/
    float:none;
}
/*マージンによる幅のズレ修正開始*/
  .article h2 {
	margin-left:0;
	margin-right:0;
}
#main blockquote {
	/*important削除*/
    margin-left: 0;
	margin-right: 0;
}
.navigation {
	margin-left:0;
	margin-right:0;
}
#sidebar {
	width:auto;
}
.ad-left, .ad-right {
	max-width: 336px;
	max-height:280px;
	text-align:center !important;
	float:none !important;
	margin:0 auto !important;
}
.photo_box {
	float:left;
    height:auto;
	border:#cccccc solid 1px;
	border-radius: 3px;  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin:0 0 20px 0;
	padding:15px 0 20px 0;
	background-color:#F6FAFF;
	font-size:20px;
	width:100%;
}
.photo_box_main {
	text-align:center;
	padding:20px 0 0 20px;
}
}
@media screen and (max-width:480px) {
.photo_box {
	float:left;
    height:auto;
	border:#cccccc solid 1px;
	border-radius: 3px;  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin:0 0 20px 0;
	padding:15px 0 20px 0;
	background-color:#F6FAFF;
	font-size:20px;
	width:100%;
}
.photo_box_main {
	text-align:center;
	padding:20px 0 0 0;
}
.photo_thum {
	float:none !important;
    height:auto;
    background:#FFF;
	border:#cccccc solid 1px;
	border-radius: 3px;  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
	font-size:15px;
	margin:10px auto !important;
	width:200px;
	padding:5px;
}
}