@charset "UTF-8";
/* CSS Document */
	
/* ///////////////////////////////////////////

初期化

////////////////////////////////////////////*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{  
    margin: 0; padding:0;  
}  
table{  
    border-collapse: collapse; border-spacing:0;  
}  
fieldset, img{  
    border: 0;  
}  
address, caption, cite, code, dfn, em, strong, th, var{  
    font-style: normal; font-weight:normal;  
}  
ol, ul{  
    list-style: none;  
}  
caption, th{  
    text-align: left;  
}  
h1, h2, h3, h4, h5, h6{  
    font-size:100%; font-weight:normal;  
}  
q:before, q:after{  
    content:”;  
}  
abbr, acronym{  
    border:0;  
}  
a{
	color: #1791ae;
	cursor: pointer;
}
a:hover{
	text-decoration: underline;
	cursor: pointer;
	color: #555;
}
figure{
	margin: 0;
	padding: 0;
}
a:hover img {
    opacity: 0.85;
}
/* ///////////////////////////////////////////

Font

////////////////////////////////////////////*/

body {
	font:16px/1.231 "arial","helvetica",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
	color: #333;
	line-height: 1.4;
	-webkit-text-size-adjust: 100%;
	}
body.lang-jp{
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;}



select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}
button{
	border: none;
	background: none;
	margin: 10px 0 0 0;
}
table {
	font-size: inherit;
	font: 100%;
}

pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
.bold{
	font-weight: bold;
}
.about-bt-ul a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}


//* ///////////////////////////////////////////

Common style

////////////////////////////////////////////*/

.clearafter:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.floatcontainer:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.copy-font01{
	font-size: 20px;
}
.copy-font02{
	font-size: 22px;
}
.title01{
	font-family: 'Lato', sans-serif;
	font-weight:  lighter;
	letter-spacing: 3px;
	color: #0a6e84;
	font-size:  20px;
}
.title01 span{
	letter-spacing: 2px;
}
p.borderBottom{
	border-bottom: 1px dotted #999;
}


.small{
	font-size: 90%;
}

/* common color */
.pink	{color: #ef0794;}
.gold	{color: #d5ac30;}
.blue	{color: #0698ff;}
.orange	{color: #ff8706;}
.violet	{color: #ff66fa;}
.purple	{color: #a158eb;}
.brown	{color:	#8B3234;}
.gray	{color:	#777;}
/*___/ clearfix /___*/

.tright{ text-align: right;}
.fright{ float: right;}
.fleft{ float: left;}
.clear{
    clear: both; 
}
.center{ text-align: center;}

.font10{	font-size: 10px;}
.font11{	font-size: 11px;}
.font12{	font-size: 12px;}
.font14{	font-size: 14px;}
.font18{	font-size: 18px;}
.font19{	font-size: 19px;}
.font20{	font-size: 20px;}
.font21{	font-size: 21px;}
.font22{	font-size: 22px;}


.w280{	width: 280px;}
.w315{	width: 315px;}
.w340{	width: 340px;}
.w375{	width: 375px;}
.w400{	width: 400px;}
.w480{	width: 480px;}
.w500{	width: 500px;}
.w650{	width: 650px;}


.textRight{	text-align: right;}
.textCenter{ text-align: center; }

.mt5{	margin-top: 5px}
.mt10{	margin-top: 10px}
.mt13{	margin-top: 13px}
.mt15{	margin-top: 15px}
.mt20{	margin-top: 20px;}
.mt30{	margin-top: 30px;}
.mt40{	margin-top: 40px;}
.mt50{	margin-top: 50px;}
.mt65{	margin-top: 65px;}
.mt70{	margin-top: 70px;}
.mt80{	margin-top: 80px;}
.mt90{	margin-top: 90px;}
.mt100{	margin-top: 100px;}

.mb10{	margin-bottom: 10px;}
.mb15{	margin-bottom: 10px;}
.mb20{	margin-bottom: 20px;}
.mb30{	margin-bottom: 30px;}
.mb40{	margin-bottom: 40px;}
.mb50{	margin-bottom: 50px;}
.mb60{	margin-bottom: 60px;}
.mb70{	margin-bottom: 70px;}
.mb80{	margin-bottom: 80px;}
.mb90{	margin-bottom: 90px;}
.mb100{	margin-bottom: 100px;}

.mr5{	margin-right: 5px}
.mr10{	margin-right: 10px}
.mr15{	margin-right: 15px}
.mr20{	margin-right: 20px}
.mr30{	margin-right: 30px}
.mr40{	margin-right: 40px}

.ml5{	margin-left: 5px}
.ml10{	margin-left: 10px}
.ml15{	margin-left: 15px}
.ml20{	margin-left: 20px}

.p5{	padding: 5px}
.p10{	padding: 10px}
.p15{	padding: 15px}

.pl15{	padding-left: 15px}

.pr15{	padding-right: 15px}

.pb15{	padding-bottom: 15px}

.pb15{	padding-bottom: 15px}
.pb20{	padding-bottom: 20px}
.pb25{	padding-bottom: 25px}
.pb30{	padding-bottom: 30px}
.pb35{	padding-bottom: 35px}
.pb40{	padding-bottom: 40px}
.pb45{	padding-bottom: 45px}
.pb50{	padding-bottom: 50px}
.pb60{	padding-bottom: 60px}
.pb70{	padding-bottom: 70px}
.pb80{	padding-bottom: 80px}
.pb90{	padding-bottom: 90px}
.pb100{	padding-bottom: 100px}

.bold{	font-weight: bold;}

#pagetop{
	text-align: center;
	margin: 0;
	height:  38px;
	clear: both;
	margin-top:  20px;
}

.red{
	color: #990000; !important
}
strong{ font-weight: bold;}

#js_fade {
    position : fixed;
    top : 0;
    left : 0;
    width: 100%;
    height : 100%;
    background-color : #fff;
    background-image : url( ../images/loading.gif );
    background-repeat : no-repeat;
    background-position : 50% 50%;
    z-index: 1000;
}