/* ▼ブラウザリセット
-----------------------------------------------------------------------------  */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
/*a, */address, img, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*line-height: 1;*/
  line-height: 150%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
  
a{/*リンクされた文字*/
    color:000000;
    font-style:normal;
    text-decoration:underline;
}


/* ▼外枠
-----------------------------------------------------------------------------  */
BODY{
  text-align : center;
}
.outline{
  border-top : 1px solid #cccccc;
  border-right : 1px solid #cccccc;
  border-left : 1px solid #cccccc;
  padding-top : 20px;
  padding-right : 20px;
  padding-left : 20px;
  padding-bottom : 10px;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  _width : 890px;
}
/* outline　IE6〜8用 */
*html .outline, *:first-child+html .outline, html>/**/body .outline{
  width : 890px;
}
/* outline　Firefox、Opera、Safari用 */
html:not(:target) .outline{
  width : 850px;
}

/*【Opera9.27以前】※これでも多分利かないので無意味*/
html[lang*=""]:first-child /**/.outline{
	width:850px;}


/* ▼ヘッダー部分
-----------------------------------------------------------------------------  */
.top_logo{
  float : left;
  padding-right : 10px;
  padding-top : 8px;
}
.top_logoside_txt{
  font-size : 18px;
  font-family : HGP明朝E;
  line-height : 20px;
  width : 190px;
  padding-bottom : 1px;
  padding-left : 2px;
  float : left;
}
.top_right_potion{
 float : right;
  margin-top : 15px;
}
.top_right_txt{
  padding-top : 12px;
  padding-left : 15px;
  padding-right : 15px;
  padding-bottom : 7px;
  border-left-width : 2px;
  border-right-width : 2px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : #1332ac;
  border-right-color : #1332ac;
  float : left;
}
.top_right_txt2{
  padding-top : 10px;
  padding-left : 13px;
  padding-right : 15px;
  padding-bottom : 5px;
  border-right-width : 2px;
  border-right-style : solid;
  border-right-color : #1332ac;
  float : left;
}
.top_right_txt3{
  font-size : 10px;
  line-height : 12px;
  float : left;
  padding-top : 1px;
  padding-left : 10px;
}

/* ▼メニュー部分
-----------------------------------------------------------------------------  */
.menu_back{
  background-image : url(img/top_line2.gif);
  background-repeat : repeat-x;
  background-position : center bottom;
  padding-bottom : 5px;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  clear : both;
}
/* SNC追加分*/
.menu_back2{
  background-image : url(img/top_line2.gif);
  background-repeat : repeat-x;
  background-position : center top;
  padding-top : 5px;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  clear : both;
}

/* SNC追加分*/
.menu_span{
	padding:5px;
}
	
/* menu_back　Firefox、Opera、Safari */
html:not(:target) .menu_back{
  padding-top : 15px;
}
.menu_botan{
  padding-left : 22px;
  padding-right : 22px;
  /* 以下保存用・いったんけします
  padding-left : 25px;
  padding-right : 28px;

  background-image : url(img/top_line_tate.gif);
  background-repeat : repeat-y;
  background-position:right;*/
 }

/* SNC追加分・削除
.menu_botan2{
/*padding-left : 26px;

  background-image : url(img/top_line_tate2.gif);
  background-repeat : repeat-y;
  background-position:left;
  }
  */

/* ▼フッター部分
-----------------------------------------------------------------------------  */
.foot_hr{
  background-image : url(img/top_line.gif);
  background-repeat : repeat-x;
  background-position : center bottom;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  width : 892px;
  font-size : 1px;
  line-height : 5px;
  clear : both;
}
.foot{
  font-weight : bolder;
  color : white;
  background-color : #89aef9;
  text-align : center;
  padding-top : 2px;
  padding-bottom : 2px;
  margin-left : auto;
  margin-right : auto;
  font-size : 12px;
  line-height : 14px;
  width : 892px;
}




/* SNC追加分▼取り組み
-----------------------------------------------------------------------------  */

.text{
  font-size:14px;
  width:600px;
  padding-left:25px;
  padding-top:15px;
  padding-bottom:15px;}

/*保存用.text{
  font-size:12px;
  width:550px;
  padding-left:25px;
  padding-top:10px;
  padding-bottom:10px;}*/

.img{
  padding-bottom:10px;}
  
/* SNC追加分▼メンテナンス
-----------------------------------------------------------------------------  */

 ul { list-style-image: url("img/ten.jpg"); }
 
 .img_2{
  padding-left:20px;
  padding-top:5px;}
  
 .text_3{
  font-size:13px;
  width:700px;
  padding-left:20px;
  padding-top:10px;
  padding-bottom:10px;}

/* SNC追加分▼サイトマップ
-----------------------------------------------------------------------------  */
.sitemap{
  font-size: 90%;
  width:660px;
  padding-left:5px;
  padding-top:10px;
  padding-bottom:10px;}
  
a.map {text-decoration:none;}

a.map:hover { background-color:cccccc; }

.style_map {font-size: 14px}

.text_2{
	font-size: 12px;
	/*font-size: 11.5px;*/}

.img3 {
	padding-top:20px;}


	
/* SNC追加分▼会社概要
-----------------------------------------------------------------------------  */
.waku {
	border:1px #999999 solid; 
	}

/*ナビゲーション*/

ul#company-navi{
	height: 27px;
	width: 605px;
	background-image:url(menu-img/bt.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style-type: none;
	display: block;
	float:left;
	margin-top: 0px;
	padding-top:0px;
	}
	
#company-navi li {
	float:left;
	margin: 0px;
	padding:0px;
	text-indent:-9999px;
}

#company-navi a {
	display: block;
	height: 26px;
	background-image: url(menu-img/bt.gif);}

/*----------a---------*/
#company-navi1 a {background-position:0px 0px; width:151px;}
#company-navi2 a {background-position:-151px 0px; width:151px;}
#company-navi3 a {background-position:-302px 0px; width:151px;}
#company-navi4 a {background-position:-453px 0px; width:151px;}
/*----------a:hover---------*/
#company-navi1 a:hover {background-position:0px -27px; width:151px;}
#company-navi2 a:hover {background-position:-151px -27px; width:151px;}
#company-navi3 a:hover {background-position:-302px -27px; width:151px;}
#company-navi4 a:hover {background-position:-453px -27px; width:151px;}


/* SNC追加分▼壁紙を選んでみよう
-----------------------------------------------------------------------------  */

.img2{
  padding-top:10px;
  padding-bottom:10px;
  text-align:center;
  margin-left:25px;}
  
 .select{
  padding-top:15px;
  padding-bottom:30px;
  text-align:center;}
  
  .bt{
  padding-bottom:20px;}
  
  /*機能性ナビゲーション*/

ul#select1-navi{
	height: 235px;
	width: 731px;
	background-image:url(select/img/select_3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style-type: none;
	display: block;
	float:left;
	margin-top: 0px;
	padding-top:0px;
	}
	
#select1-navi li {
	float:left;
	margin: 0px;
	padding:0px;
	text-indent:-9999px;
}

#select1-navi a {
	display: block;
	height: 47px;
	background-image: url(select/img/select_3.gif);}

/*----------a---------*/
#select1-navi1 a {background-position:0px -0px; width:731px;}
#select1-navi2 a {background-position:0px -47px; width:731px;}
#select1-navi3 a {background-position:0px -94px; width:731px;}
#select1-navi4 a {background-position:0px -141px; width:731px;}
#select1-navi5 a {background-position:0px -188px; width:731px;}
/*----------a:hover---------*/
#select1-navi1 a:hover {background-position:-731px -0px; width:731px;}
#select1-navi2 a:hover {background-position:-731px -47px; width:731px;}
#select1-navi3 a:hover {background-position:-731px -94px; width:731px;}
#select1-navi4 a:hover {background-position:-731px -141px; width:731px;}
#select1-navi5 a:hover {background-position:-731px -188px; width:731px;}



 /*色で選ぶナビゲーション*/

ul#dark-navi{
	height: 100px;
	width: 250px;
	background-image:url(select/img/dark_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style-type: none;
	display: block;
	float:left;
	margin-top: 0px;
	padding-top:0px;
	}
	
#dark-navi li {
	float:left;
	margin: 0px;
	padding:0px;
	text-indent:-9999px;
}

#dark-navi a {
	display: block;
	height: 25px;
	background-image: url(select/img/dark_btn.gif);}

/*----------a---------*/
#dark-navi1 a {background-position:0px -0px; width:250px;}
#dark-navi2 a {background-position:0px -25px; width:250px;}
#dark-navi3 a {background-position:0px -50px; width:250px;}
#dark-navi4 a {background-position:0px -75px; width:250px;}
/*----------a:hover---------*/
#dark-navi1 a:hover {background-position:-250px -0px; width:250px;}
#dark-navi2 a:hover {background-position:-250px -25px; width:250px;}
#dark-navi3 a:hover {background-position:-250px -50px; width:250px;}
#dark-navi4 a:hover {background-position:-250px -75px; width:250px;}


ul#medium-navi{
	height: 125px;
	width: 194px;
	background-image:url(select/img/medium_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style-type: none;
	display: block;
	float:left;
	margin-top: 0px;
	padding-top:0px;
	}
	
#medium-navi li {
	float:left;
	margin: 0px;
	padding:0px;
	text-indent:-9999px;
}

#medium-navi a {
	display: block;
	height: 25px;
	background-image: url(select/img/medium_btn.gif);}

/*----------a---------*/
#medium-navi1 a {background-position:0px -0px; width:194px;}
#medium-navi2 a {background-position:0px -25px; width:194px;}
#medium-navi3 a {background-position:0px -50px; width:194px;}
#medium-navi4 a {background-position:0px -75px; width:194px;}
#medium-navi5 a {background-position:0px -100px; width:194px;}
/*----------a:hover---------*/
#medium-navi1 a:hover {background-position:-194px -0px; width:194px;}
#medium-navi2 a:hover {background-position:-194px -25px; width:194px;}
#medium-navi3 a:hover {background-position:-194px -50px; width:194px;}
#medium-navi4 a:hover {background-position:-194px -75px; width:194px;}
#medium-navi5 a:hover {background-position:-194px -100px; width:194px;}


ul#light-navi{
	height: 175px;
	width: 233px;
	background-image:url(select/img/light_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style-type: none;
	display: block;
	float:left;
	margin-top: 0px;
	padding-top:0px;}
	
#light-navi li {
	float:left;
	margin: 0px;
	padding:0px;
	text-indent:-9999px;}

#light-navi a {
	display: block;
	height: 25px;
	background-image: url(select/img/light_btn.gif);}

/*----------a---------*/
#light-navi1 a {background-position:0px -0px; width:233px;}
#light-navi2 a {background-position:0px -25px; width:233px;}
#light-navi3 a {background-position:0px -50px; width:233px;}
#light-navi4 a {background-position:0px -75px; width:233px;}
#light-navi5 a {background-position:0px -100px; width:233px;}
#light-navi6 a {background-position:0px -125px; width:233px;}
#light-navi7 a {background-position:0px -150px; width:233px;}
/*----------a:hover---------*/
#light-navi1 a:hover {background-position:-233px -0px; width:233px;}
#light-navi2 a:hover {background-position:-233px -25px; width:233px;}
#light-navi3 a:hover {background-position:-233px -50px; width:233px;}
#light-navi4 a:hover {background-position:-233px -75px; width:233px;}
#light-navi5 a:hover {background-position:-233px -100px; width:233px;}
#light-navi6 a:hover {background-position:-233px -125px; width:233px;}
#light-navi7 a:hover {background-position:-233px -150px; width:233px;}



ul#white-navi{
	height: 75px;
	width: 160px;
	background-image:url(select/img/white_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style-type: none;
	display: block;
	float:left;
	margin-top: 0px;
	padding-top:0px;}
	
#white-navi li {
	float:left;
	margin: 0px;
	padding:0px;
	text-indent:-9999px;}

#white-navi a {
	display: block;
	height: 25px;
	background-image: url(select/img/white_btn.gif);}

/*----------a---------*/
#white-navi1 a {background-position:0px -0px; width:160px;}
#white-navi2 a {background-position:0px -25px; width:160px;}
#white-navi3 a {background-position:0px -50px; width:160px;}
/*----------a:hover---------*/
#white-navi1 a:hover {background-position:-160px -0px; width:160px;}
#white-navi2 a:hover {background-position:-160px -25px; width:160px;}
#white-navi3 a:hover {background-position:-160px -50px; width:160px;}



ul#accent-navi{
	height: 50px;
	width: 250px;
	background-image:url(select/img/accent_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style-type: none;
	display: block;
	float:left;
	margin-top: 0px;
	padding-top:0px;}
	
#accent-navi li {
	float:left;
	margin: 0px;
	padding:0px;
	text-indent:-9999px;}

#accent-navi a {
	display: block;
	height: 25px;
	background-image: url(select/img/accent_btn.gif);}

/*----------a---------*/
#accent-navi1 a {background-position:0px -0px; width:250px;}
#accent-navi2 a {background-position:0px -25px; width:250px;}
/*----------a:hover---------*/
#accent-navi1 a:hover {background-position:-250px -0px; width:250px;}
#accent-navi2 a:hover {background-position:-250px -25px; width:250px;}

/* SNC追加分▼トキワのモノづくり
-----------------------------------------------------------------------------  */

/*ナビゲーション*/

ul#kabegami-navi{
	height: 53px;
	width: 606px;
	background-image:url(menu-img/m-btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style-type: none;
	display: block;
	float:left;
	margin-top: 0px;
	padding-top:0px;
	}
	
#kabegami-navi li {
	float:left;
	margin: 0px;
	padding:0px;
	text-indent:-9999px;
}

#kabegami-navi a {
	display: block;
	height: 26px;
	background-image: url(menu-img/m-btn.gif);}

/*----------a---------*/
#kabegami-navi1 a {background-position:0px 0px; width:202px;}
#kabegami-navi2 a {background-position:-202px 0px; width:202px;}
#kabegami-navi3 a {background-position:-404px 0px; width:202px;}
#kabegami-navi4 a {background-position:0px -26px; width:202px;}
#kabegami-navi5 a {background-position:-202px -26px; width:202px;}
#kabegami-navi6 a {background-position:-404px -26px; width:202px;}
/*----------a:hover---------*/
#kabegami-navi1 a:hover {background-position:0px -53px; width:202px;}
#kabegami-navi2 a:hover {background-position:-202px -53px; width:202px;}
#kabegami-navi3 a:hover {background-position:-404px -53px; width:202px;}
#kabegami-navi4 a:hover {background-position:0px -79px; width:202px;}
#kabegami-navi5 a:hover {background-position:-202px -79px; width:202px;}
#kabegami-navi6 a:hover {background-position:-404px -79px; width:202px;}