@charset "utf-8";

/* SP
-------------------------------------------------- */
@media screen and (max-width:640px){
	#box0 {
		background: #8ac39b;
		padding:10px 0;
		text-align: center;
		width: 100%;
	}
	#box0 span{
		color:#FFF;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 1.3;
	}
	#box1 span br{
		display: none;
	}

	.box .inbox{
		width: 100%;
		border-bottom:solid 1px #c3c5c5;
	}
	.box .inbox dd{
		padding:10px;
	}
	.box .inbox img{
		width: 100%;
		max-width:100%;
	}
	.box .inbox dd small {
		font-size:10px;
	}


}


/*
		background: url(../images/line.gif) 24.92% top repeat-y;

*/


/* PC
-------------------------------------------------- */
@media screen and (min-width:641px){
	body {
		background:#FFF url(../images/news/bg.gif) repeat-y center top;
	}
	.box {
		overflow: hidden; 
	}
	#news .box {
		width: 50%;
		height:400px;
	}
	#wrap {
		position: relative;
		width: 720px;
		margin:0 auto 50px;
		min-width:720px;
		  border: solid 1px #c3c5c5;
		background: #FFF;
	}
	#wrap1 {
		width: 100%;
		height: 100%;
		position: relative;
	}
	.box .inbox{
	}
	.box .inbox img{
		width: 100%;
		max-width:100%;
	}
	.box .inbox dt{
	}
	.box .inbox dd{
		padding:10px;
	}

	.box .inbox dd small {
		font-size:10px;
	}
	#box0 {
		width: 50%;
		left:0;
		top:0;
		background:#8ac39b url(../images/lineset.gif) no-repeat right bottom;
		height: 180px;
		display: table;
	}
	#box0 span{
		vertical-align: middle;
		display: table-cell;
		text-align: center;
		color:#FFF;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size:42px;
		font-weight: bold;
		letter-spacing: 1px;
	}
	#box1 {
		background:url(../images/line2.gif) repeat-y right bottom;
	}
	#box2 {
		background:url(../images/line2.gif) repeat-x right bottom;
	}
	#vgrid-box {
		height: 980px !important;
	}


}