/*-----------------------------------------------------
  Author   :  Mariko Inoue
  URL      :  http://www.cl-shop.com/
  Date     :  08/07/01
  Copyright (C) CITYLIFE. all rights reserved.
-----------------------------------------------------*/
/*-----------------------------
	- 全体
-----------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	color:#333;
	font-family: "ＭＳ Ｐゴシック", "Arial", Osaka,"ＭＳ ゴシック","Osaka",sans-serif;
	background:url("images/bg.gif") repeat-x center top;
	background-color:#F0F0F0;
	text-align:center;
}
img {
	border:0;
}
a {
	color:#333;
}
a:hover {
	color:#333;
	text-decoration:none;
}
.hid {
	display:none;
}
#container {
	width:802px;
	margin:0 auto;
	background-color:#FFFFFF;
	text-align:left;
}
.dot{
width:550px;
margin:10px 0 7px;
padding:0;
border-bottom:dotted 1px #999999;
clear:both;
}

/*-----------------------------
	- ヘッダー
-----------------------------*/
div#header{
width:802px;
height:70px;

}
div#header h1{
float:left;
}
div#header h1 a{
width:157px;
height:36px;
text-indent:-9999px;
margin:25 0 0 20px;
display:block;
}
#page01 #header h1 a{
background:url("images/header-logo1.gif")  no-repeat;
}
#page02 #header h1 a{
background:url("images/header-logo2.gif")  no-repeat;
}
#page03 #header h1 a{
background:url("images/header-logo3.gif")  no-repeat;
}
#page04 #header h1 a{
background:url("images/header-logo4.gif")  no-repeat;
}
#page05 #header h1 a{
background:url("images/header-logo5.gif")  no-repeat;
}
#page06 #header h1 a{
background:url("images/header-logo6.gif")  no-repeat;
}
#page07 #header h1 a{
background:url("images/header-logo1.gif")  no-repeat;
}
#page08 #header h1 a{
background:url("images/header-logo1.gif")  no-repeat;
}

/*-----------------------------
	- topimage
-----------------------------*/
#topimage{
width:802px;
border-left:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
}
#words{
font-size:12px;
color:#333333; 
margin-left:20px;
padding:10px 0 3px;
text-align:left;
}
#image{
margin-left:20px;
text-indent:-9999px;
width:760px;
height:310px;
text-align:center;
}

#page01 #image{
background:url("images/image1.jpg") center no-repeat;
width:760px;
height:310px;
}
#page01 #header{
background:url("images/header1.gif") center no-repeat;
}
#page01 h2{
font-size:18px;
margin:7px 0 0 0;
padding:5px 0 0 5px;
border-left:#33ADD6 solid 5px;
}

#page02 #image{
background:url("images/image2.jpg") center no-repeat;
}
#page02 #header{
background:url("images/header2.gif") center no-repeat;
}
#page02 h2{
font-size:18px;
margin:7px 0 0 0;
padding:5px 0 0 5px;
border-left:#FC5A3C solid 5px;
}

#page03 #image{
background:url("images/image3.jpg") center no-repeat;
}
#page03 #header{
background:url("images/header3.gif") center no-repeat;
}
#page03 h2{
font-size:18px;
margin:7px 0 0 0;
padding:5px 0 0 5px;
border-left:#FFC62A solid 5px;
}

#page04 #image{
background:url("images/image4.jpg") center no-repeat;
}
#page04 #header{
background:url("images/header4.gif") center no-repeat;
}
#page04 h2{
font-size:18px;
margin:7px 0 0 0;
padding:5px 0 0 5px;
border-left:#5FBF5C solid 5px;
}

#page05 #image{
background:url("images/image5.jpg") center no-repeat;
}
#page05 #header{
background:url("images/header5.gif") center no-repeat;
}
#page05 h2{
font-size:18px;
margin:7px 0 0 0;
padding:5px 0 0 5px;
border-left:#F86C99 solid 5px;
}

#page06 #image{
background:url("images/image6.jpg") center no-repeat;
}
#page06 #header{
background:url("images/header6.gif") center no-repeat;
}
#page06 h2{
font-size:18px;
margin:7px 0 0 0;
padding:5px 0 0 5px;
border-left:#ADB3B2 solid 5px;
}

#page07 #image{
background:url("images/image7.jpg") center no-repeat;
}
#page07 #header{
background:url("images/header1.gif") center no-repeat;
}
#page07 h2{
font-size:18px;
margin:7px 0 0 0;
padding:5px 0 0 5px;
border-left:#33ADD6 solid 5px;
}

#page08 #image{
background:url("images/image8.jpg") center no-repeat;
}
#page08 #header{
background:url("images/header1.gif") center no-repeat;
}
#page08 h2{
font-size:18px;
margin:7px 0 0 0;
padding:5px 0 0 5px;
border-left:#33ADD6 solid 5px;
}

#submenu li{
float:right;
list-style:none;
}
#submenu{
padding:40px 20px 0 0;
margin:0;
}
#submenu a{
text-indent:-9999px;
display:block;
height:20px;
}

#submenu li.submenu01 a{
background:url("images/submenu01.gif") no-repeat top;
width:46px;
}
#submenu li.submenu01 a:hover{
background:url("images/submenu01_over.gif") no-repeat top;
width:46px;
}
#submenu li.submenu02 a{
background:url("images/submenu02.gif") no-repeat top;
width:46px;}
#submenu li.submenu02 a:hover{
background:url("images/submenu02_over.gif") no-repeat top;
width:46px;
}
#submenu li.submenu03 a{
background:url("images/submenu03.gif") no-repeat top;
width:60px;
}
#submenu li.submenu03 a:hover{
background:url("images/submenu03_over.gif") no-repeat top;
width:60px;
}

/*-----------------------------
	- コンテンツの囲み
-----------------------------*/
div#main_container {
padding-top:7px;
float:right;    /*←Floatを指定する事で、背景画像が伸びます。over-flow:autoでも伸びます。*/
background:url("images/contents_bg.gif") repeat-y left top;
width:802px;
margin:auto;
	/*↑サイドの背景画像を2カラムを囲うdivに指定して繰り返してます。*/
}
/*-----------------------------
	- メインコンテンツ
-----------------------------*/
div#right_container {
color:#333333;
float:left;
width:550px;
margin-left:30px;
padding-bottom:10px;
}
#top{
text-indent:-9999px;
width:550px;
margin:0 auto;
padding:0px 0 0;
border-bottom:dotted 1px #999999;
}
#page01 #top{
background:url("images/top.gif") left bottom no-repeat;
}
#page02 #top{
background:url("images/top.gif") left bottom no-repeat;
}
#page03 #top{
background:url("images/top.gif") left bottom no-repeat;
}
#page04 #top{
background:url("images/top.gif") left bottom no-repeat;
}
#page05 #top{
background:url("images/top.gif") left bottom no-repeat;
}
#page06 #top{
background:url("images/top.gif") left bottom no-repeat;
}
#page07 #top{
background:url("images/top.gif") left bottom no-repeat;
}
#page08 #top{
background:url("images/top.gif") left bottom no-repeat;
}


h3{
font-size:16px;
padding:7px 0 5px;
}

.content-t{
font-size:70%;
line-height:150%;
padding-bottom:12px;
margin:0;
}
.midashi-b{
border-left:5px solid #FED6CE;
padding:5px 0 3px 10px;
margin:15px 0;
font-size:11px;
line-height:18px;
}

/* link */
#link{
width:550px;
}
#link p{
font-size:70%;
line-height:150%;
color:#333333; 
width:265px;
text-align:left;
padding:5px 0 3px;
}
.link-r{
float:right;
width:265px;
padding-top:10px;
}
.link-l{
float:left;
width:265px;
margin:0;
padding-top:10px;
}

/*.site-name{
font-weight:bold;
font-size:12px;
}*/

#message{
text-indent:-9999px;
background:url("images/message.gif") left bottom no-repeat;
width:550px;
margin:0 auto;
padding:20px 0 5px;
border-bottom:dotted 1px #999999;
clear:both;
}
#contents{
text-indent:-9999px;
background:url("images/contents.gif") left bottom no-repeat;
width:550px;
margin:0 0 15px;
padding:20px 0 5px;
border-bottom:dotted 1px #999999;
clear:both;
}
#top_midashi{
text-indent:-9999px;
background:url("images/top_midashi.gif") left no-repeat;
width:385px;
height:50px;
}
#free_midashi{
text-indent:-9999px;
background:url("images/free_midashi.gif") left no-repeat;
width:290px;
height:50px;
}
#free_midashi2{
text-indent:-9999px;
background:url("images/free_midashi2.gif") left no-repeat;
width:500px;
height:50px;
}
#free_midashi3{
text-indent:-9999px;
background:url("images/free_midashi3.gif") left no-repeat;
width:500px;
height:80px;
}
#recruit_midashi{
text-indent:-9999px;
background:url("images/recruit_midashi.gif") left no-repeat;
width:350px;
height:50px;
}
.fs1120{
font-size:70%;
line-height:170%;
}
.fs1218{
font-size:80%;
line-height:150%;
}

.fs1218b{
font-size:80%;
line-height:150%;
font-weight:bold;
}
.fs1421b{
font-size:14px;
line-height:21px;
font-weight:bold;
}
.bk-y{
background-color:#FFFF00;
font-weight:bold;
font-size:12px;
line-height:24px;
}
.site{
padding:10px 0 0;
font-size:11px;
line-height:18px;
text-align:center;
}
.site td{
text-align:center;
}
.site-name img{
text-align:center;
}
.site-name{
padding-bottom:17px;
text-align:center;
}

.table{
border-top:1px solid #646464;
border-left:1px solid #646464;
font-size:12px;
line-height:20px;
margin:5px 0 7px;
}
.table td{
padding:0.3em 0.5em;
border-right:1px solid #646464;
border-bottom:1px solid #646464;
}
#page02 .table th{
color:#333333;
background-color:#FED6CE;
padding:0.3em 0.5em;
border-right:1px solid #646464;
border-bottom:1px solid #646464;
}

div#right_container .free-link{
font-size:12px;
line-height:16px;
text-align:left;
width:550px;
color:#FC5A3C;
padding-top:2px;

}
div#right_container .free-link a{
color:#FC5A3C;
}
div#right_container .free-link a:hover{
text-decoration:none;
}

.square{
list-style:square inside;
font-size:11px;
line-height:18px;
padding-bottom:12px;
}

/*-----------------------------
	- 左のコンテンツ
-----------------------------*/
div#left_container {
float:left;
width:180px;
padding-left:20px;
}

/* menu */
#menu li{
width:180px;
padding:6px 0 5px;
margin:0 auto;
line-height:150%;
border-bottom:dotted 1px #999999;
list-style:none;
font-size:12px;
color:#333333; 
}
#menu .menu01{
background:url("images/menu_icon1.gif") left no-repeat;
}
#menu .menu02{
background:url("images/menu_icon2.gif") left no-repeat;
}
#menu .menu03{
background:url("images/menu_icon3.gif") left no-repeat;
}
#menu .menu04{
background:url("images/menu_icon4.gif") left no-repeat;
}
#menu .menu05{
background:url("images/menu_icon5.gif") left no-repeat;
}
#menu .menu06{
background:url("images/menu_icon6.gif") left no-repeat;
}
#menu .menu07{
background:url("images/menu_icon7.gif") left no-repeat;
}
#menu .menu08{
background:url("images/menu_icon8.gif") left no-repeat;
}
#menu .menu01-1,#menu .menu01-2,#menu .menu01-3,#menu .menu01-4,#menu .menu06-1,#menu .menu06-2,#menu .menu08-1,#menu .menu08-2{
padding:6px 0 5px 15px;
}
#menu .menu01-1 a,#menu .menu01-2 a,#menu .menu01-3 a,#menu .menu01-4 a,#menu .menu06-1 a,#menu .menu06-2 a,#menu .menu08-1 a,#menu .menu08-2 a{
margin:0 0 0 5px;
}
#menu li a{
margin:0 0 0 17px;
color:#333333; 
text-decoration:none;
}
#menu li a:hover{
color:#333333; 
text-decoration:underline;
}
#menu .menu00{
text-indent:-9999px;
background:url("images/menu.gif") left bottom no-repeat;
width:180px;
margin:0 auto;
padding:0;
}

/* banner */
#banner li{
width:180px;
padding:3px 0 2px;
list-style:none;
margin-bottom:3px;
}
.banner-t{
font-size:10px;
line-height:15px;
color:#007F4E;
padding-bottom:10px;
}


/* name */
#name-logo{
width:180px;
height:24px;
text-indent:-9999px;
background:url("images/name-logo.gif") left bottom no-repeat;
}
#name{
width:180px;
padding:15px 0 7px;
margin:0 auto;
line-height:150%;
font-size:12px;
color:#333333; 
}

/*-----------------------------
	- フッター
-----------------------------*/
#footer{
padding-top:10px;
font-size:11px;;
clear:both;
width:802px;
height:45px;
background:url("images/footer.gif") bottom no-repeat;
text-align:center;
}

#footer a{
color:#333333; 
text-decoration:none;
}
#footer a:hover{
color:#333333; 
text-decoration:underline;
}

#copyright{
color:#999999;
font-size:11px;
text-align:right;
width:802px;
/*background:url("images/copyright.gif") right no-repeat;*/
display:block;
padding:7px 0 30px;
background-color:#F0F0F0;
}

/* totop */
.totop{
width:550px;
text-align:left;
}
.totop a{
width:45px;
height:5px;
background:url("images/totop.gif") no-repeat;
margin-left:500px;
text-indent:-9999px;
display:block;
}

/*--------------------------------------
	dl
---------------------------------------*/
dl.data{
font-size:11px;
line-height:18px;
padding-bottom:12px;
}
dl.data dt{
margin:0;
padding:1.5em 0;
width:0.3em;
float:left;
}
dl.data dd{
margin:1.2em 0 0 1em;
padding:0;
}

dl.recruit{
padding:0;
border:1px solid #999999;
border-top:none;
background-color:#CCC;
width:550px;
font-size:11px;
line-height:18px;
}
dl.recruit dt{
margin:0;
padding:0.3em 0 0.1em 0.5em;
border-top:1px solid #999999;
width:8em;
float:left;
color:#333;
}
dl.recruit dd{
margin:0 0 0 8em;
padding:0.3em 0.5em;
border-left:1px solid #999999;
border-top:1px solid #999999;
color:#333;
background-color:#fff;
}

dl.company{
padding:0;
border:1px solid #999999;
border-top:none;
background-color:#CCC;
width:550px;
font-size:11px;
line-height:18px;
}
dl.company dt{
margin:0;
padding:0.3em 0 0.1em 1.7em;
border-top:1px solid #999999;
width:6em;
float:left;
color:#333;
}
dl.company dd{
margin:0 0 0 6em;
padding:0.3em 1em;
border-left:1px solid #999999;
border-top:1px solid #999999;
color:#333;
background-color:#fff;
}

dl.recruit2{
padding:15px 0 5px;
width:550px;
font-size:11px;
line-height:18px;
}
dl.recruit2 dt{
margin:0;
padding:0;
width:5em;
float:left;
color:#333;
}
dl.recruit2 dd{
margin:0 0 0 6em;
padding:0 0.5em 0.5em;
}


dl.d-link{
padding:15px 0 5px;
width:550px;
}
dl.d-link dt{
margin:0;
padding:0;
width:20em;
float:left;
color:#333;
font-size:12px;
line-height:18px;
}
dl.d-link dd{
margin:0 0 0 1em;
padding:0 0.5em 0.5em;
color:#333;
font-size:11px;
line-height:18px;
color:#646464;
}

.map{
font-size:11px;
padding:5px 0 0;
color:#646464;
text-align:left;
}

#page08 .sitemap-t{
padding:7px 0 0;
}
#page08 .sitemap-t li{
list-style-type:none;
font-size:12px;
/*line-height:21px;*/
padding:2px 0;
}
#page08 h3{
font-size:16px;
padding:7px 0 0px;
}
#page08 a{
text-decoration:none;
}
#page08 a:hover{
text-decoration:underline;
}

/* ☆.。.:*・゜☆.。.:*・゜☆。

       ★☆ END ☆★

☆.。.:*・゜☆.。.:*・゜☆.  */