@import "reset.css";
@import "fonts.css";
@charset "UTF-8";
/*-----------------------------------------------------------------------------
Primary Style Sheet
-----------------------------------------------------------------------------*/
html {
	width:100%;
	height:100%;
}
body {
	width:100%;
	height:100%;
	/*color:#333333;*/
	/*color:#00011d;*/
	color:#00011d;
	background: url(../image/bg.gif) repeat;/*background-color:#YELLOW;*/
}
#copyArea {
	width: auto;
	margin: 0px auto 10px;
	height:20px;
	padding:0px;
	/*font-family: "Courier New", "Courier", "monospace";*/
	background: url(/shared/imgs/foot_copy.gif) no-repeat;
	/*background: url(../imgs/foot_copy.gif) no-repeat;*/
	text-indent:-9999px;
}
p {
	margin:6px 0;
	line-height:1.5em;
}
a {
	text-decoration:none;
	cursor:pointer;
	color:#00011d;
}
a:link {
	color:#00011d;
}
a:visited {
	color:#333333;
}
a:hover {
	text-decoration:none;
	color:#333333;
}

p a {
	padding:0 2px;
	text-decoration:none;
	cursor:pointer;
}
img {
	margin:0;
	padding:0;
	border:none;
}
.iepngfix {
 behavior: expression(IEPNGFIX.fix(this));
}
/* Conteiner ----------------------------------------------------------------*/
#container {
	visibility: hidden;
	position:relative;
	display:block;
	width: 756px;
	padding:0;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container-inner {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
}
/* --------------------------------------------------------------------------*/
/* header -------------------------------------------------------------------*/
#header {
}
/* --------------------------------------------------------------------------*/
/* pagebody -----------------------------------------------------------------*/
#pagebody {
	position:relative;
	left:0;
	height:1px;
}
#grid {
	position:absolute;
	width:auto;
	left:0;/* hack for win ie6 */
}
#grid_head {
	position:absolute;
	width:auto;
	left:0;/* hack for win ie6 */
}
#grid div.column_over {
	cursor:pointer;
}
/* 全体のBOXに関しての設定 */
#grid div.item {
	position:absolute;
	width:190px;
	text-align:left;
	background-color: #fff;
	padding-top: 10px;
}
/* グローバルメニューに関しての設定 */


#grid div.item div.body {
	line-height: 1.2em;
	padding-bottom: 10px;
}
#grid div.item div.body .image {
	width: 170px;
	margin: 0px 10px 0px 10px;
}
#grid div.item_double {
	position:absolute;
	width:390px;
	text-align:left;
	background-image: url(../image/margin_line_bg.gif);
	background-repeat: repeat;
	background-position: left top;
	padding-top: 15px;
}
#grid div.item_double #copybg {
	height:20px;
	margin-top:-15px;
	background-color:#ffffff;
}
#grid div.item div.body_double {
	line-height: 1.2em;
	padding-bottom: 0px;
}
#grid div.item div.body_double .image {
	width: 356px;
	margin: 0px 10px 0px 10px;
}
/* サムネール */
#grid div.item div.body .thumbnail {
	width: 170px;
	margin: 0px 10px 0px 10px;
}
/* タイトル */
#grid div.item div.body .title {
	font-size:85%;
	font-weight:bold;
	width: 170x;
	margin: 12px 10px 10px 10px;
}
/* 本文 */
#grid div.item div.body .description {
	font-size:65%;
	width: 170px;
	margin: 0px 10px 0px 10px;/*color: #00011d;*/
}
/* プロダクトナンバー */
#grid div.item div.body .pronum {
	font-size:60%;
	width: 170px;
	/*height:12px;*/
	margin: 0px 10px 0px 10px;
	padding-top:3px;
	/*text-align:left;*/
	/*color: #00011d;*/
	/*border-top: 1px dotted #00011d;*/
	/*background: url(/products/imgs/line2.gif) repeat;*/
}
/* カテゴリー */
#grid div.item div.body .catego {
	font-size:60%;
	width: 170px;
	/*height:12px;*/
	margin: 2px 10px 0px 10px;
	padding-top:0px;
	/*text-align:left;*/
	/*color: #00011d;*/
	/*border-top: 1px dotted #00011d;*/
	/*background: url(/products/imgs/line2.gif) repeat;*/
	
}
/* プレビュー */
#grid div.item div.body .prev {
	width: 170px;
	margin: 0px 10px 0px 10px;
	padding-top:2px;
	padding-bottom: 0px;
	text-align:right;
	/*border-top: 1px dotted #00011d;*/
}

/* ドットライン */
#grid div.item div.body .lines {
	width: 170px;
	margin: 0px 10px 0px 10px;
	padding:0px;
}



/* ロゴまわり -----------------------------------------------------------------*/
#grid #company_logo {
	background-color:#ffffff;
	background-repeat: repeat;
	background-position: left top;
	height:250px;
}
#grid #company_logo .body {
	padding-left: 0px;
}
#grid #company_logo .body .boxT1 {
	width:190px;
	height:17px;
	margin: 2px auto 0px;
	background-color:#ffffff;
	float:center;
	text-align:center;
	margin-bottom:13px;
}
#grid #company_logo .body .logo {
	width:190px;
	margin: 45px auto 0px;
	/*padding-left: 21px;*/
	float:center;
	text-align:center;
}
/* ドロップメニュー関係----------------------------------------------------------*/

.boxT3 {
	width:180px;
	height:26px;
	margin: -6px 0px 0px 10px;
	/*height:30px;*/
	float:left;
	text-align:center;
}
.boxT3_2 {
	width:180px;
	margin: -6px 0px 0px 13px;
	height:26px;
	float:left;
	text-align:center;
}
.sidebox {
	width:17px;
	height:17px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
/* RSS関係 -----------------------------------------------------------------*/

#grid #toRss {
	width:190px;
	height:32px;
}
#grid #toRss .body {
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
}
.boxT2 {
	width: 160px;
	height:30px;
	background-color:#ffffff;
	margin: 0px 0px 0px 0px;
	margin: 2px 0px 0px 10px;
}
/*.boxT2 img {
	width:142px;
	height:17px;
	margin: 0px auto 0px;
}*/

/* グローバルの設定-----------------------------------------------------------------*/

#grid #site_copy {
	margin: 0px 0px 0px 0px;
	padding-left: 0px 0px 0px 0px;
	z-index:200;
}
#grid #site_copy .body_double {
	padding: 0px;
	height:34px;
	margin-top:-7px;
	/*background-color:#ffffff;*/
}


/*html:\66irst-child #grid #site_copy .body_double {
	padding: 0px;
	height:31px;
	margin-top:-4px;
} */

/* safari only Hack \*/  
body:first-of-type #grid #site_copy .body_double {
	padding: 0px;
	height:30px;
	margin-top:-3px;
} 





.copyright {
	background-image: url(../image/campany_copyright.gif);
	height: 11px;
	width: 274px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	font-size: 0%;
	line-height: 0%;
}
/* menu -----------------------------------------------------------------*/
#grid #menu {
	margin-top: 26px;
}
#grid #menu .menu_layout {
	margin-top: 16px;
}
*html #grid #menu .menu_layout {/*forIE6*/
	margin-top: 13px;
}
#grid #menu #menu_home a {
	background-image: url(../image/menu_1.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 13px;
	width: 58px;
	font-size: 0%;
	line-height: 0%;
}
#grid #menu #menu_home a:hover {
	background-position: 0px -13px;
}
#grid #menu #menu_about a {
	background-image: url(../image/menu_2.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 13px;
	width: 58px;
	font-size: 0%;
	line-height: 0%;
}
#grid #menu #menu_about a:hover {
	background-position: 0px -13px;
}
#grid #menu #menu_works a {
	background-image: url(../image/menu_3.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 13px;
	width: 61px;
	font-size: 0%;
	line-height: 0%;
}
#grid #menu #menu_works a:hover {
	background-position: 0px -13px;
}
#grid #menu #menu_recruit a {
	background-image: url(../image/menu_4.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 13px;
	width: 65px;
	font-size: 0%;
	line-height: 0%;
}
#grid #menu #menu_recruit a:hover {
	background-position: 0px -13px;
}
#grid #menu #menu_rejector a {
	background-image: url(../image/menu_5.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 80px;
	font-size: 0%;
	line-height: 0%;
}
#grid #menu #menu_rejector a:hover {
	background-position: 0px -16px;
}
/* company_contact -----------------------------------------------------------------*/
#grid #company_contact .body {
	padding-left: 16px;
}
#grid #company_contact .contact {
	background-image: url(/shared/imgs/head_logo.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 160px;
}
#grid #company_contact .contact a:hover {
	background-position: 0px -30px;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;/*z-index: 1;*/
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0;
	height: 100%;
	background: #ddd;
}
.jScrollPaneDrag {
	position: absolute;
	background: #999;
	cursor: pointer;
	overflow: hidden;
	right: 0;
}
.jScrollPaneDrag:hover {
	background: #666;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}