@charset "utf-8";

/*ボックス----------------------------------------------------------*/
#main .box {
	overflow: hidden;
	width: 680px;
}

#main .box .min {
	line-height: 1.4;	
	margin:10px 2px 10px 4px;
	padding:5px;
	overflow: hidden;
	width: 200px;
	border: 1px solid #c9c9c9;
	float:left;
}

#main .box h3 {
	font-size: 12px;
	color: #333;
}
#main .box h3.s {
	font-size: 12px;
	color: #333;
	letter-spacing:-0.1em;
}

#main .box p.img img {
	float: left;
	/*border: 1px solid #cccccc;*/
}

#main .box p.img a:hover img  {
	border: 1px solid #000000;	
}

#main .box2 {
	overflow: hidden;
	width: 680px;
}

#main .box2 p.img img {
	float: left;
	border: 1px solid #cccccc;
	padding:15px;
	margin-top:20px;
}

#main .box2 ul {
	list-style-type: square;
	margin-left:250px;
	margin-bottom:10px;
}

/*office2-------------------------------------------------*/
#summary	{
	width: 100%;
}

#summary .outsidebox	{
	clear: both;
	width: 100%;
	height: 120px;
	margin: 15px 0;
	padding: 0;
}

#summary .outsidebox .leftbox	{
	float: left;
	width: 200px;
/*	height: 200px;*/
/*	border: 1px solid red;*/
}

#summary .outsidebox .leftbox img	{
	display:block;
/*	width: 180px;
	height: 120px;*/
	margin: auto;
/*	border: 1px solid blue;*/
}

#summary .outsidebox .leftbox2	{
	float: left;
	width: 200px;
/*	height: 200px;
	border: 1px solid red;*/
}

#summary .outsidebox .leftbox2 img	{
	display: block;
	width: 75%;
	height: 75%;
	margin: 0 auto;
}

#summary .outsidebox .rightbox	{
	float: right;
	width: 70%;
	text-align: left;
	margin: 0 auto;
}

#summary .outsidebox .rightbox ul	{
	list-style-type: disc;
}

#summary .outsidebox .rightbox li	{
	margin: 0 0 2px 0;
}

#summary p	{
	clear: both;
}

#detail {
	clear: both;
	width: 100%;
}

#detail .outsidebox {
	position: relative;
	clear: both;
	width: 90%;
	height: 140px;
	border-bottom: 1px solid #333;
/*	padding: 10px 0;*/
	margin: 20px 0 0 30px;
}

#detail .outsidebox .leftbox {
	float: left;
	width: 25%;
	top: 50%;
	margin: 0 auto;
}

#detail .outsidebox .leftbox img {
	display: block ;
	margin: auto ;
}

#detail .rightbox {
	float: right;
	width: 75%;
	text-align: left;
	top: 50%;
	margin: 0 auto;
}

#detail .rightbox a {
	color: blue;
}

#detail .rightbox a:hover {
	text-decoration: none;
	color: #F20;
}

@media screen and (max-width : 480px){
	#summary .outsidebox	{
		float: none;
		display: block;
		height:auto;
	}

	#summary .outsidebox .leftbox2	{
		width: 100%;
	}

	#summary .outsidebox .leftbox2 img	{
		width: 45%;
		height: 45%;
	}
	
	#summary .outsidebox .rightbox	{
		float: none;
		width: 100%;
	}

	#summary .outsidebox .rightbox ul	{
		list-style-type: disc;
		margin-left: 2em;
	}
	#summary .outsidebox .rightbox li	{
		margin: 0;
		padding-left: 0;
	}

	#detail .outsidebox {
		clear: both;
		width: 100%;
		height: auto;
		border-bottom: 1px solid #333;
/*	padding: 10px 0;*/
		margin: 20px 0 0 30px;
	}

	#detail .outsidebox .leftbox {
		float: clear;
		width: 100%;
/*		top: 50%;*/
		left: 0;
		padding: 10px 0;
/*		margin: 0 auto;*/
	}

	#detail .rightbox {
		clear: right;
		width: 100%;
		text-align: left;
/*	top: 50%;
	margin: 0 auto;*/
	}

#detail .rightbox a {
	color: blue;
}

/*
	#detail .outsidebox::before {
		clear: both;
		display: block;
		overfloat: hidden;
	}
*/
/*
	#detail .outsidebox .leftbox {
		float: none;
		width: 100%;
		height: auto;
	}
	#detail .outsidebox .rightbox {
		float: none;
		width: 100%;
		height: auto;
	}
*/
}