@charset "UTF-8";


/* bg */
#top {
	margin:0;
	padding:0;
	background:url(../images/bg-top.gif) center top no-repeat;
}
#other {
	margin:0;
	padding:0;
	background:url(../images/bg-other.gif)center top repeat-x;
}


/* common */
#header {
	width:970px;
	height:104px;
	margin:0 auto;
}
#logo {
	width:480px;
	float:left;
}
#intro {
	margin:10px 0 5px 0;
	font-size:10px;
}
#header-menu {
	width:343px;
	float:right;
}
#g-menu {
	width:970px;
	height:54px;
	margin:0px auto;
}
#g-menu li a{
	width:194px;
	display:block;
	float:left;
}
#other-main {
	width:970px;
	margin:10px 0 30px 0;
}
#pagetop {
	width:970px;
	margin:0 auto;
	text-align:right;
}
#footerborder {
	padding:15px 0;
	border-bottom:1px dotted #999;
	border-top:1px dotted #999;
}
#footermenu {
	width:970px;
	margin:0 auto;
	padding-left:110px;
}
#footermenu li {
	float:left;
}
#footer {
	height:234px;
	background:url(../images/bg-footer.gif) repeat-x;
}
#footer-area {
	width:970px;
	margin:0 auto;
	padding-top:70px;
}
#footerlogo, #footer-add {
	width:300px;
	float:left;
}
#footer-tel {
	width:370px;
	float:right;
	text-align:right;
}
#copyright {
	text-align:center;
	padding-top:95px;
}
#other-top {
	width:970px;
	margin:0 auto;
	height:304px;
}
#main {
	width:970px;
	margin:0 auto;
	padding-bottom:50px;
}
#contents {
	width:740px;
	margin-top:20px;
	float:left;
}
#side {
	width:200px;
	margin-top:20px;
	float:right;
}
#side-menu {
	width:190px;
	padding:5px;
	margin-bottom:20px;
	background:#f4f4eb;
}
#side-menu ul{
	width:188px;
	border:1px solid #d4d4d4;
	background:#FFF;
}
#side-menu ul li {
	padding:7px 0 7px 30px;
	background:url(../images/arrow02.gif) 10px center no-repeat;
}


/*   top
----------------------*/
#top-main {
	width:970px;
	margin:30px auto 0 auto;
	padding-bottom:50px;
}		   
#top-menu01 {
	width:460px;
	float:left;
	background-color:#FFF;
}
#top-menu02 {
	width:460px;
	float:right;
	background-color:#FFF;
}
#top-info {
	width:940px;
	height:80px;
	margin:30px 0 90px 0;
	padding:15px;
	background:url(../images/bg-topinfo.png) no-repeat;
}
#top-info dl {
	width:840px;
	height:80px;
	padding-left:100px;
	overflow:auto;
}
#top-info dl dt {
	clear:left;
	width:100px;
	float:left;
	padding:3px 0;
}
#top-info dl dd {
	width:640px;
	padding:3px 0 3px 100px;	
	background:url(../images/arrow01.png) 80px 9px no-repeat;
	border-bottom:1px dotted;
}
.top-box01 {
	width:310px;
	float:left;
	margin-right:20px;
	margin-bottom:30px;
}
.top-box02 {
	width:310px;
	float:left;
	margin-bottom:30px;
}


/* cliant
----------------------*/
#cliant {
	margin:0;
	padding:0;
	background:url(../images/bg-cliant.gif)center top repeat-x;
}
#title {
	font-size:24px;
	padding-top:110px;
	padding-left:30px;
	color: #FFF;
	text-shadow: 0 0 2px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.3);
}
.cliant-box {
	width:700px;
	margin:0 auto 40px auto;
	padding:15px 20px;
	background:url(../images/cliant-img01-1.gif) repeat-y;
	border-bottom:2px solid #dcdcdc;
	
}
.cliant-box dl {
	width:700px;
}
.cliant-box dl dt {
	clear:left;
	width:100px;
	float:left;
	padding:3px 0;
}
.cliant-box dl dd {
	width:600px;
	padding:3px 0 3px 100px;	
	background:url(../images/arrow01.png) 80px 9px no-repeat;
	border-bottom:1px dotted;
}
.cliant-menu  {
	width:223px;
	height:220px;
	float:left;
	margin:0 11px 20px 0;
	border-bottom:2px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
	background:#FFF;
}
.cliant-menu-r {	
	width:223px;
	float:right;
	height:220px;
	margin-bottom:20px;
	border-bottom:2px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
	background:#FFF;
}
.readmore {
	padding:0 10px 10px 10px;
}


/* cliant - temporary
----------------------*/
.temporary-list {
	margin:10px;
}
.temporary-list li {
	padding-left:20px;
	padding-bottom:5px;
	background:url(../images/arrow05.gif) 0 5px no-repeat;
}
.temporary-table01 {
	width:460px;
	float:left;
	border:1px solid #ccc;
	border-collapse:collapse;
}
.temporary-table01 th{
	padding:5px;
	text-align:center;
	font-weight:bold;
	background:#ebe5cd;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
}
.tt01-td1 {
	width:110px;
	padding:5px 5px 5px 10px;
	border-right:1px solid #ccc;
	border-bottom:1px dotted #ccc;
	border-collapse:collapse;
}
.tt01-td2 {
	width:170px;
	padding:5px 5px 5px 10px;
	border-right:1px solid #ccc;
	border-bottom:1px dotted #ccc;
	border-collapse:collapse;
}
.tt01-td3 {
	width:133px;
	padding:5px 5px 5px 10px;
	border-bottom:1px dotted #ccc;
	border-collapse:collapse;
}
.bg{
	background:#f8f8f5;
}
.temporary-box01 {
	width:233px;
	height:200px;
	margin-bottom:30px;
	float:left;
	background:#f8f8f5 url(../images/temporary-img07.gif) bottom center no-repeat;
}
.temporary-box02 {
	width:275px;
	float:right;
}
.temporary-box03{
	width:214px;
	float:right;
	border:3px solid #ebe5cd;
}
.temporary-box04{
	width:710px;
	padding-bottom:15px;
	margin-bottom:30px;
	margin-left:30px;
	border-bottom:1px dotted #ccc;
}
.demerit {
	height:20px;
	padding-top:5px;
	font-weight:bold;
	text-align:center;
	background:#ebe5cd;
}
.demerit-txt {
	padding:15px;
}
.az-use {
	padding:10px;
}


/*   cliant - case
----------------------*/
.case-box {
	width:353px;
	float:left;
	height:240px;
	margin-right:20px;
	margin-bottom:30px;
	border-bottom:2px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}
.case-box2 {
	width:353px;
	float:right;
	margin-bottom:30px;
	height:240px;
	border-bottom:2px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}
.case-box3 {
	width:230px;
	float:left;
	height:190px;
	margin:0 7px 30px 7px;
	border:1px solid #ebe5cd;
}
.case-box4 {
	width:692px;
	padding:20px;
	margin:30px 0;
	font-weight:bold;
	font-size:14px;
	border:4px double #ebe5cd;
}
	
.case-list {
	padding:10px;
}
.case-list li {
	padding-left:15px;
	padding-bottom:2px;
	background:url(../images/arrow02.gif) 0 3px no-repeat;
}
.merit-box {
	width:698px;
	border-bottom:2px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
	padding:20px;
	margin-bottom:30px;
	background:#f8f8f5;
}
.merit-title1, .merit-title2, .merit-title3, .merit-title4  {
	font-size:14px;
	font-weight:bold;
	padding:3px 0 7px 80px;
	margin-bottom:20px;	
	border-bottom:1px dotted #d9b280;
}
.merit-title1 { background:url(../images/case-img07.gif) no-repeat;	}
.merit-title2 { background:url(../images/case-img08.gif) no-repeat;	}
.merit-title3 { background:url(../images/case-img09.gif) no-repeat;	}
.merit-title4 { background:url(../images/case-img10.gif) no-repeat;	}


/*   cliant - azu
----------------------*/
.azu-merit {
	width:180px;
	float:left;
	text-align:center;
	padding:3px;
	background:#ebe5cd;	
}
.azu-list {
	width:500px;
	float:right;
}
.azu-list li  {
	padding:2px 0 2px 20px;
	background:url(../images/arrow02.gif) 0 5px no-repeat;
}
.az-list2 {
	width:710px;
	margin-left:30px;
}
.az-list2 li {
	padding-left:25px ;
	margin-bottom:15px;
	background:url(../images/arrow05.gif) 0 5px no-repeat;
}



/*   cliant - flow
----------------------*/
.flow-list {
	width:570px;
	float:right;
	margin-top:10px;
}
.flow-list li {
	padding-left:25px;
	padding-bottom:7px;
	background:url(../images/arrow06.gif) 0 5px no-repeat;
}
.orderlink {
	padding:2px;
	border:1px solid #960;
	background:#eee0ce;
}


/*   company
----------------------*/
.company-table {
	width:740px;
	margin-bottom:30px;
	border-bottom:1px solid #c9c9c9;
	border-top:1px solid #c9c9c9;
	border-collapse:collapse;
}
.company-table th {
	width:152px;
	padding:10px 0 10px 25px;
	background:#f8f8f5;
	border-bottom:1px dotted #c9c9c9;
	border-right:3px double #c9c9c9;
	border-collapse:collapse;
	text-align:left;
	font-weight:bold;
}
.company-table td {
	width:530px;
	padding:10px 0 10px 30px;
	border-bottom:1px dotted #c9c9c9;
	border-collapse:collapse;
}



/*   work
----------------------*/

#workmenu {
	width:740px;
	height:40px;
}
#workmenu li a {
	float:left;
	list-style:none;
	height:40px;
	text-indent:-9999px;
}
#work01-1 a {
	width:123px;
	display:block;
	background:url(../images/work-menu.gif) 0 0 no-repeat;
}
#work01 a {
	width:123px;
	display:block;
	background:url(../images/work-menu-off.gif) 0 0 no-repeat;
}
#work01 a:hover {
	width:123px;
	display:block;
	background:url(../images/work-menu-on.gif) 0 0 no-repeat;
}
#work02-1 a {
	width:123px;
	display:block;
	background:url(../images/work-menu.gif) -123px 0 no-repeat;
}
#work02 a {
	width:123px;
	display:block;
	background:url(../images/work-menu-off.gif) -123px 0 no-repeat;
}
#work02 a:hover {
	width:123px;
	display:block;
	background:url(../images/work-menu-on.gif) -123px 0 no-repeat;
}
#work03-1 a {
	width:123px;
	display:block;
	background:url(../images/work-menu.gif) -246px 0 no-repeat;
}
#work03 a {
	width:123px;
	display:block;
	background:url(../images/work-menu-off.gif) -246px 0 no-repeat;
}
#work03 a:hover {
	width:123px;
	display:block;
	background:url(../images/work-menu-on.gif) -246px 0 no-repeat;
}
#work04-1 a {
	width:123px;
	display:block;
	background:url(../images/work-menu.gif) -369px 0 no-repeat;
}
#work04 a {
	width:123px;
	display:block;
	background:url(../images/work-menu-off.gif) -369px 0 no-repeat;
}
#work04 a:hover {
	width:123px;
	display:block;
	background:url(../images/work-menu-on.gif) -369px 0 no-repeat;
}
#work05-1 a {
	width:123px;
	display:block;
	background:url(../images/work-menu.gif) -492px 0 no-repeat;
}
#work05 a {
	width:123px;
	display:block;
	background:url(../images/work-menu-off.gif) -492px 0 no-repeat;
}
#work05 a:hover {
	width:123px;
	display:block;
	background:url(../images/work-menu-on.gif) -492px 0 no-repeat;
}
#work06-1 a {
	width:125px;
	display:block;
	background:url(../images/work-menu.gif) -615px 0 no-repeat;
}
#work06 a {
	width:125px;
	display:block;
	background:url(../images/work-menu-off.gif) -615px 0 no-repeat;
}
#work06 a:hover {
	width:125px;
	display:block;
	background:url(../images/work-menu-on.gif) -615px 0 no-repeat;
}	
		  
#personal {
	margin:0;
	padding:0;
	background:url(../images/bg-personal.jpg)center top repeat-x;
}
#title-job {
	font-size:24px;
	padding-top:110px;
	padding-left:30px;
	color:#FFF;
	text-shadow: 0 0 3px rgba(0,0,0,.3), 0 2px 3px rgba(0,0,0,.3);
}
#job {
	width:700px;
	margin:0 auto;
	border:1px solid #e5e5e5;
	padding:20px 17px;
	margin-bottom:20px;
	background:#f8f8f5;
}
.job-table {
	width:700px;
	margin-bottom:30px;
	border:1px solid #dcdcdc;
	border-collapse:collapse;
	background:#FFF;
}
.job-table th {
	width:110px;
	padding:5px 0 5px 20px;
	font-weight:bold;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	border-collapse:collapse;
	background:#fffef8;
}
.job-table td {
	width:527px;
	padding:5px 20px;
	border-bottom:1px solid #dcdcdc;
	border-collapse:collapse;
}
.job-title {
	font-weight:bold;
	font-weight:14px;
	padding:10px 0 0 30px;
	height:25px;
	color:#FFF;
	background:url(../images/bg-title04.gif) no-repeat;
}


/*   job
----------------------*/

.formlink {
	padding:2px;
	border:1px solid #ea68a2;
	background:#fadeea;
}



/*   faq
----------------------*/
#faqmenu {
	width:720px;
	margin:0 auto 20px auto;
}
#faqmenu li  {
	padding:5px;
	border-bottom:1px dotted #c2c2c2;
}
.q {
	margin-bottom:15px;
	padding-top:5px;
	padding-left:40px;
	min-height:30px;
	background:url(../images/faq-q.gif) 0 0 no-repeat;
}
.a {
	margin-bottom:20px;
	padding-top:5px;
	padding-left:40px;
	padding-bottom:15px;
	min-height:30px;
	border-bottom:1px dotted #c2c2c2;
	background:url(../images/faq-a.gif) 0 0 no-repeat;
}
.a-1{
	margin-bottom:10px;
	padding-top:5px;
	padding-left:40px;
	min-height:30px;
	background:url(../images/faq-a.gif) 0 0 no-repeat;
}
.a-2 {
	margin-bottom:20px;
	padding-left:40px;
	padding-bottom:15px;
	border-bottom:1px dotted #c2c2c2;
}
.back-faq {
	padding:2px;
	border:3px double #f7799f;
}



/*   contact
----------------------*/
.asterisk {
	color:#F00;
}
.inqeiry-table {
	width:700px;
	margin:0 auto 30px auto;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	border-collapse:collapse;
}
.inqeiry-table th {
	width:130px;
	padding:10px 0 10px 10px;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-collapse:collapse;
	background:#f7f5f5;
}
.inqeiry-table td {
	width:529px;
	padding:10px 0 10px 30px;
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
}
.area {
	background:#eee;
	border:1px solid #ccc;
}
.send-end {
	margin:100px;
	text-align:center;
}
.inqeiry-title {
	width:700px;
	margin:0 auto 10px auto;
	height:18px;
	padding:5px 0;
	border-bottom:1px dotted #996c33;
	border-top:1px dotted #996c33;
	background:#f8f8f5;
	font-weight:bold;
	text-indent:20px;
	font-size:14px;
}



/* ----- フォーム用ボタン　-----*/
#check {
	width:280px;
	margin:20px auto;
	text-align:center;
}
.btnClear {
	width:100px;
	height:30px;
	margin:5px;
	border:0;
	background:url(../images/clear_btn.gif) no-repeat;
	cursor:pointer;
	}
.btnCheck {
	width:100px;
	height:30px;
	margin:5px auto;
	border:0;
	background:url(../images/check_btn.gif) no-repeat;
	cursor:pointer;	
	}
.btnBack {
	width:100px;
	height:30px;
	margin:5px;
	border:0;
	background:url(../images/back_btn.gif) no-repeat;
	cursor:pointer;
	}
.btnSend {
	width:100px;
	height:30px;
	margin:5px;
	border:0;
	background:url(../images/send_btn.gif) no-repeat;
	cursor:pointer;
	}