@charset "UTF-8";
@import url("commons/confirm.css");
@import url("commons/form.css");

body{
	margin:0;
	padding:0;
	background-color:#fffeef;
}

#container{
width:1000px;
background: url(images/mark.gif) no-repeat right top;
}

p.head{
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
font-size: 11px;
color: #000000;
margin: 10px auto 0px 60px;
line-height: 1.3em;
}

p.foot{
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
font-size: 11px;
color: #000000;
padding-top:105px;
margin-right:30px;
line-height: 1.3em;
text-align:right;
}

#logo{
margin:35px auto 0px 54px;
}

img{
border:0;
}


h2{
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
font-size: 20px;
color: #000000;
margin: 0px;
line-height: 1.3em;
text-align:left;
}

ul{
list-style-type:none;
}

li.menu0{
width:125px;
height:30px;
display: block;
text-indent: -9999em;
background: url(images/contents.gif) no-repeat;
}

li.menu1{
width:598px;
height:40px;
margin-top:25px;
display: block;
text-indent: -9999em;
background: url(images/topics_title.gif) no-repeat;
}

li.menu2 a{
width:598px;
height:120px;
display: block; 
text-indent: -9999em;
background: url(images/topics.gif) 0 0 no-repeat;
}

li.menu3{
width:598px;
height:40px;
display: block;
text-indent: -9999em;
background: url(images/company.gif) no-repeat;
}

li.menu4 a{
width:598px;
height:50px;
display: block;
text-indent: -9999em; 
background: url(images/gaiyou.gif) 0 0 no-repeat;
}

li.menu5{
width:598px;
height:40px;
display: block;
margin-top:35px;
text-indent: -9999em;
background: url(images/works.gif) no-repeat;
}

li.menu6 a{
width:598px;
height:50px;
display: block;
text-indent: -9999em; 
background: url(images/products.gif) 0 0 no-repeat;
}

li.menu7{
width:598px;
height:40px;
display: block;
margin-top:35px;
text-indent: -9999em;
background: url(images/product.gif) no-repeat;
}

li.menu8 a{
width:598px;
height:50px;
display: block;
text-indent: -9999em; 
background: url(images/webproducts.gif) 0 0 no-repeat;
}

li.menu15{
width:598px;
height:40px;
display: block;
margin-top:35px;
text-indent: -9999em;
background: url(images/project.gif) no-repeat;
}

li.menu16 a{
width:598px;
height:50px;
display: block;
text-indent: -9999em; 
background: url(images/samuraiproject.gif) 0 0 no-repeat;
}

li.menu9{
width:598px;
height:40px;
display: block;
margin-top:35px;
text-indent: -9999em;
background: url(images/recruit.gif) no-repeat;
}

li.menu10 a{
width:598px;
height:50px;
display: block;
text-indent: -9999em; 
background: url(images/saiyou.gif) 0 0 no-repeat;
}

li.menu11{
width:598px;
height:40px;
display: block;
margin-top:35px;
text-indent: -9999em;
background: url(images/contact.gif) no-repeat;
}

li.menu12 a{
width:598px;
height:50px;
display: block;
text-indent: -9999em; 
background: url(images/toiawase.gif) 0 0 no-repeat;
}

li.menu13{
width:598px;
height:40px;
display: block;
margin-top:35px;
text-indent: -9999em;
background: url(images/links.gif) no-repeat;
}

li.menu14 a{
width:598px;
height:50px;
display: block;
text-indent: -9999em; 
background: url(images/link.gif) 0 0 no-repeat;
}

li a:hover{
background-position: -598px 0; 
}

#company01{
background: url(images/back02.gif) no-repeat;
}

#product{
background: url(images/back04.gif) no-repeat;
}

#project{
background: url(images/back05.gif) no-repeat;
}

#recruit{
background: url(images/back06.gif) no-repeat;
height:700px;
}

#contact{
background: url(images/back07.gif) no-repeat;
}

#link{
background: url(images/back08.gif) no-repeat;
}

#foot{
background: url(images/foot.gif) no-repeat;
height:130px;
}

#backbox{
width:163px;
height:80px;
padding-top:50px;
}

.back a{
width:163px;
height:30px;
display: block;
text-indent: -9999em;
background: url(images/up.gif) 0 0 no-repeat;
}

.back a:hover{
background-position: -163px 0; 
}

#contents{
width:868px;
margin:10px auto;
}

p{
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
font-size: 12px;
color: #000000;
margin: 10px 0px;
line-height: 1.3em;
}

p.bold{
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
font-size: 13px;
color: #000000;
margin: 10px 0px 0px 0px;
line-height: 1.3em;
font-weight:bold;
}

ul.works{
margin-left:0px;
list-style:none;
padding-left:0px;
}

li.works{
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
font-size: 12px;
color: #000000;
margin: 10px 0px;
padding-left:20px;
line-height: 1.3em;
background:url(images/list.gif) no-repeat center left;
list-style:none;
}

#name{
margin:10px auto auto 690px;
}

#works{
background: url(images/back03.gif) no-repeat;
}

#company{
width:868px;
margin:10px auto;
}

.company_left{
width:319px;
float:left;
}

.company_right{
width:530px;
float:right;
}
/** works **/
#ourworks{
width: 868px;
margin-left:auto;
margin-right:auto;
}

.wo{
width:868px;
height:314px;
margin:0px;
padding:0px;
}

.wo li{
float:left;
list-style-type:none;
line-height:0;
}

.wo1 {
width:171px;
height:157px;
display:block;
}

.wo2 {
width:175px;
height:157px;
display:block;
}

.wo3 {
width:174px;
height:157px;
display:block;
}

.wo4 {
width:175px;
height:157px;
display:block;
}

.wo5 {
width:173px;
height:157px;
display:block;
}

.woti{
margin:0px;
padding:0px;
height:63px;
}

p.woback{
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
font-size: 12px;
color: #000000;
margin: 10px;
line-height: 1.3em;
text-align:right;
}

/** works end **/

/** web **/

#webbox{
width:868px;
margin:20px auto;
}

.webpic{
float:left;
padding-top:10px;
}

.webbtn{
text-align:right;
}

.webbtn-left{
text-align:left;
margin-left:10px;
}

p.web{
	font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	font-size: 12px;
	color: #000000;
	margin: 10px;
	line-height: 1.3em;
	float:right;
	width:390px;
	margin-bottom:50px;
	margin-left: 10px;
}
/** web end **/

/** recruit **/
dl.rec {
border: 1px solid #ccc;
border-top: none;
width: 784px;
background: #FDDEDE;
margin-left:auto;
margin-right:auto;
padding:0px;
}

dt.rec{
border-top: 1px solid #ccc;
padding: 5px;
clear: left;
float: left;
width: 140px;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
font-size: 13px;
color: #000000;
}

dd.rec{
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background: #fffeef;
padding: 5px;
margin-left: 150px;
line-height: 1.5em;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
font-size: 13px;
color: #000000;
}
/** recruit end **/

/** form **/
#formbox{
width:850px;
margin:0px auto;
}

div#mailfrom_hidden_object {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
div#mailfrom_hidden_object input {
	margin: 10px;
}
form#mailform {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 850px;
}
img.must {
	width: 30px;
	height: 16px;
	float: left;
}

dl.mailform_dl,dl.mailform_dl_note {
	width: 850px;
	margin: 0px auto 0px auto;
	padding: 0px;
	clear: both;
}
dl.mailform_dl dt,dl.mailform_dl_note dt {
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
	width: 180px!important;
	width/**/: 190px;
	height: 40px!important;
	height/**/: 50px;
	margin: 0px;
	padding: 5px 5px 0px 5px;
	float: left;
	font-size: 12px;
	clear: both;
	text-align: right;
	border-bottom: solid 1px #CCCCCC;
	overflow: hidden;
}
dl.mailform_dl dt span,dl.mailform_dl_note dt span {
	font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
	color: #ff0000;
	font-weight: normal;
	line-height: normal;
	font-size: 10px;
	display: block;
}
dl.mailform_dl dd p,dl.mailform_dl_note dd p {
	color: #999999;
	font-size: 10px;
	clear: both;
}
dl.mailform_dl dd,dl.mailform_dl_note dd {
	width: 580px!important;
	width/**/: 590px;
	height: 40px!important;
	height/**/: 50px;
	float: left;
	margin: 0px;
	padding: 5px 5px 0px 20px;
	text-align: left;
	border-bottom: solid 1px #CCCCCC;
	overflow: hidden;
	font-size: 12px;
}
dl.mailform_dl dd ul,dl.mailform_dl_note dd ul,dl.mailform_dl_note dd ol {
	margin: 0px;
	padding: 0px;
}
dl.mailform_dl dd ul li,dl.mailform_dl_note dd ul li {
	float: left;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	list-style: none;
}

dl.mailform_dl_note dt,dl.mailform_dl_note dd {
	height: 90px!important;
	height/**/: 100px;
}
dl.mailform_dl_note dd ol li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
dl.mailform_dl_note dd textarea {
	width: 540px;
	height: 80px;
	font-size: 12px;
}

/** form end **/

/** link **/
.linkti{
margin:0px;
padding:0px;
height:63px;
}

.link{
width:868px;
margin:0px;
padding:0px;
}

.link li{
float:left;
list-style-type:none;
line-height:0;
}

.link1 {
width:171px;
height:66px;
display:block;
}

.link2 p{
width:261px;
display:block;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
font-size: 11px;
color: #000000;
line-height: 1.3em;
}

.link2 p span{
width:261px;
display:block;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
font-size: 13px;
color: #000000;
line-height: 1.3em;
border-bottom:1px dotted #666666;
margin-bottom:3px;
}

.link3 {
width:174px;
height:66px;
display:block;
}

.link4 p{
width:261px;
display:block;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
font-size: 11px;
color: #000000;
line-height: 1.3em;
}

.link4 p span{
width:261px;
display:block;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
font-size: 13px;
color: #000000;
line-height: 1.3em;
border-bottom:1px dotted #666666;
margin-bottom:3px;
}

.samurai-btn{
text-align:left;
height:100px;
}

#samurai-box{
width:868px;
height:500px;
margin:20px auto;
}

.samupai-link1 {
width:202px;
height:96px;
display:block;
text-align:left;
}

.samupai-link2{
width:263px;
display:block;
text-align:left;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka"; 
font-size: 11px;
color: #000000;
line-height: 1.3em;
}

/** link end **/