body{
	background:#f2f2f2 /*url(../img/bg.png)*/;
	margin:0;
	padding:0;
}

#wrapper{
	width:100%;
	padding:20px 0 20px 0;
}

#content{
	width:90%;
	margin:0 5%;
}



#header{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 4px rgba(0, 0, 0, 0.2);
	background:#FFF;
	margin:0 0 3px 0;
}

#header h1{
	width:100%;
	padding:10px 0 10px 0;
	text-align:center;
}

#header h1 img{
	width:auto;
	height:auto;
}




#main{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 4px rgba(0, 0, 0, 0.2);
	background:#FFF;
	margin:0 0 3px 0;
}



#main .img_area{
	padding:0 0 50px 0;
}

#main .img_area img{
	width:100%;
	height:auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


#main .txt_area{
	width:90%;
	margin:0 5%;
}

#main .txt_area .section{
	width:100%;
	padding:0 0 50px 0;
}

#main .txt_area ol li{
	margin:0 0 0 15px;
}

#main .btn_area div{
	padding:0 0 5px 0;
}

#main .btn_area div a{
	width:100%;
	padding-left:0;
	padding-right:0;
	margin:0;
}

/*-------------------------------*/
/*追記*/
/*-------------------------------*/

#items{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 4px rgba(0, 0, 0, 0.2);
	background:#fff;
	margin:0 0 3px 0;

}

#items .section{
	width:90%;
	padding:40px 0 0 0;
	margin:0 auto;
}

#items .row{
}

#items .span3{
	width:100%;
	padding:0 0 25px 0;
}

#items .span3 .img-polaroid{
margin:2px;
min-height:250px;
}

#items .span3 p {
	margin-top:10px;
}

#items .span3 h5 span{
	font-size:85%;
	font-weight:normal;
	position:relative;
	left:15px;
}

/*-------------------------------*/

#profile{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 4px rgba(0, 0, 0, 0.2);
	background:#FFF;
}

#profile .section{
	width:90%;
	padding:40px 0 0 0;
	margin:0 auto;
}

#profile .row{
}

#profile .span3{
	width:100%;
	padding:0 0 25px 0;
}

#profile .span3 .img-polaroid{
margin:2px;
max-height:100px;
}

#profile .span3 h5 {
	line-height:14px;
	}

#profile .span3 h5 span{
	font-size:85%;
	font-weight:normal;
	position:relative;
	left:15px;
}

#footer p{
	color:#888;
	text-align:right;
	font-size:75%;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {
	
	#header h1 img{
		width:auto;
		height:auto;
	}
	
	#main .img_area{
		width:37%;	
		float:right;
		padding:40px 0 0 0;
		margin:0 4% 0 0;
	}
	
	#main .img_area img{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}


	#main .txt_area{
		width:51%;
		float:left;	
		padding:40px 0 0 0;
		margin:0 0 0 4%;
	}
	
	#main .btn_area div{
		float:left;
		margin:0 5px 0 0;
	}
	
	#main .btn_area div a.btn1{
		width:150px;
	}
	
	#main .btn_area div a.btn2{
		width:185px;
	}

	#items .span3{
		width:30%;
		padding:0 0 25px 0;
	}
	
	#profile .span3{
		width:30%;
		padding:0 0 25px 0;
	}
	
	#footer p{
		font-size:90%;
	}

}

@media only screen and (min-width: 1068px) {

	#content{
		width:1026px;
		margin:0 auto;
	}

}