@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: #fbfbfb;
}


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

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


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

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

div.imgright {
	width: 50%;
	float: right;
	/*padding: 0 0 2% 2%;*/
	text-align: right;
}
div.imgleft {
	width: 50%;
	float: left;
	/*padding: 0 2% 2% 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;}


/* 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; }





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

.wid100 { width: 100% !important; }
.wid80 { width: 80% !important; }


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

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


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

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


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


/* ad 設定　*/
/* -------------------------------------------------- */

p.ad_01 {
	padding-top: 5px;
	text-align: center;
	max-width: 336px;
	margin: auto;
}



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



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

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

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

span.darkblue {
	color: #0000ff;
}
SPAN.darkbluebold {
	COLOR: #0000ff; FONT-WEIGHT: bold
}
span.lightgreen {
	color: #009900;
}
SPAN.lightbluebold {
	COLOR: #00cccc; FONT-WEIGHT: bold
}
span.normal {
	font-weight: normal;
}				
span.marker {
	background: #FDFF96;
	font-weight: bold;
}
span.bold {
	font-weight: bold;
	font-size: 120%;
}



/* 共通部分 */

/* リンク基本設定 */
/*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;
}*/


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


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

div.lrbox:after {
	display: block;
	clear: both;
	height: 0;
	content: ".";
	visibility: hidden;
}

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

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



/* fluid image */
/* -------------------------------------------------- */

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

img.fi_90 {
	max-width: 90%;
	height: auto;
}

img.fi_80 {
	max-width: 80%;
	height: auto;
}


/* btn */
/* -------------------------------------------------- */

a.btn_01 {
	display: block;
	width: 150px; /*70px*/
	max-width: 150px; /*70px*/
	min-width: 150px; /*50px*/
	height: 21px;
	text-align: center;
	padding-top: 4px;
	background: #FC8815;
	color: #fff;
	text-decoration: none;
	
	-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 #666;
	float: right;
}

a.btn_01:hover {
	background: #ECAF47;	
}


a.btn_02 {
	display: block;
	width: 80%;
	height: 30px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	padding-top: 3%;
	color: #000;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	border: 1px solid #ccc;
}

a.btn_02:hover {
	background: #fff;
}

a.btn_03 {
	display: block;
	margin: auto;
	width: 80%;
	background: #FC8815;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 0px -1px 0px #666;

	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);
}
a.btn_03:hover { background: #ffa347; }

.bg_purple {
	background: #efe0ff;
}


/*--------- grad   --------- */

.grad_bg_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));
	background: linear-gradient(to bottom, #FFBBB1, #ffffff);
}

.grad_bg_pink2 {
	background: -moz-linear-gradient(top, #ffb2d8 0%, #ffc0e0 20%, #fff0f7 80%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb2d8), color-stop(20%,#ffc0e0), color-stop(80%,#fff0f7), color-stop(100%,#ffffff));
	background: linear-gradient(to bottom, #ffb2d8, #ffffff);
}

.grad_bg_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));	
	background: linear-gradient(to bottom, #e4b2ff, #ffffff);
}

.grad_bg_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));
	background: linear-gradient(to bottom, #DAF09A, #ffffff);
}

.grad_bg_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));	
	background: linear-gradient(to bottom, #fbef8f, #ffffff);
}

.grad_bg_yellow_02 {
	background: -moz-linear-gradient(top, #fdec8d 0%, #fde870 20%, #fddf30 80%, #fddb16 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdec8d), color-stop(20%,#fde870), color-stop(80%,#fddf30), color-stop(100%,#fddb16));
	background: linear-gradient(to bottom, #fdec8d, #fddb16);
	
}

.grad_bg_gray {
	background: -moz-linear-gradient(top, #f6f6f6 0%, #efefef 20%, #cfcfcf 80%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(20%,#efefef), color-stop(80%,#cfcfcf), color-stop(100%,#cccccc));
	background: linear-gradient(to bottom, #edebe4, #FFF);

}



/*--------- 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;		
}

/* UserAgent show hide */
/* -------------------------------------------------- */

/*defaultでhide*/
.ios_show { display: none; }

.android_show { display: none; }