@charset "utf-8";

#main	{
	padding-top: 9px;
}

#contents	{
	width: 766px;
	padding-left: 10px;
}

/* ====================================================================================================
   index
==================================================================================================== */
#index h2	{
	padding-bottom: 33px;
}

.list	{
	margin-bottom: 22px;
	padding-bottom: 15px;
	background: url(../images/contents_line003.gif) no-repeat left bottom;
}

.item	{
	width: 365px;
}

.list .left	{
	padding-right: 15px;
	background: url(../images/contents_line002.gif) no-repeat right top;
}

.item p	{
	float: left;
}

.item dl	{
	float: right;
	width: 200px;
}

.item dl dt	{
	color: #389323;
	font-size: 1.3em;
}

.item dl dd	{
	padding-top: 5px;
}

/* photo
---------------------------------------------------------------------------------------------------- */
#photo	{
	padding: 0 4px 30px 7px;
}

#photo dl	{
	float: left;
	width: 335px;
	padding-top: 15px;
}

#photo dl dd	{
	padding-top: 10px;
	padding-left: 3px;
}
#photo_use h3{
	padding-bottom: 22px;
}

#photo_use p{
	padding-left:15px;
	padding-bottom: 20px;
}
/* ====================================================================================================
   クリアフィックス
==================================================================================================== */
.list:after,
.item:after,
#photo:after	{
	content: ".";
	display: block;
	clear: both; 
	height: 0;
	visibility: hidden;
}

.list,
.item,
#photo	{
	display: block;
	#display: inline-block;
}



/* ====================================================================================================
   640px以下のメディアクエリ
==================================================================================================== */

@media screen and (max-width: 640px) {
	

/* ====================================================================================================
   index
==================================================================================================== */

.pager {
	width: 93.75%;
	margin: 0 auto;
}



.list	{
	width: 93.75%;
	margin: 0 auto;
	background: none;
}

.item	{
	width: 100%;
}

.list .left	{
	float: none;
	background: none;
	border-bottom: 1px solid #cfcfcf;
	padding: 0 0 3.125% 0;

}

.list .right	{
	float: none;
	background: none;
	border-bottom: 1px solid #cfcfcf;
	padding: 3.125% 0 3.125% 0;

}

.item p{
	float: none;
}
.item dl	{
	float: none;
	width: 98.5%;
	padding-left: 1.5%;
}

.item .detailBtn{
	width: 38.92%;
	margin: 0 auto;
}

/* photo
---------------------------------------------------------------------------------------------------- */
#photo	{
	width: 93.75%;
	margin: 0 auto;
	padding: 0 0 30px 0;
}
#photo .right{
	float: none;
	width: 43.83%;
	margin: 0 auto;
}
#photo dl	{
	float: none;
	width: 100%;
}
#photo dl dt{
	width: 51.5%;
	margin: 0 auto;
}

#photo dl .detailBtn{
	width: 9.5%;
}
#photo_use h3{
	padding: 0 0 3.9% 3.12%;
}

#photo_use p{
	width: 93.75%;
	margin: 0 auto;
	padding-left:0;
}



}