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

/*-----------------------------------------------
_ all
-----------------------------------------------*/
#airmail {
	background-color: #ffffff;
}
#airmail .all{
	font-family: Hiragino Maru Gothic Pro, HG丸ゴシックM-PRO, verdana, arial, sans-serif;
	color: #666666;
}
#airmail a:link {
	color:  #000099;
}
#airmail a:visited {
	color:  #000099;
}
#airmail a:hover {
	color: #ff8581;
}
#airmail a:active {
	color: #ff8581;
}

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

	.socialicon{
		height: 22px;
		text-align: right;
	}
	
	.twitter-share-button {
	    width: 84px!important;
	}
	
	.g {
	    width: 20px!important;
	}
	

/*-----------------------------------------------
_ top_img
-----------------------------------------------*/

.top{
	width: 960px;
	height: 280px;
	margin: 10px auto;
	background-repeat: no-repeat;
}

	.top_left{
		width: 600px;
		height: 240px;
		text-align: left;
		float: left;
		padding-top: 30px;
	}

		.top_left p{
			font-size:20px;
			color: #666;
			text-align: left;
			padding-top: 40px;
		}
		
		.top_left h1{
			color: #000099;
			text-align: left;
			margin-top: 20px;
			font-weight: 100;
		}
	
	.top_right{
		width: 360px;
		height: 240px;
		text-align: left;
		float: left;
		padding-top: 30px;
		background-image: url(../images/stamp_bg.png);
		background-repeat: no-repeat;
		background-position: right;
	}
	
	.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;
	margin: auto;
	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;
	}

.about_lesson{
	height: 180px;
	margin-top: 20px;
}

	.about_lesson p{
		text-align: center;
		font-size: 15px;
	}

.about_greeting{
	width: 960px;
	height: 240px;
	float: left;
	margin-top: 20px;
}	

.about_greeting_1{
}

	.about_greeting_1 p{
		padding-left: 27px;
		font-size: 14px;
	}
	
	.about_greeting_1 .image_airmail{
		margin: 30px 0;
	}
	
	.about_greeting_1 .lesson_letter{
		width: 238px;
		height: 118px;
		float: left;
		margin: 20px 10px 20px 10px;
		padding: 10px;
		border: 1px #ccc solid;
	}
	
	.about_greeting_1 .lesson_letter .img{
		width: 80px;
		height: 80px;
		float: left;
		padding-top: 10px;
	}
	
	.about_greeting_1 .lesson_letter .img img:hover{
		opacity:0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
		background: #fff;
	}
	
	.about_greeting_1 .lesson_letter .description{
		width: 158px;
		height: 80px;
		float: left;
		padding-top: 10px;
	}
	
		.about_greeting_1 .lesson_letter .description p{
			padding-left: 10px;
			font-size:14px;
		}

	.about_greeting_1 .japan_post{
		width: 840px;
		height: 360px;
		float: left;
		padding-top:30px;
	}
	
	.about_greeting_1 .japan_post_l{
		width: 368px;
		height: 200px;
		float: left;
		border: 1px solid #ccc;
		margin-right: 10px;
		padding: 10px 20px 10px 20px;
	}
	
		.about_greeting_1 .japan_post_l p{
			font-size:14px;
			padding: 10px 0px 0px 0px;
		}
	
	.about_greeting_1 .japan_post_r{
		width: 368px;
		height: 200px;
		float: left;
		border: 1px solid #ccc;
		margin-left: 10px;
		padding: 10px 20px 10px 20px;
	}
	
		.about_greeting_1 .japan_post_r p{
			font-size:14px;
			padding: 10px 0px 0px 0px;
		}
		
	.about_greeting_1 .phrase_4{
		width: 840px;
		height: 960px;
		margin-top: 20px;
		float: left;
	}
	
		.about_greeting_1 .phrase_4 .phrase_4_1{
			width: 376px;
			height: 266px;
			float: left;
			background-image: url(../images/bg3.png);
			-webkit-box-shadow: 0 8px 6px -6px #666;
	 		-moz-box-shadow: 0 8px 6px -6px #666;
	        box-shadow: 0 8px 6px -6px #666;
			text-shadow: 0 1px 0 #fff;
			padding: 15px;
			border: 2px solid #E0DBE3;
		}
		
			.about_greeting_1 .phrase_4 .phrase_4_1 h2{
				font-family: 'Fenix', serif;
				font-size: 26px;
				font-weight: 100;
				margin-top: 10px;
				text-align: right;
			}
		
			.about_greeting_1 .phrase_4 .phrase_4_1 .text_box{
				width: 334px;
				height: 194px;
				background-image: url(../images/bgbg.jpg);
				-moz-box-shadow: inset 0 0 8px #999;
				-webkit-box-shadow: inset 0 0 8px #999;
				box-shadow: inset 0 0 8px #999;
				padding: 20px;
			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			border-radius: 12px;
			}
		
			.about_greeting_1 .phrase_4 .phrase_4_1 .text_box p{
				font-family: 'Fenix', serif;
				padding-left: 0px;
				font-size: 20px;
				text-align: center;
				line-height: 27px;
				font-style: italic;
			}
			
.box{
    width:376px;
    height:266px;
    border:1px solid #dadada;
    background-color:#fff;
    padding: 10px;
}

.side-corner-tag {
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 5px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-weight: 900;
} 
 
.side-corner-tag p {
    display: inline;    
}
.side-corner-tag p span {
    position: absolute;
    display: inline-block;
    right: -25px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 22px;
    background: #d93131;
    width: 100px;
    padding: 3px 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.side-corner-tag p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}
 
.side-corner-tag p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}



	.about_greeting_1 .lesson_4{
		width: 840px;
		height: 640px;
		margin-top: 20px;
		float: left;
	}
	
		.about_greeting_1 .lesson_4 .lesson_4_1{
			width: 376px;
			height: 266px;
			float: left;
			background-image: url(../images/bg3.png);
			-webkit-box-shadow: 0 8px 6px -6px #666;
	 		-moz-box-shadow: 0 8px 6px -6px #666;
	        box-shadow: 0 8px 6px -6px #666;
			text-shadow: 0 1px 0 #fff;
			padding: 15px;
			border: 2px solid #E0DBE3;
		}
		
		.about_greeting_1 .lesson_4 .lesson_4_1 h3{
			font-size: 19px;
			font-weight: 100;
		}
		
		.about_greeting_1 .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;
		}
		
		.about_greeting_1 .lesson_4 .lesson_4_1 .img img:hover{
			opacity:0.7;
			filter: alpha(opacity=70);
			-ms-filter: "alpha( opacity=70 )";
			background: #fff;
		}
		
		.about_greeting_1 .lesson_4 .lesson_4_1 .description{
			width: 290px;
			height: 80px;
			float: left;
			padding-top: 10px;
		}
			
			.about_greeting_1 .lesson_4 .lesson_4_1 .description .desc_left{
				width: 200px;
				height: 80px;
				float: left;
			}
			
				.about_greeting_1 .lesson_4 .lesson_4_1 .description .desc_left ul{
					padding-top: 0;
				}
				
			.about_greeting_1 .lesson_4 .lesson_4_1 .description .desc_right{
				width: 90px;
				height: 80px;
				float: left;
			}
			
				.about_greeting_1 .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;
				}
				
				.about_greeting_1 .lesson_4 .lesson_4_1 .description .desc_right img:hover{
					opacity:0.7;
					filter: alpha(opacity=70);
					-ms-filter: "alpha( opacity=70 )";
					background: #fff;
				}
		
			.about_greeting_1 .lesson_4 .lesson_4_1 .description p{
				padding-left: 10px;
				font-size:18px;
			}
			
		.about_greeting_1 .lesson_4 .lesson_4_1 .lesson_contents{
			width: 353px;
			height: 100px;
			float: left;
			margin-top: 15px;
			background-color: #fff;
			padding: 10px;
			-moz-box-shadow: inset 0 0 8px #666;
			-webkit-box-shadow: inset 0 0 8px #666;
			box-shadow: inset 0 0 8px #666;
		}
		
			.about_greeting_1 .lesson_4 .lesson_4_1 .lesson_contents p{
				padding: 0;
				font-size: 13px;
			}
		
/*-----------------------------------------------
_ button_module
-----------------------------------------------*/

.button_module{
	margin-top: 20px;
}

/*-----------------------------------------------
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 25px!important;
    width: 950px;
}

/*-----------------------------------------------
_ fukidashi
-----------------------------------------------*/

	.chat-bubble {
		background-color:#fff; /*背景色*/
		border:2px solid #cccc00;/*ボーダーの設定*/
		padding:5px;/*ボックス内の幅*/
		position:relative;/*位置の指定はrelativeで*/
		width:800px;
		height:42px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
		margin: 45px 0px 0px 120px;
	}
	
	.chat-bubble-arrow-border {
		border-color: transparent #cccc00 transparent transparent; /*三角の向き　下向き 左向き 上向き 右向き*/
		border-style: solid;
		border-width: 10px;　/*三角の横幅*/
		height:0;/*セルの内側を消す*/
		width:0;/*セルの内側を消す*/
		position:absolute;/*位置の指定はabsoluteで*/
		bottom:20px;/*上下の位置調整*/
		left:-20px;/*左右の位置調整*/
	}
	
	.chat-bubble-arrow {
		border-color: transparent #fff transparent transparent;/*三角の向き　下向き 左向き 上向き 右向き*/
		border-style: solid;
		border-width: 10px;
		height:0;
		width:0;
		position:absolute;
		bottom:20px;/*上下の位置調整*/
		left:-17px;/*左右の位置調整*/
	}
div.fb-like{
    position: relative;
    top: -4px;
}