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

/* 汎用セレクタ
------------------------------------------------------------- */
strong{font-weight:bold;}
.b{font-weight:bold;}
.center { text-align:center; }

/*	フロート
------------------------------------------------------------- */
.clear { clear: both; }
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* リンク
------------------------------------------------------------- */
.suke img{transition: opacity .3s ease;}
.suke a:hover img { opacity:0.7; }

a:link { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #9DB6BA; }
a:active { color: #fff; }


/*	マージン・パディング・ボーダー
------------------------------------------------------------- */
.mb0 { margin-bottom:0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb80 { margin-bottom: 80px !important; }

.mt0 { margin-top:0px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }

.ml20 { margin-left: 20px !important; }

.pl20 { padding-left: 20px !important; }
.pb10 { padding-bottom: 10px !important; }

/* -------------画像をフレキシブル ------------- */
img {
	max-width: 100%;
	width:auto;
	height: auto;
	width: auto\9; /* ie8 */
/*	
	vertical-align:top;
	-ms-interpolation-mode: bicubic;
	image-rendering:optimizeSpeed; // Legal fallback
    image-rendering:-moz-crisp-edges; // Firefox
    image-rendering:-o-crisp-edges; // Opera
    image-rendering:-webkit-optimize-contrast; // Chrome, Safari
    image-rendering:crisp-edges; // CSS3 Proposed
    -ms-interpolation-mode:bicubic; // IE8+
	*/
}

body {
	max-width:1080px;
	position: relative;
	margin:0 auto;
	
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #3e3a39;
	text-rendering: optimizelegibility;
	
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	
	-moz-tap-highlight-color:rgba(0,0,0,0); 
	-moz-text-size-adjust: none;
	-moz-font-smoothing: antialiased;
	
	-ms-tap-highlight-color:rgba(0,0,0,0); 
	-ms-text-size-adjust: none;
	-ms-font-smoothing: antialiased;
}
a {text-decoration: none;}

.container { background-color:#eeeeee;
	max-width:1080px;
	overflow: hidden;

/*  Prevents Flickering  */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}


#main{ width:90%; margin:0 auto;}

header {
	height: 10px;
	position: relative;
	background-color: #00A73B;
}
header h1 {
	color: #ffffff;
	text-align: left;
	font-size: 27px;
	line-height: 60px;
	font-weight: bold;
	padding-left: 20px;
}


.burger {
	position: absolute;
	float: left;
	padding: 10px;
	top: 4px;
	left: 10px;
	
	display: none;
}
.burger li {
	width: 30px;
	height: 4px;
	background-color: #fff;
	border-radius: 3px;
	margin: 5px 0;
}
.burger.open li {background-color: #d9dde1;}

nav {
	position: absolute;
	top: 0;
	right: 5px;
}
nav li {
	float: left;
	
	display: inline-block;
}
nav li a {
	font-size: 11px;
	color: #ffffff;
	padding: 24px 15px;
	
	display: block;
}
nav li a:hover {color: #000;}




/*  Removable CSS  */

.body-section {padding: 10%; padding:10px 5px 30px; background-color: #ffffff;}
.body-section .placefiller { padding:10px; font-size: 14px; line-height:1.6em; margin:0 35px;} /*border: 1px dashed rgba(190, 196, 202, 0.5);*/

.ins{ margin:0 20px 20px;}
.ins p{ line-height:200%; font-size:16px;}


.top { text-align:center; margin-bottom:20px;}
.logo { text-align: left;}

/*
.body-section ul { }
.body-section li { float:left; width:37%; }
.body-section li:last-child { margin-right:0px; width:60%; padding-left:10px; }
.body-section li p { margin-bottom:1.2em;}
*/

.leftbox{ float:left; width:45%; text-align:left; }
.leftbox li{ margin-left:5px;}

.rightbox{ float:right; margin-right:0px; width:45%; padding-left:20px; text-align:left;}

.leftbox2{ float:left; width:65%; text-align:left; }
.rightbox2{ float:right; margin-right:0px; width:30%; padding-left:20px; text-align:left;}
.rightbox2 p { font-size:80%;}

.cbox{text-align:left; margin:0 auto;}
.cbox tr,td{ padding:20px;}
.cbox td{ font-weight:bold; font-size:17px; color:#0569CC; }
.cbox td p{ font-weight: normal; font-size:12px; color:#3e3a39;}

.mm{font-weight: normal; font-size:12px; color:#3e3a39;}


.time table,tr,td,th{border:#CCC 1px solid;color: #3e3a39 !important; font-size:14px !important; font-weight:normal !important; padding:5px !important;}
th.tbg{ background-color:#E1EFF9 !important; text-align:center !important;}
tr.tdbg td{ background-color: #E8E8E8; !important; }



.body-section ul { text-align:left;}
.body-section li { margin-bottom:1.2em;}

.footer-section { padding:30px 10px 10px 10px; color:#fff; background-color:#00A73B; text-align: center;}
.footer-section p { line-height:300%;}
.footer-section .placefiller {  height: 30px; font-size: 12px;}

.footer-section a:link { color: #fff; }
.footer-section a:visited { color: #fff; }
.footer-section a:hover { color: #C0EAF9; }
.footer-section a:active { color: #fff; }


/*  AddStyle CSS  */
.body-section h2{ 
	color:#2B2B2B;
	border-bottom:#777777 1px dotted;
	border-left:#26B1ED 10px solid; 
	padding:5px 5px 5px 20px;
	font-size:20px;
	font-weight:bold;
	margin: 0 20px 15px 20px;
}

.body-section h3{ 
	font-weight:bold;
	font-size:17px;
	color:#0569CC;
	margin-bottom:7px;
	text-align:left;
}

.body-section h4{ 
	font-weight:bold;
	font-size:17px;
	color:#333;
	margin-bottom:20px;
	text-align:left;
}

.body-section h4 a:link { color: #0569CC; text-decoration:underline;}
.body-section h4 a:visited { color: #0569CC; text-decoration:underline;}
.body-section h4 a:hover { color: #72b3f3; text-decoration:underline;}
.body-section h4 a:active { color: #0569CC;text-decoration:underline; }

.body-section h5{ 
	font-weight:bold;
	font-size:14px;
	color:#333;
	margin-bottom:20px;
	text-align:left;
	border-bottom: #999 1px solid;
	padding:0 0 5px 5px;
}

.imgbr{
	border:#CCC 2px solid;
}

.terms{ width:95%; }
.terms p{line-height:1.4em; }
.terms h4{ font-weight:bold; font-size:15px; margin:20px 0 10px 0;}
.terms ul{ font-weight:bold; margin-bottom:20px; font-size:13px;}
.terms ol{ margin-bottom:20px; font-size:13px;}
.terms ul li{ font-weight:normal; margin-left:10px; margin-bottom:5px; line-height:1.4em; }
.terms ol li{ font-weight:normal; margin-left:25px; list-style-type:decimal; margin-bottom:5px; line-height:1.4em;}


.help{ font-size:16px; margin-left:20px; width:70%;}
.help a:link { color: #0070CC ; }
.help a:visited { color: #0070CC ; }
.help a:hover { color: #81B9D7; text-decoration:underline; }
.help a:active { color: #0070CC ; }
.help ul{ padding-left:20px; list-style-type:square; color: #0070CC ; }
.help ol{ padding-left:20px; list-style-type:decimal; color: #0070CC ;}
.help li{ border-bottom:#CCC solid 1px;}

.hlbox{
	text-align:center;
	 float:left;
	 width:45%;
	 margin-bottom:30px;
	}
	
.hrbox{
	text-align:center;
	 float:rightt;
	 width:45%;
	 margin-bottom:30px;
	}

.bmini{
	font-size:12px;
	background-color:#CCC;
	text-align:center;
	width:80%;
	padding:10px;
	margin:0 auto;
	line-height:1.2em;
	}

.waku{
	border:#CCC 1px solid;
	padding:15px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	}
		
.mini{font-size:12px;}
	
.red{ color:#F36; font-weight:bold;}
.redb{ color:#F36; font-weight:bold; font-size:28px;}

.pred{ color:#F00; font-size:28px;}
.pgreen{ color: #393; font-size:28px;}
.pstar{ color: #FC0; font-size:24px;}	


.button{margin:10px 0 0 10px; text-align:center;}

.button p {
	list-style-type:none;
	width:90%;
	height:30px;
	margin:3px auto;
	text-align:center;
}

.button a {
	display:block;
	width:90%;
	padding:5px 0px;
	text-decoration:none;
	background-color:#FFA04E;
	color: #FFFFFF;
}

.button a:hover {
	background-color:#FFC69C;
}



/*to-top*/
.page-top {
	display: none ;
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p {
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
 
.move-page-top {
	display: block ;
	background: #D36015 ;
	width: 40px ;
	height: 40px ;
	cursor: pointer ;

	color: #fff ;
	line-height: 40px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
	
	opacity: 0.7 ;
}

.move-page-top:hover { opacity: 0.5 ; }