@charset "utf-8";
/* CSS Document */

body{
	color:#000000;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}

img{
	border:none;
}

p{
	margin:0;
}

/* floatの解除 */
.clear {
	clear:both;
}

/* リンク（黒） */
a {
	text-decoration: none;
	color: #333333;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #339900;
}
a:active {
	text-decoration: none;
	color: #333333;
}

/* リンク（画像） */
a.link-p {
	text-decoration: none;
	color: #014289;
}
a:link.link-p {
	color: #F63;
	text-decoration: none;
}
a:visited.link-p {
	color: #F96;
	text-decoration: none;
}
a:hover.link-p img {
 -moz-opacity:0.5;
 opacity:0.5;
 filter: alpha(opacity=50);
 text-decoration: none;
 }
a:hover.link-p {
	color: #Fffffff;
	text-decoration: none;
	background-color:transparent;
} 
a:active.link-p {
	color: #F96;
	text-decoration: none;
}

/*----------------------------------------
 フォント
----------------------------------------*/
.font12 {
	font-size:12px;
	line-height:22px;
}

.font13 {
	font-size:13px;
	line-height:22px;
}

.font13_r {
	font-size:13px;
	line-height:22px;
	color:#FF0000;
}

.font14_g {
	font-size:14px;
	line-height:24px;
	color:#689A35;
	font-weight:bold;
}

.font14_gb {
	font-size:14px;
	line-height:24px;
	color:#689A35;
	font-weight:bold;
	background-color:#EEEEEE;
	padding:2px;
}

.font15_b {
	font-size:15px;
	line-height:24px;
	font-weight:bold;
	color:#333333;
}

.center {
	text-align:center;
}

/*----------------------------------------
 ヘッダー
----------------------------------------*/
/* ヘッダーボックス */ 
#headerbg {
	background-image: url(../img/headerbg.jpg);
	width:100%;
	min-width:1040px;
	height:125px;
} 

/* ヘッダー */
#header {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
} 

/* ロゴ */
#logobox {
	width: 228px;
	float:left;
}

#logo {
	margin-top:15px;
	width: 48px;
}

#logotext {
	margin-top:10px;
	width: 213px;
}

/* メニュー */
#menubox {
	width: 752px;
	float:right;
} 

ul#globalnavi{
    width:752px;
    overflow:hidden;
	margin: 0;
	padding: 0;
}

ul#globalnavi li{
    float:left;
    height:120px;
    display:block;
}

ul#globalnavi li a {
    display: block;
    overflow: hidden;
    height: 0px;
    background-image: url(../img/menu.jpg);
	padding-top:120px;
}

/* global navi normal
---------------------*/
    #navi1 a { width:126px; background-position:0       0;}
    #navi2 a { width:125px; background-position:-126px  0;}
    #navi3 a { width:125px; background-position:-251px  0;}
    #navi4 a { width:125px; background-position:-376px  0;}
	#navi5 a { width:125px; background-position:-501px  0;}
	#navi6 a { width:126px; background-position:-626px  0;}
	
    #navi1a a  { width:126px; background-position:0       -120px;}
    #navi2a a  { width:125px; background-position:-126px  -120px;}
    #navi3a a  { width:125px; background-position:-251px  -120px;}
    #navi4a a  { width:125px; background-position:-376px  -120px;}
	#navi5a a  { width:125px; background-position:-501px  -120px;}
	#navi6a a  { width:126px; background-position:-626px  -120px;}

/* global navi rollover
----------------------*/
    #navi1 a:hover  { width:126px; background-position:0       -120px;}
    #navi2 a:hover  { width:125px; background-position:-126px  -120px;}
    #navi3 a:hover  { width:125px; background-position:-251px  -120px;}
    #navi4 a:hover  { width:125px; background-position:-376px  -120px;}
	#navi5 a:hover  { width:125px; background-position:-501px  -120px;}
	#navi6 a:hover  { width:126px; background-position:-626px  -120px;}
	
/*----------------------------------------
 トップスライド
----------------------------------------*/
#topimg {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
}

.index_top_youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-top: 30px;
}

.index_top_youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*----------------------------------------
 タイトル領域
----------------------------------------*/
#titlebg {
	background-image: url(../img/headerbg02.jpg);
	width:100%;
	min-width:1040px;
	height:93px;
}

#title {
	width: 980px;
	height:50px;
	margin-right: auto;
	margin-left: auto;
	padding-top:15px;
}

/*----------------------------------------
 パンくずリスト
----------------------------------------*/
#pan {
	width: 980px;
	height:28px;
	margin-right: auto;
	margin-left: auto;
}

#topicPath_01 {
	margin: 5px 0 0 1px;
	padding: 0;
}

#topicPath_01 li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}

#topicPath_01 li a {
	padding-right:10px;
	background:url(../img/topicpath.gif) no-repeat right center;
}

/*----------------------------------------
 メインコンテンツ
----------------------------------------*/
/* メインボックス */
#containerbg {
	width:100%;
	min-width:1040px;
}
 
#container {
	width: 980px;	
	margin-right: auto;
	margin-left: auto;
	margin-top:20px;
	margin-bottom:100px;
} 

/* メッシュボックス */ 
.conmesh {
	margin:0px 0px 6px 0px;
	font-size:0;
	text-align:center;
}

.mesh {
	display:inline-block;
	width:240px;
	height:360px;
	margin-left:4px;
	vertical-align:top;
	border:solid 1px #CCCCCC;
}

.mesh:first-child {
	margin-left:0px;
}

.mesh_b {
	width:486px;
}

#mesh01_big {
	display:inline-block;
	width:486px;
	height:360px;
	vertical-align:top;
	border:solid 1px #CCCCCC;
}

#mesh01 {
	display:inline-block;
	width:240px;
	height:360px;
	vertical-align:top;
	border:solid 1px #CCCCCC;
	margin-left:4px;
}

#mesh02 {
	display:inline-block;
	width:240px;
	height:360px;
	border:solid 1px #CCCCCC;
	vertical-align:top;
	margin-left:4px;
}

#mesh03 {
	display:inline-block;
	width:240px;
	height:360px;
	border:solid 1px #CCCCCC;
	vertical-align:top;
	margin-left:4px;
}

#mesh04 {
	display:inline-block;
	width:240px;
	height:360px;
	border:solid 1px #CCCCCC;
	vertical-align:top;
	margin-left:4px;
}

#mesh04_g p{
	  margin:6px 0 0 5px;
}

.mesh_img {
	height: 230px;
	text-align: center;
	margin-top:10px;
}

.mesh_title {
	text-align:center;
	margin:10px 0 10px 0;
}

.mesh_text {
	width:220px;
	margin-right: auto;
	margin-left: auto;
	font-size:12px;
	text-align:left;
}

.mesh_text_big {
	width:460px;
	margin-right: auto;
	margin-left: auto;
	font-size:12px;
	text-align:left;
}

#mesh_pdf {
	  width:220px;
	  height:21px;
	  margin-right: auto;
	  margin-left: auto;
	  text-align:right;
	  position:relative;
}

/* インフォ */ 
#info01 {
	width: 980px;
	/*height:230px;*/
	margin:20px 0px 6px 0px;
}

#info02 {
	width: 734px;
/*	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
*/
	float:left;
}

#info_title {
	width:734px;
}

#info_text {
      width:734px;
      /*height:196px;*/
}

/* バナー */ 
#mesh04_g {
	  width:240px;
	  height:162px;
	  float:right;
	  background-image:url(../img/wall.jpg);
	  background-color:#689A35;
	  padding:0;
}

/* スクロール */
#info_text ul{
	margin: 0 0 0 0;
	height: 190px;
	overflow:auto;
	list-style:none;
	padding-left:5px;
	/*padding-top:5px;*/
}

/* リストスタイル */
#info_text li{
	margin: 0 0 0 0;
	list-style:none;
	background:url(../img/info_bg.jpg) top left no-repeat;
	text-indent:15px;
	font-size: 11px;
	line-height: 37px;
}

#info_text li span{
	display:inline-block;
	color:#339900;
	font-weight:bold;
	padding-right:2em;
}

/* 2カラム */ 
#column_left {
      width:230px;	  
	  float:left;
}

#column_right {
      width:705px;
	  float:right;
}

/* 事業領域 */
#text_right {
      width:690px;
	  text-align:right;
}

#text_left {
      width:690px;
}

#text_center {
      width:690px;
	  text-align:center;
}

#textbox_l {
      width:325px;
	  margin:40px 20px 20px 0;
	  float:left;
}

#textbox_r {
      width:325px;
	  margin:40px 0 20px 20px;
	  float:left;
}

#textbox_l2 {
      width:345px;
	  margin:5px 5px 5px 0;
	  float:left;
}

#textbox_r2 {
      width:345px;
	  margin:5px 0 5px 5px;
	  float:left;
}

#textbox_l3 {
      width:440px;
	  margin:5px 5px 5px 0;
	  float:left;
}

#textbox_r3 {
      width:250px;
	  margin:5px 0 5px 5px;
	  float:left;
}

#textbox_l4 {
      width:455px;
	  margin:5px 10px 5px 0;
	  float:left;
}

#textbox_r4 {
      width:225px;
	  margin:5px 7px 5px 0;
	  text-align:center;
	  float:left;
}

#textbox_r4l {
      width:225px;
	  margin:5px 7px 5px 0;
	  text-align:left;
	  float:left;
}

#picbox_l {
      width:340px;
	  margin:5px 5px 5px 0;
	  text-align:center;
	  float:left;
}

#picbox_r {
      width:340px;
	  margin:5px 0 5px 5px;
	  text-align:center;
	  float:left;
}

#picbox_l2 {
	  margin:5px 5px 5px 0;
	  text-align:center;
	  float:left;
}

#picbox_r2 {
	  margin:5px 0 5px 5px;
	  text-align:center;
	  float:left;
}

/* 実績紹介トップ */

#work_sp {
	line-height:25px;
	font-size:14px;
	margin-bottom:50px;
}

#work_sp img{
	margin-bottom:15px;
}

#work_left {
	width:220px;
	margin-right:20px;
	margin-bottom:50px;
	float:left;
}

#work_right {
	width:220px;
	margin-bottom:50px;
	float:left;
}

/* 実績紹介　中ページ */

ul.work01list {
	margin: 0;
	padding: 0;
	list-style:none;
}

ul.work01list li {
	float: left;
	width: 165px;
	font-size:11px;
	text-indent:14px;
	background:url(../img/work01_02.jpg) left no-repeat;
}

/* テーブル */
/* table幅の指定・隣接するセルのボーダーを重ねて表示 */
.table_wo01 {
        width: 695px;
        border-collapse: collapse;
		margin-left:5px;
}

/* thの指定 */
.table_wo01 th {
        font-weight: normal;
        background-color: #F0F0F0;
        border:1px solid #BFBFBF;
		font-size:11px;
        text-align: center;
		vertical-align:middle;
        padding: 5px;
}

/* tr tdの指定 */
.table_wo01 tr td {
        background-color: #FFFFFF;
        border:1px solid #BFBFBF;
		font-size:11px;
        text-align: left;
		vertical-align:middle;
        padding: 5px;
		line-height:19px;
		height:35px;
}

/* tr tdの幅指定 */
.year {
	width:90px;
	vertical-align:middle;
}

.gyomu {
	width:250px;
}

.hattyu {
	width:115px;
}

.naiyo {
	width:180px;
}

/* 会社概要 */

#company01 {
	width:680px;
	line-height:25px;
	font-size:14px;
	float:left;
	margin-left:10px;
}

#company02 {
	width:680px;
	line-height:25px;
	font-size:14px;
	float:left;
	margin:10px;
	text-align:right;
}

/* テーブル */
.table_com01 {
        width: 695px;
        border-collapse: collapse;
		margin-left:5px;
}

.table_com01 th {
        font-weight: normal;
        background-color: #F3F3F3;
        border:1px solid #CCCCCC;
		font-size:13px;
		color:#000000;
        text-align: center;
        padding: 10px;
}

.table_com01 tr td {
        background-color: #FFFFFF;
        border:1px solid #CCCCCC;
		font-size:13px;
		color:#000000;
        text-align: left;
        padding: 10px;
		line-height:22px;
}



/* 採用情報 */
/* テーブル */
/* table幅の指定・隣接するセルのボーダーを重ねて表示 */
.table_ca01 {
        width: 695px;
        border-collapse: collapse;
		margin-left:5px;
}

/* thの指定 */
.table_ca01 th {
		width:130px;
		font-weight: normal;
        background-color: #F3F3F3;
        border:1px solid #CCCCCC;
		font-size:13px;
		color:#000000;
        text-align: left;
        padding: 10px;
}

/* tr tdの指定 */
.table_ca01 tr td {
        background-color: #FFFFFF;
        border:1px solid #CCCCCC;
		font-size:13px;
		color:#000000;
        text-align: left;
        padding: 10px;
		line-height:22px;
}

/* テーブル */
.table_ca02 {
        width: 695px;
        border-collapse: collapse;
		margin-left:5px;
}

/* thの指定 */
.table_ca02 th {
		width:130px;
        font-weight: normal;
        background-color: #689A35;
        border:1px solid #CCCCCC;
		font-size:13px;
		color:#FFFFFF;
        text-align: left;
        padding: 10px;
}

/* tr tdの指定 */
.table_ca02 tr td {
        background-color: #FFFFFF;
        border:1px solid #CCCCCC;
		font-size:13px;
		color:#000000;
        text-align: left;
        padding: 10px;
		line-height:22px;
}

/* テーブル */
.table_ca03 {
        width: 695px;
        border-collapse: collapse;
		margin-left:5px;
}

/* thの指定 */
.table_ca03 th {
		width:130px;
        font-weight: normal;
        background-color: #F3F3F3;
        border:1px solid #CCCCCC;
		font-size:13px;
		color:#000000;
        text-align: left;
        padding: 10px;
}

/* tr tdの指定 */
.table_ca03 tr td {
        background-color: #FFFFFF;
        border:1px solid #CCCCCC;
		font-size:13px;
		color:#000000;
        text-align: left;
        padding: 10px;
		line-height:22px;
}

/*社屋外観*/
.table_ca04 {
	width: 680px;
        border-collapse: collapse;
		margin:0px;
}

/* thの指定 */
.table_ca04 th {
        font-weight: normal;
        background-color: #FFFFFF;
        border:0px;
		font-size:13px;
        text-align: center;
        padding: 5px;
}

/* tr tdの指定 */
.table_ca04 tr td {
	    width: 320px;
        background-color: #FFFFFF;
        border:0px;
		font-size:13px;
        text-align: center;
        padding: 5px;
}

/* 社会貢献 */
.table_csr01 {
        width: 695px;
        border-collapse: collapse;
		margin-left:5px;
}

.table_csr01 th {
        font-weight: normal;
        background-color: #F3F3F3;
        border:1px solid #CCCCCC;
		font-size:13px;
		color:#000000;
        text-align: center;
        padding: 10px;
		font-weight:bold;
}

.table_csr01 tr td {
        background-color: #FFFFFF;
        border:1px solid #CCCCCC;
		font-size:13px;
		color:#000000;
        text-align: left;
        padding: 10px;
		line-height:22px;
}

#csr_photo01 {
	clear:both;
	width:270px;
	float:left;
}

#csr_photo02 {
	width:270px;
	float:left;
}

#csr_text {
	clear:both;
	width:540px;
	float:left;
	margin-bottom:10px;
}

/* サイトマップ */
ul.sitemap {
	padding-left:10px;
	margin-left:10px;
	font-size:16px;
	line-height:22px;
	list-style:none;
}

ul.sitemap li{
	margin-left:20px;
	text-indent:10px;
	font-size:13px;
	line-height:22px;
	list-style:none;
	background:url(../img/arrow.jpg) left no-repeat;
}

/* ISO */
ol {
	line-height:23px;
	font-size:13px;
}

/*メールフォーム*/
/* table幅の指定・隣接するセルのボーダーを重ねて表示 */
table.mailform {
	width: 600px;
        border-collapse: collapse;
		margin:20px 0px 0px 0px;
}

/* thの指定 */
table.mailform th {
        font-weight: normal;
        background-color: #FFFFFF;
        border:0px;
		font-size:13px;
        text-align: left;
        padding: 5px;
}

/* tr tdの指定 */
table.mailform tr td {
	    width: 450px;
        background-color: #FFFFFF;
        border:0px;
		font-size:13px;
        text-align: left;
        padding: 5px;
}

/*----------------------------------------
 フッター
----------------------------------------*/
/* フッターボックス */ 
#footerbg {
	/*background-image: url(../img/footerbg.jpg);*/
	width:100%;
	min-width:1040px;
} 

#footer {
	/*width: 980px;
	height:363px;*/
	margin:0 auto;
}

/* 社名 */ 
#name {
	/*width: 980px;
	height:39px;
	padding-top:28px;
	font-size:14px;
	line-height:23px;*/
	margin:0 auto;
	padding:18px 0 0;
	border-top:#329900 8px solid;
	border-bottom:#ccc 1px solid;
	text-align:center;
}

.name_span {
	display:block;
	width: 980px;
	margin:0 auto;
	padding-bottom:18px;
	font-size:14px;
	line-height:23px;
	text-align:center;
}

.name_span_child3 {
	padding-bottom:12px;
}

.name_span01 {
	width:330px;
	font-size:13px;
	text-align:left;
}

.name_span02 {
	width:330px;
	font-size:0;
	text-align:left;
}

.name_span .span_1n {
	display:inline-block;
	width:190px;
	font-size:13px;
	text-align:left;
	vertical-align:top;
}

.name_span .span_2n {
	display:inline-block;
	width:140px;
	font-size:13px;
	text-align:left;
	vertical-align:top;
}

/* サイト一覧 */ 
#site {
	width: 978px;
	height:258px;
	margin:0 auto;
}

#sitelist{
      width:163px;
      height:258px;
	  float:left;
}

#sitelist ul{
	margin: 10px 0 0 0;
	list-style:none;
	padding-left:5px;
	padding-top:30px;
}

/* リストスタイル */
#sitelist li.sitelist_t{
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
	list-style:none;
}

#sitelist li.sitelist_text{
	font-size:11px;
	line-height:18px;
	list-style:none;
	text-indent:10px;
	background:url(../img/arrow.jpg) left no-repeat;
}

/* コピーライト */ 
#cr {
	/*width: 980px;
	height:26px;
	padding-top:12px;*/
	border-top:#CCC 2px solid;
}

#cr span {
	display:block;
	width: 980px;
	margin:0 auto;
	font-size:10px;
	line-height:36px;
}

/*追加*/

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

.nofloat{
	overflow:hidden;
	zoom:1;
}

ruby {
	ruby-align: distribute-space;
	ruby-overhang: auto;
	ruby-position: above;
}

.a_block {
	display:block;
}

.left_bottom {
	margin-bottom:18px;
}

.right_title {
	display:block;
	margin-bottom:36px;
}

.right_subtitle {
	display:block;
	margin-bottom:18px;
}

.right_photo_ul {
	list-style:none;
	margin:18px 0 36px;
	padding:5px;
}

.right_photo_ul_li {
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}

.right_photo_ul_li img {
	vertical-align: bottom;
}