@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;
	}
	

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-photo {
	position: relative;
	margin: auto;
	width: 100%;
	/*height: 670px;*/
	text-align: center;
	vertical-align: middle;
}

div#wrapper-photo img{

}

/*@media screen and (max-device-width: 480px) {
  div#wrapper-photo {
	position: relative;
	margin: auto;
	width: 280px;
	height: 247px;
	text-align: center;
	vertical-align: middle;
	}
}*/

/*--------------------------------------
  ドラッグコピー禁止
---------------------------------------*/

span.guard{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
	background-image: url(../../img/space.gif);
}

span.guard01{
	position: absolute;
	display: block;
	width: 708px;
	height: 45px;
	background-image: url(../../img/spacer.gif) ;
}


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