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

/*=========================================================
 *
 *	css file for "www.aaaaaaa.com"
 *	file name : base.css
 *
=========================================================*/


/* Initialization */
/* -------------------------------------------------- */

* {
    margin: 0px;
    padding: 0px;
	border: 0;
	outline: 0;
	font-size: 100%;
}

html{ -webkit-text-size-adjust:none; color:#333333; font-size:14px;	line-height: 1.4; }

body {
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;	
	text-align: center;
	background: url(../sharedimg/bg/bg_texture_grad.gif);
}


/* 基本タグ設定 */
/* -------------------------------------------------- */

img { vertical-align: bottom; border: none; }
ul,li { list-style-position: outside; list-style-type: none }
p { line-height: 160%; }

div.imgcenter {
	width: 100%;
	text-align: center;
	padding: 10px 0;
}

div.imgright {
	width: 500px;
	float: right;
	padding: 0 0 10px 10px;
	text-align: right;
}
div.imgleft {
	width: 500px;
	float: left;
	padding: 0 10px 10px 0;
	text-align: left;
}



/* display: none設定 */
/* -------------------------------------------------- */

.non_active { display:none !important; }

	
/* clear 設定　*/
/* -------------------------------------------------- */

hr.clear {
	display: none;
	clear: both;
}

br.brclear {
	clear: both;
}

div.divclear12 {
	clear: both;
	height: 12px;
}


/* clearfix */
.after_clear:after { display:block; clear:both; height:0; visibility:hidden; content:"."; }

/* micro clearfix */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }


/* h1 h2 h3 設定　*/
/* -------------------------------------------------- */

h1,h2,h3 {
	display: inline;
	font-weight: normal;
	font-size: 100%;
}


/* float 設定 */
/* -------------------------------------------------- */

.float_left { float:left !important; }
.float_right { float:right !important; }
.float_clear { clear:both !important; }


/* align */
/* -------------------------------------------------- */

.align_left { text-align: left !important; }
.align_center { text-align: center !important; }
.align_right { text-align: right !important; }


/* font */
/* -------------------------------------------------- */

.font8 { font-size:8px !important;}
.font10 { font-size:10px !important;}
.font11 { font-size:11px !important;}
.font12 { font-size:12px !important;}

.font_g {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.font_m {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important;
}


/* a.hover 設定　*/
/* -------------------------------------------------- */

a.hover:hover {
	opacity:0.9 !important;
	filter: alpha(opacity=90) !important;        /* ie lt 8 */
	-ms-filter: "alpha(opacity=90)" !important;  /* ie 8 */
	-moz-opacity:0.9 !important;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.9 !important;              /* Safari 1.x */
}



/* letter-spacing */
/* -------------------------------------------------- */

.lspace1 { letter-spacing: 0.1em !important; }
.lspace2 { letter-spacing: 0.2em !important; }
.lspace3 { letter-spacing: 0.3em !important; }
.lspace4 { letter-spacing: 0.4em !important; }


/* figure 設定　*/
/* -------------------------------------------------- */

figure.ph_01 {
	padding-bottom: 10px;
}

figure.ph_01 img {
	border: 1px solid #ccc;
	padding: 3%;
	background: #fff;
	
	box-shadow: -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -ms-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);	

}


/* position設定 */
/* -------------------------------------------------- */

.pos_rel {
	position: relative;
}

.pos_abs {
	position: absolute;
}

/* width */
/* -------------------------------------------------- */

.w_100 { width: 100% !important; }
.w_80 { width: 80% !important; }

/* height */
/* -------------------------------------------------- */



/* padding */
/* -------------------------------------------------- */

.pad0 { padding: 0 !important; }
.pad5 { padding: 5px !important; }
.pad10 { padding: 10px !important; }
.pad15 { padding: 15px !important; }
.pad20 { padding: 20px !important; }


/* border */
/* -------------------------------------------------- */

hr.bdr { border-bottom: 1px solid #ccc; }
hr.bdrdsh { border-bottom: 1px dashed #ccc; }

.bdr1gry {
	border: 1px solid #ccc;
}
.bdr1blk {
	border: 1px solid #000;
}

.bdr10gry {
	border: 10px solid #ccc;
}
.bdr10blk {
	border: 10px solid #000;
}

/* ph_frm */
/* -------------------------------------------------- */

.ph_frm_4 {
	border: 1px solid #ccc;
	background: #fff;
	padding: 4px;
}

.ph_frm_6 {
	border: 1px solid #ccc;
	background: #fff;
	padding: 6px;
}

.ph_frm_8 {
	border: 1px solid #ccc;
	background: #fff;
	padding: 8px;
}


/* fluid image */
/* -------------------------------------------------- */
.fluid_image {
	width: 100%;
}

.fi {
	max-width: 100%;
	height: auto;
}

.fi_90 { max-width: 90%; height: auto; }
.fi_80 { max-width: 80%; height: auto; }
.fi_80 { max-width: 70%; height: auto; }



/* font color */
/* -------------------------------------------------- */

.red { color: #ff8040; }
.blue { color: #1E90FF; }
.green { color: #009999; }
.greenbold { color: #009999; FONT-WEIGHT: bold }
.lightgreenbold { COLOR: #4dc14d; FONT-WEIGHT: bold }

.darkred { color: #df0000; /*赤*/ }
.orange { color: #ff8040; }
.pink { color: #ff80c0; }

.darkblue { color: #0000ff; }
.darkbluebold { COLOR: #0000ff; FONT-WEIGHT: bold }
.lightgreen { color: #009900; }
.lightbluebold { COLOR: #00cccc; FONT-WEIGHT: bold }

.normal { font-weight: normal; }				
.marker { background: #FDFF96; font-weight: bold; }
.bold { font-weight: bold; font-size: 120%; }



/*--------- bg_grad   --------- */

.bg_grad_pink {
	background: -moz-linear-gradient(top, #FFBBB1 0%, #FFC3BB 20%, #FFF5F5 80%, #ffffff 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFBBB1), color-stop(20%,#FFC3BB), color-stop(80%,#FFF5F5), color-stop(100%,#ffffff));		
}

.bg_grad_purple {
	background: -moz-linear-gradient(top, #e4b2ff 0%, #e7bcff 20%, #faf5ff 80%, #ffffff 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4b2ff), color-stop(20%,#e7bcff), color-stop(80%,#faf5ff), color-stop(100%,#ffffff));		
}

.bg_grad_green {
	background: -moz-linear-gradient(top, #DAF09A 0%, #DEF2A5 20%, #FCFFF8 80%, #ffffff 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DAF09A), color-stop(20%,#DEF2A5), color-stop(80%,#FCFFF8), color-stop(100%,#ffffff));	
}

.bg_grad_yellow {
	background: -moz-linear-gradient(top, #fbef8f 0%, #fdf4a5 20%, #fffff0 80%, #ffffff 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbef8f), color-stop(20%,#fdf4a5), color-stop(80%,#fffff0), color-stop(100%,#ffffff));	
}


/*--------- kadomaru   --------- */

.kadomaru_5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
}
.kadomaru_10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;		
}
.kadomaru_15 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;		
}


/* 共通部分 */

/* リンク基本設定 */
/*a:link {
	color: #005BDF;
	text-decoration: none;
}

a:visited {
	color: #005BDF;
	text-decoration: none;
}

a:active,
a:hover {
	color: #F60;
	text-decoration: underline;
	color: #005BDF;
}*/


a.hover:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

a.btn {
	display: block;
	
	background: #59bb0c;
	width: 140px;
	height: 40px;
	font-size: 16px;
	color: #fff;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	box-shadow: -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: -ms-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	
	text-shadow:0px -1px 0px #474747;
	
	margin: auto;
}


/* Objective parts */
/* -------------------------------------------------- */


/* --- lrbox --- */

div.lrbox {
	width: 100%;
	margin: auto;
}

div.lrbox div.lrbox_l {
	width: 50%;
	float: left;
}

div.lrbox div.lrbox_r {
	width: 50%;
	float: right;
}


/* --- col_2 --- */

div.wrap_col_2 {
}

div.wrap_col_2 div.col_01 {
	width: 50%;
	float: left;
}
div.wrap_col_2 div.col_02 {
	width: 50%;
	float: right;
}

/* --- col_3 --- */

div.wrap_col_3 {
}

div.wrap_col_3 div.col_01 {
	width: 33%;
	float: left;
}
div.wrap_col_3 div.col_02 {
	width: 33%;
	float: left;
}
div.wrap_col_3 div.col_03 {
	width: 34%;
	float: right;
}

/* --- col_4 --- */

div.wrap_col_4 {
}

div.wrap_col_4 div.col_01 {
	width: 25%;
	float: left;
}
div.wrap_col_4 div.col_02 {
	width: 25%;
	float: left;
}
div.wrap_col_4 div.col_03 {
	width: 25%;
	float: left;
}
div.wrap_col_4 div.col_04 {
	width: 25%;
	float: right;
}


/* --- grid_2 --- */

ul.grid_2 {
}

ul.grid_2 li {
	width: 50%;
	float: left;
}

/* --- grid_3 --- */

ul.grid_3 {
}

ul.grid_3 li {
	width: 33%;
	float: left;
}

/* --- grid_4 --- */

ul.grid_4 {
}

ul.grid_4 li {
	width: 25%;
	float: left;
}



/* --- dltbl_1 --- */

	/*allwidth:615pxの場合 */
	
	div.wrap_dltbl_1 {
		width: 614px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin: auto;
	}
	
	dl.dltbl_1 {
		display: table-row;
		margin: 0;
	}
	dl.dltbl_1 dt,
	dl.dltbl_1 dd{
		display: table-cell;
		padding: 5px 15px;
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
	}
	
	dl.dltbl_1 dt {
		width: 150px;
	}
	dl.dltbl_1 dd {
		width: 400px;
	}



/* --- dltbl_2 --- */

	div.wrap_dltbl_2 {
		/*width: 610px;*/
		width: 90%;
		padding: 5%;
		background: #f8f5ec;
		margin: auto;
	}
	
	dl.dltbl_2 {
		display: table-row;
		margin: 0;
	}
	dl.dltbl_2 dt,
	dl.dltbl_2 dd{
		display: table-cell;
		padding: 5px 15px;
	}
	
	dl.dltbl_2 dt {
		width: 150px;
		text-align: right;
		vertical-align: middle;
	}
	dl.dltbl_2 dt span {
		color: #ff0000;
	}
	
	dl.dltbl_2 dd {
		width: 400px;
	}





/*--------- clearfix   --------- */

div.lrbox:after,
div.wrap_col_2:after,
div.wrap_col_3:after,
div.wrap_col_4:after,
ul.grid_2:after,
ul.grid_3:after,
ul.grid_4:after
{ 
display:block; clear:both; height:0; visibility:hidden; content:"."; 
}


/*--------- communication_banner_area   --------- */
.communication_banner_area {
	width: 772px;
	height: 350px;
	margin: 50px auto 0;
	background: url(../sharedimg/bg/bg_communication_banner.png);
	box-sizing: border-box;
	padding-top: 210px;
}
.communication_banner_msg {
	display: none;
}
.communication_banner_msg .thanks {
	color: #fcb678;
	font-size: 1.2em;
}
@media screen and (max-width: 569px) {
	.communication_banner_area {
		width: 100%;
		height: auto;
		background:  none;
		background-color: #fff;
		padding: 10px;
	}
	.communication_banner_msg {
		display: block;
	}
}

/*--------- error_msg   --------- */
.error_msg {
	margin: 10px 0;
	color: #f00;
	display: none;
}