﻿
/* CSS Document */
.pageTitle{
    margin:5% 0;
}

.story h3{
	overflow:hidden;
	clear:both;
	float:none;
	width:auto;
}
.story .article{
	background:url(../image/border.png) repeat-x center bottom;
        /*
	padding-bottom:15px;
        */
}

.story #article1,
.story #article2{
	padding-bottom:15px;
}

.story #article3,
.story #article4
{
    padding-bottom: 7px;
}

.story .article{
	overflow:hidden;
	clear:both;
}
.story .section{
	overflow:hidden;
	line-height:2;
}

/*PC
----------------------------------------------------*/
@media screen and (min-width:1081px),print{
    .top_image{
	margin-bottom:50px;
}
.story h3{
	margin-bottom:30px;
}
.story .section{
	width:680px;
}
.story .section .textbox{
	padding:0 10px;
}
.story .article .section{
	padding-top:25px;
	min-height:336px;
}
#article4 .section{
	padding-bottom:25px;
}
.story .article .image{
	padding-top:25px;
}
#article1 .image,#article3 .image{
	margin-right:29px;
	float:left;
}
#article2 .image,#article4 .image{
	margin-left:29px;
	float:right;
}
#article2 .section{
	background:url(../image/bg1.png) no-repeat right top 15px;
}
#article3 .section{
	background:url(../image/bg2.png) no-repeat right bottom;
}
#article4 .section{
	background:url(../image/bg3.png) no-repeat right bottom;
}
}

/*Tab
--------------------------------------------------*/
@media screen and (max-width:999px) and (min-width:641px){
	.top_image{
		margin-bottom:7%;
	}
	.story h3{
		margin-bottom:3%;
	}
	.article{
		padding-bottom:5%;
		margin-bottom:5%;
	}
	.article .image{
		width:30%;
	}
	.article .section{
		width:60%;
	}
	#article1 .image,#article3 .image{
		float:left;
		margin-right:5%;
	}
	#article2 .image,#article4 .image{
		float:right;
		margin-left:5%;
	}
}
/*Tab&Phone
--------------------------------------------------*/
@media screen and (max-width:999px){
}
/*Phone
--------------------------------------------------*/
@media screen and (max-width:640px){
	.top_image{
		margin-bottom:7%;
	}
	.article{
		margin-bottom:7%;
		padding-bottom:7%;
	}
	.article .image{
		text-align:center;
		margin-bottom:3%;
	}
	.article .textbox{
		width:90%;
		margin:0 auto;
	}
}