@charset  "Shift_JIS";

/* == フォントサイズ設定 ==================================== */
.gray 				{color:#777777;}


.graylink					{font-size:85%;line-height:140%;}
.graylink a:link				{color:#333333;}
.graylink a:visited			{color:#333333;}
.graylink a:hover				{color:#3366FF;}
.graylink a:active				{color:#3366FF;}

.graylink1					{font-size:85%;line-height:140%;}
.graylink1 a:link				{color:#333333;}
.graylink1 a:visited			{color:#333333;}
.graylink1 a:hover				{color:#FF6666;}
.graylink1 a:active				{color:#FF6666;}


.graylink2					{line-height:160%;}
.graylink2 a:link				{color:#333333;}
.graylink2 a:visited			{color:#333333;}
.graylink2 a:hover				{color:#3366FF;}
.graylink2 a:active				{color:#3366FF;}

.jp1 {  font-size: 80%; line-height: 140%}
.jp1l {  font-size: 80%; line-height: 170%}
.jp2s {  font-size: 90%; line-height: 140%}
.jp2 {  font-size: 90%; line-height: 160%}
.jp2l { font-size: 90%; line-height: 180%}
.jp3 {
	font-size: 100%;
	line-height: 150%;
}
.jp3l {  font-size: 100%; line-height: 180%}
.jp4 {  font-size: 120%; line-height: 140%}
.jp4l {  font-size: 120%; line-height: 180%}
.jp6 {
	font-size: 140%;
	line-height: 180%;
}
.jp8 {
	font-size: 160%;
	line-height: 180%;
}
.jp2red { font-size: 85%; line-height: 180%; color: #ce045b}
.jp3red { font-size: 90%; line-height: 140%; color: #ce045b}
.copy { color: #FFFFFF; font-size: 70%; line-height: 140%}


#copy_line{
	margin:0;
	padding:0;
	background:url(../img/copyline.gif) repeat-x;
	height:18px;
}
#copy_line h2{
	padding:3;
	width: 950px;
	color: #FFFFFF; font-size: 70%; line-height: 140%;
	text-align:left;
}


.address {
	color: #FFFFFF;
	font-size: 70%;
	line-height: 160%;
	padding: 10px;
}




.green100 {
	font-family: verdana, sans-serif;
	font-size: 100%;
	line-height: 150%;
	color: #336600;
}


.alart    {color:#cc0000;} 

/* ================================================ */
/* == リンク色設定 ===================================== */
/* ================================================ */

a:link			{color: #3366FF;text-decoration: none;}
a:visited		{color: #3366FF;text-decoration: none;}
a:hover		{color: #FF6666;text-decoration: none;}
a:active		{color: #3366FF;text-decoration: none;}





/* ================================================ */
/* == スタイル設定 ==================================== */
/* ================================================ */
/*
body {
	margin:0;
	background-color: #FFFFFF;
	font-family: メイリオ, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro,  ＭＳ Ｐゴシック, sans-serif;
	color:#333333;
}
*/

body {
	margin:0;
	background-color: #FFFFFF;
	font-family: メイリオ, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro,  ＭＳ Ｐゴシック, sans-serif;
	color:#333333;
	background:url(../img/header_bg00.jpg) repeat-x;
}

body#index {
	margin:0;
	background-color: #FFFFFF;
	background-image:none;
	font-family:  "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, ＭＳ Ｐゴシック, sans-serif;
	color:#333333;
}

#nobg {
	margin:0;
	background-color: #FFFFFF;
	background-image:none;
	font-family:  "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, ＭＳ Ｐゴシック, sans-serif;
	color:#333333;
}


/*コピーライト*/
.copyright	{
	font-family: verdana, sans-serif;
	font-size: 75%;
	color: #333;
}


option {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,pre,form,fieldset,input,textarea,select {
 font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック", san-serif;
	font-weight: normal;
}


ul,ol {
	list-style-type: none;
}


dt {
	background-position:0px 2px;
	width:95%;
	background-image: url(../img/ya.png);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 20px;
	border-bottom: 1px dashed #999999;
	margin:5px;
}

dd  {
	padding:0;
	margin:0;
}




/* ---------- */
#wrapper {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

#navi {
	height: 34px;
}




.pinklist {
	width:680px;
	display:block;
	float:left;
	border-bottom: 1px dotted #999;
	margin: 5px 0;
	background-color: #FFF;
	background-image: url(../img/ya_pink2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 15px;
	font-size: 90%;
	line-height: 160%;
}

.hoikuenlist {
	display:block;
	float:left;
	margin: 2px 0;
	background-image: url(../img/ya_pink.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
	padding-right: 6px;
	padding-left: 18px;
	font-size: 110%;
	line-height: 130%;
	color:#993366;
	font-weight:bold;
}


.servicelist {
	display:block;
	float:left;
	margin: 2px 0;
	background-image: url(../img/ya_green.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
	padding-right: 6px;
	padding-left: 18px;
	font-size: 110%;
	line-height: 130%;
	color:#336600;
	font-weight:bold;
}

.slist {
	display:block;
	float:left;
	margin: 1px 0;
	background-image: url(../img/dot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 1px;
	padding-right: 6px;
	padding-left: 15px;
	font-size: 90%;
	line-height: 150%;
}

.slist2 {
	display:block;
	float:left;
	margin: 2px 0;
	background-image: url(../img/dot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 15px;
	padding-right: 6px;
	padding-left: 15px;
	font-size: 90%;
	line-height: 150%;
}


.nolist {
	display:block;
	float:left;
	margin: 2px 0;
	padding-bottom: 10px;
	padding-right: 6px;
	padding-left: 20px;
}



.linebottom {
	display:block;
	float:left;
	margin: 4px 0;
	background-color: #FFF;
	background-image: url(../img/grey_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 3px;
	
	
	
}


.linebottom2 {
	display:block;
	float:left;
	margin: 4px 0;
	background-color: #FFF;
	background-image: url(../img/grey_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 10px;
	width:100%;
	
	
}


.sub a {
	display:block;
	text-align:left;
	background-image: url(../navi/img/sub_02.gif);
	background-repeat: no-repeat;
	color:#333;
	float:left;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
	font-size: 85%;
}
/* link */
.sub a:link    {color:#333; text-decoration:none;} 
.sub a:visited {color:#333; text-decoration:none;}
.sub a:hover   {color:#3366FF; } 
.sub a:active  {color:#3366FF; } 


.sub2 a {
	display:block;
	text-align:left;
	background-image: url(../navi/img/sub_03.gif);
	background-repeat: no-repeat;
	color:#333;
	float:left;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
	font-size: 85%;
}
/* link */
.sub2 a:link    {color:#333; text-decoration:none;} 
.sub2 a:visited {color:#333; text-decoration:none;}
.sub2 a:hover   {color:#3366FF; } 
.sub2 a:active  {color:#3366FF; } 



.white2 {
	font-family: verdana, sans-serif;
	font-size: 85%;
	line-height: 150%;
	color: #FFF;
}
.white3 {
	font-family: verdana, sans-serif;
	font-size: 100%;
	line-height: 150%;
	color: #FFF;
	margin: 4px;
	padding: 4px;
}

.white3 a    {color:#fff; text-decoration:none; display:block;} 
.white3 a:link    {color:#fff; text-decoration:none;} 
.white3 a:visited {color:#fff; text-decoration:none;}
.white3 a:hover   {color:#FFFFDD;} 
.white3 a:active  {color:#fff;} 


.block_green a {
	display:block;
	width:170px;
	text-align:center;

	color:#fff;
	float:right;
	border:1px solid #AAA;
	margin: 2px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font-size: 90%;
	 border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */


}
.block_green a.r {width:50px; border:none;}   /* 上書き */
/* link */
.block_green a:link    {color:#fff; text-decoration:none; background:#20a040;} 
.block_green a:visited {color:#fff; text-decoration:none; background:#20a040;}
.block_green a:hover   {color:#fff; background:#3dd062;} 
.block_green a:active  {color:#fff; background:#555;} 



.block_green2 a {
	display:block;
	width:162px;
	text-align:center;

	color:#333;
	float:left;
	border:1px solid #AAA;
	margin: 2px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font-size: 90%;
	 border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 


}
.block_green2 a.r {width:50px; border:none;}   /* 上書き */
/* link */
.block_green2 a:link    {color:#333; text-decoration:none;} 
.block_green2 a:visited {color:#333; text-decoration:none;}
.block_green2 a:hover   {color:#fff; background:#4F9C83;} 
.block_green2 a:active  {color:#fff; background:#555;} 



.block_pink a:link    {color:#333; text-decoration:none;} 
.block_pink a:visited {color:#333; text-decoration:none;}
.block_pink a:hover   {color:#fff; background:#96619E;} 
.block_pink a:active  {color:#fff; background:#555;} 


.block_pink a {
	display:block;
	width:100px;
	text-align:center;
　　border:none;
	color:#333;
	float:left;
	border:1px solid #AAA;
	margin: 2px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font-size: 90%;
	 border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
	


}




.block_pink2 a {
	display:block;
	width:240px;
	text-align:center;

	color:#333;
	float:left;
	border:1px solid #AAA;
	margin: 2px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font-size: 90%;
	 border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 


}
.block_pink2 a.r {width:240px; border:none;}   /* 上書き */
/* link */
.block_pink2 a:link    {color:#333; text-decoration:none;} 
.block_pink2 a:visited {color:#333; text-decoration:none;}
.block_pink2 a:hover   {color:#fff; background:#96619E;} 
.block_pink2 a:active  {color:#fff; background:#555;} 




.block_blue a {
	display:block;
	width:100px;
	text-align:center;

	color:#333;
	float:left;
	border:1px solid #AAA;
	margin: 2px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font-size: 90%;
	 border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 

}
.block_blue a.r {width:50px; border:none;}   /* 上書き */
/* link */
.block_blue a:link    {color:#333; text-decoration:none;} 
.block_blue a:visited {color:#333; text-decoration:none;}
.block_blue a:hover   {color:#fff; background:#226B97;} 
.block_blue a:active  {color:#fff; background:#555;} 




.block_gray {
	display:block;
	width:690px;
	text-align:left;
	background-color: #EEEEEE;
	color:#333;
	float:left;
	border:1px solid #EEEEEE;
	margin: 2px;
	padding-top: 6px;
	padding-right: 10PX;
	padding-bottom: 6px;
	padding-left: 12px;
	font-size: 100%;
	 border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	
	}
	
	.naiyou {
	display:block;
	float:left;
	background:#FFF;
	margin: 5px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 90%; line-height: 170%
}

.info table {

border: 1px #aaaaaa solid;
border-collapse: collapse;
}


.info tr {
border: 1px #7CABF7 solid;
padding: 6px 6px;
}

.info td {
border: 1px #FFFFFF solid;
padding-top: 4px;
padding-bottom: 4px;
}



.info th {
border: 1px #B4DD8F solid;
background-color: #79C239;
padding: 8px 6px;
text-align: center;
color:#fff;
}


.recruitb {
	border: 1px #4c9bd2 solid;
    border-collapse: collapse;
	margin: 2px 0;
	background-image: url(../../recruit/images/back_blue.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 15px;
	padding-right: 6px;
	padding-left: 15px;
	font-size: 90%;
	line-height: 150%;
}

.recruitr {
	border: 1px #ce6cc1 solid;
    border-collapse: collapse;
	margin: 2px 0;
	background-image: url(../../recruit/images/back_red.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 15px;
	padding-right: 6px;
	padding-left: 15px;
	font-size: 90%;
	line-height: 150%;
}
