@charset "utf-8";

/*--------------------------------------
  基本設定
---------------------------------------*/

html,body {
	margin:0;
	padding:0;
	scrollbar-face-color: #242424;       /* 表面の色 */
	scrollbar-3dlight-color: #e9e9e9;    /* 左端と上端の色 */
	scrollbar-highlight-color: #242424;  /* ハイライトの色 */
	scrollbar-shadow-color: #242424;     /* 影の色 */
	scrollbar-darkshadow-color: #e9e9e9; /* 右端と下端 */
	scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
	scrollbar-track-color: #e9e9e9;      /* バーの背景の色 */
	}

html {
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-text-size-adjust: 100%;
	}


body{
	background : #ffffff ;
	color: #363636;
}

.hidden{
	position: absolute;
	height: 0; width: 0;
	top: -9999px; left: -9999px;
}

a {
	overflow: hidden;
}

object {
	outline: none;
}

img {
	line-height: 0;
}

::-moz-selection{
background:#316ac5;
color:#ffffff;
}

::selection {
background:#316ac5;
color:#ffffff;
}


/*--------------------------------------
  リンク設定
---------------------------------------*/

a:link {
	color:#f90000;
}
a:visited {
	color:#f90000;
}
a:active {
	color:#f90000;
}
a:hover {
	color:#f90000;
}


/*--------------------------------------
  STRUCTURE
---------------------------------------*/

div#wrapper {
	padding: 15px;
	font-size: 75%;
	/*height: 300px;*/

}

@media screen and (max-device-width: 480px) {
  div#wrapper {
	padding: 15px;
	font-size: 75%;
	/*height: 240px;
	/*overflow-y: scroll;*/
	/*overflow-x: hidden;*/
	}
}

	div#wrapper h3 {
		font-size: 121%;
		font-weight: bold;
		line-height: 1.5em;
		padding: 0 0 9px 0 ;
		letter-spacing: 0.1em;
		border-bottom:1px #fbc600 solid;
		margin-bottom: 14px;
	}


div#wrapper p {
		line-height: 1.5em;
		margin-bottom: 1em;
}


p.spec-line {
	border-bottom: 1px #767676 dotted;
	padding: 0 0 15px 0 ;
	margin: 0 0 20px 0;
}





/* FONT
##################################### */
.font-08	{ font-size: 60% !important; }
.font-09	{ font-size: 70% !important; }
.font-10	{ font-size: 77% !important; }
.font-11	{ font-size: 85% !important; }
.font-12	{ font-size: 93% !important; }
.font-13	{ font-size: 100% !important; }
.font-14	{ font-size: 108% !important; }
.font-15	{ font-size: 116% !important; }
.font-16	{ font-size: 123.1% !important; }
.font-17	{ font-size: 130% !important; }
.font-18	{ font-size: 150% !important; }
.font-under	{ text-decoration: underline !important; }
.font-bold	{ font-weight: bold !important; }


/* COLOR
##################################### */
.color0	{ color: #000000; }	/* BLACK */
.color1	{ color: #ffffff; }	/* WHITE */
.color2	{ color: #eb0007; }	/* RED */
.color3	{ color: #d30006; }	/* RED2 */
.color4	{ color: #f64b00; }	/* orange */
.color5	{ color: #002b73; }	/* orange */
.color6	{ color: #ff2a30; }	/* RED3 */


/* BLANK
##################################### */

.mb-0 { margin-bottom: 0px !important;}
.mb-5 { margin-bottom: 5px !important;}
.mb-7 { margin-bottom: 7px !important;}
.mb-10 { margin-bottom: 10px !important;}
.mb-15 { margin-bottom: 15px !important;}
.mb-20 { margin-bottom: 20px !important;}
.mb-25 { margin-bottom: 25px !important;}
.mb-30 { margin-bottom: 30px !important;}
.mb-35 { margin-bottom: 35px !important;}
.mb-40 { margin-bottom: 40px !important;}
.mb-45 { margin-bottom: 45px !important;}
.mb-50 { margin-bottom: 50px !important;}
.mb-55 { margin-bottom: 55px !important;}
.mb-60 { margin-bottom: 60px !important;}
.mb-70 { margin-bottom: 70px !important;}

.pb-0 { padding-bottom: 0px !important;}
.pb-5 { padding-bottom: 5px !important;}
.pb-7 { padding-bottom: 7px !important;}
.pb-10 { padding-bottom: 10px !important;}
.pb-15 { padding-bottom: 15px !important;}
.pb-20 { padding-bottom: 20px !important;}
.pb-25 { padding-bottom: 25px !important;}
.pb-30 { padding-bottom: 30px !important;}
.pb-35 { padding-bottom: 35px !important;}
.pb-40 { padding-bottom: 40px !important;}
.pb-45 { padding-bottom: 45px !important;}
.pb-50 { padding-bottom: 50px !important;}
.pb-55 { padding-bottom: 55px !important;}
.pb-60 { padding-bottom: 60px !important;}
.pb-70 { padding-bottom: 70px !important;}


/* form Module
##################################### */

form, fieldset, input, button, select, optgroup, option, textarea, label, legend {
font-size: 100%;
margin: 0;
padding: 0;
border: 0;
}

select {
background: #FFFFFF;
border: 1px #8e8e8e solid;
}