@charset "UTF-8";

/* layout  ------------------------------*/
body {
	position: relative;
	color: #333;
	font: 100% "Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",Helvetica, Arial, sans-serif;
	word-break: break-all;
}

@media (min-width: 768px) {
	body {
		min-width: 1260px!important;
	}
}

#base_container{
	width:980px;
	margin:0 auto;
	padding:0 0 60px 0;
	overflow:hidden;
	line-height: 1.6;
}
#base_container.container_1280{
	width: 1280px;
}
#main{
	width:1220px;
	margin:10px auto 0;
}


p{
	margin-bottom: 1em;
}

img{ vertical-align:bottom; }

/* ##### float指定ボックス用ハック ##### */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End Hides from IE-mac */


/* pan_list -------------------------------*/
.pan_list{
	display: none;
}
@media print,
screen and (min-width: 768px) {
	.pan_list{
		display: block;
		min-width:980px;
		background:#f1f1f1;
		border-top:1px solid #d3d2d2;
		border-bottom:1px solid #d3d2d2;
		padding:7px 10px;
		font:100% "Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",Helvetica,Arial,sans-serif;
	}
	.pan_list .inner{
		width:970px;
		margin:0 auto;
	}
	.pan_list li{
		float:left;
		background:url(../../common/images/arow_pan.gif) no-repeat center left;
		padding-left:20px;
		margin-right:15px;
		color:#333;
		font-size:13px;
		line-height: 22px;
	}
	.pan_list li.top{
		background:url(../../common/images/icon_wlfy.gif) no-repeat center left;
		padding-left:30px;
		height: 22px;
	}
	.pan_list li a{
		color:#333;
		text-decoration: underline;
	}

	.pan_list_1280{
		min-width:1280px;
	}
	.pan_list_1280 .inner{
		width:1220px;
	}
}

/* base_main ------------------------------*/
#base_main {
	margin-bottom: 10px;
}

#main h2{
	border-bottom:3px solid #a2a2a2;
	margin-bottom:20px;	
}
#main h2 img{
	vertical-align:bottom;
}


#pankuzu{
	font-size:11px;
}

.border{
	border:solid 1px #666;
}

/* twoColumn ------------------------------*/
#main .twoColumn{
	
}

#main .LeftArea{
	float:left;
	width: 870px;
}
#main .RightArea{
	float:right;
	width: 300px;
}
#main .RightArea h3{
	line-height:1px;	
}
#main .RightArea img{
	vertical-align:bottom;
}
#main .bigBnrArea{
	margin-bottom:20px;
}
#main .grayBox{
	background:#f5f5f5;
	padding:20px 0 0;
}
#main .bnArea{
	width:234px;
	margin:0 auto;
}
#main .bnArea li{
	padding-bottom:20px;
}

#main .bigBnrArea a:hover img,
#main .bnArea a:hover img{
	opacity:0.7;
}

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

}
@media only screen and (max-width: 960px){
}