﻿/* -------------- 初期設定 -------------- */

*{
	margin:0;
	padding:0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

body {
	margin:0;
	padding:0;
	background-image: url(../img/haikei.jpg);
}

a:link {
	color: #FFCC00;
}
a:visited {
	color: #FF9966;
}
a:hover {
	color: #FF9933;
}

a:active {
	color: #FF9900;
}

/* -------------- TOPページレイアウト枠 -------------- */
#wholeWrap {
	margin: auto;
	width: 100%;
	text-align: center;
}
#headerWrap {
	margin: 0px;
	padding: 0px;
	height: 110px;
	width: 756px;
	float: left;
}
#secondWrap {
	width: 756px;
	margin: auto;
}
#contentsTitle {
	float: left;
	height: 205px;
	width: 756px;
	margin: 0px;
	padding: 10px 0px;
}
#topics {
	width: 756px;
	float: left;
	background: url(../img/info_haikei.gif) repeat-y;
	margin: 0 0px;
	text-align: left;
	padding: 0px;
}
#topics02 {
	width: 756px;
	float: left;
	background: url(../img/info_haikei.gif) repeat-y;
	margin: 0 0px;
	text-align: left;
	padding: 0px;
}
#main {
	float: left;
	padding-bottom: 10px;
}
#serviceWrap {
	width: 206px;
	float: left;
	height: 180px;
	padding-right: 10px;
	text-align: left;
}
#worksWrap {
	float: left;
	width: 540px;
	background-image: url(../img/guide_haikei.gif);
}
.break {
	clear: both;
}
#footerWrap {
	width: 100%;
	background: #FFF url(../img/foot_haikei.gif);
	clear: both;
}



/* -------------- ヘッダーコンテンツ -------------- */

#header {
	position: relative;
	margin: 0 auto;
	width: 756;
	height: 110px;
	background-image: url(../img/hed_haikei.jpg);
}

#rogo {
	left: 0px;
	top: 0px;
	height: 60px;
	width: 209px;
	position: absolute;
	padding-top: 5px;
}

#header h1 {
	margin: 0;
	padding: 0;
}

#header address {
	position: absolute;
	top: 40px;
	right: 0px;
	margin: 0;
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	color: #FFF;
	font-style: normal;
	font-size: 11px;
}

#header #banner1 {
	position: absolute;
	top: 40px;
	right: 0;
}


/* -------------- ヘッダーメニュー設定 -------------- */
#header_Nav{
	position: absolute;
	list-style-type: none;
	background: url(../img/header_menu.gif) left top repeat-x;
	width: 180px;
	height: 22px;
	top: 5px;
	left: 0;
	margin-left: 576px;
}
#header_Nav li {
	width: 90px;
	display: block;
	height: 17px;
	float: left;
}
#header_Nav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:22px;
	padding-top: 22px;
	background-image: url(../img/header_menu.gif);
	color: #FFFFFF;

}

/* -------------- ヘッダーメニューリンク設定 -------------- */
	
　　/* -- 通常 -- */
	#header_nav00 a { background-position:  0     0; }
	#header_nav01 a { background-position:  0     0; }
	#header_nav02 a { background-position: -90px  0;}

	
　　/* -- ロールオーバー -- */
	#header_nav00 a.stay { background-position:  0     -44px; }
	#header_nav01 a.stay { background-position:  0     -44px; }
	#header_nav02 a.stay { background-position: -90px  -44px; }


　　/* -- 現在地ー -- */
	#header_nav00 a:hover { background-position:  0    -22px; }
	#header_nav01 a:hover { background-position:  0    -22px; }
	#header_nav02 a:hover { background-position: -90px -22px; }


/* -------------- メインメニュー設定 -------------- */
#Main_nav {
	position:absolute;
	top: 78px;
	left: 0;
	width: 756px;
	height: 32px;
	list-style-type: none;
	background: url(../img/menu.gif) repeat-x left top;
	margin: 0px;
	padding: 0px;
}

#Main_nav li {
	float: left;
	width: 108px;
}

#Main_nav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:32px;
	background-image: url(../img/menu.gif);
	color: #FFFFFF;
	padding-top: 32px;
}

/* -------------- メインメニューリンク設定 -------------- */
	
/* -- 通常 -- */
#nav00 a { background-position:  0    0; }
#nav01 a { background-position:  0    0; }
#nav02 a { background-position: -108px 0; }
#nav03 a { background-position: -216px 0; }
#nav04 a { background-position: -324px 0; }
#nav05 a { background-position: -432px 0; }
#nav06 a { background-position: -540px 0; }
#nav07 a { background-position: -648px 0; }

　/* -- ロールオーバー -- */
#nav00 a.stay { background-position:  0    32px; }
#nav01 a.stay { background-position:  0    32px; }
#nav02 a.stay { background-position: -108px 32px; }
#nav03 a.stay { background-position: -216px 32px; }
#nav04 a.stay{ background-position: -324px 32px; }
#nav05 a.stay{ background-position: -432px 32px; }
#nav06 a.stay { background-position: -540px 32px; }
#nav07 a.stay { background-position: -648px 32px; }

　　/* -- 現在地ー -- */

#nav00 a:hover { background-position:  0    64px; }
#nav01 a:hover { background-position:  0    64px; }
#nav02 a:hover { background-position: -108px 64px; }
#nav03 a:hover { background-position: -216px 64px; }
#nav04 a:hover { background-position: -324px 64px; }
#nav05 a:hover { background-position: -432px 64px; }
#nav06 a:hover { background-position: -540px 64px; }
#nav07 a:hover { background-position: -648px 64px; }


#contactHere {
	color: #000;
}

/* -------------- ビジュアルメニュー設定 -------------- */



#topimg {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 581px;
}

/* -------------- ｲﾝﾌｫﾒｰｼｮﾝ（CMS）設定 -------------- */

.topics_line {
	height: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
	width: 735px;
}


#topics .section {
	width: 735px;
	margin: 10px 0 0px 10px;
	padding-bottom: 10px;
}

.topicsEnd {
	margin: -1px auto 9px;
	width: 756px;
	height: 9px;
	font-size: 1px;
	background: url(../img/info_foot.gif) no-repeat;
	float: left;
}


/* -------------- フッターコンテンツ -------------- */

#footer {
	margin: 0 auto;
	padding: 10px 0 20px 0;
	width: 760px;
	height: 22px;
	position: relative;
}

.gnAbout {
	float: right;
	width: 253px;
	background: url(../img/copy.gif) no-repeat;
	height: 14px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*__ Works List __*/

#worksRightArea {
	float: left;
	padding-top: 16px;
	width: 495px;
}

.worksList {
	width: 540px;
	height: auto;
	float: left;
	text-align: left;
}

.worksList .left {
	float: left;
	padding: 5px 5px 5px 10px;
}

.worksList .left img {
	border: 1px solid #CCC;
}

.worksList .right {
	float: right;
	padding: 5px;
	width: 390px;
}

.worksList .title {
	float: left;
	margin: 0px;
	padding: 0px 0px 10px;
	width: 390px;
	font-size: 12px;
	color: #FFF;
	font-family: "ＭＳ Ｐゴシック", Osaka;
}

.worksList .title h3 {
	margin: 0;
	padding-top: 7px;
	font-weight: bold;
}
.m02 {
	text-align: left;
	margin: 0px;
	padding:0px;
	font: 14px "ＭＳ Ｐゴシック", Osaka;
}
.m03 {
	text-align: left;
	margin: 0px;
	padding: 5px 0px;
	float: left;
	width: 716px;
	font: 13px/16px "ＭＳ Ｐゴシック", Osaka;
}
.m03a {
	text-align: left;
	margin: 0px;
	padding: 5px 0px;
	float: left;
	width: 716px;
	font: 14px/16px "ＭＳ Ｐゴシック", Osaka;
}
.m04 {
	font-size: 13px;
	text-align: right;
	margin: 0px;
	padding: 3px 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	width: 716px;
	float: left;
}
.m05 {
	font-size: 13px;
	text-align: center;
	margin: 0px;
	padding: 3px 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	float: left;
	width: 716px;
}
.m06 {
	font-size: 13px;
	text-align: center;
	margin: 0px;
	padding: 3px 8px 3px 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	float: left;
	width: 350px;
}
.m07 {
	font-size: 13px;
	text-align: left;
	margin: 0px;
	padding: 3px 366px 3px 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	float: left;
	width: 350px;
}
.m08 {
	font-size: 13px;
	text-align: left;
	margin: 0px;
	padding: 2px 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	float: left;
	width: 716px;
}
.m08 img{
	font-size: 12px;
	text-align: left;
	margin: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

.m09 {
	font-size: 13px;
	text-align: left;
	margin: 0px;
	padding: 2px 0px 2px 20px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	float: left;
	width: 696px;
}
.m09 img{
	font-size: 12px;
	text-align: left;
	margin: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

.m10 {
	font-size: 13px;
	text-align: left;
	margin: 0px;
	padding: 2px 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	float: left;
	width: 716px;
}
.m10 img{
	font-size: 12px;
	text-align: left;
	margin: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	float: left;
	padding-right: 10px;
	padding-left: 5px;
}

.m11 {
	font-size: 13px;
	text-align: left;
	margin: 0px;
	padding: 5px 5px 3px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	float: left;
	width: 706px;
	background-image: url(../img/table_bk.gif);
}
.m12 {
	font-size: 13px;
	text-align: left;
	margin: 0px;
	padding: 3px 0px 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	float: left;
	width: 180px;
}
.m13 {
	text-align: left;
	margin: 0px;
	padding: 3px 0px 0px 10px;
	float: left;
	width: 525px;
	font: 13px/15px "ＭＳ Ｐゴシック", Osaka;
}

.txt01 {
	color: #FFF;
	float: left;
	width: 390px;
	text-align: left;
	font: 14px/17px "ＭＳ Ｐゴシック", Osaka;
}
.guideEnd {
	width: 540px;
	height: 9px;
	float: left;
}
/* -------------- フッターコンテンツ -------------- */

#footer {
	margin: 0 auto;
	padding: 10px 0 20px 0;
	width: 756px;
	height: 22px;
	position: relative;
}

.gnAbout {
	float: right;
	width: 253px;
	background: url(../img/copy.gif) no-repeat;
	height: 14px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}






#footer_Nav{
	position: absolute;
	list-style-type: none;
	background: url(../img/footer_menu.gif) left top repeat-x;
	width: 300px;
	height: 20px;
	top: 6px;
	left: 0;
}
#footer_Nav li {
	width: 100px;
	display: block;
	height: 20px;
	float: left;
}
#footer_Nav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:20px;
	padding-top: 20px;
	background-image: url(../img/footer_menu.gif);
	color: #FFFFFF;

}

/* -------------- ヘッダーメニューリンク設定 -------------- */
	
　　/* -- 通常 -- */
	#footer_nav00 a {background-position:  0     0; }
	#footer_nav01 a {background-position:  0     0; }
	#footer_nav02 a {background-position: -100px  0;}
	#footer_nav03 a {background-position: -200px  0;}	

	
　　/* -- ロールオーバー -- */
	#footer_nav00 a.stay { background-position:  0     -20px; }
	#footer_nav01 a.stay { background-position:  0     -20px; }
	#footer_nav02 a.stay { background-position: -100px  -20px; }
	#footer_nav03 a.stay { background-position: -200px  -20px; }


　　/* -- 現在地ー -- */
	#footer_nav00 a:hover { background-position:  0    -40px; }
	#footer_nav01 a:hover { background-position:  0    -40px; }
	#footer_nav02 a:hover { background-position: -100px -40px; }
	#footer_nav03 a:hover { background-position: -200px -40px; }	


#rightArea_sub_menu{
	list-style-type: none;
	width: 175px;
	height: 206px;
	top: 0px;
	left: 0;
	right: 0px;
	bottom: 0px;
	background-position: left top;
	float: left;

}
#rightArea_sub_menu li {
	width: 175px;
	display: block;
	height: 68px;
	margin: 0px;
	padding: 0px;
}
#rightArea_sub_menu li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:68px;
	padding-top:68px;
	color: #FFFFFF;
	background-image: url(../img/haikei.gif);
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

/* -------------- ヘッダーメニューリンク設定 -------------- */
	
　　/* -- 通常a -- */
	#rightArea_sub_menu00 a {background-position: 0 0;}
	#rightArea_sub_menu01 a {background-position: 0 0;}
	#rightArea_sub_menu02 a {background-position: 0 -68px; }
	#rightArea_sub_menu03 a {background-position: 0 -136px; }

	
　　/* -- ロールオーバー -- */
	#rightArea_sub_menu00 a.stay  {background-position: 0 0;}
	#rightArea_sub_menu01 a.stay {	background-position:175PX 0;}
	#rightArea_sub_menu02 a.stay { background-position:175PX  -68px;}
	#rightArea_sub_menu03 a.stay { background-position:175PX  -136px;}
	

　　/* -- 現在地ー -- */
	#rightArea_sub_menu00 a:hover {background-position: 0 0;}
	#rightArea_sub_menu01 a:hover {	background-position:350px 0;}
	#rightArea_sub_menu02 a:hover { background-position:350px -68px;}
	#rightArea_sub_menu03 a:hover { background-position:350px -136px;}

#space {
	height: 10px;
	width: 756px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.style1 {color: #2E5E95}
.style2 {color: #FF0000}

#topics .section .left {
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	padding-right: 0px;
	margin: 0px;
	width: 735px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.siteHome #wholeWrap #secondWrap #topics02 #keitai img {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 148px;
	width: 148px;
}
.siteHome #wholeWrap #secondWrap #topics02 #keitai .right {
	color: #FFFFFF;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	float: left;
}


#topics .section .left p {
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	padding: 0px;
	margin: 0px;
}
#topics .section .right p {
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	width: 735px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin: 0px;
}

#topics .section .right{
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	width: 735px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin: 0px;
}
.siteHome #wholeWrap #secondWrap #topics02 #keitai .keitaitxt_left {
	padding: 0px;
	float: right;
	height: auto;
	width: 400px;
}


#wholeWrap #secondWrap #topics #recruit {
	color: #FFFFFF;
	text-align: left;
	font-size: 12px;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 735px;
	margin-left: 10px;
	line-height: 16px;
}

#wholeWrap #secondWrap #topics02 #keitai {
	color: #FFFFFF;
	text-align: left;
	font-size: 12px;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 580px;
	margin-left: 10px;
	line-height: 16px;
}
.telNumber {
	font-size: 26px;
	font-weight: bolder;
	font-family: sans-serif, Verdana, Arial;
	color: #2461A5;
	line-height: 1.4em;
}
.kiyakucheck {
	font-size: 12px;
	font-family: sans-serif, Verdana, Arial;
	font-style: normal;
	font-weight: bold;
	color: #FF6666;
	text-decoration: underline;
}
