@charset "Shift_JIS";
/*--------------------
__default style clear
--------------------*/

/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, table, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, b, th, var { font-style : normal; font-weight : normal; }


/* ページ全体の基本レイアウト
---------------------------------------------------- */


body {
  margin: 0;
  padding: 0;
  font-size: small;
  line-height:1.3em;
  color: #333;
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic Pro";
  background: #fff;
}


#container {
  margin: 0 auto;
  padding: 0px;
  width: 820px;
  color: #333;
  border:solid 0px #000;
  background: url(../img/bg-container.jpg) repeat-y;
}

/* ヘッダ
---------------------------------------------------- */
#header {
  margin: 0 auto;
  padding: 0;
  width: 800px;
  height: 100px;
  border-top:solid 5px #600;
  border-bottom:solid 1px #fff;
  color: #333;
  background-image: url(../img/bg-header.jpg) ;
  background-color:#D61518;
  position: relative;
}
#header #logo img {
  position: absolute;
  top:15px;
  left:20px;
  border: none;
}

/* キャプション＆リード
---------------------------------------------------- */
#header #caption {
  position: absolute;
  margin: 0;
  padding: 0;
  top:45px;
  right:15px;
  text-align:right;
  border:solid 0px #fff;
}
#caption img {
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
}

#caption h1 {
  font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic Pro"
  font-style:normal;
  font-weight:normal;
  font-size:x-small;
  color:#FFFFFF;
  line-height:1.5em;
}

/* イメージエリア
---------------------------------------------------- */

#iamgeArea {
  margin: 0 auto;
  padding: 0;
  width: 800px;
  border-bottom:solid 1px #666;
}
#iamgeArea img {
  margin: 0;
  padding: 0;
  border: none;
}

/* ナビゲーション
---------------------------------------------------- */
#header #nav {
  position: absolute;
  top:83px;
  right:0px;
  border:solid 0px #f00;
  
}


#header ul#nav li {
  padding: 0px;
  margin: 0;
  font-size:xx-small;
  list-style: none;
  text-indent: -9999px;
  height: 17px;
  float: right;
}
#header ul#nav li a {
  display: block;
  padding: 0;
  height: 17px;
  text-decoration: none;
  background-image: url(../img/nav-items.jpg);
  background-repeat: no-repeat;
}

#header ul#nav li#nav-profile     { width:  112px; }
#header ul#nav li#nav-about { width:  104px; }
#header ul#nav li#nav-partner { width:  132px; }
#header ul#nav li#nav-recruit { width:  90px; }
#header ul#nav li#nav-contact    { width:  100px; }
#header ul#nav li#nav-home  { width:  70px; }

#header ul#nav li#nav-profile a     { background-position: 0px 0; }
#header ul#nav li#nav-about a { background-position:  -112px 0; }
#header ul#nav li#nav-partner a { background-position: -216px 0; }
#header ul#nav li#nav-recruit a    { background-position: -348px 0; }
#header ul#nav li#nav-contact a    { background-position: -438px 0; }
#header ul#nav li#nav-home a  { background-position: -538px 0; }

#header ul#nav li#nav-profile a:hover     { background-position: 0px 50%; }
#header ul#nav li#nav-about a:hover { background-position:  -112px 50%; }
#header ul#nav li#nav-partner a:hover { background-position: -216px 50%; }
#header ul#nav li#nav-recruit a:hover    { background-position: -348px 50%; }
#header ul#nav li#nav-contact a:hover    { background-position: -438px 50%; }
#header ul#nav li#nav-home a:hover  { background-position: -538px 50%; }

#header ul#nav li#nav-profile.current-page a{ background: url(../img/nav-items.jpg) 0 100%; }
#header ul#nav li#nav-about.current-page a{ background: url(../img/nav-items.jpg)  -112px 100%; }
#header ul#nav li#nav-partner.current-page a{ background: url(../img/nav-items.jpg) -216px 100%; }
#header ul#nav li#nav-recruit.current-page a{ background: url(../img/nav-items.jpg) -348px 100%; }
#header ul#nav li#nav-contact.current-page a{ background: url(../img/nav-items.jpg) -438px 100%; }
#header ul#nav li#nav-home.current-page a{ background: url(../img/nav-items.jpg) -538px 100%; }


/* メインコンテンツ
---------------------------------------------------- */


#content {
  margin: 0 auto;
  padding: 0;
  width: 800px;
  height:550px;
  color: #333;
  border:solid 0px #fff;
}

#maincol {
  float: left;
  width: 450px;
  padding: 0px;
  margin: 15px 0 0 12px;
  border:solid 0px #000;

}

#subcol {
  float:right;
  margin: 15px 12px 0 0px;
  padding: 0 0 0 0;
  width: 303px;
  background-color:#FFFFFF;
  border:solid 0px #000;
}

#maincol p, #maincol dd {
  line-height: 1.5;
}
#maincol dl.lead {
  margin: 0 0 10px;
  padding: 22px 0 0;
  position: relative;
  color: #333;
  background: url(../img/lead-top.gif) no-repeat;
  width: 100%;    /* この指定がないとIEではdt要素の位置がおかしくなる */
}
#maincol dl.lead dd {
  margin: 0;
  padding: 0 0 0px;
  color: #333;
  background: #D61518 url(../img/lead-bottom.gif) no-repeat bottom;
}

/* newstopics area */

#iframe {
  margin:  0 auto;
  padding: 3px 0 0 0;
  width:  450px;
  height: 430px;
  border: solid 0px;
  font-size: small;
  color: #333;
  background: #fff url(../img/news-bg.jpg);
}

/* サブコンテンツ
---------------------------------------------------- */
#subcol img{
  margin: 0;
  padding: 0 10px 0 0;
  border:0;
}

#subcol ul#banner{
  margin: 0;
  padding: 0;
  list-style: none;
  font-size:xx-small;
  text-indent: -9999px;
}


#subcol ul#banner li#banner1 a {
  display: block;
  padding: 0 0 10px 0;
  width:303px;
  height: 101px;
  text-decoration: none;
  background: #fff url(../img/bg-banner1.jpg);
  display:block;
  background-repeat: no-repeat;
}
#subcol ul#banner li#banner2 a{
  display: block;
  padding: 0 0 10px 0;
  width:303px;
  height: 59px;
  text-decoration: none;
  background: #fff url(../img/bg-banner2.jpg);
  display:block;
  background-repeat: no-repeat;
}

#subcol ul#banner li#banner3 a {
  display: block;
  padding: 0 0 10px 0;
  width:303px;
  height: 59px;
  text-decoration: none;
  background: #fff url(../img/bg-banner3.jpg);
  display:block;
  background-repeat: no-repeat;
}

#subcol ul#banner li#banner4 {
  display: block;
  padding: 0 0 10px 0;
  width:303px;
  height: 59px;
  text-decoration: none;
  background: #fff url(../img/bg-banner4.jpg);
  display:block;
  background-repeat: no-repeat;
}
#subcol ul#banner li#banner5 a {
  display: block;
  padding: 0 0 10px 0;
  width:303px;
  height: 59px;
  text-decoration: none;
  background: #fff url(../img/bg-banner5.jpg);
  display:block;
  background-repeat: no-repeat;
}
#subcol ul#banner li#banner6 a {
  display: block;
  padding: 0 0 10px 0;
  width:303px;
  height: 59px;
  text-decoration: none;
  background: #fff url(../img/bg-banner6.jpg);
  display:block;
  background-repeat: no-repeat;
}
#subcol ul#banner li#banner7 a {
  display: block;
  padding: 0 0 10px 0;
  width:303px;
  height: 111px;
  text-decoration: none;
  background: #fff url(../img/bg-banner7.jpg);
  display:block;
  background-repeat: no-repeat;
}

#content hr {
  clear: left;
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
}

/* 展開ページコンテンツ・レイアウト
---------------------------------------------------- */

#content2 {
  margin: 0 auto;
  padding: 0;
  width: 800px;
  color: #333;
  border:solid 0px #f00;
  font-size: x-small;
  line-height:1.3em;
  color: #333;
  background: #fff;
}

/* Now position */
#position {
  margin: 0 0 10px 0;
  padding: 0 15px;
  text-align:left;
  font-size: x-small;
  color: #333;
  line-height:2em;
  border:solid 0px #000;
}

#position a{
  color: #333;
  text-decoration: none;  
}
#position a:hover{
  color: #f00;
  text-decoration: none;  
}
#position a:visited{
  color: #333;
  text-decoration: none;  
}



/* line */
#content-inner {
  background: url(../img/dot-divider.gif) repeat-y 200px 0;
}

/* side-navi */
#content-nav {
  float: left;
  width: 185px;
  padding: 0px 0 0 15px;
  border:solid 0px #000;  
  text-align:left;
}
/* 展開ページコンテンツ・サイドナビ
---------------------------------------------------- */

ul#side-nav {
  font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic Pro";
  list-style-type:none;
  margin: 0;
  padding: 0;
  font-size:small;
}

ul#side-nav li {
  background-color:#f0f0f0;
  display: block;
  width:154px;
  height:17px;
  margin: 0 0 7px 0;
  padding: 0;
  border-left:solid #666 5px;
  border-bottom:solid #ccc 1px;
  line-height:1.4em;
  text-indent:5px;
}


ul#side-nav li a {
  text-decoration: none;
  color:#333;
  margin: 0 0 7px 0;
}
ul#side-nav li a:hover {
  color:#f00;
}
ul#side-nav li.current-page {
  color:#D61518;
  margin: 0 0 7px 0;
}

ul#side-nav li.cat {
  color:#D61518;
  margin: 0 0 7px 0;
  border-left:solid #D61518 5px;
}

/* 展開ページコンテンツ・サイドナビ画像
---------------------------------------------------- */
#content-nav ul#side-nav2 {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size:xx-small;
  text-indent: -9999px;
}

#content-nav ul#side-nav2 li#subnav-philosophy a {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  height: 18px;
  text-decoration: none;
  background-image: url(../com-prf/img/sidnav-11.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#content-nav ul#side-nav2 li#subnav-philosophy a:hover     { background-position: 0 100%; }
#content-nav ul#side-nav2 li#subnav-philosophy.current-page a{ background: no-repeat url(../com-prf/img/sidnav-11.jpg) 0 100%; }



#content-nav ul#side-nav2 li#subnav-aisatsu a {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  height: 18px;
  text-decoration: none;
  background-image: url(../com-prf/img/sidnav-01.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#content-nav ul#side-nav2 li#subnav-aisatsu a:hover     { background-position: 0 100%; }
#content-nav ul#side-nav2 li#subnav-aisatsu.current-page a{ background: no-repeat url(../com-prf/img/sidnav-01.jpg) 0 100%; }

#content-nav ul#side-nav2 li#subnav-company a {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  height: 18px;
  text-decoration: none;
  background-image: url(../com-prf/img/sidnav-02.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#content-nav ul#side-nav2 li#subnav-company a:hover     { background-position: 0 100%; }
#content-nav ul#side-nav2 li#subnav-company.current-page a{ background: no-repeat url(../com-prf/img/sidnav-02.jpg) 0 100%; }

#content-nav ul#side-nav2 li#subnav-yakuin a {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  height: 18px;
  text-decoration: none;
  background-image: url(../com-prf/img/sidnav-03.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#content-nav ul#side-nav2 li#subnav-yakuin a:hover     { background-position: 0 100%; }
#content-nav ul#side-nav2 li#subnav-yakuin.current-page a{ background: no-repeat url(../com-prf/img/sidnav-03.jpg) 0 100%; }

#content-nav ul#side-nav2 li#subnav-jirei a {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  height: 18px;
  text-decoration: none;
  background-image: url(../com-prf/img/sidnav-04.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#content-nav ul#side-nav2 li#subnav-jirei a:hover     { background-position: 0 100%; }
#content-nav ul#side-nav2 li#subnav-jirei.current-page a{ background: no-repeat url(../com-prf/img/sidnav-04.jpg) 0 100%; }

#content-nav ul#side-nav2 li#subnav-partner a {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  height: 18px;
  text-decoration: none;
  background-image: url(../com-prf/img/sidnav-05.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#content-nav ul#side-nav2 li#subnav-partner a:hover     { background-position: 0 100%; }
#content-nav ul#side-nav2 li#subnav-partner.current-page a{ background: no-repeat url(../com-prf/img/sidnav-05.jpg) 0 100%; }

#content-nav ul#side-nav2 li#subnav-contact a {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  height: 18px;
  text-decoration: none;
  background-image: url(../com-prf/img/sidnav-06.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#content-nav ul#side-nav2 li#subnav-contact a:hover     { background-position: 0 100%; }
#content-nav ul#side-nav2 li#subnav-contact.current-page a{ background: no-repeat url(../com-prf/img/sidnav-06.jpg) 0 100%; }

#content-nav ul#side-nav2 li#subnav-link a {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  height: 18px;
  text-decoration: none;
  background-image: url(../com-prf/img/sidnav-07.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#content-nav ul#side-nav2 li#subnav-link a:hover     { background-position: 0 100%; }
#content-nav ul#side-nav2 li#subnav-link.current-page a{ background: no-repeat url(../com-prf/img/sidnav-07.jpg) 0 100%; }


#content-nav ul#side-nav2 li#subnav-sitemap a {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  height: 18px;
  text-decoration: none;
  background-image: url(../com-prf/img/sidnav-08.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#content-nav ul#side-nav2 li#subnav-sitemap a:hover     { background-position: 0 100%; }
#content-nav ul#side-nav2 li#subnav-sitemap.current-page a{ background: no-repeat url(../com-prf/img/sidnav-08.jpg) 0 100%; }

#content-nav ul#side-nav2 li#subnav-policy a {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  height: 18px;
  text-decoration: none;
  background-image: url(../com-prf/img/sidnav-09.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#content-nav ul#side-nav2 li#subnav-policy a:hover     { background-position: 0 100%; }
#content-nav ul#side-nav2 li#subnav-policy.current-page a{ background: no-repeat url(../com-prf/img/sidnav-09.jpg) 0 100%; }

#content-nav ul#side-nav2 li#subnav-recruit a {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  height: 18px;
  text-decoration: none;
  background-image: url(../com-prf/img/sidnav-10.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#content-nav ul#side-nav2 li#subnav-recruit a:hover     { background-position: 0 100%; }
#content-nav ul#side-nav2 li#subnav-recruit.current-page a{ background: no-repeat url(../com-prf/img/sidnav-10.jpg) 0 100%; }

/* 展開ページコンテンツ・メイン
---------------------------------------------------- */
#content-main {
  margin: 0 0 0 220px;
  padding: 5px 0 10px 0px;
  width: 556px;
  border:solid 0px #000;
  text-align:left;
  line-height:1.3em;
  font-size: small;
}





/* content-bar */

#content-main .content-bar {
  margin:  0 0 20px 0;
  padding: 0 0 0px 0;
  height: 20px;
  border-left: 0px solid #000;
  border-bottom:solid 1px #D61518;
}

#content-main .sys-flow {
  margin:  10px 2px 20px 2px;
  padding: 0;
}

#content2 hr {
  clear: left;
  visibility: hidden;
  height: 0;
  margin: 0;
  border: none;
}
/* 挨拶
---------------------------------------------------- */
#content-main #aisatsu {
  margin: 0 auto;
  padding: 0px;
  width: 530px;
  color: #333;
  line-height:2em;
  font-size: small;
  border:solid 0px #ccc;
}

#content-main #aisatsu p.space {
	margin-bottom:1.5em;
}
#content-main #aisatsu p.name {
  text-align:right;
}

/* 展開ページ 会社情報ー会社概要
---------------------------------------------------- */

#content-main h3 {
  margin:  0 0 15px 0;
  padding: 0 0 0px 0;
  color: #000;
  line-height:1.3em;
  font-size:small;
  font-weight:bold;
  border-bottom:solid 1px #ccc;
}

.companydata dl.dataList{
  float:left;
  display:block;
  width:530px;
  margin-bottom:5px;
  padding:0px;
  background:url(../com-prf/img/databgimg.gif) repeat-y;
}
.companydata dl.dataList dt{
  font-size: small;
clear:left;
float:left;
display:block;
width:100px;
margin:2px 0px;
padding-left:15px;
}

.companydata dl.dataList dd{
  font-size: small;
float: right;
display: block;
width: 410px;
margin: 2px 0px;
padding: 0px;
}
.companydata dl.dataList dd a:link{
color:#333333;
}
.companydata dl.dataList dd a:visited{
color:#666666;
}
.companydata dl.dataList dd a:hover, .companydata dl.dataList dd a:focus{
color:#0000CC;
}

.companydata dl.dataList ul{
float:left;
display:block;
margin: 0px;
padding: 0px;
}
.companydata dl.dataList ol{
margin-left: 30px;
padding: 0px;
}
.companydata dl.dataList li.left{
clear:left;
float:left;
display:block;
width:110px;
margin: 0px;
padding: 0px;
}
.companydata dl.dataList li.right{
	float:left;
	display:block;
	margin-left:5px;
	padding: 0px;
}

.companydata dl.dataList ul#gyomu li {
  padding: 0px;
  margin: 0 0 0 20px;
  list-style:disc;
}





/* 役員紹介
---------------------------------------------------- */

.direct:after{
  content:".";
  display:block;
  visibility:hidden;
  height:0.1px;
  font-size:0.1em;
  line-height:0;
  clear:both;
  margin-bottom: 30px;
  padding: 0;
  width: 560px;
}
.direct .photo {
  float:left;
  margin: 0 0 20px 0;
  padding: 0px;
  width: 150px;
  border:solid 0px #ccc;
}
.direct .photo2 {
  float:left;
  margin: 0 0 65px 0;
  padding: 0px;
  width: 150px;
  border:solid 0px #ccc;
}
.direct .pr {
  float:right;
  margin:  0 0 30px 0;
  padding: 0px;
  width: 400px;
  border:solid 0px #ccc;
}

.direct hr {
  clear:both;
  display:none;
  margin-top:20px;
  margin-bottom:10px;
}
  

.direct .pr a{
  text-decoration:none;
}

/* roundbox */

#roundbox {
  clear:both;
  width: 560px;
  padding: 20px 0 20px 0;
  margin: 0px auto;
  border:solid 0px #999;
}
#roundbox dt {
  margin: 0;
  padding: 0 10px 10px;
}

#roundbox dd.cont {
  margin: 0;
  padding: 5px 10px 5px;
  border-left: #CCCCCC solid 1px;
  border-right: #CCCCCC solid 1px;
}

#roundbox p, #roundbox dd {
  line-height: 1.2;
}
#roundbox dl.lead {
  margin:0px;
  padding: 8px 0 0 0;
  position: relative;
  color: #333;
  background: url(../com-prf/img/round-top.gif) no-repeat;
  width: 100%;    /* この指定がないとIEではdt要素の位置がおかしくなる */
}
#roundbox dl dd.under {
  margin: 0;
  padding: 0;
  color: #333;
  background: #ededde url(../com-prf/img/round-bottom.gif) no-repeat bottom;
}
#roundbox dl dd ul.history {
	list-style: none;
	padding: 0;
	margin: 0px 0 15px 20px;
	line-height:1.0em;
}

ul.history li {
	list-style: none;
	clear: both;
}
				
ul.history li span {
	display: block;
	float: left;
	margin:1px 0;
	padding:0px 0;
}
				
ul.history li span.year {
	width: 60px;
	border:solid 0px #000;
}

ul.history li span.result {
	width: 300px;
	border:solid 0px #000;
}

#roundbox dl dd ul#sponser li.sp-t {
	list-style: none;
	padding: 0;
	margin: 0px 0 5px 20px;
	font-weight:bold;
}

#roundbox dl dd ul#sponser li.cm-n {
	padding: 0;
	margin: 0px 0 15px 30px;
	line-height:1.3em;
}

#roundbox dl dt.sub-t {
  margin: 0;
  padding: 0 10px 10px;
  font-weight:bold;
  color:#CC0000;
}

#roundbox a{
  text-decoration:none;
}

/* roundbox-RED */

#roundbox2 {
  width: 560px;
  padding: 0px 0 20px 0;
  margin: 0px auto;
  border:solid 0px #999;
}
#roundbox2 ul li{
list-style:none;
}
#roundbox2 dt {
  margin: 0;
  padding: 0 10px 10px;
}

#roundbox2 dl dt.sub-t {
  margin-left: 10px;
  margin-top: 10px;
  padding: 0 0px 0 0;
  font-weight:bold;
  color:#CC0000;
}



#roundbox2 dd.cont {
  margin: 0;
  padding: 5px 25px 5px;
  border-left: #D61518 solid 1px;
  border-right: #D61518 solid 1px;
}

#roundbox2 p, #roundbox2 dd {
  line-height: 1.2;
}
#roundbox2 dl.lead {
  margin:0px;
  padding: 8px 0 0 0;
  position: relative;
  color: #333;
  background: url(../com-prf/img/round2-top.gif) no-repeat;
  width: 100%;    /* この指定がないとIEではdt要素の位置がおかしくなる */
}
#roundbox2 dl dd.under {
  margin: 0;
  padding: 0;
  color: #333;
  background: #ededde url(../com-prf/img/round2-bottom.gif) no-repeat bottom;
}

#roundbox2 .red{
	color: #FF0000;
}

/* roundbox-RED2 */

#roundbox3 {
  clear:both;
  width: 560px;
  padding: 0px 0 20px 0;
  margin: 15px auto;
  border:solid 0px #999;
}
#roundbox3 dt {
  margin: 0;
  padding: 0 10px 10px;
}

#roundbox3 dl dt.sub-t {
  margin: 10px 0 5px 11px;
  padding: 0 0 0 5px;
  width: 530px;
  font-weight:bold;
  color:#CC0000;
  border-bottom:1px solid #D41618;
}



#roundbox3 dd.cont {
  margin: 0 0 0 10px;
  padding: 5px 10px 5px;
  color:#666;
  line-height: 1.5;
  border-left: #ededed solid 5px;
}


#roundbox3 dl dd .card img{
  margin: 5px auto;
  padding:0;
  text-align:center;
  border:1px solid #D41618;
}



/* 業務内容
---------------------------------------------------- */

#content-main .service {
  margin: 20px auto;
  padding: 0;
  width: 540px;
  border:solid 0px #ccc;
}
#content-main .service p.photo img {
  margin: 0 15px 0 0;
  padding: 0px;
  float:left;
}

#content-main .service.pr {
  margin: 0 0 0 170px;
  padding:0;
  border:solid 0px #ccc;
}

#content-main .service a{
  text-decoration: none;
}


/* 業務実績
---------------------------------------------------- */
#content-main h2 {
  margin: 0;
  padding: 0;
  color: #000;
  line-height:1.6em;
  font-size:medium;
  font-weight:bold;
  border-bottom:solid 1px #ccc;
}
#content-main .h2-sub {
  margin: 20px 0 10px 0;
  padding: 0;
  line-height:1.6em;
}

#content-main .h2-sub img {
  margin: 20px 0 10px 0;
  padding: 0;
}


#gallery{
	margin: 20px 0 0 0px;
	padding:0;
	width: 550px;
	border:solid 0px #ccc;
}
#gallery ul.achive li {
	list-style: none;
	clear: both;
}
				
#gallery ul.achive li span {
	display: block;
	float: left;
	margin: 0;
	padding:0;
	background-color:#ededed;
}
				
#gallery ul.achive li span.cliant {
	margin: 0px 0 10px 0;
	padding:2px 0 0 0;
	width: 160px;
	color:#000000;
	border:solid 0px #000;
	text-indent:4px;
	font-weight:bold;
	border-bottom:solid 1px #ccc;
}

#gallery ul.achive li span.works {
	margin: 0px 0 10px 0;
	padding:2px 0 0 0;
	width: 390px;
	border:solid 0px #000;
	color:#D61518;
	font-weight:bold;
	border-bottom:solid 1px #ccc;
}
#gallery hr{
	clear:left;
	border:none;
	}

#box-left {
	float:left;
	width: 200px;
	border:solid 0px #ccc;
}
#box-right {
	margin: 0 0 0 220px;
	padding:0;
	width: 320px;
	line-height:1.4em;
	border:solid 0px #ccc;
}
				

#box-right ul {
	margin: 0 0 0 20px;
	padding:0;
	line-height:1.3em;
	list-style-type:square;
}


#box-right a {
  text-decoration: none;
}

#content-main a {
  text-decoration: none;
}

.box0{
	margin: 10px 0 0 20px;
	padding:0;
	width: 550px;
	border:solid 0px #ccc;
}



/* パートナー企業
---------------------------------------------------- */
#content-main #partner {
  margin: 10px auto;
  padding: 0;
  width: 550px;
  border:solid 0px #ccc;
}
#partner #banner {
  float:left;
  margin: 0;
  padding: 0px;
  width: 235px;
  border:solid 0px #ccc;
}
#partner #pr {
  margin: 0 0 0 245px;
  padding: 0px;
  width: 300px;
  color: #333;
  font-size:x-small;
  line-height:1.6em;
  border:solid 0px #ccc;
}

#partner #pr .c-name {
  margin: 0 0 10px 0;
  padding: 0px;
  width: 300px;
  color: #000;
  font-weight:bold;
  border-bottom:solid 1px #D61518;
}

#partner #pr .c-name a:link{
color:#000;
text-decoration: none;
}
#partner #pr .c-name a:visited{
color:#000;
text-decoration: none;
}
#partner #pr .c-name a:hover{
color:#0000CC;
text-decoration: none;
}

/* Q&A
---------------------------------------------------- */
#content-main .content-bar2 {
  margin:  0 0 0px 0;
  padding: 0 0 0px 0;
  height: 20px;
  border-left: 0px solid #000;
  border-bottom:solid 1px #D61518;
}

#content-main .subject {
  margin:  0 0 20px 0;
  padding: 0 0 0px 0;
}


#content-main .qa-t {
	width:540px;
	color: #333;
	line-height:1.6em;
	font-size: small;
	font-weight:bold;
	padding: 0 0 0 1em;
	margin: 20px auto;
	border-left:solid #D61518 3px;
	border-right:solid #D61518 3px;
	border-bottom:solid #ccc 1px;
	border-top:solid #ccc 1px;
}
#content-main .question {
	width:500px;
	color: #D61518;
	line-height:2.8em;
	font-size: small;
	font-weight:bold;
	padding: 0 0 0 35px;
	margin: 5px auto;
	border-bottom:dotted #D61518 1px;
	background: url(../q-a/img/q.gif)  no-repeat;
}

#content-main .question2l{
	width:500px;
	color: #D61518;
	height:2.8em;
	font-size: small;
	font-weight:bold;
	padding: 0 0 0 35px;
	margin: 5px auto;
	border-bottom:dotted #D61518 1px;
	background: url(../q-a/img/q.gif)  no-repeat;
}

#content-main .answer {
	width:500px;
	color: #666;
	line-height:1.5em;
	font-size: small;
	padding: 0 0 15px 35px;
	margin: 10px auto;
	border:dotted #D61518 0px;
	background: url(../q-a/img/a.jpg) no-repeat;
}

#content-main .answer p strong{
	color: #000;
	font-size: small;
	padding: 0 0 0 5px;
	margin:0;
	width:auto;
	border-left:solid #D61518 5px;
}

#content-main .answer p.subpoint{
	padding: 0;
	margin: 13px 0 13px 30px;
}
#content-main .answer ul li{
	color: #666;
	line-height:1.5em;
	font-size: small;
	padding: 0;
	margin: 13px 0 13px 30px;
	border:dotted #D61518 0px;
}

#content-main .answer ul li p.point{
	color: #006699;
	font-weight:bold;
}
#content-main .answer ul li p.red{
	color: #FF6600;
	font-weight:bold;
}
#content-main .answer p.link{
	width:480px;
	color: #666;
	line-height:1.5em;
	font-size: x-small;
	padding: 2px;
	margin: 10px auto;
	border:dotted #999 1px;
}




/* 資料請求・問い合わせ
---------------------------------------------------- */
form {
  margin: 0;
}

input, select, textarea {
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  vertical-align: middle;
  color: #696969;
  background: #f1f1ed;
}
input.radio {
  border-style: none;
  color: #000000;
  background: transparent;
}
/* 入力部品の幅設定
---------------------------------------------------- */
#mail1, #mail2, #city, #number, #bldg, #comment {
  width: 330px;
}
#name1, #name2, #name3, #name4, #year, #month, #day {
  width: 150px;
}
#post1, #post2 {
  width: 100px;
}
#state {
  width: 120px;
}
#tel1, #tel2, #tel3, #fax1, #fax2, #fax3 {
  width: 150px;
}

/* 送信ボタン
---------------------------------------------------- */
#submit input {
  margin-left: 0.5em;
  border-width: 2px;
  border-color: #ffb87c #d26000 #d26000 #ffb87c;
  width: 10em;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  background: #ff7400;
}
#submit {
  margin-top: 1em;
  color: #444444;
}
#submit p {
  margin: 0;
  padding: 10px;
  text-align: right;
}

/* フォーム
---------------------------------------------------- */
#content-main table.contact {
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	width:552px;
	color: #333;
	line-height:1.6em;
	font-size: small;
	padding: 0;
	margin: 0px auto;
}
#content-main table.contact td.item-1 {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
	width:110px;
	text-align:center;
	background-color:#ededed;
	background-image:url(../com-prf/img/table-back.gif);
}

#content-main table.contact td.item-1-content {
	padding:5px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
	width:442px;
	text-align:left;
	background-color:#FCFCFC;
	background-image:url(../com-prf/img/table-back.gif);
}
#content-main .thanks {
    border:1px solid #ccc;
	width:552px;
	height:180px;
	color: #333;
	line-height:2em;
	font-size: small;
	padding: 50px 0 0 0;
	margin: 0px auto;
    vertical-align: middle;
    text-align: center;
}


/* リンク
---------------------------------------------------- */

.link dl.dataList{
  float:left;
  display:block;
  width:530px;
  margin-bottom:15px;
  padding:0px;
}
.link dl.dataList dt{
clear:left;
float:left;
display:block;
width:200px;
margin:2px 0px;
padding-left:15px;
}

.link dl.dataList dd{
float: right;
display: block;
width: 310px;
margin: 2px 0px;
padding: 0px;
}
.link dl.dataList dd a:link{
color:#000;
text-decoration: none;
}
.link dl.dataList dd a:visited{
color:#000;
text-decoration: none;
}
.link dl.dataList dd a:hover, .companydata dl.dataList dd a:focus{
color:#0000CC;
text-decoration: none;
}

.link dl.dataList ul{
float:left;
display:block;
margin: 0px;
padding: 0px;
}
.link dl.dataList li.left{
clear:left;
float:left;
display:block;
width:90px;
margin: 0px;
padding: 0px;
}
.link dl.dataList li.right{
float:left;
display:block;
margin-left:5px;
padding: 0px;
}


/* プライバシーポリシー
---------------------------------------------------- */

#content-main #policy {
  margin: 0 auto;
  padding: 0;
  width:530px;
  line-height:1.6em;
  font-size: small;
}

#policy ol {
  list-style-type:none;
}

#policy ol .p-list {
  margin: 15px 0 0 10px;
  padding: 0;
  list-style-type:none;
}


#policy ol li .p-title {
  margin: 20px 0 0 10px;
  padding: 0;
  display:block;
  font-weight:bold;
}
#policy ol li .p-cont {
  margin: 0px 0 0 10px;
  padding: 10px 0 0 0px;
  display:block;
  border-top:solid 1px #ccc;
  list-style-type:none;
}

#policy ol li .p-cont ul li {
  margin: 0px 0 0 20px;
  padding: 0px;
  list-style:circle;
	
}

/* サイトマップ
---------------------------------------------------- */
.leftSiteMapArea{
	width:260px;
	height:300px;
	float:left;
	border:solid 0px #000;
}
.rightSiteMapArea{
	height:300px;
	width:260px;
	float:right;
	border:solid 0px #000;
}
div.sitemap dl.level1{
	background:url(../com-prf/img/dotbar.gif) repeat-x bottom;
	margin:10px 0;
	padding:0px;
}
div.sitemap dl.level1 dt{
	text-indent:0.3em;
	border-left:4px solid #D61518;
}

div.sitemap dl.level1 dt a{
	text-decoration: none;
	color:#333;
}
div.sitemap dl.level1 dd a{
	text-decoration: none;
	color:#333;
}

div.sitemap dl.level2 dt a{
	text-decoration: none;
    color:#333;
	font-weight:bold;
}
div.sitemap dl.level2 dd{
	margin:5px 0;
	padding:0px;
	text-indent:1em;
}
div.sitemap dl.level2 dd a{
	text-decoration: none;
    color:#333;
}


/* リクルート／社内
---------------------------------------------------- */
#content-main .mood {
  margin: 0px auto;
  padding:0px 0px 0px 10px;
  width: 520px;
  height: 200px;
  color: #333;
  line-height:1.6em;
  font-size: x-small;
  border:solid 0px #ccc;
}
#content-main .mood p.photo img {
  margin: 0 10px 0 0;
  padding: 0px;
  float:left;
}
#content-main .comarea {
  margin: 0 auto;
  padding:0px;
  width: 530px;
  height: 30px;
  text-align:center;
  border:solid 0px #ccc;
}
#content-main .sub-com {
  margin: 0px 10px 0px 10px;
  padding:0px 0px 0px 0px;
  width: 240px;
  border:solid 0px #ccc;
  float:left;
}
/* リクルート／スタッフ
---------------------------------------------------- */
#content-main .st-area {
  margin: 25px auto;
  padding:0px 0px 0px 10px;
  width: 560px;
  height: 125px;
  border:solid 0px #ccc;
}
#content-main .st-area .profile {
  margin: 0px 15px 0px 0px;
  padding:5px;
  width: 250px;
  height: 125px;
  float:left;
  border:solid 1px #ccc;
}
#content-main .st-area .profile img {
  margin: 0px 10px 0px 0px;
  padding:0px;
  float:left;
}
#content-main .st-name {
  margin: 0px 0px 0px 110px;
  padding:0px;
  color: #000;
  line-height:1.6em;
  font-size: x-small;
  border-bottom:solid 1px #ccc;
}
#content-main .st-pr {
  margin: 0px 0px 0px 110px;
  padding:0px;
  color: #666;
  line-height:1.6em;
  font-size: x-small;
}



/* NEWS&TOPICS CSS
---------------------------------------------------- */
#content-main #news-bar {
  margin:  10px 0 15px 0;
  padding: 0;
  width: 556px;
  height: 22px;
}
body#news_top {
  margin: 0;
  padding: 0;
  font-size: x-small;
  line-height:1.3em;
  color: #666;
  background: #fff;
}
body#news_top a {
  text-decoration: none;
  font-size: x-small;
  line-height:1.3em;
  color:#000;
}
body#news_top a:hover {
  font-size: x-small;
  line-height:1.3em;
  color:#D61518;
}
body#news_top a:visited {
  font-size: x-small;
  line-height:1.3em;
  color:#666;
}
body#news_top table#top {
  margin: 3px auto;
  padding: 0;
  width:420px;
  font-size: x-small;
  line-height:1.3em;
  color: #666;
  border-bottom:#ccc dotted 1px;
}
body#news_top table#top td.point {
  padding:2px 0;
  width:20px;
  text-align:right;
  font-size: x-small;
  line-height:1.3em;
}
body#news_top table#top td.subject {
  padding:2px 0;
  width:320px;
  text-align:left;
  font-size: x-small;
  line-height:1.3em;
}

body#news_top table#top td.date {
  padding:2px 0;
  width:70px;
  text-align:right;
  font-size: x-small;
  line-height:1.3em;
}

body#news table#mainnews {
  margin: 0 auto;
  padding:0;
  width:550px;
  font-size: small;
  line-height:1.5em;
  color: #333;
  background: #FFF;
  text-align:left;
  border:#ccc solid 0px;
}
body#news table#mainnews.p date {
  font-size: xx-small;
  line-height:1.3em;
  color: #333;
}
body#news table#mainnews.p subject {
  font-size: x-small;
  line-height:1.3em;
  color: #333;
}

body#news table#news-list {
  margin: 0 auto;
  padding: 0;
  width:550px;
  font-size: x-small;
  line-height:1.5em;
  color: #333;
  background: #FFF;
  text-align:left;
  border:#ccc solid 0px;
}
body#news table#news-list td.date {
  width:100px;
  font-size: xx-small;
  line-height:1.5em;
  height:22px;
  color: #333;
}
body#news table#news-list td.subject {
  width:450px;
  font-size: x-small;
  line-height:1.5em;
  height:22px;
  color: #333;
}


body#news table#news-foot {
  margin: 10px auto;
  padding: 0;
  width:550px;
  font-size: x-small;
  line-height:1.3em;
  color: #333;
  text-align:right;
  border:#333 solid 0px;
}
body#news table#news-foot2 {
  margin: 10px auto;
  padding: 0;
  width:550px;
  font-size: x-small;
  line-height:1.3em;
  color: #333;
  background: #ededde;
  text-align:right;
  border:#333 solid 0px;
}
body#news a {
  text-decoration: none;
  color:#333;
}
body#news a:hover {
  color:#f00;
}
body#news a:visited {
  color:#333;
}

/* newatopics・サイドナビ
---------------------------------------------------- */

body#news ul#side-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size:small;
}

body#news ul#side-nav li {
  background: url(../img/sidenav-bg.jpg) no-repeat bottom;
  background-color:#f0f0f0;
  display: block;
  width:154px;
  height:17px;
  margin: 0 0 7px 0;
  padding: 0;
  border-left:solid #666 5px;
  border-bottom:solid #ccc 1px;
  line-height:1.4em;
  text-indent:5px;
}

body#news ul#side-nav li a {
  text-decoration: none;
  color:#333;
  margin: 0 0 7px 0;
}
body#news ul#side-nav li a:hover {
  color:#f00;
}
body#news　ul#side-nav li.current-page {
  color:#D61518;
  margin: 0 0 7px 0;
}









/* プライバシーポリシー
---------------------------------------------------- */

#content-main .p-lead {
  margin: 0 auto;
  padding: 0;
  width:530px;
  color: #333;
  line-height:1.6em;
  font-size: small;
}

/* 商品一覧
---------------------------------------------*/
#productList {
	margin-top: 0px;
}
#productList li {
	list-style-type:none;
	float: left;
	width: 255px;
	margin: 15px 10px 0 10px;
	text-align: center;
}
#productList h3 span {
	display: block;
	padding: 3px 0;
	color: #FFFFFF;
	font-weight: normal;
	background: #D61518;
}
#productList dl {
  float:left;
  display:block;
  width:250px;
	font-size: x-small;
	color: #999;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#productList dt {
clear:left;
float:left;
display:block;
width:80px;
	padding: 2px 0;
	text-align: center;
	background: #ededed;
	border-top: 1px solid #CCCCCC;
}
#productList dd {
float: right;
display: block;
width:160px;
	text-align: left;
	padding: 2px 5px;
	border-top: 1px solid #CCCCCC;
}



#productList h3 span.beams {
	display: block;
	padding: 3px 0;
	color: #FFFFFF;
	font-weight: normal;
	background: #6DBB67;
	text-align:left;
}




/* フッタ
---------------------------------------------------- */
#footer {
  clear: left;
  padding: 5px 10px 0px;
  margin: 0;
  width: 800px;
  height: 75px;
  color: #000;
  background: url(../img/bg-footer.jpg) no-repeat bottom;
  background-color:#FFFFFF;
  border:solid 0px #000;
  position: relative;
}
#footer #address {
  clear:left;
  margin: 0 0 0 20px;
  padding: 0;
  color: #000;
  border:solid 0px #000;
  font-size:x-small;
  position: absolute;
  bottom: 38px;
  right:25px;
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic Pro";
}

#footer #copy {
  margin: 0 0 0 20px;
  padding: 0;
  color: #fff;
  border:solid 0px #000;
  font-size:10px;
  position: absolute;
  bottom: 15px;
  right:25px;
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic Pro";
}





/* フッタ　ページトップ
---------------------------------------------------- */


#footer ul#footnav li#footnav-pagetop {
  font-size:xx-small;
  position: absolute;
  right: 25px;
  bottom: 60px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  text-indent: -9999px;
  height: 17px;
  text-decoration: none;
  background-image: url(../img/page_top.jpg);
  background-repeat: no-repeat;
}

#footer ul#footnav li#footnav-pagetop a {
  display: block;
  padding: 0;
  height: 17px;
  text-decoration: none;
  background-image: url(../img/page_top.jpg);
  background-repeat: no-repeat;
}

#footer ul#footnav li#footnav-pagetop     { width:  17px; }
#footer ul#footnav li#footnav-pagetop a     { background-position: 0 0; }
#footer ul#footnav li#footnav-pagetop a:hover     { background-position: 0 100%; }


/* フッタサブナビ
---------------------------------------------------- */

#footer ul#foot-subnav {
  position: absolute;
  left: 25px;
  bottom: 44px;
  margin: 0;
  padding: 0;

}

#footer ul#foot-subnav li {  font-size:xx-small;
  list-style: none;
  text-indent: -9999px;
  height: 16px;
  float: left;
}
#footer ul#foot-subnav li a {
  display: block;
  padding: 0;
  height: 16px;
  text-decoration: none;
  background-image: url(../img/footnav-item.jpg);
  background-repeat: no-repeat;
}

#footer ul#foot-subnav li#footsubnav-link     { width:  42px; }
#footer ul#foot-subnav li#footsubnav-sitemap { width:  75px; }
#footer ul#foot-subnav li#footsubnav-poricy { width:  103px; }
#footer ul#foot-subnav li#footsubnav-recruit { width:  80px; }

#footer ul#foot-subnav li#footsubnav-link a     { background-position: 0px 0; }
#footer ul#foot-subnav li#footsubnav-sitemap a { background-position:  -42px 0; }
#footer ul#foot-subnav li#footsubnav-poricy a { background-position: -117px 0; }
#footer ul#foot-subnav li#footsubnav-recruit a { background-position: -220px 0; }

#footer ul#foot-subnav li#footsubnav-link a:hover     { background-position: 0px 50%; }
#footer ul#foot-subnav li#footsubnav-sitemap a:hover { background-position:  -42px 50%; }
#footer ul#foot-subnav li#footsubnav-poricy a:hover { background-position: -117px 50%; }
#footer ul#foot-subnav li#footsubnav-recruit a:hover { background-position: -220px 50%; }

#footer ul#foot-subnav li#footsubnav-link.current-page     { background: url(../img/footnav-item.jpg)      0px 100%; }
#footer ul#foot-subnav li#footsubnav-sitemap.current-page { background: url(../img/footnav-item.jpg)  -42px 100%; }
#footer ul#foot-subnav li#footsubnav-poricy.current-page { background: url(../img/footnav-item.jpg) -117px 100%; }
#footer ul#foot-subnav li#footsubnav-recruit.current-page { background: url(../img/footnav-item.jpg) -220px 100%; }