@charset "UTF-8";


/*************** ブラウザスタイルの初期化 ***************/
*	{
	margin: 0;
	padding: 0;
	color: #666666;
	}
body{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	line-height: 2.5;
	-webkit-touch-callout: none; 
	}
h1,h2,h3,h4,h5{
	margin: 0px;
	padding: 0px;
	}
dl,dt,dd{
 	margin: 0px;
 	padding: 0px;
 	}
p	{
	margin-top: 0px;
 	}
img{
	border:none;
	}
/*************** 文字関係 ***************/
.title{
		font-weight: bold;
		}
.caption{
		font-size:12px;
		}
.caption02{
		font-size:12px;
		line-height: 1.5;
		padding-bottom: 20px;
		}
.caption03{
		font-size:12px;
		line-height: 1.5;
		padding-bottom: 0px;
		}
.indent{
		text-indent: 1em;
		}
/*************** 間隔 ***************/
.top50{
		padding-top: 50px;
		}
		
/*************** リンクカラー ***************/
a:link{
	color: #e70012;
	text-decoration: underline;
	}
a:visited{
	color: #e70012;
	text-decoration: underline;
	}
a:hover{
	color: #9dbdd0;
	text-decoration: underline;
	}
a:active{
	color: #9dbdd0;
	text-decoration: underline;
	}
/*************** コンテナ ***************/
div#container{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image: url(../img/shadow.jpg);
	background-repeat:no-repeat;
	background-color: #ffffff;
	}
/*************** ヘッダー ***************/
div#header{
	width: 956px;
	padding-top: 25px;
	margin-left: auto;
	margin-right: auto;
	}
/*************** コンテンツナビ ***************/
div#navi{
	width:956px;
	margin-left: auto;
	margin-right: auto;
	}
ul#menu{
	width:956px;           /* リスト全体の幅 */
	height:47px;             /* リスト全体の高さ */
	list-style:none;         /* リストマークを無しにする */
	margin-left: auto;
	margin-right: auto;
	}
/*************** ナビ各項目 ***************/
ul#menu li{
	float:left;              /* 各項目を左側から回り込み */
	}
/*************** ナビリンク部分 ***************/
.m1	{
	display:block;            /* リンク範囲をブロックに変換 */
	width:117px;               /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;              /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif);   /* リンク範囲の背景画像設定 */
	background-position:0px 0px;	/* ★←背景画像の（0px 0px）の位置★ */
	background-repeat:no-repeat;  /* 背景画像繰menu.jpgり返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}
.m1-now	{
	display:block;            /* リンク範囲をブロックに変換 */
	width:117px;               /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;              /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif);   /* リンク範囲の背景画像設定 */
	background-position:0px -50px;	/* ★←背景画像の（0px 0px）の位置★ */
	background-repeat:no-repeat;  /* 背景画像繰menu.jpgり返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}
.m1 a{
	display:block;            /* リンク範囲をブロックに変換 */
	width:117px;               /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;              /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif);   /* リンク範囲の背景画像設定 */
	background-position:0px 0px;	/* ★←背景画像の（0px 0px）の位置★ */
	background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}
.m1 a:hover{
	background-image:url(../img/menu.gif);     /* マウスが上に来た時の背景画像設定 */
	background-position:0px -50px;				/* ★↑背景画像の（0px -40px）に移動★ */
	}

.m2	{
	display:block;             /* リンク範囲をブロックに変換 */
	width:169px;                /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
	background-position:-117px 0px;			/* ★↑背景画像の（-103px 0px）の位置★ */
	background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}
.m2-now	{
	display:block;             /* リンク範囲をブロックに変換 */
	width:169px;                /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
	background-position:-117px -50px;			/* ★↑背景画像の（-103px 0px）の位置★ */
	background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}

.m2 a{
	display:block;             /* リンク範囲をブロックに変換 */
	width:169px;                /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
	background-position:-117px 0px;			/* ★↑背景画像の（-103px 0px）の位置★ */
	background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}
.m2 a:hover{
	background-image:url(../img/menu.gif);  /* マウスが上に来た時の背景画像設定 */
	background-position:-117px -50px;		 /* ★↑背景画像の（-103px -40px）に移動★ */
	}

.m3 {
	display:block;             /* リンク範囲をブロックに変換 */
	width:106px;                /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
	background-position:-286px 0px;       /* ★↑背景画像の（-2420px 0px）の位置★ */
	background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}
.m3-now {
	display:block;             /* リンク範囲をブロックに変換 */
	width:106px;                /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
	background-position:-286px -50px;       /* ★↑背景画像の（-2420px 0px）の位置★ */
	background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}

.m3 a{
	display:block;             /* リンク範囲をブロックに変換 */
	width:106px;                /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
	background-position:-286px 0px;       /* ★↑背景画像の（-242px 0px）の位置★ */
	background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}
.m3 a:hover{
	background-image:url(../img/menu.gif);  /* マウスが上に来た時の背景画像設定 */
	background-position:-286px -50px;		 /* ★↑背景画像の（-242px -40px）に移動★ */
	}

.m4	{
	display:block;             /* リンク範囲をブロックに変換 */
	width:170px;                /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
	background-position:-392px 0px;        /* ★↑背景画像の（-329px 0px）の位置★ */
	background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}
.m4-now{
	display:block;             /* リンク範囲をブロックに変換 */
	width:170px;                /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
	background-position:-392px -50px;        /* ★↑背景画像の（-329px 0px）の位置★ */
	background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}
.m4 a{
	display:block;             /* リンク範囲をブロックに変換 */
	width:170px;                /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
	background-position:-392px 0px;        /* ★↑背景画像の（-329px 0px）の位置★ */
	background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}
.m4 a:hover{
	background-image:url(../img/menu.gif);  /* マウスが上に来た時の背景画像設定 */
	background-position:-392px -50px;         /* ★↑背景画像の（-300px -35px）に移動★ */
	}

.m5	{
	display:block;             /* リンク範囲をブロックに変換 */
	width:120px;                /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
	background-position:-562px 0px;            /* ★↑背景画像の（-469px 0px）の位置★ */
	background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}
.m5-now	{
	display:block;             /* リンク範囲をブロックに変換 */
	width:120px;                /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
	background-position:-562px -50px;            /* ★↑背景画像の（-469px 0px）の位置★ */
	background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}
.m5 a{
	display:block;             /* リンク範囲をブロックに変換 */
	width:120px;                /* リンク範囲（幅）をリスト項目範囲全て */
	height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
	background-position:-562px 0px;            /* ★↑背景画像の（-469px 0px）の位置★ */
	background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	}
.m5 a:hover{
	background-image:url(../img/menu.gif);  /* マウスが上に来た時の背景画像設定 */
	background-position:-562px -50px;             /* ★↑背景画像の（-469px -40px）に移動★ */
	}

.m6{
	display:block;             /* リンク範囲をブロックに変換 */
   	width:182px;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
    background-position:-682px 0px;            /* ★↑背景画像の（-567px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
	}
.m6-now{
	display:block;             /* リンク範囲をブロックに変換 */
   	width:182px;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
    background-position:-682px -50px;            /* ★↑背景画像の（-567px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
	}
.m6 a{
	display:block;             /* リンク範囲をブロックに変換 */
   	width:182px;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
    background-position:-682px 0px;            /* ★↑背景画像の（-567px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
	}
.m6 a:hover{
    background-image:url(../img/menu.gif);  /* マウスが上に来た時の背景画像設定 */
   	background-position:-682px -50px;             /* ★↑背景画像の（-567px -40px）に移動★ */
	}
	
.m7{
	display:block;             /* リンク範囲をブロックに変換 */
   	width:92px;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
    background-position:-864px 0px;            /* ★↑背景画像の（-715px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
	}
.m7-now{
	display:block;             /* リンク範囲をブロックに変換 */
   	width:92px;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
    background-position:-864px -50px;            /* ★↑背景画像の（-715px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
	}
.m7 a{
	display:block;             /* リンク範囲をブロックに変換 */
   	width:92px;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:47px;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../img/menu.gif); /* リンク範囲の背景画像設定 */
    background-position:-864px 0px;            /* ★↑背景画像の（-715px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
	}
.m7 a:hover{
    background-image:url(../img/menu.gif);  /* マウスが上に来た時の背景画像設定 */
   	background-position:-864px -50px;             /* ★↑背景画像の（-715px -40px）に移動★ */
	}
/*************** コンテンツ ***************/
div#title{
	width: 956px;
	margin-left: auto;
	margin-right: auto;
	}
/*************** メインの内容 ***************/
div#main {
	background-image: url(../img/mainback.jpg);
	background-repeat: no-repeat;
	margin-top:0px;
	width: 956px;
	margin-left: auto;
	margin-right: auto;
	}
div#main02 {
	background-color: #ffffff;
	margin-top:0px;
	width: 956px;
	margin-left: auto;
	margin-right: auto;
	}
div#main03 {
	background-image: url(../img/mainback.jpg);
	background-repeat: no-repeat;
	width: 956px;
	margin-left: auto;
	margin-right: auto;
    clear:both;　/*floatの解除*/
	}
.text {
	width: 956px;
	text-align: center;
	}
.text02 {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	}
.text03 {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	}
.photo {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	}
div#description {
	background-image: url(../img/anytime_01.gif);
	background-repeat: repeat-y;
	width: 349px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	}
.text04 {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	}
div#info {
	background-image: url(../img/anytime_02.gif);
	background-repeat: repeat-y;
	width: 691px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	}
.day {
	margin-left: 30px;
	padding-top: 10px;
	color: #ff3300;
	}
.topics {
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #f39700;
	line-height: 1.5;
	}
/*************** リスト ***************/
div#list {
	width: 580px;
	background-image: url(../img/outsourcing_03.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 20px;
	float: left;
	font-size: 12px;
	}
div#list02 {
	margin-right: 20px;
	float: right;
	line-height: 2.3;
	}
div#list03 {
	width: 350px;
	background-color: #ffffff;
	margin-left: 100px;
	float: left;
	line-height: 1.5;
	}
div#list04 {
	margin-right: 100px;
	float: right;
	line-height: 1.5;
	}
/*************** 表（テーブル） ***************/
table#box01 {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	border-spacing: 10px;
	border: 0;
	}
td#item01 {
	width: 80px;
	vertical-align: top;
	}
table#box02 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-top: 5px;
	border-spacing: 0px;
	}
td#item02 {
	width: 200px;
	border-top: 1px #00bfff solid;
	font-weight: bold;
	text-indent: 1em;
	}
td#item03 {
	border-top: 1px #00bfff solid;
	}
/***************　メール　***************/
div#mail {
	background-image: url(../img/recruit_02.gif);
	background-repeat: no-repeat;
	margin-top:0px;
	width: 956px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
/***************　マップへのリンク　***************/
div#tomap {
	margin-top:0px;
	width: 956px;
	margin-left: auto;
	margin-right: auto;
	}
div#yahoo {
	margin-left: 200px;
	float: left;
	}
div#google {
	margin-right: 200px;
	float: right;
	}
/***************　フッター　***************/
div#footer{
	margin-left: auto;
	margin-right: auto;
    padding-top: 10px;
    clear:both;　/*floatの解除*/
	}
address{
	font-size: 10px;
	font-style: normal;
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	border-top:1px solid #e4ebed;
	width:956px;
	}
/*
 * ＠mano 5/21　スマホからの画像コピー禁止対策
 */
	*:not(input):not(textarea):not(select), 
	input[type=image], 
	input[type=file], 
	input[type=submit], 
	input[type=button], 
	input[type=reset] { 
	-webkit-user-select: none; 
	}