@charset "UTF-8";
/* CSS Document */

/* Tag
----------------------------------------------- */
* {
	margin:0px;
	padding:0px;
}

body{
	color:#333;
	font-size:0.85em;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,sans-serif;
line-height: 1.5em !important; 
}

img{
	border:none;
}
li{
	list-style:none;
}
ul{
	padding:0;
	margin:0;
}
p,h1,h2,h3,h4,h5,h6,h7{
	margin:0;
}
:link    {
	color:#016599;
}
:visited {
	color: #016599;
}
a:hover   {
	text-decoration:none;
}
a:active  {
	color: #016599;
}
input,textarea,select{
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,sans-serif;
	margin: 3px 2pt !important;
	padding: 3px 1pt;
	font-size:1.0em;
}
input[type=submit],
input[type=reset],
input[type=button]
{
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,sans-serif;
}
select{
	padding: 3px 10pt 3px 0px;
}

/* Layout
----------------------------------------------- */
#Page{
	width:940px;
	margin:0 auto;
}
#ContentsBody{
	float:right;
	width:720px;
	/*margin-right:44px;*/
}

#ContentsBodyIndex{
	/*float:right;*/
	width:720px;
	/*margin-right:44px;*/
}
#SideBar{
	float:left;
	width:200px;
}
#Header{
	margin-bottom:0px;
}
#Footer{clear:both;
    margin-left: auto;
    margin-right: auto;
	font-size:0.85em;
	width:940px;
}

#Wrap{
	padding-top:10px;
	width:940px;
	margin:0 auto;
	/*margin-bottom:50px;*/
}

#WrapIndex{
	width:940px;
	margin:0 auto;
	/*margin-bottom:50px;*/
}

/* Header
----------------------------------------------- */
#Logo{

	float:left;
}


#HeaderContact{
	background:url(images/bg_banner_gear.gif) no-repeat right top;
	/*background:url(images/bg_banner_gear.jpg) no-repeat right top;*/
	width:200px;
	height:75px;
	float:right;
	/*padding-top:37px;*/
	padding-left:5px;
	color:#666666;
	font-size:12px;
	/*font-style: italic;*/
	/*font-weight: bold;*/
	text-align: left;
	line-height:85px;
	font-family:Arial, Helvetica, sans-serif;
}
#HeaderGlobalMenu {
	background:url(images/bg_global_menu.jpg) no-repeat left top;
	height:43px;
	/*padding-top:3px;*/
}
#HeaderGlobalMenu li{	
	float:left;
}
#HeaderGlobalMenu a{
	display:block;
	height:39px;
	float:left;
	line-height: 39px;
	padding:0 0px;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
	border-right: 1px dotted #759DE6;
	width:127px;
	text-align:center;
}

#HeaderGlobalMenu .menu05 a{
	display:block;
	height:39px;
	float:left;
	line-height: 39px;
	padding:0 0px;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
	border-right: 1px dotted #759DE6;
	width:170px;
	text-align:center;
}

#HeaderGlobalMenu a:hover{
	background:url(images/bg_global_menu_hover.jpg) no-repeat left top;
	height:39px;
	line-height:43px;
}
#HeaderGlobalMenu .last a{
	border-right:none;
}

#Company #HeaderGlobalMenu li.menu02 {
	background:url(images/bg_global_menu_on.jpg) no-repeat left top;
	height:43px;
}

#Trading #HeaderGlobalMenu li.menu03 {
	background:url(images/bg_global_menu_on.jpg) no-repeat left top;
	height:43px;
}

#Parking #HeaderGlobalMenu li.menu04 {
	background:url(images/bg_global_menu_on.jpg) no-repeat left top;
	height:43px;
}

#Smilelife #HeaderGlobalMenu li.menu05 {
	background:url(images/bg_global_menu_on.jpg) no-repeat left top;
	height:43px;
}

#Accessmap #HeaderGlobalMenu li.menu06 {
	background:url(images/bg_global_menu_on.jpg) no-repeat left top;
	height:43px;
}
#Contact #HeaderGlobalMenu li.menu07 {
	background:url(images/bg_global_menu_on.jpg) no-repeat left top;
	height:43px;
}


#categoryHeader{
width:940px;
}

/* Footer
----------------------------------------------- */
#Footer .position {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
    text-align: left;
    width: 940px;
}

#Footer p.pageTop {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("images/footer-pagetop.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    clear: both;
    display: inline;
    float: right;
    height: 23px;
    position: absolute;
    right: 12px;
    width: 89px;
}

#Footer p.pageTop a {
    cursor: pointer;
    display: block;
    height: 23px;
    maegin-right:12px;
    text-indent: -9999px;
}

#FooterGlobalMenu{
	background:url(images/bg_footer.jpg) no-repeat left top;
	height:43px;
	padding-top:40px;
    margin-left: auto;
    margin-right: auto;
}
#FooterGlobalMenu ul{
	margin-left:auto;
	width:940px;
}
#FooterGlobalMenu li{
	float:left;
	/*margin-left:10px;*/
}
#FooterGlobalMenu a{
    border-right: 1px solid #016599;
    display: block;
    line-height: 1.1;
    padding-bottom: 0;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 0;
	text-decoration:none;
}

#FooterGlobalMenu li.last a{
    border-right: 0px solid #016599;
    display: block;
    line-height: 1.1;
    padding-bottom: 0;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 0;
	text-decoration:none;
}
#FooterGlobalMenu a:hover{
	text-decoration:underline;
}
#Copyright{
	margin-top:1px;
	height:30px;
	color:#FFF;
	background-color:#0D328B;
}

#Copyright .footerBody ul {
	display: inline;
	float: left;
	line-height: 30px;
	padding-left:12px;
}

#Copyright .footerBody ul li.menu01 {
	 /*width: 120px;*/
}

#Copyright .footerBody ul li.menu02 {
	 /* width: 80px;*/
}

#Copyright .footerBody ul li {
	display: inline;
	float: left;
	font-size: 0.85em;
}

#Copyright .footerBody ul li a {
    /*border-right: 1px solid #FFF;*/
    color: #FFF;
    display: block;
    line-height: 1.1;
    padding-bottom: 0;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0;
    margin-top:10px;
	text-decoration:none;
}

#Copyright .footerBody ul li a:hover {
	text-decoration:underline;
}

#Copyright .Copy {
    display: inline;
    float: right;
    font-size: 0.85em;
    margin-right: 10px;
	line-height: 30px;
}

/* SideBar
----------------------------------------------- */
#SideBox{
	padding-bottom:10px;
	margin-bottom:20px;
	background:url(images/bg_head_back.gif) ;
}

#SideBox h2{
	background:url(images/bg_head_side.gif) no-repeat left top;
	height:40px;
	color:#FFFFFF;
	text-align: left;
	font-size: small;
	line-height: 40px;
padding-left:15px;
}

#SideBox .syoji h3 {
	background:url(images/bg_head_trading.jpg) no-repeat left top;
	height:40px;
	text-indent:-9999px;
	margin: 10px 0 0 10px;
}

#SideBox .pe h3 {
	background:url(images/bg_head_pe.jpg) no-repeat left top;
	height:40px;
	text-indent:-9999px;
	margin: 10px 0 0 10px;
}

#SideBox .smile h3 {
	background:url(images/bg_head_smile.jpg) no-repeat left top;
	height:40px;
	text-indent:-9999px;
	margin: 10px 0 0 10px;
}
#SideBox  li {
	margin-left: 10px;
	overflow: hidden;
	text-align: -9999px;
	width:180px;
}


ul.submenu01 li {
	background-image: url("images/bg_side_menu01.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}

ul.submenu01 li a {
	/*background-image: url("images/bg_side_menu01.jpg");
	background-position: left top;
	background-repeat: no-repeat;*/
	display: block;
	height: 39px;
	width: 180px;
	padding-left: 25px;
	line-height: 39px;
	/*text-decoration: none; */
}

ul.submenu01 li a:hover {
	background: url("images/bg_side_menu01on.jpg") no-repeat left; /* ポイント時の背景 */
	text-decoration: none; /* テキストの下線（なし） */
}

ul.submenu01 .Tradingseibu, ul.submenu01 .Tradingbearing,{
	background: url("images/bg_side_menu01on.jpg") no-repeat left; /* ポイント時の背景 */
	text-decoration: none; /* テキストの下線（なし） */
	font-weight: bold;
}

ul.submenu02 li a {
	background-image: url("images/bg_side_menu02.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 39px;
	width: 180px;
	padding-left: 25px;
	line-height: 39px;
}

ul.submenu02 li a:hover {
	background: url("images/bg_side_menu02on.jpg") no-repeat left; /* ポイント時の背景 */
	text-decoration: none; /* テキストの下線（なし） */
}

ul.submenu03 li a {
	background-image: url("images/bg_side_menu03.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 39px;
	width: 180px;
	padding-left: 25px;
	line-height: 39px;
}

ul.submenu03 li a:hover {
	background: url("images/bg_side_menu03on.jpg") no-repeat left; /* ポイント時の背景 */
	text-decoration: none; /* テキストの下線（なし） */
}


#SideBox .menuBox li {
	list-style-type:none;
	margin: 0 auto;
}





#SideBox div{
	border-left:0px solid #999999;
	border-right:0px solid #999999;
	border-bottom:0px solid #999999;
	padding:0px;
}
#SideBox div img{
	margin-bottom:10px;
}
#SideBox p{
	margin-bottom:10px;
}
#SideBox .more a{
	background:url(images/bg_button_more.gif) no-repeat left top;
	width:66px;
	height:21px;
	display:block;
	float:right;
	text-indent:-3000px;
	text-align:left;
}

/* SideBox2
----------------------------------------------- */
#SideBox2 {
	padding-bottom:10px;
	margin-bottom:20px;
	/*background:url(images/bg_head_back.gif) ;*/
	border-left:1px solid #748EC2;
	border-right:1px solid #748EC2;
	border-bottom:1px solid #748EC2;
}

#SideBox2 h2{
	background:url(images/bg_head_side.gif) no-repeat left top;
	height:40px;
	color:#FFFFFF;
	text-align: left;
	font-size: small;
	line-height: 40px;
padding-left:15px;
}

#SideBox2 .seiden h3 {
	background:url(images/bg_head_seiden.gif) no-repeat left top;
	height:40px;
	text-indent:-9999px;
	margin: 10px 0 0 10px;
}

#SideBox2 li.address,#SideBox2 li.post {
	padding-left: 10px;
	/*line-height: 140%;*/
}
#SideBox2 li.tel {
	background-image: url(images/icon_tel.jpg); 
	background-repeat: no-repeat;
	background-position: 10px 5px; /* 背景画像の表示位置（左、上） */
	padding-left: 50px;
	padding-top: 5px;
}

#SideBox2 li.fax {
	background-image: url(images/icon_fax.jpg); 
	background-repeat: no-repeat;
	background-position: 10px 5px; /* 背景画像の表示位置（左、上） */
	padding-left: 50px;
	padding-top: 5px;
}

#SideBox2 .more a{
	background:url(images/bg_button_more.gif) no-repeat left top;
	width:74px;
	height:21px;
	display:block;
	float:right;
	text-indent:-3000px;
	text-align:left;
	margin: 10px 60px 10px auto;
}

#SideBox2 .seiden img {
	padding-left: 10px;
	padding-bottom: 10px;
}

/* Contents
----------------------------------------------- */
#TopMain img{
margin-bottom:10px;
}

#TopMain {
	background:url(images/img_top_main.jpg) no-repeat left top;
margin-bottom:10px;
display:block;
height:220px;
width:940px;
}

#TopMain ul.menu_area li.syoji {
    top: -120px;
    height: 120px;
    position: relative;
    /*right: 370px;*/
    width: 150px;
}

#TopMain ul.menu_area li.pe {
    top: -50px;
    height: 120px;
    position: relative;
    /*right: 140px;*/
    width: 150px;
}

#TopMain ul.menu_area li.smile {
    /*top: 120px;*/
    height: 100px;
    position: relative;
   /*right: 290px;*/
    width: 150px;

}


#TopMain ul.menu_area li.syoji a {
    display: block;
    height: 130px;
    overflow: hidden;
    text-indent: -9999px;
    width: 150px;
left:450px;
position: relative;

}

#TopMain ul.menu_area li.pe a {
    display: block;
    height: 120px;
    overflow: hidden;
    text-indent: -9999px;
    width: 150px;
left:700px;
position: relative;

}
#TopMain ul.menu_area li.smile a  {
    display: block;
    height: 100px;
    overflow: hidden;
    text-indent: -9999px;
    width: 150px;
left:550px;
position: relative;

}

#TopMain ul.menu_area {
   /* display: none;*/
}


#navigation {
	font-size:0.7em;
	margin-bottom:10px;
	float:left;
}

#print {
	font-size:0.7em;
	margin-bottom:10px;
	float:right;
}

.news{
	margin-right:0!important;
	margin-bottom:20px;
}
.news h2{
	background:url(images/bg_head_contents.jpg) no-repeat left center;
	margin-bottom:5px;
	color:#000;
	height:40px;
	padding-left: 20px;
	line-height:40px;
	font-size:16px;
}
.news li{
/*	border-bottom:1px dotted #666;*/
	padding-bottom:0px;
	padding-top:10px;
}
.news .date{
	width:115px;
	float:left;
	padding-left:5px;
}
.news .title{
	width:506px;
	float:left;
}

#cate_syoji {
    background-image: url("images/icon_syoji.jpg");
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding:5px 20px 5px 40px;
}

#cate_pe {
    background-image: url("images/icon_pe.jpg");
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding:5px 20px 5px 40px;  
}


#cate_smile {
    background-image: url("images/icon_smile.jpg");
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding:5px 20px 5px 40px;
}


#cate_seiden {
    background-image: url("images/icon_seiden.jpg");
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding:5px 20px 5px 40px;
}



/* --- リストエリア --- */
ul.thumbnail {
	width: 730px; /* リストエリアの幅 */
	margin: 0;
	padding: 0;
	/*border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
	list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
	/*padding: 20px 15px; /* リスト項目のパディング（上下、左右） */
	/*border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
	width: 360px;
	/*padding-bottom: 10px;*/
	display: block;
	float:left;
}

/* --- 項目内容 --- */
ul.thumbnail dl {
	/*width: 730px;*/
	margin: 0;
	line-height: 150%;
}

/* --- 写真エリア --- */
ul.thumbnail dt.photo  {
	width: 160px; /* 写真エリアの幅 */
	float: left;
}

ul.thumbnail dt.photo img {
	border: 1px #C1C1C1 solid; /* 写真の境界線 */
	padding: 2px;
}

/* --- キャプションエリア --- */
ul.thumbnail dt.title,ul.thumbnail dd {
	margin: 0 0 0 160px; /* キャプションエリアのマージン（上右下左） */
	line-height: 150%;
	padding-left: 10px;
	padding-right: 20px;
}

/* --- タイトルエリア --- */
ul.thumbnail dt.title {
	margin: 0 0 5px 160px; /* タイトルエリアの下マージン */
}

/* --- コメントエリア --- */
ul.thumbnail dd {
	line-height: 150%;
	/*font-size:0.9em;*/
}

ul.thumbnail a {
	font-weight: bold;
}

#ContentsBody h2.contents-head{
	background:url(images/bg_head_contents.jpg) no-repeat left center;
	color:#000;
	margin-bottom:30px;
	height:40px;
	padding-left: 20px;
	line-height:40px;
	font-size:16px;
}

#ContentsBody h2{
	background:url(images/bg_head_contents.jpg) no-repeat left center;
	color:#000;
	margin-bottom:20px;
	height:40px;
	padding-left: 20px;
	line-height:40px;
	font-size:16px;
}

h3.contents-head{
	margin-bottom:20px!important;
	padding:5px 10px;
	border-bottom: 1px dotted #666666;
	color:#000;
}
h4.contents-head{
	padding:5px 10px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #016599;
	margin:10px 0 20px 0!important;
	color:#016599;
}

#ContentsBody p {
	line-height: 2em!important;
}

#ContentsBody .section {
	margin:0 0 20px 35px;
}

#ContentsBody ul.section,
.post ul{
	margin:0 35px 20px 35px;
}

#ContentsBody .section1 {
	margin:0;
}

#ContentsBody .section2 {
	margin:10px;
	border:1px solid #c1c1c1;
	padding:5px;
}

#sectionBox {
	margin:10px;
}

#sectionBox .left {
	float: left;
	width:35%;
}

#sectionBox .right {
	float: right;
	width:65%;
	font-size:0.9em;
}

#sectionBox .small {
	background-color: #F4F4ED;
	padding:10px;
	color:#993333;
}

#sectionBox1 {
	margin:10px;
}

#sectionBox1 .left {
	float: left;
	width:45%;
}

#sectionBox1 .right {
	float: right;
	width:55%;
}
/*contact*/
#ContactBnr {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("images/bg_contact_parking.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 155px;
    position: relative;
    width: 360px;
}

#ContactBnr2 {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("images/bg_contact_smile.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 155px;
    position: relative;
    width: 360px;
}

#ContactBnr4 {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("images/bg_contact_recruit.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 155px;
    position: relative;
    width: 360px;
}

#ContactBnr5 {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("images/bg_contact_company.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 155px;
    position: relative;
    width: 360px;
}

.contentsBox {
    margin:0;
    width: 360px;
}

#ContactBnr h3, #ContactBnr h4, #ContactBnr ul.menu01 {
    display: none;
}
#ContactBnr ul.menu02 li.menu01,#ContactBnr2 ul.menu02 li.menu01 ,#ContactBnr4 ul.menu02 li.menu01,#ContactBnr5 ul.menu02 li.menu01 {
    top: 96px;
}
#ContactBnr ul.menu02 li, #ContactBnr2 ul.menu02 li,#ContactBnr4 ul.menu02 li, #ContactBnr5 ul.menu02 li{
    height: 35px;
    position: absolute;
    right: 20px;
    width: 313px;
}

#ContactBnr ul.menu02 li a,#ContactBnr2 ul.menu02 li a,#ContactBnr4 ul.menu02 li a,#ContactBnr5 ul.menu02 li a {
    display: block;
    height: 35px;
    text-indent: -9999px;
    width: 313px;
}


#ContactBnr2 h3, #ContactBnr2 h4, #ContactBnr2 ul.menu01 {
    display: none;
}

#ContactBnr4 h3, #ContactBnr4 h4, #ContactBnr4 ul.menu01 {
    display: none;
}

#ContactBnr5 h3, #ContactBnr5 h4, #ContactBnr5 ul.menu01 {
    display: none;
}

table.contactBnr{
width: 720px; /* 表の幅 */
padding:0;
margin-bottom: 15px; /* 表の下マージン */
border-collapse: collapse;
}

/*contact2*/
#Contact2Bnr {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("images/bg_contact_recruit.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 155px;
    position: relative;
    width: 360px;
}

.contentsBox {
    margin:0;
    width: 360px;
}

#Contact2Bnr h3, #Contact2Bnr h4, #Contact2Bnr ul.menu01 {
    display: none;
}
#Contact2Bnr ul.menu02 li.menu01,#Contact2Bnr2 ul.menu02 li.menu01 {
    top: 96px;
}
#Contact2Bnr ul.menu02 li, #Contact2Bnr2 ul.menu02 li{
    height: 35px;
    position: absolute;
    right: 20px;
    width: 313px;
}

#Contact2Bnr ul.menu02 li a,#Contact2Bnr2 ul.menu02 li a {
    display: block;
    height: 35px;
    text-indent: -9999px;
    width: 313px;
}

#Contact2Bnr2 {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("images/bg_contact_company.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 155px;
    position: relative;
    width: 360px;
}

#Contact2Bnr2 h3, #Contact2Bnr2 h4, #Contact2Bnr2 ul.menu01 {
    display: none;
}

table.contact2Bnr{
width: 720px; /* 表の幅 */
padding:0;
margin-bottom: 15px; /* 表の下マージン */
border-collapse: collapse;
}




#Company h4{
	background:url(images/bg_head_reform.jpg) no-repeat left center;
	color:#0066cc;
	height:40px;
	padding-left: 30px;
	padding-top: 5px;
	line-height:40px;
	font-size:20px;
}


#puzzle h3{
	background:url(images/bg_head_reform.jpg) no-repeat left center;
	color:#0066cc;
	height:40px;
	padding-left: 30px;
	padding-top: 5px;
	line-height:40px;
	font-size:20px;
}

#reform{
	/*border: solid #c1c1c1 1px;*/
	margin:10px 0 10px 0;
}

#reform h3{
	background:url(images/bg_head_reform.jpg) no-repeat left center;
	color:#0066cc;
	height:40px;
	padding-left: 30px;
	padding-top: 5px;
	line-height:40px;
	font-size:20px;
}

#reform h3.tatemono{
	background:url(images/bg_head_tatemono.jpg) no-repeat left center;
	color:#660066;
	height:40px;
	padding-left: 30px;
	padding-top: 5px;
	line-height:40px;
	font-size:20px;
}

#reform h3.gaikou{
	background:url(images/bg_head_gaikou.jpg) no-repeat left center;
	color:#009900;
	height:40px;
	padding-left: 30px;
	padding-top: 5px;
	line-height:40px;
	font-size:20px;
}

#reform h4{
	color:#333;
	height:30px;
	padding-left: 20px;
	padding-top: 5px;
	line-height:30px;
	font-size:16px;
}
#reform ul.caption li {
	background-image: url("images/arrow_blue.jpg");
	background-position: left 2px;
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left:20px;
	padding-bottom:5px;
	font-size:1.2em;
}
#reform ul.caption2 li {
	background-image: url("images/arrow_red.jpg");
	background-position: left 2px;
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left:20px;
	padding-bottom:5px;
	font-size:1.2em;
}
#reform ul.caption3 li {
	background-image: url("images/arrow_green.jpg");
	background-position: left 2px;
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left:20px;
	padding-bottom:5px;
	font-size:1.2em;
}

/* --- リストエリア --- */
ul.reformphoto {
	width: 100%; /* リストエリアの幅 */
	/*min-width: 660px; /* リストエリアの最小幅（不要な場合は削除） */
	margin: 0;
	padding: 0; /* リストエリアのパディング（上、左右、下） */
	list-style-type: none;
}

/* --- リスト項目 --- */
ul.reformphoto li {
	/*width: 24.9%; /* 項目の幅 */
	float: left;
}

/* --- 項目内容 --- */
ul.reformphoto dl {
/*width: 200px; /* 内容の幅 */
/*margin: 0 auto; /* 内容のセンタリング */
font-size: 0.95em;
font-weight: bold;
}

/* --- 写真エリア --- */
ul.reformphoto dt {
/* height: 102px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
margin:7px;
}
ul.reformphoto dt img {
border: 1px #c1c1c1 solid; /* 写真の境界線 */
padding:3px;
}

/* --- キャプションエリア --- */
ul.reformphoto dd {
margin: 0 20px 20px 20px; /* キャプションエリアのマージン（上、左右、下） */
/*height: 6.5em; /* キャプションエリアの高さ */
line-height: 120%;
/*width: 180px; /* 内容の幅 */
}

ul.reformphoto a{
text-decoration: none;
}
ul.reformphoto a:hover{
text-decoration:underline;
}


.reformcontact  a {
    display: block;
    height: 35px;
    text-indent: -9999px;
    width: 313px;
    padding: 50px 0 0 380px;
}

p.reformcontact {
    background-image: url("images/reform_contact.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 105px;
    position: relative;
    width: 720px;
    margin: 0 0 20px 0;
}

.hokencontact  a {
    display: block;
    height: 35px;
    text-indent: -9999px;
    width: 313px;
    padding: 50px 0 0 380px;
}

p.hokencontact {
    background-image: url("images/smilelife_contact.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 105px;
    position: relative;
    width: 720px;
    margin: 0 0 20px 0;
}


#ContentsBody .tradingcontact  a {
    display: block;
    height: 35px;
    text-indent: -9999px;
    width: 313px;
    padding: 50px 0 0 380px;
}

#ContentsBody p.tradingcontact {
    background-image: url("images/trading_contact.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 105px;
    position: relative;
    width: 720px;
    margin: 20px 0 20px 0;
}


/* widget
----------------------------------------------- */
.widget{
	/*margin-top:30px;*/
	background-image:url("images/bg_head_back.gif");
	padding-bottom:10px;
	margin-bottom:10px;
}
.widget h2
{
	background:url(images/bg_head_side.gif) no-repeat left top;
	height:40px;
	color:#FFFFFF;
	text-align: left;
	font-size: small;
	line-height: 40px;
	padding-left:15px;
}
#Company .widget h2 {
	background:url(images/bg_head_companyon.jpg) no-repeat left top;
	height:90px;
	text-indent:-9999px;
	/*margin: 10px 0 0 10px;*/
}

#Trading .widget h2 {
	background:url(images/bg_head_tradingon.jpg) no-repeat left top;
	height:90px;
	text-indent:-9999px;
	/*margin: 10px 0 0 10px;*/
}
#Parking .widget h2 {
	background:url(images/bg_head_peon.jpg) no-repeat left top;
	height:90px;
	text-indent:-9999px;
	/*margin: 10px 0 0 10px;*/
}
.widget ul,.widget table{
	margin:0 10px 0 10px;
}

 .widget ul li{
	background-image: url("images/bg_side_menu01.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}



#Topics .widget ul li{
	background-image: url("images/bg_side_menu01.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}

#Topics .widget-blog-calendar table {
	width:200px;
	margin:0;
	background-color: #FFF;
	border:1px solid #c1c1c1;
}

#Parking .widget ul li{
	background-image: url("images/bg_side_menu02.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}

.widget ul li a {
	display: block;
	height: 39px;
	width: 155px;
	padding-left: 25px;
	line-height: 39px;
	text-decoration: underline; /* テキストの下線（なし） */
　　font-stretch: ultra-condensed;
}

.widget ul li a:hover {
	text-decoration: none; 
	background: url("images/bg_side_menu01on.jpg") no-repeat left; /* ポイント時の背景 */
}

#current {
	/*background: url("images/bg_side_menu01on.jpg") no-repeat left; /* ポイント時の背景 */
	/*text-decoration: none; /* テキストの下線（なし） */
}


#Parking #current {
	background: url("images/bg_side_menu02on.jpg") no-repeat left; /* ポイント時の背景 */
	text-decoration: none; /* テキストの下線（なし） */
}
/* map
----------------------------------------------- */
#map{
    margin-left:25px;
    margin-bottom:30px;
}

/* Blog
----------------------------------------------- */
.post{
	margin-left:0!important;
	margin-right:0!important;
}
.blog-description{
	margin-left:0!important;
	margin-bottom:20px;
}
.blog-calendar th{
    border-bottom:1px solid #e2e2e2;
}
.blog-calendar th,
.blog-calendar td
{
    padding:3px 5px;
}
.blog-calendar .sunday{
    color:#ff6633;
}
.blog-calendar .saturday{
    color:#3366FF;
}
.blog-calendar .today{
    background-color:#e2e2e2;
}
#BlogComment{
    margin-top:40px;
    padding:0 10px;
}
#BlogCommentList{
    padding:10px 20px;
    margin-top:20px;
}
#BlogCommentAddForm{
    padding:10px 20px;
}
#BlogCommentList .comment{
    padding-bottom:8px;
    border-bottom:1px dashed #CCCCCC;
    margin-bottom:20px;
}
#ContentsBody ul.section li,
.post ul li{
	background:url(images/bg_list_circle.gif) no-repeat left center;
	padding-left:20px;
	margin-bottom:10px;
}
.widget-blog-calendar table {
	width:200px;
}

/* clearfix
----------------------------------------------- */
.clearfix:after 
{
	content: " ";
	display: block;
	clear: both;
	height: 0;
}
.clearfix 
{
	display: inline-block;
}
.clearfix 
{
	display: block; 
}

/*company_gaiyou
----------------------------------------------- */
#company_gaiyou{
float:left;
width:320px;
}

#company_gaiyou h3{
margin-right:10px;
}

#company_enkaku{
float:right;
width:400px;
}
#company_enkaku h3{
margin-right:10px;
}


/* Accessmap
----------------------------------------------- */
#accessmap {
	margin:20px;
}

#accessmap .seiden  {
	float:left;
	width:300px;
}
#accessmap .smilelife  {
	float:right;
	width:370px;
}
#accessmap h3 {
	height:40px;
	margin: 10px 0 0 10px;
}

#accessmap li.address,#accessmap li.post {
	padding-left: 10px;
	/*line-height: 140%;*/
}
#accessmap li.tel {
	background-image: url(images/icon_tel.jpg); 
	background-repeat: no-repeat;
	background-position: 10px 5px; /* 背景画像の表示位置（左、上） */
	padding-left: 50px;
	padding-top: 5px;
}

#accessmap li.fax {
	background-image: url(images/icon_fax.jpg); 
	background-repeat: no-repeat;
	background-position: 10px 5px; /* 背景画像の表示位置（左、上） */
	padding-left: 50px;
	padding-top: 5px;
}

.maptable img {
padding:5px 10px 10px 10px;
}


#mailform {
	margin: 10px;
}
#mailform .comment {
	margin: 0 0 10px 10px;
}

#mailform h3 {
	color: #016599;
	background-image: url(images/mail_title.jpg); 
	background-repeat: no-repeat;
	background-position: left 5px; /* 背景画像の表示位置（左、上） */
	height:25px;
	padding:5px 0 5px 25px;
	margin-bottom:5px;
}

#mailform .tel{
	background-image: url(images/icon_tel.jpg); 
	background-repeat: no-repeat;
	background-position: 10px 5px; /* 背景画像の表示位置（左、上） */
	padding-left: 50px;
	padding-top: 5px;
	font-size:1.5em;
	font-weight:bold;
	margin-left: 50px;
}
#mailform .fax{
	background-image: url(images/icon_fax.jpg); 
	background-repeat: no-repeat;
	background-position: 10px 5px; /* 背景画像の表示位置（左、上） */
	padding-left: 50px;
	padding-top: 5px;
	font-size:1.5em;
	font-weight:bold;
	margin-left: 50px;
}

#Contact #mailform .contact_telfax{
	background-image: url(images/contact_syoji.gif); 
	background-repeat: no-repeat;
	margin-left: 30px;
	display:block;
	height:100px;
	width:680px;
}

#Contact2 #mailform .contact_telfax{
	background-image: url(images/contact_pe.gif); 
	background-repeat: no-repeat;
	margin-left: 30px;
	display:block;
	height:100px;
	width:680px;
}

#Contact3 #mailform .contact_telfax{
	background-image: url(images/contact_smile.gif); 
	background-repeat: no-repeat;
	margin-left: 30px;
	display:block;
	height:100px;
	width:680px;
}

#Contact5 #mailform .contact_telfax{
	background-image: url(images/contact_smile.gif); 
	background-repeat: no-repeat;
	margin-left: 30px;
	display:block;
	height:100px;
	width:680px;
}
/* --- ナビゲーションバー --- */
div.nav {
width: 720px; /* ナビゲーションの幅 */
padding-top: 10px; /* ナビゲーションの上パディング */
background-color: #ffffff; /* ナビゲーションの背景色 */
border-bottom: 2px #004080 solid; /* 下境界線 */
/*font-size: 80%;*/
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 99%; /* メニューの幅 */
margin: 0 auto; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 220px; /* タブの幅 */
margin-right: 8px; /* タブの右マージン */
background: #f9f9f9 url(images/tab_gen2_left.gif) no-repeat left top; /* タブの背景（左） */
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 2px 5px; /* リンクエリアのパディング（上、左右、下） */
background: url(images/tab_gen2_right.gif) no-repeat right top; /* タブの背景（右） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
#Contact div.nav ul.nl li.menu01 {
background: #004080 url(images/tab_act2_left.gif) no-repeat left top; /* タブの背景（左） */
}
#Contact div.nav ul.nl li.menu01 a {
background: url(images/tab_act2_right.gif) no-repeat right top; /* タブの背景（右） */
color: #ffffff; /* アクティブタブの文字色 */
}

#Contact2 div.nav ul.nl li.menu02 {
background: #004080 url(images/tab_act2_left.gif) no-repeat left top; /* タブの背景（左） */
}
#Contact2 div.nav ul.nl li.menu02 a {
background: url(images/tab_act2_right.gif) no-repeat right top; /* タブの背景（右） */
color: #ffffff; /* アクティブタブの文字色 */
}

#Contact3 div.nav ul.nl li.menu03 {
background: #004080 url(images/tab_act2_left.gif) no-repeat left top; /* タブの背景（左） */
}
#Contact3 div.nav ul.nl li.menu03 a {
background: url(images/tab_act2_right.gif) no-repeat right top; /* タブの背景（右） */
color: #ffffff; /* アクティブタブの文字色 */
}

#Contact5 div.nav ul.nl li.menu03 {
background: #004080 url(images/tab_act2_left.gif) no-repeat left top; /* タブの背景（左） */
}
#Contact5 div.nav ul.nl li.menu03 a {
background: url(images/tab_act2_right.gif) no-repeat right top; /* タブの背景（右） */
color: #ffffff; /* アクティブタブの文字色 */
}

div.nav ul.nl li.menu03 {
width:245px;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* row-table-01
----------------------------------------------- */
table.row-table-01
{
	width:100%;
	color:#333;
	background-color: #fff;
	clear:both;
	padding: 0;
	margin: 0 0 1em 0;
	white-space: normal;
	border-collapse:separate;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
table.row-table-01 th
{
	text-align: right;
	padding:7px 8px 7px 8px;
	font-weight:normal;
	/*border-bottom:2px solid #016599;*/
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background-color:#F0F8FF;
	/*font-size:0.85em;*/
	color:#016599;
	vertical-align:top;
}
table.row-table-01 tr td
{
	background-color: #ffffff;
	padding:7px 8px;
	vertical-align:top;
	text-align: left;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	/*font-size:0.85em;*/
}

/* row-table-02
----------------------------------------------- */
table.row-table-02
{
	width:100%;
	color:#333;
	background-color: #fff;
	clear:both;
	padding: 0;
	margin: 0 0 1em 0;
	white-space: normal;
	border-collapse:separate;
border-left:0px solid #cccccc;
}
table.row-table-02 th
{
	text-align: right;
	padding:7px 8px 7px 8px;
	font-weight:normal;
	font-size:0.85em;
	color:#016599;
	vertical-align:top;
}
table.row-table-02 tr td
{
	background-color: #ffffff;
	padding:7px 0 7px 0;
	text-align: left;
	font-size:0.85em;
}

/* row-table-03
----------------------------------------------- */
/* --- 表全体 --- */
	table.row-table-03 {
	width: 100%; /* 表の幅 */
	border:0px #c0c0c0 solid; /* 大枠の境界線 */
	border-collapse: collapse;
	font-size: 0.85em;
}

/* --- セル --- */
	table.row-table-03 th,
	table.row-table-03 td {
	/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
	padding: 7px 8px; /* セルのパディング（上下、左右） */
	/*border: 1px #c0c0c0 solid; /* セルの境界線 */
	vertical-align:top;
}

/* --- 1列目 --- */
	table.row-table-03 colgroup.item {
	background-color: #E3EBF0; /* 1列目の背景色 */
}

/* --- 2列目以降 --- */
	table.row-table-03 colgroup.data {
	background-color: #ffffff; /* 2列目以降の背景色 */
}

/* --- 見出しセル --- */
	table.row-table-03 thead th {
	text-align: left;
	border-bottom:1px solid #ccc;
}


/* customize-navi
----------------------------------------------- */
.customize-navi{
    background-color:#f2ffde;
    padding:10px;
    margin: 10px 0 10px 0;
}

/* edit-link
----------------------------------------------- */
.edit-link{
    padding:10px;
}

/* cakePHP parts
----------------------------------------------- */
.error-message
{
	color:#C30;
}
.required
{
	color:#C00!important;
	font-size:16px;
}
.form-error
{
	background:#F8E2DE;
}
.message
{
	color:#F30;
	font-weight:bold;
	margin:20px;
}
.error
{
	color:#C00;
}
.error em
{
	color:#06C;
	font-style:normal;
	font-weight:bold;
}
.submit
{
	text-align:center;
}

/* --- 人材派遣最新情報のボタン --- */
.css_btn_class {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #3866a3;
	padding:20px 40px;
	margin:10px 0px 0px 40px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	background:-ms-linear-gradient( top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #63b8ee), color-stop(100%, #468ccf) );
	background-color:#63b8ee;
	color:#fcfcfc;
	display:inline-block;
	text-shadow:1px 1px 0px #7cacde;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #bee2f9;
 	-moz-box-shadow:inset 1px 1px 0px 0px #bee2f9;
 	box-shadow:inset 1px 1px 0px 0px #bee2f9;
}
.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	background:-ms-linear-gradient( top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #468ccf), color-stop(100%, #63b8ee) );
	background-color:#468ccf;
	text-decoration:underline;
}
.css_btn_class:active {
	position:relative;
	top:1px;

}
/* This css button was generated by css-button-generator.com */