f@charset "Shift_JIS";



/* ----------------------- Browser Default Initialization */

/*

*{

	margin:0;

	padding:0;

	zoom:1;

}

*/

html

{

	overflow-y: scroll;

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td

{

	margin: 0;

	padding: 0;

}

address, caption, cite, code, dfn, em, strong, th, var

{

	font-style: normal;

}

table

{

	border-collapse: collapse;	border-spacing: 0;

}

caption, th

{

	text-align: left;

}

q:before ,q:after

{

	content: '';

}

object, embed

{

	vertical-align: top;

}

hr, legend

{

	display: none;

}

h1, h2, h3, h4, h5, h6

{

	font-size: 100%;

}

img, abbr, acronym, fieldset

{

	border: 0;

	vertical-align: bottom;

}

img.quicimg1
{
	width: 100%;
	height: 100%;
}

img.quicimg2
{
	width: 50%;
	height: 50%;
}

li

{

	list-style-type: none;

}



/* ----------------------- Basic Style */  

/* ------------ Font Style */

body

{

/*

	font-family: 'Verdana', 'Arial', 'sans-serif', 'Comic Sans MS', 'MS UI Gothic', 'ＭＳ Ｐゴシック';

	background: white url('image/background/bg02.jpg') repeat-x;

*/

	font-family: 'Verdana', 'MS UI Gothic', 'ＭＳ Ｐゴシック';

	background-color: #444444;

	margin: 0;

	padding: 0;

	text-align: center;

	font-size: 75%;

}

html>/**/body

{

    font-size: 11pt;

}



/* ------------ A Style */

a:link

{

	text-decoration: none;

	color: #00F;

}

a:visited

{

	text-decoration: none;

	color: #00F;

}

a:hover

{

	text-decoration: underline;

	color: #00F;

}

a:active

{

	text-decoration: none;

	color: #00F;

}





/********************************************************/

/*                                                      */

/* header                                               */

/*                                                      */

/********************************************************/

/* ロゴエリア */

.HEADER_LOGO

{

	/* センタリング */

	margin-left: auto;

	margin-right: auto;

	text-align: left;



	width: 980px;

	background-color: transparent;

}

.HEADER_LOGO table td.NAME

{

	width: 600px;

	text-align: left;

	background-color: transparent;

	padding: 20px 0px 10px 20px;

}

.HEADER_LOGO table td.CONT

{

	width: 380px;

	text-align: right;

	vertical-align: bottom;

	background-color: transparent;

	color: #FFFFFF;

	font-size: 8pt;

	letter-spacing: 1px;

	padding: 0px 20px 5px 0px;

}

/* コンテンツエリア */

.HEADER_CONT

{

	/* センタリング */

	margin-left: auto;

	margin-right: auto;



	width: 980px;

	background-color: #000000;



	/* 角丸ボーダー */

	border: solid 10px #FFFFFF;

	/* FireFox */

	-moz-border-radius: 10px;

	/*

	-moz-border-radius-bottomleft: 10px;

	-moz-border-radius-bottomright: 10px;

	*/

	/* Safari系 */

	-webkit-border-radius: 10px;

}

.HEADER_CONT table td.CONT1	/* 標語 */

{

	width: 600px;

	text-align: left;

	background-color: transparent;

	color: #FFFFFF;

	font-size: 16pt;

	font-weight: bold;

	letter-spacing: 5px;

	line-height: 35px;

	padding: 0px 0px 0px 80px;

}

.HEADER_CONT table td.CONT2	/* 画像 */

{

	text-align: right;

	background-color: transparent;

}



/********************************************************/

/*                                                      */

/* menu button                                          */

/*                                                      */

/********************************************************/

.MENU_BUTTON

{

	/* センタリング */

	margin-left: auto;

	margin-right: auto;

	text-align: left;



	width: 980px;

	background-color: transparent;

	font-size: 10.5pt;

	font-weight: bold;

	color: #FFFFFF;

	padding: 10px 0px 50px 0px;

/*

	border: solid 1px #000000;

*/

}

.MENU_BUTTON a

{

	font-size: 10.5pt;

	font-weight: bold;

	color: #FFFFFF;

}

.MENU_BUTTON a:link		{ color: #FFFFFF; }

.MENU_BUTTON a:visited	{ color: #FFFFFF; }

.MENU_BUTTON a:active	{ color: #FFFFFF; }

.MENU_BUTTON a:Hover	{ color: #FFFF33; }


.MENU_BUTTON a.imakoko
{
	color: #FFFF33;
}

.MENU_BUTTON span.MARK

{

	color: #FFFF33;

}

.MENU_BUTTON span.ON

{

	color: #FFFF33;

}

.MENU_BUTTON span.SEPA

{

	font-weight: normal;

}



/********************************************************/

/*                                                      */

/* contents                                             */

/*                                                      */

/********************************************************/

/**********/

/* common */

/**********/

/* 共通 */

.CONT_HOME,

.CONT_SERVICE,

.CONT_COMPANY,

.CONT_RECRUIT,

.CONT_MAP,

.CONT_PRIVACY

{

	/* センタリング */

	margin-left: auto;

	margin-right: auto;

	text-align: left;



	width: 960px;

	background-color: #FFFFFF;

	font-size: 10.5pt;

	font-weight: bold;

	color: #696969;

	padding: 10px 10px 10px 10px;

	/* 角丸ボーダー */

	border: solid 6px #999999;

	/* FireFox */

	-moz-border-radius: 10px;

	/*

	-moz-border-radius-bottomleft: 10px;

	-moz-border-radius-bottomright: 10px;

	*/

	/* Safari系 */

	-webkit-border-radius: 10px;

}

/* メニュー名 */

.CONT_HOME li.MENU_NAME,

.CONT_SERVICE li.MENU_NAME,

.CONT_COMPANY li.MENU_NAME,

.CONT_RECRUIT li.MENU_NAME,

.CONT_MAP li.MENU_NAME,

.CONT_PRIVACY li.MENU_NAME

{

	background-color: #FFFFFF;

	color: #696969;

	font-weight: bold;

	font-size: 18pt;

	text-align: left;

	letter-spacing: 2px;

	padding: 20px 0px 30px 20px;

}

/* テーブル共通 */

.CONT_COMPANY table,

.CONT_RECRUIT table

{

	border-collapse: collapse;

	border-spacing: 0;

	margin: 20px 100px 20px 100px;

}

/* スペース用 */

.CONT_FOOTER

{

	/* センタリング */

	margin-left: auto;

	margin-right: auto;

	text-align: left;



	width: 960px;

	height: 20px;

	background-color: transparent;

	padding: 10px 10px 10px 10px;

}



/********/

/* home */

/********/

.CONT_HOME li.CONT1

{

	background-color: #FFFFFF;

	color: #696969;

	font-weight: bold;

	font-size: 18pt;

	text-align: center;

	letter-spacing: 2px;

	padding: 10px 0px 10px 0px;

	border: double 3px #696969;

	margin: 0px 250px 20px 100px;

}

.CONT_HOME li.CONT2

{

	background-color: #FFFFFF;

	color: #696969;

	font-weight: bold;

	font-size: 11pt;

	text-align: left;

	padding: 10px 0px 0px 0px;

	margin: 0px 0px 20px 100px;

	letter-spacing: 2px;

}

/* 画像位置をブラウザ毎に調整 */

/* IE7 */

*:first-child+html 

.CONT_HOME p

{

	background-color: #FFFFFF;

	text-align: left;

	margin: 0px 0px 20px 80px;

}

/* IE8 */

head~/* */body 

.CONT_HOME p

{

	background-color: #FFFFFF;

	text-align: left;

	margin: 0px 0px 20px 100px;

}

/* 以外 */

html:not(:target) 

.CONT_HOME p

{

	background-color: #FFFFFF;

	text-align: left;

	margin: 0px 0px 20px 100px;

}



/***********/

/* service */

/***********/

.CONT_SERVICE li.TITLE

{

	background-color: #FFFFFF;

	color: #696969;

	font-weight: bold;

	font-size: 11pt;

	text-align: left;

	padding: 5px 0px 0px 0px;

	margin: 0px 100px 10px 100px;

	letter-spacing: 2px;

}

.CONT_SERVICE li.TITLE span		/* 特殊文字用 */

{

	color: #DC143C;

	font-weight: bold;

	font-size: 12pt;

	letter-spacing: 2px;

}

.CONT_SERVICE li.CONT

{

	background-color: #FFFFFF;

	color: #696969;

	font-weight: normal;

	font-size: 10pt;

	text-align: left;

	padding: 0px 0px 0px 0px;

	margin: 0px 150px 20px 150px;

	letter-spacing: 2px;

}



/* quic */
.CONT_QUIC table td.PRICE1
{
	width: 135px;
/*	width: 30%;*/
	background-color: #FFFFFF;
	color: #696969;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
	border: 1px solid white;
}
.CONT_QUIC table td.PRICE2
{
	width: 125px;
	background-color: #FFFFFF;
	color: #696969;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
	border: 1px solid white;
}
.CONT_QUIC table td.PRICE3
{
	width: 200px;
	background-color: #FFFFFF;
	color: #696969;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
	border: 1px solid white;
}
.CONT_QUIC table td.PIC1
{
	width: 135px;
	background-color: #FFFFFF;
	color: #696969;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
	border: 1px solid white;
}
.CONT_QUIC table td.PIC2
{
	width: 350px;
	background-color: #FFFFFF;
	color: #696969;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
	border: 1px solid white;
}
.CONT_QUIC table td.PIC3
{
	width: 100px;
	background-color: #FFFFFF;
	color: #696969;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
	border: 1px solid white;
}
.CONT_QUIC table td.PIC4
{
	width: 350px;
	background-color: #FFFFFF;
	color: #696969;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
	border: 1px solid white;
}

/***********/

/* company */

/***********/

.CONT_COMPANY table td.TITLE

{

	width: 200px;

	background-color: #D0D0D0;

	color: #696969;

	font-size: 11pt;

	font-weight: bold;

	text-align: left;

	letter-spacing: 2px;

	padding: 0px 0px 0px 20px;

	border: 1px solid white;

}

.CONT_COMPANY table td.CONT

{

	width: 500px;

	background-color: #F0F0F0;

	color: #696969;

	font-size: 10pt;

	font-weight: normal;

	text-align: left;

	letter-spacing: 2px;

	padding: 10px 0px 10px 10px;

	border: 1px solid white;

}



/***********/

/* recruit */

/***********/

.CONT_RECRUIT table td.TITLE

{

	width: 200px;

	background-color: #D0D0D0;

	color: #696969;

	font-size: 11pt;

	font-weight: bold;

	text-align: left;

	letter-spacing: 2px;

	padding: 0px 0px 0px 20px;

	border: 1px solid white;

}

.CONT_RECRUIT table td.CONT

{

	width: 500px;

	background-color: #F0F0F0;

	color: #696969;

	font-size: 10pt;

	font-weight: normal;

	text-align: left;

	letter-spacing: 2px;

	padding: 10px 0px 10px 10px;

	border: 1px solid white;



}

.CONT_RECRUIT li.TITLE

{

	background-color: #FFFFFF;

	color: #696969;

	font-weight: bold;

	font-size: 11pt;

	text-align: left;

	padding: 10px 0px 0px 0px;

	margin: 0px 100px 0px 100px;

	letter-spacing: 2px;

}

.CONT_RECRUIT li.TITLE span

{

	color: #DC143C;

	font-weight: bold;

	font-size: 12pt;

	letter-spacing: 2px;

}

.CONT_RECRUIT li.CONT

{

	background-color: #FFFFFF;

	color: #696969;

	font-size: 10pt;

	font-weight: normal;

	text-align: left;

	padding: 0px 0px 0px 0px;

	margin: 0px 150px 0px 150px;

	letter-spacing: 2px;

}



/*******/

/* map */

/*******/

.CONT_MAP li.CONT

{

	background-color: #FFFFFF;

	color: #696969;

	font-size: 10pt;

	font-weight: normal;

	text-align: left;

	padding: 10px 0px 0px 0px;

	margin: 0px 100px 20px 100px;

	letter-spacing: 2px;

}



/***********/

/* privacy */

/***********/

.CONT_PRIVACY li.TITLE1

{

	background-color: #FFFFFF;

	color: #4682B4;

	font-size: 11pt;

	font-weight: bold;

	text-align: left;

	padding: 10px 0px 0px 0px;

	margin: 0px 100px 20px 100px;

	letter-spacing: 2px;

}

.CONT_PRIVACY li.CONT1

{

	background-color: #FFFFFF;

	color: #696969;

	font-size: 10pt;

	font-weight: normal;

	text-align: left;

	padding: 10px 0px 0px 0px;

	margin: 0px 100px 20px 100px;

	letter-spacing: 2px;

}

.CONT_PRIVACY li.TITLE2

{

	background-color: #FFFFFF;

	color: #696969;

	font-size: 11pt;

	font-weight: bold;

	text-align: left;

	padding: 10px 0px 0px 0px;

	margin: 0px 100px 10px 100px;

	letter-spacing: 2px;



}

.CONT_PRIVACY li.CONT2

{

	background-color: #FFFFFF;

	color: #696969;

	font-size: 10pt;

	font-weight: normal;

	text-align: left;

	padding: 0px 0px 0px 0px;

	margin: 0px 150px 20px 150px;

	letter-spacing: 2px;

}



/********************************************************/

/*                                                      */

/* Privacy Policy                                       */

/*                                                      */

/********************************************************/

.PRIVACY

{

	width: 850px;

	height: 20px;

	margin: 10px 0px 0px 0px;

	background-color: transparent;

	text-align: right;

}

.PRIVACY a

{

	font-size: 11pt;

}

.PRIVACY a:link		{ color: #4A5580; }

.PRIVACY a:visited	{ color: #4A5580; }

.PRIVACY a:active	{ color: lightslategray; }

.PRIVACY a:Hover	{ color: lightslategray; }



/********************************************************/

/*                                                      */

/* footer                                               */

/*                                                      */

/********************************************************/

/* プライバシーポリシー */

.FOOTER_PRIVACY

{

	/* センタリング */

	margin-left: auto;

	margin-right: auto;

	text-align: right;



	width: 980px;

	background-color: transparent;

	font-size: 8pt;

	color: #FFFFFF;

	padding: 10px 0px 0px 0px;

	border-top: dotted 2px #999999;

/*

	border: solid 1px #000000;

*/

}

.FOOTER_PRIVACY a

{

	font-size: 8pt;

	color: #696969;

	padding: 0px 10px 0px 0px;

}

.FOOTER_PRIVACY a:link		{ color: #FFFFFF; }

.FOOTER_PRIVACY a:visited	{ color: #FFFFFF; }

.FOOTER_PRIVACY a:active	{ color: #FFFFFF; }

.FOOTER_PRIVACY a:Hover		{ color: #FFFF33; }




.FOOTER_PRIVACY a.imakoko
{
	color: #FFFF33;
}

.FOOTER_PRIVACY span.MARK

{

	color: #FFFF33;

}

.FOOTER_PRIVACY span.ON

{

	color: #FFFF33;

}

.FOOTER_PRIVACY span.SEPA

{

	font-weight: normal;

}



/* コピーライト */

.FOOTER_COPYRIGHT

{

	/* センタリング */

	margin-left: auto;

	margin-right: auto;

	text-align: right;



	width: 960px;

	height: 30px;

	background-color: transparent;

	font-size: 8pt;

	font-weight: normal;

	color: #AAAAAA;

	padding: 10px 10px 10px 10px;

}



/********************************************************/

/*                                                      */

/* float clear                                          */

/*                                                      */

/********************************************************/

.FLOAT-CLEAR

{

	clear: both;

}





/********************************************************/

/*                                                      */

/* Other                                                */

/*                                                      */

/********************************************************/

/* 【ハックについて】 http://lpclips.net/2008/06/css-hack.html */

/* IE7 */

*:first-child+html 

.OTHER li

{

	height: 36px;

}

/* IE8 */

head~/* */body 

.OTHER li

{

	height: 36px;

}

/* 以外 */

html:not(:target) 

.OTHER li

{

	height: 38px;

}