@charset "utf-8";
/* CSS Document */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,section {
	display:block;
}

* {
    margin: 0px;
    padding: 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family:  "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC";
    font-size: 15px;
	letter-spacing: 0.1em;
	color:#444444;
}

p {
	line-height:1.5em;
	margin-bottom:1.5em;
}

body {
	background:url(../images/index/main_back.jpg) repeat;
	margin: 0 auto;
	width:960px;
	background-color:#FFFFFF;
	background-position: center top;
}

/*リンク設定*/
a{ /*リンクされた文字*/
	color:#ff8400;
	border:0px;
}

a:link{ /*未訪問のリンク*/
	color:#ff8400;
	
}

a:visited{/*訪問後のリンク*/
	color:#ff8400;
}

a:hover{/*マウスをのせたとき*/
	color:#ff8400;
	text-decoration:none;
}

a:active {/*クリック中*/
    color:#ff8400;
}


#header,
#main,
#main article,
#side,
#footer {
    background-color: rgba(255, 255, 255, 0);
}

#footer p {
	text-align:left;
	font-size:12px;
}

#header {
    width: 960px;
	height:478px;
	margin-bottom:5px;
	background:url(../images/common/headinfo.png) no-repeat;
	background-position:top right;
	margin-top:0px;
}

.headarea {
    width: 960px;
	height:113px;
	margin-bottom:0px;
}


.headerinfo {
	float:right;
	padding-top:71px;
	padding-right:22px;
	border:0px;
}

.headerh1 {
	float:left;
	margin-top:0px;
	width:600px;
}

.headerlogo {
	float:left;
	margin-top:15px;
	padding-left:10px;
	width:400px;
}

#nav {
	clear:both;
	background:url(../images/index/nav.jpg) no-repeat;
	height:55px;
	margin-bottom:10px;
	
}

#nav ul{
	margin:0px;
	padding: 0px;
	border:0px;
}

#nav ul li {
	list-style: none;
	float: left;
	margin-right:0px;
	border:0px;
}

#main {
	clear:both;
	width:960px;
}

#article {
	margin-top:10px;
	width:960px;
	clear:both;
}

#content {
	margin-top:10px;
	width:713px;
	padding-right:10px;
	padding-left:10px;
}

#contact {
	clear:both;
	background:url(../images/common/contact_back.png) no-repeat;
	margin-top:40px;
	widht:713px;
	height:227px;
}

#contact .bottom {
	float:right;
	padding-right:45px;
	padding-top:167px;
	
}

#pagetop {
	margin-top:20px;
	float:right;
}


.homeleft {
	
	float:left;
	background:url(../images/index/line02.jpg)  repeat-y;
	background-position:right;
	width:713px;
	padding-right:10px;
	}
	
.homeright {
	background:url(../images/index/line02.jpg)  repeat-y;
	background-position:left;
	margin-left:-1px;
	padding-left:10px;
	float:left;
	width:240px;
}

.homeright a:hover {
	opacity:0.6;
}

/*フッター*/
.footerad {
	float:right;
	width:468px;
	text-align:left;
}

#footer .footerad p {
	
	text-align:left;
}

#footer {
	background-position:cente center;
	margin-top:10px;
    width: 960px;
	border:0px;
}

#footer p {
	text-align:center;
}

#footer .contact_b {
	position:relative;
	left:651px;
	top:284px;
}

#footer a{ /*リンクされた文字*/
	font-size:12px;
	color:#eb6b00;
	text-decoration:none;
}

#footer a:link{ /*未訪問のリンク*/
	font-size:12px;
	color:#eb6b00;
	text-decoration:none;
}

#footer a:visited{/*訪問後のリンク*/
	font-size:12px;
	color:#eb6b00;
	text-decoration:none;
}

#footer a:hover{/*マウスをのせたとき*/
	font-size:12px;
	color:#eb6b00;
	text-decoration:underline;
}

#footer a:active {/*クリック中*/
	font-size:12px;
    color:#ff0000;
	text-decoration:underline;
}

/*　パンくずリスト */
#breadcrumb {
	height:26px;
	width:703px;
	margin-top:0px;
	margin-bottom:0px;
	margin-bottom:10px;
}

#breadcrumb ul{
	margin:0px;
	padding: 0px;
	border:0px;
}

#breadcrumb ul li {
	float: left;
	padding-top:2px;
	padding-right:20px;
	list-style: none;
	font-size: 12px;
	color:#000000;
}

#breadcrumb ul li:nth-child(n+2) {
	list-style: url(../images/common/breadlist_list.png);
	padding-left:0px;
}

#breadcrumb a{ /*リンクされた文字*/
	font-size: 12px;
	color:#ff0000;
	border:0px;
}

#breadcrumb a:link{ /*未訪問のリンク*/
	font-size: 12px;
	color:#ff0000;
}

#breadcrumb a:visited{/*訪問後のリンク*/
	font-size: 12px;
	color:#ff0000;
}

#breadcrumb a:hover{/*マウスをのせたとき*/
	font-size: 12px;
	color:#ff0000;
	text-decoration:none;
}

#breadcrumb a:active {/*クリック中*/
	font-size: 12px;
    color:#8fc31f;
}

.clear {
	clear: both;
}

.clear hr {
	display:none;
}

/*テキストマージン*/
.mb_5 { margin-bottom:5px; }
.mb_10 { margin-bottom:10px; }
.mb_20 { margin-bottom:20px; }
.mb_30 { margin-bottom:30px; }
.mb_40 { margin-bottom:40px; }
.mt_10 { margin-top:10px; }
.mt_15 { margin-top:15px; }
.mt_20 { margin-top:20px; }
.mt_30 { margin-top:30px; }
.mt_40 { margin-top:40px; }
.ml_10 { margin-left:10px; }
.ml_30 { margin-left:30px; }
.ml_100 { margin-left:100px; }
.ml_140 { margin-left:140px; }
.ft_13 { font-size:13px;}

/*テキストカラー*/
.red { color:#e80f1d; }
.blue { color:#0e66bd; }
	
/*画像回り込み（右）*/
.fig_r{ float:right; margin-left:10px; }

/*画像回り込み（左）*/
.fig_l{ float:left; margin-right:10px; }

/* h2～ */
#header h1 {
	padding-top:0px;
	margin-top:0px;
	font-size:8pt;
	padding-left:5px;
	font-weight:normal;
	color:#888888;
}

#main h2 {
	width:940px;
	heigt:50px;
	margin-left:0px;
	font-size:18px;
	padding-left:10px;
	padding-top:12px;
	padding-bottom:20px;
	color:#f18200;
	background:no-repeat url(../images/common/h2.png);
	clear:both;
}

#main h3 {
	clear:both;
	width:940px;
	heigt:50px;
	margin-left:-10px;
	font-size:17px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:20px;
	color:#ffffff;
	background:no-repeat url(../images/common/h3.png);
}

#main h4 {
	clear:both;
	width:940px;
	margin-left:0px;
	font-size:16px;
	color:#eb6b00;
	padding-left:10px;
	padding-top:-5px;
	margin-bottom:10px;
	background:no-repeat url(../images/common/h4.png);
}

.mailbanner {
	background:url(../images/common/mailbanner.jpg) no-repeat;
	width:700px;
	height:130px;
	margin-bottom:20px;
	margin-left:20px;
	clear:both;
}

.con {
	float:right;
	margin-top:70px;
	margin-right:34px;
	width:224px;
	height:43px;
}

/* */
/*トップページナビ*/
#topnav_left_01 {
	border:0px;
	padding: 0px;
	width:465px;
	height:200px;
	float:left;
	margin-right:10px;
	background:url(../images/index/topnavi_1_back.png) no-repeat left top;	
}

#topnav_left_01 p {
	color:#ffffff;
	padding:8px;
}

#topnav_left_03 {
	border:0px;
	padding: 0px;
	width:465px;
	height:200px;
	float:left;
	margin-right:10px;
	background:url(../images/index/topnavi_3_back.png) no-repeat left top;	
}

#topnav_left_03 p {
	color:#ffffff;
	padding:8px;
}

#topnav_left_05 {
	border:0px;
	padding: 0px;
	width:465px;
	height:200px;
	float:left;
	margin-right:10px;
	background:url(../images/index/topnavi_05_back.png) no-repeat left top;	
}

#topnav_left_05 p {
	color:#ffffff;
	padding:8px;
}

#topnav_right_02 {
	border:0px;
	padding: 0px;
	width:465px;
	height:200px;
	float:left;
	margin-right:0px;
	background:url(../images/index/topnavi_2_back.png) no-repeat left top;
}

#topnav_right_02 p {
	color:#ffffff;
	padding:8px;
}

#topnav_right_04 {
	border:0px;
	padding: 0px;
	width:465px;
	height:200px;
	float:left;
	margin-right:0px;
	background:url(../images/index/topnavi_4_back.png) no-repeat left top;
}

#topnav_right_04 p {
	color:#ffffff;
	padding:8px;
}

#topnav_right_06 {
	border:0px;
	padding: 0px;
	width:465px;
	height:200px;
	float:left;
	margin-right:0px;
	background:url(../images/index/topnavi_6_back.png) no-repeat left top;
}

#topnav_right_06 p {
	color:#ffffff;
	padding:8px;
}


/*
#topnav ul{
	margin:0px;
	padding: 0px;
	border:0px;

}

#topnav ul li {
	list-style: none;
	float: left;
	margin-right:30px;
	border:0px;
	width:455px;
}

#topnav ul li:last-child {
	list-style: none;
	float: left;
	margin-right:0px;
	border:0px;
	width:455px;
}
*/

#topnav_2 {
}

#topnav_2 ul{
	margin:0px;
	padding: 0px;
	border:0px;
}

#topnav_2 ul li {
	margin-top:-10px;
	list-style: none;
	float: left;
	margin-right:30px;
	border:0px;
	width:455px;
	height:336px;
	color:#ffffff;
	padding:15px;
    background:url(../images/index/topnavi_back.jpg) no-repeat left top;
}

#topnav_2 ul li:last-child {
	list-style: none;
	float: left;
	margin-right:0px;
	border:0px;
	width:455px;
	
}

#topnav_3 {
	width:940px;
	height:190px;
    background:url(../images/index/topnavi_3_back.jpg) repeat left top;
}

#topnav_3 ul{
	padding: 10px;
	border:0px;
}

#topnav_3 ul li {
    margin-bottom:10px;
	list-style: none;
	float: left;
	margin-right:10px;
	border:0px;
	width:300px;
	height:80px;
}

#topnav_3 ul li:last-child {
	list-style: none;
	float: left;
	margin-right:0px;
	border:0px;
	width:300px;
}

#topnav_5 {
	width:940px;
	height:1040px;
background:url(../images/index/topnavi_5_back.jpg) repeat left top;
}

#topnav_5 ul{
	padding: 10px;
	border:0px;
}

#topnav_5 ul li {
	margin-bottom:10px;
	list-style: none;
	float: left;
	margin-right:10px;
	border:0px;
	width:145px;
	height:145px;
	background:url(../images/index/topnavi_5_back.png) left top;
	text-align:center;
	padding:5px;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}

#topnav_5 ul li:last-child {
	list-style: none;
	float: left;
	margin-right:0px;
	border:0px;
	width:145px;
}

#topnav2 {}

#topnav2 ul{
	margin:0px;
	padding: 0px;
	border:0px;
}

#topnav2 ul li {
	list-style: none;
	float: left;
	margin-right:10px;
	padding-left:5px;
	padding-right:5px;
	border:0px;
	width:450px;
}

#topnav2 ul li:last-child {
	list-style: none;
	float: left;
	margin-right:0px;
	border:0px;
	width:450px;
}

/*menu用table*/

table.menu {
  width: 693px;
  border-spacing: 0;
  font-size:16px;

}


table.menu tr td {
  padding: 12px 15px;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  text-align: left;

}
table.menu tr td:last-child {
  border-right: 1px solid #888;
}

table.menu tr {
  background: #fff;
}
table.menu tr:nth-child(2n+1)  {
  background: #f5f5f5;
}

table.menu tr:last-child td {
  border-bottom: 1px solid #888;
}

table.menu tr td:first-child {
  color:#eb6b00;
  text-decoration:bold;
}

/* sample用table */

table.sample01 {
	border:0px;
	margin-bottom:20px;
	width:910px;
}

table.sample01 tr td {
	vertical-align:top;
	padding-right:10px;
	padding-top:10px;
}

table.sample01 tr td:nth-child(2)  {
	padding-top:65px;
}

table.sample01 tr td:last-child {
	width:340px;
	height:248px;
	padding:20px 12px 12px 12px;
	text-align:left;
	vertical-align:top;
	background:url(../images/common/sample01_back.png) no-repeat left top;
}

.area01 {
	float:left;
	width:345px;
	margin-bottom:10px;
	border-bottom:1px solid #b4b4b6;
}

.area01 a:hover {
	opacity:0.6;
}
.area02 {
	margin-left:10px;
	float:left;
	width:345px;
	margin-bottom:10px;
	border-bottom:1px solid #b4b4b6;
}

.area02 a:hover {
	opacity:0.6;
}

.cl_area01 {
	float:left;
	width:340px;
	margin-bottom:10px;
}
.cl_area02 {
	margin-left:10px;
	float:left;
	width:340px;
	margin-bottom:10px;
}

.area3_left {
	float:left;
	width:226px;
	margin-bottom:10px;
}
.area3_center {
	margin-left:6px;
	margin-right:6px;
	float:left;
	width:226px;
	margin-bottom:10px;
}

.area3_right {
	float:left;
	width:226px;
	margin-bottom:10px;
}

.area4_1 {
	float:left;
	width:165px;
	margin-bottom:10px;
}
.area4_2 {
	margin-left:10px;
	float:left;
	width:165px;
	margin-bottom:10px;
}

.area4_3 {
	margin-left:10px;
	float:left;
	width:165px;
	margin-bottom:10px;
}

.area4_4 {
	margin-left:10px;
	float:left;
	width:165px;
	margin-bottom:10px;
}

table.cl01 {
	width:100%;
    margin-bottom:50px;
    border: none;
    border-top: solid 1px #888888;
    border-bottom: solid 1px #888888;
    border-collapse: separate;
    border-spacing: 0 10px;
    background: #f5f5f5;
}

table.cl01 th:first-child {
    padding-left: 5px;
	padding-right:5px;
    margin: 0;
    border: none;
    color: #666;
	font-weight:bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
}

table.cl01 th {
    padding-left: 5px;
	padding-right:5px;
    margin: 0;
    border: none;
    color: #666;
    font-size: 14px;
	font-weight:bold;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
	border-left: solid 1px #eb6b00;
}


table.cl01 td:first-child  {
    padding-left: 5px;
	padding-right:5px;
    margin: 0;
    border: none;
    color: #666;
	font-weight:bold;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    vertical-align: middle;
}

table.cl01 td {
    padding-left: 5px;
	padding-right:5px;
    margin: 0;
    border: none;
    color: #666;
	font-weight:normal;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    vertical-align: middle;
	border-left: solid 1px #eb6b00;
}
 
table.cl01 td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #888888;
}
table.oc01 {
	width:693px;
	padding-left:10px;
    margin-bottom:50px;
    border: solid 1px #888888;
    border-spacing: 0 10px;
    background: #f5f5f5;
}

.fu01 {
	float:left;
	width:129px;
	margin-right:9px;
	text-align:center;
	
}

.fu01 p {
	font-size: 14px;
	color:#ff6600;
	font-weight:bold;
}

.fu01:last-child {
	float:left;
	width:129px;
	padding-right:0px;
	
}


ul.example {
	margin:0px;
	padding: 0px;
	border:0px;
	margin-bottom:30px;
}

ul.example li {
	list-style: none;
	padding-right:10px;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	
}

.oc {
	border:1px solid #eb6b00;
	background:#f5f5f5;
	padding-top:20px;
	padding-left:8px;
	padding-right:8px;
	margin-bottom:30px;
}

/*メインビジュアル*/

.main_v .main_index {
    width:960px;
    height:310px;
    background:#fff;
    background-image:url(../images/index/main01.jpg);
}

.main_v .main_index p {
    color:#555;
    font-size:24px;
    font-weight:bold;
    position:relative;
    top:180px;
    left:30px;
}

.main_v .main_index .orange {
    font-size:24px;
    font-weight:bold;
    color:#ff9c00;
}

.main_v .main_company {
    width:960px;
    height:310px;
    background:#fff;
    background-image:url(../images/company/main01.jpg);
}

.main_v .main_access {
    width:960px;
    height:310px;
    background:#fff;
    background-image:url(../images/access/main01.jpg);
}

.main_v .main_contact {
    width:960px;
    height:310px;
    background:#fff;
    background-image:url(../images/contact/main01.jpg);
}

.main_v .main_cleaning {
    width:960px;
    height:310px;
    background:#fff;
    background-image:url(../images/cleaning/main01.jpg);
}

.main_v .main_cleaning p {
    color:#555;
    font-size:24px;
    font-weight:bold;
    position:relative;
    top:200px;
    left:30px;
}

.main_v .main_officecleaning {
    width:960px;
    height:310px;
    background:#fff;
    background-image:url(../images/officecleaning/main01.jpg);
}

.main_v .main_officecleaning p {
    color:#555;
    font-size:24px;
    font-weight:bold;
    position:relative;
    top:200px;
    left:30px;
}

.main_v .main_fuyouhin {
    width:960px;
    height:310px;
    background:#fff;
    background-image:url(../images/fuyouhin/main01.jpg);
    z-index:80;
}

.main_v .main_fuyouhin .main_fuyouhin_01 {
    position:relative;
    width:134px;
    height:60px;
    top:170px;
    left:70px;
    background-image:url(../images/fuyouhin/main02.png) ;
    z-index:90;
}

.main_v .main_fuyouhin .main_fuyouhin_01 p {
    padding-left:50px;
    font-weight:bold;
}

.main_v .main_fuyouhin .main_fuyouhin_02 {
    color:#555;
    font-size:24px;
    font-weight:bold;
    position:relative;
    top:60px;
    left:30px;
}

.main_v .main_fuyouhin .main_fuyouhin_03 {
    color:#555;
    font-size:24px;
    font-weight:bold;
    position:relative;
    top:50px;
    left:230px;
}

.main_v .main_fuyouhin .main_fuyouhin_04 {
    color:#ff9c00;
    font-size:24px;
    font-weight:bold;
    position:relative;
    top:42px;
    left:40px;
}

.main_v .main_solution {
    width:960px;
    height:310px;
    background:#fff;
    background-image:url(../images/solution/main01.jpg);
}

.main_v .main_webdesign {
    width:960px;
    height:310px;
    background:#fff;
    background-image:url(../images/webdesign/main01.jpg);
}

.main_v .main_solution p,
{
    color:#fff;
    font-size:24px;
    font-weight:bold;
    position:relative;
    top:190px;
    left:30px;
}

.main_v .main_webdesign p{
    color:#555;
    font-size:24px;
    font-weight:bold;
    position:relative;
    top:190px;
    left:30px;
}

.main_v .main_company p,
.main_v .main_access p,
.main_v .main_contact p{
    color:#ff9c00;
    font-size:24px;
    font-weight:bold;
    position:relative;
    top:250px;
    left:30px;
}

.main_v .main_sentei {
    width:960px;
    height:310px;
    background:#fff;
    background-image:url(../images/sentei/main01.jpg);
}

.main_v .main_sentei .main_sentei_01 {
    width:100px;
    height:50px;
    background-color:#ff9c00;
    position:relative;
    top:200px;
    left:600px;
}

.main_v .main_sentei .main_sentei_02 {
    width:100px;
    height:50px;
    background-color:#ff9c00;
    position:relative;
    top:150px;
    left:710px;
}

.main_v .main_sentei .main_sentei_03 {
    width:100px;
    height:50px;
    background-color:#ff9c00;
    position:relative;
    top:100px;
    left:820px;
}

.main_v .main_sentei .main_sentei_04 {
    position:relative;
    top:120px;
    left:600px;
}

.main_v .main_sentei .main_sentei_01 p{
    color:#fff;
    font-size:30px;
    padding :5px 0 0  15px;
    letter-spacing:0.4em;
}

.main_v .main_sentei .main_sentei_02 p{
    color:#fff;
    font-size:30px;
    padding :5px 0 0  15px;
    letter-spacing:0.4em;
}

.main_v .main_sentei .main_sentei_03 p{
    color:#fff;
    font-size:30px;
    padding :5px 0 0  15px;
    letter-spacing:0.4em;
}

.main_v .main_sentei_04 p{
    font-weight:bold;
    color:#fff;
    font-size:24px;
}