/* ////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////*/
@media screen and (max-width: 479px) {

div#left-container h2{
	background:url(../images/title-bg.jpg) no-repeat left center;
}


div.s-left-container h3{
	border:1px dotted #3FB3EA;
	margin-top:15px;
	margin-bottom:15px;
	padding:10px;
	color:#3FB3EA;
	font-size:130%;
}

div.kouji-container{
	border-bottom:1px solid #ccc;
	padding-top:20px;
	padding-bottom:20px;
}

p.kouji-l{
	width:158px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

p#kouji-bottom-container{
	background:#3FB3EA;
	padding:20px 0px;
	color:#fff;
	text-align:center;
	margin-bottom:60px;
}



}




/*////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////*/
@media only screen and (min-width: 481px) {

div#left-container h2{
	background:url(../images/kouji/kouji_title.jpg) no-repeat left top;
}

div.s-left-container h3{
	border:1px dotted #3FB3EA;
	margin-top:15px;
	margin-bottom:15px;
	padding:10px;
	color:#3FB3EA;
	font-size:130%;
}

div.kouji-container{
	margin-bottom:40px;
}

p.kouji-l{
	float:left;
	width:158px;
	margin-right:20px;
}

p.kouji-r{
	float:left;
	width:495px;
}


p#kouji-bottom-container{
	background:#3FB3EA;
	padding:20px 0px;
	color:#fff;
	text-align:center;
}








}