@charset "utf-8";
#box4 .inbox ,
#box7 .inbox {
	text-align: justify;
}
#box4 .inbox .lang_en ,
#box7 .inbox .lang_en ,
#box4 .lang_en .inbox  ,
#box7 .lang_en .inbox  {
	text-align: left;
}


/* SP
-------------------------------------------------- */
@media screen and (max-width:640px){
	#box1 {
		background: #95c4cb;
		padding:10px 0;
		text-align: center;
	}
	#box1 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{
		padding:10px;
	}
	#box3 .inbox dt{
		font-size:16px;
		margin-bottom:10px;
	}

	.box {
		border-bottom:solid 1px #c3c5c5;		
	}
	#box2 {
		text-align: center;
		background:#eeefef;
		padding:10px 0;
	}
	#box2 img {
		height: 80px;
		text-align: center
	}
	#box3 {
		text-align: center;
		background:#fafafa;
	}
	#box5 {
		text-align: center;
		background:#fafafa;
	}
	.icon ,
	.icon2 {
		display: block;
		width:auto;
		margin:5px auto;
	}
	#box7 dl{
		padding:10px;

	}
	#box6 {
		background: #c9c9ca;
		text-align: center;
		padding: 10px 0;
		color: #99c5b0;
		font-size:18px;
	}	
	#box6 br{
		display: none;
		color: #b0d1c2;
	}
	#box7 a{
		color: #000;
	}

}


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

*/


/* PC
-------------------------------------------------- */
@media screen and (min-width:641px){
	body {
		background:#FFF url(../images/about/bg.gif) repeat-y center top;
	}
	.box {
		position: absolute;
		overflow: hidden; 
	}
	#wrap {
		position: relative;
		width: 720px;
		margin:0 auto 50px;
		min-width:720px;
		border:solid 1px #c3c5c5;
		height: 1080px;
		background: #FFF;
	}
	#wrap1 {
		width: 100%;
		height: 100%;
		position: relative;
	}
	.box .inbox{
		padding:15px;
	}
	.box .inbox dt{
		line-height: 1.4;
		margin-bottom:5px;
		font-weight: bold;
	}
	.box .inbox dd{
	}
	#box1 {
		width: 25%;
		left:0;
		top:0;
		background:#95c4cb url(../images/lineset.gif) no-repeat right bottom;
		height: 540px;
		display: table;
	}
	#box1 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;
	}
	#box2 {
		width: 25%;
		left:25%;
		top:0;
		height: 540px;
		text-align: center;
		background:#eeefef url(../images/lineset.gif) no-repeat right bottom;
	}
	#box2 img{
		margin-top:5px;
	}
	#box3 {
		width: 50%;
		left:0;
		top:900px;
		height: 180px;
		background:#fafafa url(../images/line2.gif) bottom right repeat-y; 
			text-align: center;
	}	
	#box3 img{
		margin-top:60px;
	}
	#box4 {
		width: 50%;
		left:0;
		top:540px;
		height:360px;
		background: url(../images/lineset.gif) no-repeat right bottom;
	}
	#box5 {
		width: 50%;
		left:50%;
		top:720px;
		height: 360px;
		background: #fafafa;
		text-align: center;
	}
	#box5 img{
		margin-top:10px;
	}
	#box6 {
		width: 50%;
		right:0;
		top:540px;
		height: 180px;
		background: #c9c9ca;
		text-align: center;
		position: absolute;
	}	
	#box6 span{
		margin-top:45px;
		vertical-align: middle;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-weight: bold; 
		color: #b0d1c2;
		font-size:42px;
		letter-spacing: 4px;
		line-height: 1.1;
		display: block;
		
	}
	#box7 {
		width: 50%;
		right:0;
		top:0px;
		height: 540px;
		background:#ffffff url(../images/line2.gif) bottom left repeat-x; 
		position: absolute;
	}	
	#box7 dl{
		padding:15px;
	}
	#box7 dt{
		line-height: 1.4;
	}
	#box7 dd{
		line-height: 1.4;
		margin-bottom:10px;
	}
	#box7 a{
		color: #000;
	}
	#box7 .shop-list {
		margin-bottom:5px;
	}
	.icon {
		margin-top:5px;
		float:right;
		margin-right:20px;
	}
	.icon2 {
		margin-top:10px;
		float:right;
	}

}