@charset "utf-8" ;

/*
============================================================
	base.css
	*This document validates as CSS level 3
	
	CSS構成: 基本定義（リセット＆再定義）
	
	-----------------------------------------------------
============================================================
*/


/* ///////////////////////////////////////////////////////////////// 基本定義（前頁共通）*/

/* -- HTML -- */
html {
	color : #333333 ;
	overflow-y : scroll ; /* firefoxスクロールバー対応 */
}


/* -- BODY -- */
body {
	font : 62.5% Osaka, "ＭＳ Ｐゴシック", sans-serif ; /* 10px 相当 */
	margin : 0 auto 0 auto ; /* 中央配置 */
	padding : 0 ;
	text-align : center ; /* IE5 older 中央配置 */
	
	/*behavior : url("../js/csshover.htc") */
}

	/* for IE7 */
	/**+html body { font-family : "メイリオ", "ＭＳ Ｐゴシック" ;	}*/

	/* for safari */
	html:\66irst-child body { font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif ; }





/* ///////////////////////////////////////////////////////////////// OTHER TAGS */

/* --- [ リセット ] --- */
div, pre, p, div, blockquote, form, 
dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5, h6,
table, th, td {
	margin : 0 ;
	padding : 0 ;
}


/* --- [ 見出し ] --- */
h1, h2, h3, h4, h5, h6 {
	font-weight : normal ;
	font-size : 1.0em ; /* 12px */
}



/* --- [ 段落 ] --- */
p {
	font-size : 1.2em ; /* 14px */
	line-height : 1.2 ;
	text-align : justify ;
	text-justify : inter-ideograph ;
}



/* --- [ テーブル ] --- */
table {
	border-spacing : 0 ;
	font-size : 1.2em ; /* 12px */
}
	/* for IE6 and 7 */
	* html table,
	*:first-child+html table { border-collapse : collapse ; } /* 枠線結合 */
	
caption, th {
	text-align : left ;
	font-weight : normal ;
}
table, th, td { border : none ; }



/* --- [ 画像・引用・略語 ] --- */
img {
	vertical-align : top ;
	border : none ;
}
embed, object { vertical-align : baseline ; }

q:before, q:after { content : '' ; }
acronym,abbr { cursor : help ; }




/* --- [ リスト ] --- */
ol,ul {
	list-style : none ;
	font-size : 1.2em ; /* 12px */
}
dl { font-size : 1.2em ; } /* 12px */
li,li { font-size : inherit ; } /* 入れ子フォントサイズ */

ul p, ol p { font-size : 1em ; }


/* --- [ フォーム ] --- */
form {
	font-size : 1.2em ;
	font-family : inherit ;
}
option { padding : 0 2px ; } /* firefox用 */
*+html option{ padding: 0 ;} /* for IE7&Opera */
* html option{ padding : 0 ; } /* for IE6 */

input[type="checkbox"],   
input[type="radio"] { vertical-align : text-bottom ; }
	/* for IE 6 */
	* html input.checkbox,   
    * html input.radio { vertical-align : -0.2em ; } 



fieldset {
	border : solid 1px #cccccc ;
	padding : 0 1em ;
}



/* --- [ その他 ] --- */

/* 区切り */
hr {
	display : block ;
	height : 2px ;
	border : 1px -moz-bg-inset ;
}

/* アドレス・強調 */
address, em { font-style : normal ; }
.normal { font-weight : normal ; } 


/* コード・出力関係 */
cite, code, dfn, var { font-style : normal ; } 
code, samp, pre { font-family: "Courier New", Courier, monospace; }




/* --- [ リンク ] --- */
a {
	cursor : pointer ;
	color : #006699 ; 
	text-decoration:underline ;
} 
a:link {  }
a:visited { }
a:hover {
	text-decoration : underline ;
	color : #0080B4 ; 
} 
a:active {  }
a:focus {  }

/*---- [ 汎用利用クラス ] -----------------------------------------------*/
.clear { clear : both ; }

.bold { font-weight : bold ; }
.italic { font-style : italic ; }

.no_border { border : none ; }
.nowrap { white-space : nowrap ; }

hr.clear {
  clear : both ;
  padding-bottom : 1px ;
  margin-bottom : -1px ;
  width : 100% ;
  height : 1px ;
  border : none ;
  visibility : hidden ;
}

/* 左右配置 */
.Left_box,
.Left_item { float : left ; }
.Right_box,
.Right_item { float : right ; }

/* 水平配置 */
.A_Left { text-align : left ; }			/* 左 */
.A_Center { text-align : center ; }		/* 中 */
.A_Right { text-align : right ; }		/* 右 */


/* 垂直配置 */
.V_Top { vertical-align : top ; }			/* 上 */
.V_Middle { vertical-align : middle ; }		/* 中 */
.V_Bottom { vertical-align : bottom ; }		/* 下 */

/* フォントサイズ */
.p_size12 {font-size:1.2em;}
.p_size14 {font-size:1.4em;}


/* 文章 */
.comment{
	margin:6px 0 10px 0;
}
.comment p{
	font-size:1.4em;
	line-height:160%;
	margin:0 7px;
}


/*---- [ BOXカラムの回り込み解除 ] -----------------------------------------------*/
.BoxColumn02,
.BoxColumn03,
.BoxColumn04{
	zoom : 1 ; /*for IE 5.5-7*/
}

.BoxColumn02:after,
.BoxColumn03:after,
.BoxColumn04:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
* html .BoxColumn02:after,
* html .BoxColumn03:after,
* html .BoxColumn04:after{
	display : inline-table ;
	/*\*/display : block ;/**/
}

/*----[ CLEARFIX ]-----------------------------------------------*/
.clearfix{
	zoom : 1 ; /*for IE 5.5-7*/
}
.clearfix:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
* html .clearfix{
	display : inline-table ;
	/*\*/display : block ;/**/
}


/*-----------------------------------------------------------------------------------------------------
            ページ全体＆トップページ
-------------------------------------------------------------------------------------------------------*/
#header ul,
#wrapper,
#t_wrapper,
#tec,
#tec .box,
.box{
	zoom : 1 ; /*for IE 5.5-7*/
}

#header ul:after,
#t_wrapper:after,
#wrapper:after,
#tec:after,
#tec .box:after,
.box:after{/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}

* html #header ul,
* html #t_wrapper,
* html #wrapper,
* html #tec,
* html #tec .box,
*html .box{
	display : inline-table ;
	/*\*/display : block ;/**/
}

/*-----------------------------------------------------------------------------------------------------
            お知らせ
-------------------------------------------------------------------------------------------------------*/
#info .box{
	zoom : 1 ; /*for IE 5.5-7*/
}

#info .box:after{/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}

* html #info .box{
	display : inline-table ;
	/*\*/display : block ;/**/
}

/*-----------------------------------------------------------------------------------------------------
            会社概要
-------------------------------------------------------------------------------------------------------*/

#outline li,
#recruit table td,
#history ul li,
#access h4{
	zoom : 1 ; /*for IE 5.5-7*/
}

#outline li:after,
#recruit table td:after,
#history ul li:after,
#access h4:after{/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}

* html #outline li,
* html #recruit table td,
*html #history ul li,
*html #access h4{
	display : inline-table ;
	/*\*/display : block ;/**/
}



/*-----------------------------------------------------------------------------------------------------
            商品・技術紹介
-------------------------------------------------------------------------------------------------------*/
#prod_menu,
#products .thumbBox,
#products .BoxColumn02,
#products #prod01_menu,
#products .box,
#rent_menu,
#system .box .icon,
#weather ul#weather_menu,
#weather .btBox,
#laser .box,
#donguri .comment{
	zoom : 1 ; /*for IE 5.5-7*/
}

#products .thumbBox:after,
#prod_menu:after,
#products .BoxColumn02:after,
#products #prod01_menu:after,
#products .box:after,
#rent_menu:after,
#system .box .icon:after,
#weather ul#weather_menu:after,
#weather .btBox:after,
#laser .box:after,
#donguri .comment:after{/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}

* html #products .thumbBox,
* html #prod_menu,
*html #products .BoxColumn02,
*html #products #prod01_menu,
*html #products .box,
*html #rent_menu,
*html #system .box .icon,
*html #weather ul#weather_menu,
*html #weather .btBox,
*html #laser .box,
*html #donguri .comment{
	display : inline-table ;
	/*\*/display : block ;/**/
}


/*-----------------------------------------------------------------------------------------------------
            商品・技術紹介
-------------------------------------------------------------------------------------------------------*/

#link ul li{
	zoom : 1 ; /*for IE 5.5-7*/
}

#link ul li:after{/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}

* html #link ul li{
	display : inline-table ;
	/*\*/display : block ;/**/
}






/*-----------------------------------------------------------------------------------------------------
            レイアウト
-------------------------------------------------------------------------------------------------------*/

#header{
	display:none;
}

#side{
	display:none;
}
#mainimg{
	display:none;
}
#pan{
	display:none;
}
#contents{
	width:664px;
	margin:0 auto;
	text-align:left;
}
#go_top{
	display:none;
}
#footer{
	display:none;
}


/*---------------------------------------------------
            会社概要
-----------------------------------------------------*/
#outline{}
#outline .comment p img{
	display:block;
	margin:12px 0 22px 0;
}

#outline ul{
	font-size:1.4em;
	border-top:1px dotted #999999;
	margin:14px 0 30px 0;
}
#outline #print_ul{
	margin-bottom:500px;
}

#outline ul li{
	/* cleafix.css対応 */
	display:block;
	padding:8px 4px;
	border-bottom:1px dotted #999999;
}

#outline ul li h4{
	width:66px;
	float:left;
	padding:0 0 0 18px;
	background:url(../img/icon04.gif) 2px center no-repeat;
	font-weight:600;
}
#outline ul li h4 a{
	color:#333333;
	text-decoration:none;
}
#outline ul li h4 a:hover{
	text-decoration:underline;
}



#outline ul li h5{
	width:82px;
	float:left;
	color:#006699;
	font-weight:600;
	padding:0 0 0 2px;
}

#outline ul li span{
	width:556px;
	float:left;
	border-left:1px dotted #999999;
	padding:0 0 0 8px;
}
#outline .A_Center{
	margin:20px auto 30px auto;
}

/*---------------------------------------------------
            アクセス
-----------------------------------------------------*/
#access{}
#access ul{
	font-size:1.4em;
}

#access h4{
	/* cleafix.css対応 */
	display:block;
	padding:8px 4px;
	font-size:1.4em;
	font-weight:400;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
	margin:14px 0 8px 0;
}

#access h4 strong{
	width:66px;
	float:left;
	padding:0 0 0 18px;
	background:url(../img/icon04.gif) 2px center no-repeat;
	font-weight:600;
}
#access h4 span{
	width:556px;
	float:left;
	border-left:1px dotted #999999;
	padding:0 0 0 8px;
}

#access #map,
#access #map02,
#access #map03{
	width:662px;
	height:380px;
	border:1px solid #DDDDDD;
	margin:0 0 44px 0;
}
#access p{
	line-height:120%;
}
#access p strong{
	display:block;
	color:#006699;
	font-size:1.2em;
	margin:0 0 4px 0;
	padding:3px 0 3px 6px;
	border-left:4px solid #006699;
}

#access h4#jouetsu{
	margin:50px 0 0 0;
}

/*---------------------------------------------------
            理念・沿革
-----------------------------------------------------*/
#history{}

#history ul{
	margin:10px 7px 0 7px;
	font-size:1.4em;
}
#history ul li{
	/* clearfix.css対応 */
	display:block;
	padding:4px 2px;
	border-bottom:1px dotted #CCCCCC;
	line-height:130%;
}
#history ul li strong{
	width:130px;
	float:left;
	font-weight:600;
	display:block;
	color:#444444;
}
#history ul li span{
	width:512px;
	float:left;
	display:block;
}

/*---------------------------------------------------
            社長挨拶
-----------------------------------------------------*/
#president{}
#president .comment{
	margin-top:10px;
}

#president .comment .Right_item{
	margin:0 10px 10px 10px;
}
#president .comment p{
	margin:0 0 12px 0;
}

/*---------------------------------------------------
            業務内容
-----------------------------------------------------*/
#department{
}
#department h4{
	margin:18px  6px 7px;
}
#department ul{
	margin:4px 4px 8px 4px;
	padding:4px 0 0 0;
	border-top:1px dotted #CCCCCC;
}
#department ul li{
	display:block;
	padding:4px 0 4px 22px;
	border-bottom:1px dotted #CCCCCC;
	background:url(../img/icon06.gif) 6px center no-repeat;
}
#department span{
	padding:0 0 0 7px;
}
#department h5{
	margin:20px 4px 8px 4px;
	padding:6px 0px;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
}
#department .comment{
	margin-bottom:12px;
}
#department .comment h4{
	margin:5px 0 0 7px;
	padding:0 0 5px 0;
	border-bottom:1px dotted #CCCCCC;
}
#department .box{
	text-align:center;
	border:1px dotted #DAC8A3;
	margin:0 7px 28px 7px;
	padding:8px 8px 5px 8px;
	background:#FFFFEE;
}
#department .box img{
	margin:3px 3px 6px 3px;
}