@charset "UTF-8";

/*-------------------------------------------------------------------------
	celartem - スタイルリセット、celartemサイト内スタイル共通設定
	Url: http://example.com/
	Date: 2007.07.23
	Copyright: (C) 2006- Celartem Technology Inc. All Rights Reserved.
-------------------------------------------------------------------------*/


/*----------------------------------------------------------------
		リセット
----------------------------------------------------------------*/

/*	共通
----------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	font-style:normal;
	text-align:left;
	font-family:
		"Meiryo",
		"MS PGothic",
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"HiraKakuPro-W3",
		Osaka,
		Sans-Serif;
}

/*	ベース
----------------------------------------------------------*/
body,	input,	textarea{
	background-color:#FFF;
	color:#161616;
}
body{
	font-size:small;
	line-height:1.4;
}
h1, h2, h3, h4, h5, h6, dt{
	font-size:16px;
	line-height:1.1;
}
h2{	line-height:1.8;	}
h2 strong{	color:#a10000;	}
dt{	font-size:14px;	}


/*	リンク
----------------------------------------------------------*/
a:link{	color:#1C53AD; text-decoration:none;	}
a:visited{	color:#1C53AD; text-decoration:none;	}
a:hover, a:visited:hover{	text-decoration:underline;	}
a:active{	color:#1C53AD; text-decoration:underline;	}
a span{	display:none;}

/*	ページ外リンク、ページ内リンク	*/
.linkPage, .linkTop, .linkInquiry{
	margin:5px 0px;
	padding-left:11px;
	line-height:1.2;
	font-size:12px;
	text-indent:0px;
}
.linkPage{
	background:url(../images/shared/mark_arrowR.gif) no-repeat left 2px;
	padding-left:14px;
}
.linkPage_l{

	text-align: right;
	color: #1C53AD;
}


.linkTop{	background:url(../images/shared/mark_arrowT.gif) left top no-repeat;	}
.linkDown{
	background:url(../images/shared/mark_arrowDownS.gif) left 5px no-repeat;
	text-indent:15px;
}
.linkInquiry{
	padding-top:3px;
	background:url(../images/shared/mark_arrowS.gif) left top no-repeat;
}
p.linkPage,
p.linkTop{
	float:right;
	margin:0px 8px 10px 0px;
	padding-left:0px;
	text-indent:14px;
}
p.linkInquiry{
	float:clear;
	padding-top:3px;
	text-indent:6px;
	height:20px;
}
.linkNext, .linkBack{
	margin:0px;
	padding:0px 14px;
	width:60px;
	font-size:12px;
}
.linkNext{	background:url(../images/shared/mark_arrowR.gif) right 2px no-repeat;	}
.linkBack{	background:url(../images/shared/mark_arrowL.gif) left 2px no-repeat;	}

/*	リスト、定義リスト
-----------------------------------------*/
ul,li{
	line-height:1.6;
}
li{	list-style-type:none;	}

ul li a span{	display:none;	}
.listEnd{	border:none;	}

/*	強調
-----------------------------------------*/
em {	font-style:normal;	font-weight:bold;	}
dt em {	font-weight:bold;	}
dt strong {}

	
/*	フォーム	
----------------------------------------------------------*/
fieldset {
	clear:both;
	border:none;
}
legend {	display:none;	}
input { margin-top:2px; font-size:x-small; }
select {	margin:0; font-size:x-small; }
#main select{	padding:3px;	}
textarea { font-size:x-small; }
button {}
/*	ボタン配置	*/
div#main div p.btn{	text-align:center;	}
div#main div p.btn input{ margin-right:5px;	}
/*	その他
----------------------------------------------------------*/
img{	border:0;	}
img.iconOutside{	margin-left:3px;	}



/*--------------------------------------------------------------	
		Container内
----------------------------------------------------------------*/
div#container{
	margin:3px auto;
	width:900px;
	background:url(../images/shared/bg_container.gif) left 5px repeat-y;
}

/*	Header
----------------------------------------------------------*/
div#header{
	background:url(../images/shared/bg_header.gif) left top repeat-x;
	height:80px;
}
div#header h1 a{
	display:block;
	width:160px;
	height:50px;
	background:url(../images/shared/logo_celartem.gif) left top no-repeat;
	z-index:2;
}

/*	タブメニュー	*/
div#header	dl.navi dt{ }
div#header	dl.navi ul.tabMenu{
	position:absolute;
	top:54px;
	width:900px;
	z-index:1;
}
div#header ul li{	float:left;	}
div#header ul li select,
div#header ul li input.inputText{	font-size:12px;	}
div#header dl.navi ul.tabMenu li a{
	display:block;
	height:33px;
	background-image:url(../images/shared/tab_header.gif);
	background-repeat:no-repeat;
}
div#header dl.navi ul.tabMenu li a:hover{	background-image:url(../images/shared/tab_header_on.gif);	}
div#header ul.tabMenu li a.tabMenuProduct,
div#header ul.tabMenu li a:hover.tabMenuProduct{	background-position:0px 0px;	width:113px;	}
div#header ul.tabMenu li a.tabMenuSolution,
div#header ul.tabMenu li a:hover.tabMenuSolution{	background-position:-113px 0px;	width:113px; }
div#header ul.tabMenu li a.tabMenuCaseintoro,
div#header ul.tabMenu li a:hover.tabMenuCaseintoro{	background-position:-225px 0px;	width:113px;	}
div#header ul.tabMenu li a.tabMenuDownload,
div#header ul.tabMenu li a:hover.tabMenuDownload{	background-position:-337px 0px;	width:113px;	}
div#header ul.tabMenu li a.tabMenuFaq,
div#header ul.tabMenu li a:hover.tabMenuFaq{	background-position:-451px 0px;	width:110px;	}
div#header ul.tabMenu li a.tabMenuIr,
div#header ul.tabMenu li a:hover.tabMenuIr{	background-position:-560px 0px;	width:112px;	}
div#header ul.tabMenu li a.tabMenuSalesPart,
div#header ul.tabMenu li a:hover.tabMenuSalesPart{	background-position:-673px 0px;	width:113px;	}
div#header ul.tabMenu li a.tabMenuCompany,
div#header ul.tabMenu li a:hover.tabMenuCompany{	background-position:-785px 0px;	width:113px;	}

/*	グローバルナビ	*/
div#header form#globalNavi{
	position:absolute;
	top:3px;
	margin-left:670px;
	width:230px;
	height:75px;
	text-align:right;
	z-index:0;
}
/*	ガイドナビ	*/
div#header form#globalNavi fieldset#guideNavi{
	width:230px;
	background-image:url(../images/shared/navi_header.gif);
	background-repeat:no-repeat;
}		
div#header form#globalNavi fieldset#guideNavi ul li a{
	display:block;
	height:26px;
	background-image:url(../images/shared/navi_header.gif);
	background-repeat:no-repeat;
}
div#header form#globalNavi fieldset#guideNavi ul li a:hover{	background-image:url(../images/shared/navi_header_on.gif);	background-repeat:no-repeat;	}
form#globalNavi fieldset#guideNavi ul li a#naviSiteMap{	width:63px; background-position:0px 0px;	}
form#globalNavi fieldset#guideNavi ul li a#naviInquiry{	width:70px; background-position:-63px 0px;	}
form#globalNavi fieldset#guideNavi ul li a:hover#naviSiteMap{ 	width:63px; background-position:0px 0px;	}
form#globalNavi fieldset#guideNavi ul li a:hover#naviInquiry{		width:70px; background-position:-63px 0px;	}
form#globalNavi fieldset#guideNavi ul li select{
	margin:3px 0px 0px 0px;
	width:90px;
}
/*	検索	*/
form#globalNavi fieldset#wordSearh{
	padding-left:50px;
	text-align:right;
}
form#globalNavi fieldset#wordSearh input{	float:left;	}
form#globalNavi fieldset#wordSearh input.inputTxt{ width:120px;	}

/*	Main
----------------------------------------------------------*/
div#main{
	float:left;
	padding:8px 0px 50px 8px;
	width:666px;
	min-height:570px;
	background:url(../images/shared/bg_main.gif) left top no-repeat;
}
div p.linkPage,
div p.linkTop{
	clear:both;
	margin-right:30px; 
	text-indent:12px;
}

/*	メイン内要素のセンター配置	*/
div#main div dl,
div#main div ul,
div#main div table{
	margin:20px auto;	
	font-size:small;
}
div#main div h2{
	margin:10px auto 20px;
	padding-top:2px;
	width:658px;
	height:27px;
	background:url(../images/shared/bg_h2_main.gif) left top no-repeat;
	text-indent:35px;
}
div#main div h3{
	text-indent:20px;
	background:url(../images/shared/mark_wLineY.gif) left top no-repeat;	
}

/*	パンくずリスト	*/
p#topicPath{
	margin:5px 10px;
	font-size:12px;
}


/*	Sub
----------------------------------------------------------*/
div#sub{
	float:right;
	padding:9px 0px 3px 7px;
	width:219px;
	min-height:570px;
	background:url(../images/shared/bg_sub.gif) right top no-repeat;
}

/*	サブメニュー	*/
div#sub div.subMenu	{
	padding-top:5px;
}
div#sub div.subMenu	h2{
	margin:0px 0px 10px 2px;
	padding-top:1px;
	background:url(../images/shared/bg_h2_sub.gif) left top no-repeat;
	font-size:14px;
	text-indent:20px;
}
div#sub div.subMenu	h2	span{	display:inline;	}
div#sub div.subMenu dl.linkMenu{	margin:0px;	}
div#sub div.subMenu dl.linkMenu dt{	height:2px;	}	
div#sub div.subMenu dl.linkMenu dt span{	display:none;	}
div#sub div.subMenu dl.linkMenu dd p.partner{
	margin:0 0 5px 0;
	line-height:2;
}	
div#sub div.subMenu dl.linkMenu dd p.partner img{
	margin-right:3px;
	border:1px solid #ccc;
	vertical-align:middle;
}
div#sub div.subMenu dl.linkMenu ul{ margin-bottom:20px;	width:210px;	}
div#sub div.subMenu dl.partner ul{ margin:8px 0;}

div#sub div.subMenu dl.partner dd {
	margin-bottom:35px;
}

div#sub div.subMenu dl.linkMenu ul li{
	margin:0px 0px 5px 2px;
	padding-top:3px;
	width:210px;	
	height:19px;
	background:url(../images/shared/link_menu.gif) no-repeat left center;
	font-size:12px;
	text-indent:22px;
	line-height:1.6;
}
div#sub div.subMenu dl.linkMenu ul li.parent{
	height: auto;
	background:url(../images/shared/link_menu.gif) no-repeat 0 0;
}
div#sub div.subMenu dl.linkMenu ul li.parent li{
	margin:2px 0;
	padding:0 0 0 15px;
	text-indent:0;
	background:url(../images/shared/mark_arrowR.gif) no-repeat left 2px;
}
div#sub div.subMenu dl.linkMenu ul li.parent ul{
	margin:3px 0 5px 10px;
}

div#sub div.subMenu	p{
	padding:0px 5px;
	margin-bottom:10px;
}

div#sub div.subMenu	p.linkPage{	padding:0px;	}
div#sub div.subMenu ul.linkMenu{	margin-bottom:20px;	}
div#sub div.subMenu ul.linkMenu li{	margin:5px 10px;	}

/*	Footer
----------------------------------------------------------*/
div#footer{
	clear:both;
	padding-top:8px;
	width:900px;
	height:48px;
	background:url(../images/shared/bg_footer.gif) left top no-repeat;
}
div#footer	dl.navi{	
	clear:both;
	width:900px;
}
div#footer	dl.navi dt span{	display:none;	}
div#footer dl dd ul{
	width:900px;
	height:18px;
	background:url(../images/shared/bg_navi_footer.gif) left bottom repeat-x;
}
div#footer ul li{	float:left;	}
div#footer ul.tabMenu li a{
	display:block;
	height:18px;
	background-image:url(../images/shared/navi_footer.gif);
	background-repeat:no-repeat;
}
div#footer ul.tabMenu li a:hover{	background-image:url(../images/shared/navi_footer_on.gif);	}
div#footer ul.tabMenu li a.tabMenuHome,
div#footer ul.tabMenu li a:hover.tabMenuHome{	background-position:0px 0px;	width:46px;	}
div#footer ul.tabMenu li a.tabMenuProduct,
div#footer ul.tabMenu li a:hover.tabMenuProduct{	background-position:-46px 0px;	width:53px; }
div#footer ul.tabMenu li a.tabMenuSolution,
div#footer ul.tabMenu li a:hover.tabMenuSolution{	background-position:-98px 0px;	width:77px;	}
div#footer ul.tabMenu li a.tabMenuCaseintoro,
div#footer ul.tabMenu li a:hover.tabMenuCaseintoro{		background-position:-175px 0px;	width:50px;	}
div#footer ul.tabMenu li a.tabMenuDownload,
div#footer ul.tabMenu li a:hover.tabMenuDownload{	background-position:-225px 0px;	width:69px;	}
div#footer ul.tabMenu li a.tabMenuFaq,
div#footer ul.tabMenu li a:hover.tabMenuFaq{	background-position:-294px 0px;	width:38px;	}
div#footer ul.tabMenu li a.tabMenuIr,
div#footer ul.tabMenu li a:hover.tabMenuIr{	background-position:-333px 0px;	width:27px;	}
div#footer ul.tabMenu li a.tabMenuSalesPart,
div#footer ul.tabMenu li a:hover.tabMenuSalesPart{	background-position:-360px 0px;	width:90px;	}
div#footer ul.tabMenu li a.tabMenuCompany,
div#footer ul.tabMenu li a:hover.tabMenuCompany{	background-position:-450px 0px;	width:52px;	}
div#footer ul.tabMenu li a.tabMenuPrivacy,
div#footer ul.tabMenu li a:hover.tabMenuPrivacy{	background-position:-502px 0px;	width:100px;	}
div#footer ul.tabMenu li a.tabMenuRule,
div#footer ul.tabMenu li a:hover.tabMenuRule{	background-position:-602px 0px;	width:52px;	}
div#footer ul.tabMenu li a.tabMenuSitemap,
div#footer ul.tabMenu li a:hover.tabMenuSitemap{	background-position:-654px 0px;	width:65px;	}
div#footer ul.tabMenu li a.tabMenuInquiry,
div#footer ul.tabMenu li a:hover.tabMenuInquiry{	background-position:-719px 0px;	width:75px;	}

/*	アドレス	*/
div#footer address{
	clear:left;
	height:60px;
	background:url(../images/shared/add_copyright.gif) left top no-repeat;
	overflow:auto;
}
div#footer address span{	display:none;	}

/*	お問合せバナー
----------------------------------------------------------*/
div#sub div#contact{
	margin-left: 2px;
}