@charset "UTF-8";

/*-----------------------------------------------
_ Default Style Clear
-----------------------------------------------*/
.all {  
border:0; 
line-height:1.4; 
margin:0;  
padding:0;
outline:0;   
vertical-align:baseline;
word-spacing: 1px;
font-size: 14px;
font-family: Arial, sans-serif;
}  


div.main_contents {
	min-height: 500px;
	margin: 0;
	padding: 0
}

:focus {
outline:0;
}  


.pointback_campaign img {
border:none;
text-decoration:none;
}  

.pointback_campaign ul, .pointback_campaign li {
list-style-type:none;
}  


/* Font
--------------------------------------------- */
@font-face {
	font-family: HuiFontP109;
	src: url('../font/HuiFontP109.ttf') format('truetype');
}

/*-----------------------------------------------
_ Default Style Clear
-----------------------------------------------*/

body {
	margin: 0;
	font-family: Arial, sans-sans-serif;
}

img {
	border-style:none;
}

ruby{
	color: red;
}
#main-content{
	padding: 20px 15px 20px 0px!important;
}
/*-----------------------------------------------
_ all
-----------------------------------------------*/

.all{
	width: 1020px;
	float: left;
	font-family: Hiragino Maru Gothic Pro, HG丸ゴシックM-PRO, verdana, arial, sans-serif;
	color: #666666;
	text-decoration: none;
	background-color: #fff;
	padding: 20px;
	margin-top: 10px;
	border: 4px #EAE5DF solid;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

a:link {
	color:  #f16e51;
	text-decoration: none;
}

a:hover {
	color: #ed4823;
	text-decoration: none;
}
a:active {
	color: #ff8581;
	text-decoration: none;
}

/* Font
--------------------------------------------- */

	.socialicon{
		width: 960px;
		height: 22px;
		margin-top: 10px;
		text-align: right;
	}
/*-----------------------------------------------
_ top_img
-----------------------------------------------*/

.top{
	width: 980px;
	height: 400px;
	float: left;
	margin-top: 10px;
	background-repeat: no-repeat;
}

	.top_top{
		width: 360px;
		height: 35px;
		margin-left:580px; 
		text-align: right;
		float: left;
	}
	
	.top_bottom{
		width: 960px;
		height: 240px;
		float: left;
	}
	
		.top_bottom p{
			color: #666;
			text-align: right;
		}
		
		.top_bottom h1{
			color: #000099;
			text-align: right;
			font-weight: 100;
			height:130px;
			font-size:36px;
			margin-top: 40px;
		}
	
	.top .socialicon{
		width: 730px;
		height: 22px;
		float: right;
		margin-top: 30px;
		text-align: right;
	}
	
	.top .socialicon_other{
		width: 536px;
		height: 22px;
	}
	
	.top .twitter-share-button {
	    width: 84px!important;
	}
	
	.top .g {
	    width: 20px!important;
	}
	
	.top .detail{
		width: 960px;
		height: 270px;
		float: left;
		padding-top: 20px;
	}
	
		.top .detail .detail_in{
			padding-right: 40px;
			padding-left: 40px;
			text-align: center;
		}
		
			.top .detail .detail_in p{
				font-size: 18px;
			}

/*-----------------------------------------------
_ about_pointback
-----------------------------------------------*/

.about_airmail{
	width: 960px;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../images/airmail_bar.png);
}

	.about_airmail h2{
		font-size: 18px;
		color: #666;
		text-align: center;
		font-weight: 100;
	}



	.lesson_4{
		width: 960px;
		height: 820px;
		margin-top: 20px;
		margin:20px 0 0 25px;
		float: left;
		padding: 10px;
	}
	
		.lesson_4 h2{
			margin-bottom: 15px;
			font-family:HuiFontP109;
			font-size: 38px;
		}
	
		.lesson_4 .lesson_4_1{
			width: 436px;
			height: 290px;
			float: left;
			background-image: url(../images/bg4.png);
			text-shadow: 0 1px 0 #fff;
			padding: 25px 15px 15px 15px;
		}
		
		.lesson_4 .lesson_4_1 h3{
			font-size: 19px;
			font-weight: 100;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			-webkit-text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			margin-top: 10px;
		}
		
		.lesson_4 .lesson_4_1 .img{
			width: 80px;
			height: 80px;
			float: left;
			margin-top: 10px;
			border: 3px #fff solid;
			-webkit-box-shadow: 0 8px 6px -6px #666;
	 		-moz-box-shadow: 0 8px 6px -6px #666;
	        box-shadow: 0 8px 6px -6px #666;
		}
		
		.lesson_4 .lesson_4_1 .img img:hover{
			opacity:0.7;
			filter: alpha(opacity=70);
			-ms-filter: "alpha( opacity=70 )";
			background: #fff;
		}
		
		.lesson_4 .lesson_4_1 .description{
			width: 290px;
			height: 80px;
			float: left;
			padding-top: 10px;
		}
			
			.lesson_4 .lesson_4_1 .description .desc_left{
				width: 200px;
				height: 80px;
				float: left;
			}
			
				.lesson_4 .lesson_4_1 .description .desc_left ul{
					padding-top: 0;
					list-style: none;
					font-size: 1.0em;
				}
				
			.lesson_4 .lesson_4_1 .description .desc_right{
				width: 90px;
				height: 80px;
				float: left;
				text-align: right;
			}
			
				.lesson_4 .lesson_4_1 .description .desc_right img{
					border: 3px #fff solid;
					margin-top: 20px;
					margin-left: 20px;
					-webkit-box-shadow: 0 8px 6px -6px #666;
			 		-moz-box-shadow: 0 8px 6px -6px #666;
			        box-shadow: 0 8px 6px -6px #666;
				}
				
				.lesson_4 .lesson_4_1 .description .desc_right img:hover{
					opacity:0.7;
					filter: alpha(opacity=70);
					-ms-filter: "alpha( opacity=70 )";
					background: #fff;
				}
		
			.lesson_4 .lesson_4_1 .description p{
				padding-left: 10px;
				font-size:18px;
			}
			
		.lesson_4 .lesson_4_1 .lesson_contents{
			width: 415px;
			height: 107px;
			float: left;
			margin-top: 15px;
			background-color: #fff;
			padding: 10px;
			-moz-box-shadow: inset 0 0 2px #ccc;
			-webkit-box-shadow: inset 0 0 2px #ccc;
			box-shadow: inset 0 0 2px #ccc;
		}
		
			.lesson_4 .lesson_4_1 .lesson_contents p{
				padding: 0;
				font-size: 14px;
			}
		
		.japanpost{
			width: 960px;
			height: 660px;
			float: left;
			padding: 10px;
			margin-top: 10px;
		}
			
			.japanpost .top2{
				width: 960px;
				height: 80px;
				float: left;
			}
			
				.japanpost .top2 h2{
					font-family:HuiFontP109;
					font-size: 38px;
				}
		
			.japanpost .france{
				width: 960px;
				height: 340px;
				float: left;
			}
		
				.japanpost .france p{
					text-align:center;
					font-size:16px;
					padding-top: 10px;
				}
				
			.japanpost .bottom{
				width: 960px;
				height: 230px;
				float: left;
				background-image: url(../images/know.png);
				background-repeat: no-repeat;
				background-position: left;
			}
			
				.japanpost .bottom{
					width: 960px;
					height: 230px;
					float: left;
					background-image: url(../images/know.png);
					background-repeat: no-repeat;
					background-position: left;
				}
				
					.japanpost .bottom .bottom_r{
						width: 620px;
						height: 230px;
						float: left;
						margin-left: 340px;
						
					}
			
		
/*-----------------------------------------------
_ button_module
-----------------------------------------------*/

.button_module{
	width: 900px;
	height: 60px;
	float: left;
	margin: 0px 60px 0px 30px;
}
/*-----------------------------------------------
footer
-----------------------------------------------*/
.contents footer {
    overflow: auto;
	font-family: "lucida grande",Calibri,"Helvetica Neue",Helvetica,Geneva,tahoma,verdana,arial, Meiryo,'MS PGothic','NanumGothic','AppleGothic','Malgun Gothic','Dotum Regular','Hiragino Kaku Gothic Pro', sans-serif;
    clear: both;
    margin: 35px 15px 15px 10px!important;
    width: 950px;
}
div.fb-like{
    position: relative;
    top: -5px;
}