@charset "utf-8";
/* CSS Document */
/*marginとpadding初期化＆IEのhasLayout対策*/
*{
  margin:0;
  padding:0;
  zoom:1;
} 

/**/
html{
  height:100%;
}

/*縦スクロールバーを常に表示*/
html>/**/body{
	overflow-y:scroll;
}
html:first-child body{
  min-height:100%;
  padding-bottom:1px;
}

/*IEの余白バグ対策*/
/* IE6 */
body {
	_padding-left: 1px;
}
/* IE7 */
*:first-child + html body {
	padding-left: 1px;
}

/*▼全体*/
body {
height:100%;
font-family:sans-serif;
font-family/**/:/**/"MS PGothic";/* IE6専用 */
margin:0px;
color:#666666;
font-size:small;
line-height:140%;
text-align:center;
/*background-image:url(../images/bg.gif);
background-position:center;
background-repeat:repeat-y;*/
background-color:#e5e5e5;
}

/*リンク*/
a:link { color:#ff9900;text-decoration: none;}
a:visited { color:#ff9900;text-decoration: none;}
a:active { color:#ff8a66;text-decoration:underline;}
a:hover { color:#ff9900;text-decoration:underline;}
a img { border-color:#ff9900;}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*clearfixのDWデザインビュー（ライブビュー）崩れを防ぐ※公開時はコメントアウト※*/
.clearfix {overflow:hidden;}

/*IE6のリストのバグ対策*/
ol {
margin: 0;
padding-left: 2.5em;
}
ol li {
margin: 1em;
zoom: normal;
}
/*フォントカラー*/
.red{
color:#cc0000;
}
/**/
.caption{
font-size:11px;
color:#999999;
text-align:left;
line-height:120%;
}
/*フォーム*/
/*ボタンのフォーカスをなくす*/
input{
outline: none;
}



/*▼共通レイアウト設定*/
/*▽ベース*/
#trunk {
width:810px;
margin:0px auto 0px auto;
background-image:url(../images/bg.gif);
background-position:center;
background-repeat:repeat-y;
}

/*▽ヘッダーのエリア設定・要素*/
#header {
width:800px;
margin:0px 5px 0px 5px;
}
/*帯*/
#h_top{
height:15px;
background-color:#b4b4b4;
}
/*社名ロゴ*/
#h_logo{
height:30px;
padding:20px 0px 0px 0px;
text-align:left;
}
/*ヘッダーメニュー*/
#h_menu{
height:21px;
padding-right:10px;
text-align:right;
}
#h_menu ul {
list-style:none;
margin:0;
padding:0;
}
#h_menu li {
display:inline;
margin:0;
padding:0;
}
#h_menu li .line{
border-left:1px dotted #cccccc;
border-right:1px dotted #cccccc;
}
/*▽ナビのエリア設定・要素*/
#navi{
width:800px;
margin:0px 5px 0px 5px;
padding:0px;
}
/*グローバルメニュー*/
#menu{
height:41px;
}
#menu ul {
list-style:none;
margin:0;
padding:0;
}
#menu ul li {
display:inline;
margin:0;
padding:0;
}
/*ヘッダーイメージ*/
#h_img{
margin-bottom:6px;
border-top:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
}
/*色帯※トップのみ・セカンド以降は不要*/
#h_bottom{
height:26px;
background-color:#e5e5e5;
border-top:dotted 1px #b4b4b4;
}

/*▽コンテンツのエリア設定*/
/*トップ*/
#contents{
width:800px;
margin:0px 5px 0px 5px;
padding:0px;
text-align:left;
}
/*セカンド以降*/
#contents2{
width:800px;
margin:0px 5px 0px 5px;
padding:0px;
text-align:left;
border-top:dotted 1px #b4b4b4;
}

/*▽フッターのエリア設定・要素*/
#footer {
width:800px;
margin:0px 5px 0px 5px;
padding:0px;
}
/*フッターメニュー*/
#f_menu{
padding:15px 0px 15px 15px;
text-align:left;
border-top:dotted 1px #b4b4b4;
}
#f_menu ul {
list-style:none;
margin:0;
padding:0;
}
#f_menu ul li {
display:inline;
margin:0px 20px 0px 0px;
padding:0;
}
/*コピーライト*/
#copyright {
width:800px;
padding:25px 0px 25px 0px;
border-top:solid 5px #b4b4b4;
text-align:center;
}



/*▼トップ用*/
/*▽右（メインエリア）*/
#top_right{
width:560px;
padding:5px 20px 15px 10px;
float:right;
}
#topcatch{
margin:15px 0px 5px 0px;
}
.bigbn{
margin:10px 0px 0px 0px;
}
#top_right h1{
margin:10px 0px 15px 0px;
font-size:100%;
}
.toplist{
border-left:solid 5px #cccccc;
border-bottom:solid 1px #cccccc;
padding:0px 0px 5px 5px;
height:95px;
}
.tl_pic{
width:55px;
height:55px;
margin:5px 0px 2px 3px;
float:left;
}
.tl_pic img{
border:1px dotted #cccccc;
}
.tl_caption{
width:190px;
height:53px;
margin:7px 2px 5px 8px;
overflow:auto;
float:right;
line-height:110%;
}
.tl_caption a:link{
color:#666666;
text-decoration:none;
}
.tl_caption a:visited{
color:#666666;
text-decoration:none;
}
/*PAGE TOP(右余白なし・トップでのみ使用）*/
.pagetop00{
padding:15px 0px 0px 0px;
text-align:right;
}

/*▽左（NEWSエリア）*/
#top_left{
width:185px;
padding:15px 5px 15px 20px;
text-align:center;
float:left;
}
/*NEWS枠*/
#newsarea{
width:183px;
border:solid 1px #eeeeee;
background-color:#eeeeee;
text-align:left;
}
#newshead{
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
border-bottom:solid 3px #cccccc;
height:18px;
padding:9px 0px 0px 7px;
background-color:#ffffff;
}
#newsfoot{
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
height:7px;
}
/*NEWS記事*/
.news{
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
padding:7px 7px 0px 7px;
line-height:110%;
/*font-size:80%;*/
font-size:11px;
word-break: break-all;
word-wrap: break-word;
}
.newsline {
height:7px;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
border-bottom:dotted 1px #cccccc;
}
/*バナー*/
.topbn{
margin:10px auto 0px auto;
}
/*プロダクツ*/
/**/
#psarea{
width:183px;
border:solid 1px #eeeeee;
text-align:left;
margin:20px auto 0px auto;
}
#pshead{
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
border-bottom:solid 3px #cccccc;
height:18px;
padding:9px 0px 0px 7px;
background-color:#ffffff;
}
.ps{
width:183px;
margin-top:5px;
}
.pstxt{
width:177px;
padding:2px 2px 2px 2px;
margin-bottom:5px;
border-bottom:dotted 1px #cccccc;
border-left:dotted 1px #cccccc;
border-right:dotted 1px #cccccc;
font-size:80%;
line-height:110%;
background-color:#eeeeee;
text-align:left;
}
/**/
.ps_area{
border-bottom:solid 1px #cccccc;
border-left:solid 5px #cccccc;
text-align:left;
padding:5px 10px 5px 10px;;
margin-top:5px;
}


/*▼セカンド以降共通*/
/*▽メインエリア*/
#mainarea{
width:570px;
float:left;
}
/*パンくずリスト*/
#crumb {
height:19px;
font-size:11px;
line-height:120%;
padding:7px 5px 0px 10px;
background-color:#e5e5e5;
}
#crumb ol {
list-style:none;
margin:0;
padding:0;
}
#crumb ol li {
display:inline;
margin:0;
padding:0;
}
#crumb ol li a{
margin-right:5px;
padding-right:10px;
background:url(../images/path.gif) no-repeat right; 
}
/*見出し*/
#midasiarea{
padding:15px 10px 10px 15px;
}
#midasiarea h1{
border-top:solid 3px #b4b4b4;
border-bottom:solid 1px #cccccc;
font-size:larger;
color:#595959;
}
.news_h{
padding:5px 0px 5px 10px;
}
.catch{
}
/*内部基本枠*/
.area{
padding:10px 20px 10px 30px;
}
.area p{
margin-bottom:10px;
}
.scatch{
margin-top:5px;
margin-bottom:25px;
}
.picarea{
padding:5px 20px 10px 30px;
text-align:center;
}
.rlarea{
padding:0px 20px 20px 30px;
}
.jumparea{
margin:10px 20px 10px 30px;
padding:10px 10px 10px 10px;
text-align:center;
background-color:#e8e8e8;
border:dotted 1px #cccccc;
}
.jumparea p{
margin-bottom:5px;
}
/*PAGE TOP*/
.pagetop{
padding:15px 20px 15px 0px;
text-align:right;
}


/*▽サブメニューエリア*/
#subarea{
width:200px;
padding:15px 20px 15px 10px;
float:right;
background-image:url(../images/bg_crumb.gif);
background-position:top;
background-repeat:repeat-x;
}
/*サブメニュー基本枠*/
#submenu {
border:solid 1px #cccccc;
background-color:#ffffff;
}
/*サブメニュー見出し*/
#sm_head{
height:13px;
border-bottom:solid 2px #cccccc;
padding:9px 0px 9px 10px;
}
#submenu h1 {
padding-left:4px;
border-left:solid 4px #cccccc;
}
/*サブメニューリスト*/
#submenu ul{
list-style:none;
margin:0;
border-top:solid 1px #cccccc;
}
#submenu ul li{	
}
#submenu ul li a:link{
padding:5px 0px 5px 25px;
font-size:11px;
background:url(../images/submenu/off.gif) no-repeat left; 
color:#666666;
text-decoration: none;
display:block;
}
#submenu ul li a:visited{
padding:5px 0px 5px 25px;
font-size:11px;
background:url(../images/submenu/off.gif) no-repeat left; 
color:#666666;
text-decoration: none;
display:block;
}
#submenu ul li a:active{
padding:5px 0px 5px 25px;
font-size:11px;
background:url(../images/submenu/on.gif) no-repeat left; 
color:#ffffff;
text-decoration: none;
display:block;
background-color:#ff9900;
}
#submenu ul li a:hover{
padding:5px 0px 5px 25px;
font-size:11px;
background:url(../images/submenu/on.gif) no-repeat left;
color:#ffffff;
text-decoration: none;
display:block;
background-color:#ff9900;
}


/*▼セカンド各ページ*/
h2{
height:19px;
font-size:100%;
margin-bottom:10px;
padding:2px 0px 1px 12px;
background: url(../images/h2bg.gif) no-repeat;
}
h3{
font-size:100%;
color:#323993;
font-weight:bold;
margin-bottom:10px;
}
.imgh{
padding:0px;
background-color:#ffffff;
border:none;
background:none;
}
.kakomi{
margin-top:10px;
padding:5px;
border:solid 1px #cccccc;
}
/*ホビについて*/
.opmenu{
width:515px;
height:37px;
margin-bottom:5px;
border-left:solid 5px #cccccc;
border-bottom:solid 1px #cccccc;
}
.opmenu a:link{
width:515px;
height:37px;
background:url(../images/contents/01company/opmenu01_1.gif) no-repeat left bottom; 
}
/*会社概要*/
#profhead{
width:545px;
margin:5px 0px 0px 0px;
border-bottom:dotted 1px #cccccc;
}
#profhead td{
padding:0px 10px 5px 15px;
}
#prof{
width:518px;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
}
#prof th{
padding:5px;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
background-color:#e5e5e5;
text-align:left;
font-weight:normal;
}
#prof td{
padding:5px;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
}
#prof td .yaku{
padding:0;
border:none;
}
/*事業内容、製品&サービス*/
.opmenu_b{
width:515px;
height:22px;
margin-bottom:5px;
border-left:solid 5px #cccccc;
border-bottom:solid 1px #cccccc;
}
.opmenu_b a:link{
width:515px;
height:22px;
}
/*事業案内の中の過去実績紹介*/
#achievements{
margin-left:15px;
}
#achievements h3{
font-size:100%;
font-weight:bold;
color:#666666;
margin-bottom:0px;
}
#achievements table{
border:1px solid #cccccc;
margin-top:5px;
}
#achievements td{
padding:5px;
}
/*事業内容の中の定義リスト*/
#agency{
margin-bottom:10px;
}
#agency dl{
margin-left:15px;
}
#agency dl dt{
margin-left:15px;
margin-top:5px;
font-weight:bold;
}
#agency dl dd{
margin-left:15px;
margin-bottom:15px;
padding:5px;
border:solid 1px #cccccc;
}
/*製品&サービス*/
.sitecap{
font-weight:bold;
margin-bottom:5px;
color:#323993;
}
.sitepic{
margin-bottom:10px;
}
.siteban{
margin:10px auto 0px auto;
padding-bottom:10px;
}
/*アクセス*/
.addbox{
margin-top:10px;
margin-bottom:10px;
padding:10px 10px 0px 10px;
border:solid 1px #cccccc;
}
/*フォーム*/
#inquiry,#contact{
width:518px;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
}
#inquiry th,#contact th{
padding:5px;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
background-color:#e5e5e5;
text-align:left;
font-weight:normal;
}
.inpt{
padding:5px;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
text-align:center;
}
.check{
padding:5px;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
text-align:left;
}
.f01{
width:350px;
font-size:100%;
}
#b_area{
margin-top:10px;
margin-bottom:10px;
text-align:center;
}
#b_left{
width:250px;
margin-right:20px;
text-align:right;
float:left;
}
#b_right{
width:250px;
text-align:left;
float:right;
}
/*KEYWORDの中の定義リスト*/
#dls{
}
#dls dl{
margin-left:15px;
}
#dls dl dt{
margin-left:15px;
margin-top:5px;
font-weight:bold;
color:#323993;
}
#dls dl dd{
margin-left:15px;
margin-bottom:15px;
padding:5px;
border:solid 1px #cccccc;
}
/*サイトマップ*/
#smap dt{
width:514px;
margin-top:15px;
margin-bottom:5px;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
border-left:solid 4px #cccccc;
border-bottom:solid 1px #cccccc;
}
#smap dt.nomrgn{
width:514px;
margin-top:0px;
margin-bottom:5px;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
border-left:solid 4px #cccccc;
border-bottom:solid 1px #cccccc;
}
#smap dt a:link{
padding-left:17px;
background:url(../images/on.gif) no-repeat left; 
color:#666666;
text-decoration: none;
}
#smap dt a:visited{
padding-left:17px;
background:url(../images/on.gif) no-repeat left; 
color:#666666;
text-decoration: none;
}
#smap dt a:hover{
padding-left:17px;
background:url(../images/on.gif) no-repeat left; 
color:#ff9900;
text-decoration:underline;
}
#smap dt a:active{
padding-left:17px;
background:url(../images/on.gif) no-repeat left; 
color:#ff9900;
text-decoration:underline;
}
#smap dd{
margin-left:10px;
}
#smap dd a:link{
padding-left:25px;
background:url(../images/submenu/on.gif) no-repeat left; 
color:#666666;
text-decoration: none;
}
#smap dd a:visited{
padding-left:25px;
background:url(../images/submenu/on.gif) no-repeat left; 
color:#666666;
text-decoration: none;
}
#smap dd a:active{
padding-left:25px;
background:url(../images/submenu/on.gif) no-repeat left; 
color:#ff9900;
text-decoration:underline;
}
#smap dd a:hover{
padding-left:25px;
background:url(../images/submenu/on.gif) no-repeat left;
color:#ff9900;
text-decoration:underline;
}
/*リクルート*/
#rec{
padding:0px 20px 10px 30px;
}
#rec table{
margin-top:10px;
margin-bottom:10px;
width:518px;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
}
#rec th{
padding:5px;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
background-color:#cccccc;
text-align:left;
font-weight:normal;
}
.g{
background-color:#e8e8e8;
}
#rec td{
padding:5px;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
}
#memo{
border:solid 1px #cccccc;
padding:5px;
margin:0px 20px 10px 30px;
}
/*リクルートFAQ*/
#faq dt{
width:514px;
margin-top:0px;
margin-bottom:5px;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
border:solid 1px #cccccc;
}
#faq dd{
margin-left:10px;
margin-bottom:20px;
}
/*NEWS*/
.newsinner{
margin:0px 15px 10px 15px;
padding:10px;
border:1px dotted #999;
}
#prof2{
width:518px;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
text-align:center;
}
#prof2 th{
padding:5px;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
background-color:#e5e5e5;
font-weight:normal;
}
#prof2 td{
padding:5px;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
}