/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* :::::: common ::::::  */
#contents .inner{
  width: 1000px;
  margin: 0 auto;
  padding-top:40px;
  background-color:#ffffff;
}
#portfolio .box1 h4{
	margin:0;
	padding:5px 0;
	font-size:1em;
	border-top:1px solid #dddddd;
	background-color:#eeeeee;
	text-align:center;
}
#portfolio .box1 img{
	border:1px solid #dddddd;
}
h3 {
	font-size:1.2em;
	margin:0;
	text-align:center;
	padding:0 0 3px 0;
}
p{
	margin:0;
}
#portfolio .midashi2_line{
	width: 55%;
}
#history .midashi2_line{
	width: 60%;
}
.midashi2_line{
	height: 8px;
	background-image: url("../img/line_h2_01.png");
	background-repeat: repeat-x;
	margin: 0 auto;
	padding: 0 0 20px 30px;
}

/* :::::: contents ::::::  */
#content{
	width:600px;
	height:400px;
	background-color:#009a63;

}
#portfolio h2{
	width:80%;
}
#portfolio h2 ,
#history h2{
	color:#ffffff;
	letter-spacing:0.05em;
	line-height:1.5em;
	text-align:center;
	margin:0 auto 20px;
	border:1px solid #dddddd;
	background:#ffffff url("../img/h_back_img.gif") repeat 0px 0px;
}
#portfolio .box1{
	width:100%;
}

#portfolio .box1 .box2 {
	width:300px;
}

#portfolio .box1 .box3 {
	width:950px;
}

#portfolio .box1 .box2 ,
#portfolio .box1 .box3 {
	float:left;
	margin:0 0 47px 25px;
	border:1px solid #cccccc;
    overflow: hidden;
}

#portfolio .box1 .box2:after ,
#portfolio .box1 .box3:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#portfolio .box1 .box2 .top_img_1{
	padding:35px 0;
}
#portfolio .box1 .box2 .top_img_2{
	padding:79px 0;
}
#portfolio .box1 .box2 .top_img_1,
#portfolio .box1 .box2 .top_img_2{
	margin-bottom:0;
	text-align:center;
}
#portfolio .box1 .box3 .top_img{
	float:left;
	margin:0 0 0 35px;
	padding:35px 0;
}

#portfolio .box1 .box2 p {
	float:left;
	margin:0px 0px 35px 13px;
}

#portfolio .box1 .box3 p {
	float:left;
	margin:0px 0px 15px 21px;
}

#history {
	margin:0 auto;
	padding-bottom:20px;
	width:90%;
	margin:0 auto;
}
#box4 {
	width:100%;
	margin:0 auto;
}
#box4 p{
	text-align:center;
}
#history table {
	border-collapse:collapse;
	margin:0 auto;
}
#history tr {
	border-bottom:1px dotted #000000;
}
#history td {
	padding:0 25px;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {

	#history {
		padding-bottom:350px;
	}

}