@charset "utf-8";

/**
 * HTML
 */

*{
	margin: 0px;
	padding: 0px;
}

html,body{
	text-align: center;
}

body{
	color: #454545;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #0099cc;
}

p,li{
	line-height: 150%;
}

a{
	color: #0066CC;
}

img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/**
 * レイアウト
 */

#wrapper{
	text-align: left;
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(../img/bg_wrapper.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#container{
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	background-image: url(../img/bg_container.jpg);
	background-repeat: no-repeat;
	padding: 20px;
}

/*--メイン--*/
#main{
	width: 630px;
	float: left;
}
/*--サイドバー --*/
#sidebar{
	width: 220px;
	float: right;
}

/*--2カラム--*/
.twoCol{
	overflow: hidden;
}

/**
 * ヘッダー
 */

#header{
	height: 120px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#hTop{
	overflow: hidden;
	height: 80px;
}

#hLogo{
	width: 150px;
	float: left;
	margin-top: 17px;
}
#hNavi{
	width: 500px;
	float: right;
	margin-top: 5px;
}
#hNavi h1{
	font-size: 12px;
	text-align: right;
}

/**
 * 検索フォーム
 */

#globalSearch{
	background-image: url(../img/bg_search_bar.jpg);
	background-repeat: no-repeat;
	float: right;
	margin-top: -34px;
	width: 320px;
	height: 34px;
	text-align: right;
}
#globalSearch form{
	padding-top: 6px;
	padding-right: 20px;
}
#globalSearch .inputText{
	border: 1px solid #CCCCCC;
	padding: 2px;
	width: 200px;
	font-size: 100%;
}
#globalSearch .sbm{
}

/**
 * グローバルナビゲーション
 */

#globalNavi{
	clear: both;
	width: 900px;
}
#globalNavi ul{
	width: 900px;
	height: 40px;
	background-image: url(../img/globalNavi.jpg);
	background-repeat: no-repeat;
}
#globalNavi li{
	float: left;
	list-style-type: none;
}

#globalNavi li a{
	text-indent: -9999px;
}

/*--ホーム--*/
#globalNavi li.gnHome a{
	width: 100px;
	height: 40px;
	display: block;
}
.toppage #globalNavi li.gnHome a,
#globalNavi li.gnHome a:hover{
	background-image: url(../img/globalNavi_on.jpg);
	background-repeat: no-repeat;
}

/*--ご案内--*/
#globalNavi li.gnGuide a{
	width: 120px;
	height: 40px;
	display: block;
}
.guide #globalNavi li.gnGuide a,
#globalNavi li.gnGuide a:hover{
	background-image: url(../img/globalNavi_on.jpg);
	background-repeat: no-repeat;
	background-position: -100px;
}

/*--製品情報--*/
#globalNavi li.gnProduct a{
	width: 120px;
	height: 40px;
	display: block;
}
.product #globalNavi li.gnProduct a,
#globalNavi li.gnProduct a:hover{
	background-image: url(../img/globalNavi_on.jpg);
	background-repeat: no-repeat;
	background-position: -220px;
}

/*--サポート--*/
#globalNavi li.gnSupport a{
	width: 120px;
	height: 40px;
	display: block;
}
.support #globalNavi li.gnSupport a,
#globalNavi li.gnSupport a:hover{
	background-image: url(../img/globalNavi_on.jpg);
	background-repeat: no-repeat;
	background-position: -340px;
}

/*--お問い合わせ--*/
#globalNavi li.gnContact a{
	width: 130px;
	height: 40px;
	display: block;
}
.contact #globalNavi li.gnContact a,
#globalNavi li.gnContact a:hover{
	background-image: url(../img/globalNavi_on.jpg);
	background-repeat: no-repeat;
	background-position: -460px;
}




/**
 * フッター
 */

#footer{
	clear: both;
	width: 100%;
	background-color: #0099cc;
	background-image: url(../img/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #ffffff;
	bottom: 0px;
}
#fNavi{
	font-size: 12px;
	margin-bottom: 10px;
}
#fNavi ul{
	text-align: center;
}
#fNavi li{
	display: inline;
	list-style-type: none;
	margin-right: 5px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
#fNavi li a{
	text-decoration: none;
	color: #ffffff;
}
#fNavi li a:hover{
	text-decoration: underline;
}
#footer address{
	font-size: 12px;
	font-style: normal;
	text-align: center;
}

/**
 * パンくず
 */

.panList{
	margin-bottom: 10px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.panList ul{
}
.panList li{
	display: inline;
	margin-right: 5px;
}
.panList a{
	background-image: url(../img/icn_panlist.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
	text-decoration: underline;
}