@charset "shift_jis";


body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 75%;
	line-height: 2;
	color: #5e5043;
	background-color: #faf5f7;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(images/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-attachment:fixed;
}

h1,h2,h3,h4,h5,h6,h7,h8,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}
h3 {
	color: #296730;
	margin-bottom: 7px;
	line-height: 2em;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

input,textarea,select {
	font-size: 1em;
}

form {
	margin: 0px;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.cler {
	clear: both;
}

/*リンク設定
---------------------------------------------------------------------------*/
a {
	color: #7e6b5a;		/*リンクの文字色*/
}

a:hover {
	color: #e86f85;		/*カーソルオーバー時の文字色*/
	text-decoration: none;	/*オーバー時に下線を消す設定。入れたままがいいならこの１行削除。*/
}



/*コンテナー（HPを囲むボックス）
---------------------------------------------------------------------------*/
#container {
	width: 943px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}



/*ヘッダー（右上の写真とh1タグが入ったボックス）
---------------------------------------------------------------------------*/
#header {
	background-image: url(images/top.png);	/*ヘッダー背景画像*/
	background-repeat: no-repeat;
	height: 138px;	/*ヘッダーの高さ。背景画像の高さに2を加えた数字にする。*/
	width: 718px;
	position: relative;
	margin-bottom: 3px;
	border: 1px solid #efd3d6;
	background-position: center center;
	background-color: #FFFFFF;
}
#header1 {
	background-image: url(images/mainimg1.jpg);	/*ヘッダー背景画像*/
	background-repeat: no-repeat;
	height: 138px;	/*ヘッダーの高さ。背景画像の高さに2を加えた数字にする。*/
	width: 718px;
	position: relative;
	margin-bottom: 3px;
	border: 1px solid #efd3d6;
	background-position: center center;
	background-color: #FFFFFF;
}
#header2 {
	background-image: url(images/mainimg2.jpg);	/*ヘッダー背景画像*/
	background-repeat: no-repeat;
	height: 138px;	/*ヘッダーの高さ。背景画像の高さに2を加えた数字にする。*/
	width: 718px;
	position: relative;
	margin-bottom: 3px;
	border: 1px solid #efd3d6;
	background-position: center center;
	background-color: #FFFFFF;
}
#header3 {
	background-image: url(images/mainimg3.jpg);	/*ヘッダー背景画像*/
	background-repeat: no-repeat;
	height: 138px;	/*ヘッダーの高さ。背景画像の高さに2を加えた数字にする。*/
	width: 718px;
	position: relative;
	margin-bottom: 3px;
	border: 1px solid #efd3d6;
	background-position: center center;
	background-color: #FFFFFF;
}
#header4 {
	background-image: url(images/mainimg4.jpg);	/*ヘッダー背景画像*/
	background-repeat: no-repeat;
	height: 138px;	/*ヘッダーの高さ。背景画像の高さに2を加えた数字にする。*/
	width: 718px;
	position: relative;
	margin-bottom: 3px;
	border: 1px solid #efd3d6;
	background-position: center center;
	background-color: #FFFFFF;
}
#header h1 {
	font-size: 11px;		/*h1タグの文字サイズ*/
	line-height: 13px;
	position: absolute;
	right: 10px;	/*ヘッダーに対して右から10pxの位置に配置*/
	bottom: 10px;	/*ヘッダーに対して下から10pxの位置に配置*/
	color: #887B4A;
}
#header1 h1 {
	font-size: 11px;		/*h1タグの文字サイズ*/
	line-height: 13px;
	position: absolute;
	right: 10px;	/*ヘッダーに対して右から10pxの位置に配置*/
	bottom: 10px;	/*ヘッダーに対して下から10pxの位置に配置*/
	color: #887B4A;
}
#header2 h1 {
	font-size: 11px;		/*h1タグの文字サイズ*/
	line-height: 13px;
	position: absolute;
	right: 10px;	/*ヘッダーに対して右から10pxの位置に配置*/
	bottom: 10px;	/*ヘッダーに対して下から10pxの位置に配置*/
	color: #887B4A;
}
#header3 h1 {
	font-size: 11px;		/*h1タグの文字サイズ*/
	line-height: 13px;
	position: absolute;
	right: 10px;	/*ヘッダーに対して右から10pxの位置に配置*/
	bottom: 10px;	/*ヘッダーに対して下から10pxの位置に配置*/
	color: #887B4A;
}
#header4 h1 {
	font-size: 11px;		/*h1タグの文字サイズ*/
	line-height: 13px;
	position: absolute;
	right: 10px;	/*ヘッダーに対して右から10pxの位置に配置*/
	bottom: 10px;	/*ヘッダーに対して下から10pxの位置に配置*/
	color: #887B4A;
}

/*ロゴ画像
---------------------------------------------------------------------------*/
#logo {
	padding-bottom: 3px;
}



/*メインコンテンツ（右側）
---------------------------------------------------------------------------*/
#main {
	width: 720px;
	float: right;
	padding-bottom: 50px;
}

#main h2 {
	font-size: 100%;
	background-color: #FFFFFF;
	border-bottom: 4px solid #E8B1BB;		/*h2タグの下線*/
	background-image: url(images/h2bg.gif);	/*h2タグの背景画像*/
	background-position: bottom;
	background-repeat: repeat-x;
	border-top: 1px solid #F8E7EA;			/*h2タグの上線*/
	padding: 5px 5px 3px 10px;
}

#main p {
	padding: 0.5em 10px 1em;
}

/*メインコンテンツ内のボックス*/
.mainbox {
	background-color: #FFFFFF;	/*背景色*/
	border: 1px solid #efd3d6;	/*枠線色*/
	padding: 5px;				/*余白*/
	margin-bottom: 2em;
}



/*サイドコンテンツ（左側）
---------------------------------------------------------------------------*/
#side {
	float: left;
	width: 200px;
	padding-bottom: 50px;
}

#side h3 {
	font-size: 100%;				/*h3タグの文字色*/
	background-color: #FFFFFF;	/*h3タグの背景色*/
	padding-left: 20px;
	border: 1px solid #efd3d6;
}

#side p {
	padding-top: 0.5em;
	padding-bottom: 1em;
}
#side ul.side_link li {
	line-height: 4em;
	background-color: #FFFDEE;
	height: 40px;
	width: 180px;
	border: 1px solid #999;
	margin-bottom: 3px;
	text-indent: 0.5em;
}



/*メインメニュー
---------------------------------------------------------------------------*/
ul.menu {
	margin-bottom: 1em;
}

ul.menu li {
	margin-bottom: 3px;
}

ul.menu a {
	line-height: 60px;
	color: #5e5043;	/*メニューの文字色*/
	text-decoration: none;
	background-image: url(images/menu_bg.gif);	/*メニューの背景画像*/
	background-repeat: no-repeat;
	display: block;
	height: 60px;
	width: 180px;
	background-position: top;	/*画像の上半分だけを表示させる設定*/
	padding-left: 20px;
	overflow: hidden;
}

ul.menu a:hover {
	background-position: bottom;
}



/*フッター（コピーライトとか入っている最下部ブロック）
---------------------------------------------------------------------------*/
#footer {
	text-align: center;
	clear: both;
	width: 100%;
}



/*トップページの「What's New」部分
---------------------------------------------------------------------------*/
#main dl.new {
	width: 688px;			/*What's Newボックスの幅*/
	height: 140px;			/*What's Newボックスの高さ*/
	overflow: auto;
	padding: 10px;
}

#main dl.new dt {
	font-weight: bold;		/*日付の色を太字にする*/
}

#main dl.new dd {
	border-bottom: 1px solid #F8E7EA;	/*日付ごとに入る下線*/
}


/*テーブル
---------------------------------------------------------------------------*/
.ta1 {
	width: 708px;
}

.ta1, .ta1 td, .ta1 th{
	border: 1px solid #efd3d6;
}

.ta1 td, .ta1 th{
	padding: 10px;	/*テーブル内の余白*/
}

.ta1 th{
	background-color: #FDF8F9;	/*左側thタグの背景色*/
	width: 150px;				/*左側thタグの幅*/
	text-align: center;
}



/*その他
---------------------------------------------------------------------------*/
.color1 {
	color: #729646;
}

.look {
	background-color: #F3F0ED;
}

.mb1em {
	margin-bottom: 1em;
}

/*INDEXのコードここから
---------------------------------------------------------------------------*/
#top_sinsai_aisatu {
	text-align: center;
	width: 708px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FDE2FE;
	margin-bottom: 20px;
	height: 120px;
}
#sintyaku {
	width: 354px;
	margin-bottom: 20px;
	height: 80px;
}
.top_aisatu {
	width: 400px;
	line-height: 2.5em;
	float: left;
	height: 200px;
	margin-bottom: 10px;
}
.top_hana {
	width: 300px;
	margin-bottom: 10px;
	float: right;
}
.tex_link_r {
	text-align: right;
	line-height: 2em;
}
.tex_link_l {
	line-height: 2em;
	text-indent: 1em;
}
.rosso_link {
	color: #F02035;
}
.top_hoken_img {
	float: left;
	height: 225px;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.top_hoken_text {
	float: right;
	width: 395px;
}

.kenshu_list {
	margin:15px 0 15px 20px;
}

/*INDEXのコードここまで*/




/*会社概要のコードここから
---------------------------------------------------------------------------*/
#daihyo_box {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}

#daihyo_img {
	height: 250px;
	width: 238px;
	margin-top: 37px;
	margin-bottom: 20px;
	float: left;
}
#daihyo_aisatu {
	float: right;
	height: 300px;
	width: 400px;
	margin-top: 20px;
	line-height: 2em;
}
#daihyo_aisatu p.nome {
	text-align: right;
}
#main .mainbox #gaiyo_hyo {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 643px;
}

#main .mainbox .gaiyo dt {
	height: 30px;
	width: 150px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	background-color: #FDF8CA;
	text-align: center;
	line-height: 2.5em;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
	font-weight: bold;
}
#main .mainbox .gaiyo dd {
	height: 30px;
	width: 490px;
	float: right;
	background-color: #FEFDED;
	line-height: 2.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
}
#main .mainbox .gaiyo dd.tate_2 {
	height: 220px;
}
#main .mainbox .gaiyo dt.tate_2 {
	height: 220px;
}
#main .mainbox .gaiyo .tate_1 {
	height: 80px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#main .mainbox .gaiyo .tate_1 {
	height: 80px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

#main .mainbox .gaiyo .two_line {
	height:64px;
}

#privacy{
	width: 650px;
	margin: 20px auto;
}

#privacy h4.pt1em{
	padding-top: 1em;
}

#privacy p.pb0{
	padding: 0.5em 10px 0;
}


/*スタッフここから
-------------------------------------------------------------*/

#main .mainbox #staff_hyo {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 653px;
}

#main .mainbox .staff dt {
    height: 68px;
    width: 200px;
    float: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #999;
    background-color: #FBF4FB;
    text-align: center;
    line-height: 4em;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #999;
    border-left-color: #999;
    font-weight: bold;
    padding-top: 10px;
}
#main .mainbox .staff dd {
    height: 68px;
    width: 450px;
    float: right;
    background-color: #FFFBFF;
    line-height: 2.5em;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #999;
    border-right-color: #999;
}
#main .mainbox .staff dd.tate_3 {
	height: 80px;
}
#main .mainbox .staff dt.tate_3 {
	height: 80px;
}
#main .mainbox .staff .tate_4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#main .mainbox .staff .tate_4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

#main .mainbox .staff dt.four_line,
#main .mainbox .staff dd.four_line {
	height:220px;
}

#main .mainbox .staff dt.four_line {
	line-height:220px;
}

#main .mainbox .staff dt.three_line,
#main .mainbox .staff dd.three_line {
	height:96px;
}

#main .mainbox .staff dt.fourthree_line {
	line-height:140px;
}

#main .mainbox .staff dt.fourthree_line,
#main .mainbox .staff dd.fourthree_line {
	height:140px;
}

#main .mainbox .staff dt.three_line {
	line-height:96px;
}

#main .mainbox .staff dd {
    padding-left: 10px;
    width: 440px;
    line-height: 1.6em;
    padding-top: 10px;
}

#main .mainbox .staff dt.two_line {
	line-height:64px;
}

#main .mainbox .staff dt.two_line,
#main .mainbox .staff dd.two_line {
	height:64px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

#jyusyo {
	text-align: center;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	line-height: 2.5em;
	height: 120px;
	margin-bottom: 10px;
}
#jyusyo ul .b {
	font-size: 14px;
	font-weight: bold;
}

#main .recruitBtn a.btn{
	color: #fff;
	background-color: #E8B1BB;
	border-radius: 0.5rem;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 5px 20px;
	display: table;
    margin: 0 auto 20px;
	text-decoration: none;
}

#main .recruitBtn a.btn span{
	padding-right: 1.2rem;
}



/*スタッフページここまで*/

/*ワークスここから
-------------------------------------------------------------*/

#sinsei {
	line-height: 2em;
}

#sinsei li.sinsei_t {
	height: 50px;
	width: 150px;
	background-color: #F4F0FF;
	float: left;
	text-indent: 1em;
}
#sinsei li.sinsei_r {
	height: 25px;
	width: 558px;
	background-color: #FBF7FF;
	float: right;
	text-indent: 0.5em;
}
#sinsei li.sinsei_t2 {
	height: 75px;
	width: 150px;
	background-color: #EFE8FF;
	float: left;
	text-indent: 1em;
}
#sinsei li.sinsei_r2 {
	height: 25px;
	width: 558px;
	background-color: #FAF4FF;
	float: right;
	text-indent: 0.5em;
}
h3.service_t {
	font-size: 13px;
	font-weight: bold;
	height: 25px;
	width: 695px;
	background-color: #FFFCEE;
	line-height: 1.9em;
	text-indent: 0.4em;
	color: #666;
	border: 1px solid #CCC;
	margin-top: 10px;
}
#homon {
	width: 650px;
	margin-left: 11px;
}

h4 {
	font-size: 13px;
}
#main .mainbox .service_img {
	width: 136px;
	margin-right: 10px;
	float: left;
}
.mainbox li span.service_l {
	font-size: 14px;
	font-weight: bold;
}
#main .mainbox .service_box {
	width: 240px;
	float: left;
}
#main .mainbox .service_box ul {
	line-height: 2em;
}
/*ワークスここまで*/
#map {
	height: 450px;
	width: 500px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}