@charset "utf-8";



/**/



/*

-------------------------------------------

###########################################

date: 2007/4

author: uk+

###########################################

-------------------------------------------

*/



/* format

=========================================*/

* { margin: 0; padding: 0; }

option { padding-right: 0.5em; } /* ユニバーサルセレクタリセットをするとselectboxの右側が切れてしまう為 */

img { border: none; vertical-align: bottom; }

ol,ul,li,dl,dt,dd { list-style-type: none; }

hr,legend { display: none; }

fieldset { border: none; }

address,em { font-style: normal; }

input,textarea { font-size: 1em; }

table,td,th{ border-collapse: collapse; empty-cells: show; font-size: 1em; }

html { overflow: -moz-scrollbars-vertical !important; } /* fxでスクロールバーの非表示によるずれ回避 */



/* clearfix

=========================================*/

/* floatした要素の親要素が高さを認識できない場合 */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }



/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */



/* body

=========================================*/

body {

font: 12px/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,

"メイリオ",Meiryo,"Trebuchet MS",Verdana,"ＭＳ Ｐゴシック",sans-serif;

background: #fff url(../img/bg_body.gif) repeat-x;

color: #333;

text-align: center;

}

* html body { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}



/* link color

=========================================*/

/* Hides from IE-mac \*/

a { overflow: hidden;}

/* End hide from IE-mac */

a:link { color: #0C5F95; text-decoration: underline;}

a:visited { color: #0C5F95; text-decoration: underline;}

a:hover { color: #33AFCF; text-decoration: none;}

a:active { color: #33AFCF; text-decoration: none;}



/* page-break

=========================================*/

.page-break { page-break-before: always;}



/*

-------------------------------------------

###########################################

 全体のレイアウト

###########################################

-------------------------------------------

*/



#wrap-container {

	width: 801px;

	margin: 0 auto;

	text-align: left;

	position: relative;

}



#wrap-contents {

	background: #fff url(../img/bg_contents.gif) repeat-y;

	background-position: left;

}

#wrap-contents #wrap-sidecontents {

	text-align: center;

	width: 210px;

	float: left;

}

#wrap-contents #wrap-maincontents {

	width: 572px;

	float: right;

}



#wrap-footer {

	margin: 10px 0 0;

	padding: 15px 0 0;

	font-size: 10px;

	text-align: center;

	background: url(../img/bg_footer.gif) repeat-x;

}



/*

-------------------------------------------

###########################################

 ヘッダー

###########################################

-------------------------------------------

*/

#wrap-container h1 a {

	display: block;

	position: absolute;

	left: -42px;

	top: 0;

	text-indent: -9999px;

	background: transparent url(../img/logo.gif) no-repeat;

	width: 247px;

	height: 93px;

}



#wrap-container h2 {

	font-weight: normal;

	font-size: 10px;

	line-height: 19px;

	height: 19px;

	text-align: right;

}



#wrap-container ul.subNav {

	font-size: 10px;

	height: 20px;

	margin: 0 0 0 205px;

}

#wrap-container ul.subNav li {

	float: right;

}

#wrap-container ul.subNav li a {

	display: block;

	line-height: 20px;

	margin: 0 0 0 10px;

	padding: 0 0 0 12px;

	background: url(../img/nav_sub_icon.gif) no-repeat;

	color: #fff;

	text-decoration: none;

}

#wrap-container ul.subNav li a:link { background-position: left center;}

#wrap-container ul.subNav li a:visited { background-position: left center;}

#wrap-container ul.subNav li a:hover { background-position: 2px center;}

#wrap-container ul.subNav li a:active { background-position: 2px center;}



/*

-------------------------------------------

###########################################

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

###########################################

-------------------------------------------

*/



#wrap-container ul.globalNav {

	margin: 0 0 0 205px;

}

#wrap-container ul.globalNav li {

	float: left;

}

#wrap-container ul.globalNav li a {

	display: block;

	height: 54px;

	text-indent: -9999px;

}

#wrap-container ul.globalNav li#nav01 a {

	background: url(../img/nav_01.gif) no-repeat;

	width: 105px;

}

#wrap-container ul.globalNav li#nav02 a {

	background: url(../img/nav_02.gif) no-repeat;

	width: 98px;

}

#wrap-container ul.globalNav li#nav03 a {

	background: url(../img/nav_03.gif) no-repeat;

	width: 98px;

}

#wrap-container ul.globalNav li#nav04 a {

	background: url(../img/nav_04.gif) no-repeat;

	width: 98px;

}

#wrap-container ul.globalNav li#nav05 a {

	background: url(../img/nav_05.gif) no-repeat;

	width: 98px;

}

#wrap-container ul.globalNav li#nav06 a {

	background: url(../img/nav_06.gif) no-repeat;

	width: 99px;

}

#wrap-container ul.globalNav li#nav01 a:link,

#wrap-container ul.globalNav li#nav01 a:visited { background-position: 0 0;}

#wrap-container ul.globalNav li#nav02 a:link,

#wrap-container ul.globalNav li#nav02 a:visited { background-position: 0 0;}

#wrap-container ul.globalNav li#nav03 a:link,

#wrap-container ul.globalNav li#nav03 a:visited { background-position: 0 0;}

#wrap-container ul.globalNav li#nav04 a:link,

#wrap-container ul.globalNav li#nav04 a:visited { background-position: 0 0;}

#wrap-container ul.globalNav li#nav05 a:link,

#wrap-container ul.globalNav li#nav05 a:visited { background-position: 0 0;}

#wrap-container ul.globalNav li#nav06 a:link,

#wrap-container ul.globalNav li#nav06 a:visited { background-position: 0 0;}

#wrap-container ul.globalNav li#nav01 a:hover,

#wrap-container ul.globalNav li#nav01 a:active { background-position: 0 -54px;}

#wrap-container ul.globalNav li#nav02 a:hover,

#wrap-container ul.globalNav li#nav02 a:active { background-position: 0 -54px;}

#wrap-container ul.globalNav li#nav03 a:hover,

#wrap-container ul.globalNav li#nav03 a:active { background-position: 0 -54px;}

#wrap-container ul.globalNav li#nav04 a:hover,

#wrap-container ul.globalNav li#nav04 a:active { background-position: 0 -54px;}

#wrap-container ul.globalNav li#nav05 a:hover,

#wrap-container ul.globalNav li#nav05 a:active { background-position: 0 -54px;}

#wrap-container ul.globalNav li#nav06 a:hover,

#wrap-container ul.globalNav li#nav06 a:active { background-position: 0 -54px;}



#wrap-container ul.globalNav li#nav01.selected a:link,

#wrap-container ul.globalNav li#nav01.selected a:visited,

#wrap-container ul.globalNav li#nav01.selected a:hover,

#wrap-container ul.globalNav li#nav01.selected a:active { background: url(../img/nav_01_selected.gif) no-repeat;}

#wrap-container ul.globalNav li#nav02.selected a:link,

#wrap-container ul.globalNav li#nav02.selected a:visited,

#wrap-container ul.globalNav li#nav02.selected a:hover,

#wrap-container ul.globalNav li#nav02.selected a:active { background: url(../img/nav_02_selected.gif) no-repeat;}

#wrap-container ul.globalNav li#nav03.selected a:link,

#wrap-container ul.globalNav li#nav03.selected a:visited,

#wrap-container ul.globalNav li#nav03.selected a:hover,

#wrap-container ul.globalNav li#nav03.selected a:active { background: url(../img/nav_03_selected.gif) no-repeat;}

#wrap-container ul.globalNav li#nav04.selected a:link,

#wrap-container ul.globalNav li#nav04.selected a:visited,

#wrap-container ul.globalNav li#nav04.selected a:hover,

#wrap-container ul.globalNav li#nav04.selected a:active { background: url(../img/nav_04_selected.gif) no-repeat;}

#wrap-container ul.globalNav li#nav05.selected a:link,

#wrap-container ul.globalNav li#nav05.selected a:visited,

#wrap-container ul.globalNav li#nav05.selected a:hover,

#wrap-container ul.globalNav li#nav05.selected a:active { background: url(../img/nav_05_selected.gif) no-repeat;}

#wrap-container ul.globalNav li#nav06.selected a:link,

#wrap-container ul.globalNav li#nav06.selected a:visited,

#wrap-container ul.globalNav li#nav06.selected a:hover,

#wrap-container ul.globalNav li#nav06.selected a:active { background: url(../img/nav_06_selected.gif) no-repeat;}



/*

-------------------------------------------

###########################################

 左サイド

###########################################

-------------------------------------------

*/



#wrap-banner img {

	margin: 5px auto 0;

	padding: 2px;

	background-color: #fff;

}



#wrap-banner h3.service {

	background: url(../img/title_service.gif) no-repeat;

	background-position: 5px center;

	height: 26px;

	margin: 10px 0 2px 7px;

	text-indent: -9999px;

	border-left: 1px solid #333;

}



/*

-------------------------------------------

###########################################

 最新情報

###########################################

-------------------------------------------

*/



#wrap-maincontents div#wrap-infomation h3.infomation {

	background: url(../img/title_infomation.gif) no-repeat;

	background-position: 0 20px;

	height: 13px;

	padding: 25px 0 0;

	border-bottom: 2px solid #ccc;

	text-indent: -9999px;

}

* html #wrap-maincontents div#wrap-infomation h3.infomation { padding: 12px 0 0;}



#wrap-maincontents div#wrap-infomation a.rss {

	display: block;

	float: right;

	width: 54px;

	height: 14px;

	text-indent: -9999px;

	background: url(../img/btn_rss.gif) no-repeat;

	position: relative;

	top: -22px;

}



#wrap-maincontents div#wrap-infomation a.listView {

	display: block;

	float: right;

	width: 142px;

	height: 20px;

	text-indent: -9999px;

	background: url(../img/btn_listview.gif) no-repeat;

}



#wrap-maincontents div#wrap-infomation dl { height: 1%;}

#wrap-maincontents div#wrap-infomation dl dt {

	float: left;

	width: 100px;

	padding: 4px 0 4px 12px;

	background: url(../img/ic_arrow.gif) no-repeat;

	background-position: left center;

}

#wrap-maincontents div#wrap-infomation dl dd {

	margin: 0 0 0 100px;

	padding: 4px 0;

}

#wrap-maincontents div#wrap-infomation {

	background: #fff url(../img/ic_hr_border.gif) repeat-x;

	background-position: 0 bottom;

	padding: 0 0 10px;

	height: 1%;

}



/*

-------------------------------------------

###########################################

 最新製品情報

###########################################

-------------------------------------------

*/



#wrap-maincontents div#wrap-new h3.new {

	background: url(../img/title_new.gif) no-repeat;

	background-position: 0 20px;

	height: 13px;

	padding: 25px 0 0;

	border-bottom: 2px solid #ccc;

	text-indent: -9999px;

}

* html #wrap-maincontents div#wrap-new h3.new { padding: 12px 0 0;}



#wrap-maincontents div#wrap-new {

	background: url(../img/bg_newProduct_bottom.gif) no-repeat;

	background-position: 8px bottom;

	padding: 0 0 8px;

}

#wrap-maincontents div#wrap-new ul {

	background: url(../img/bg_newProduct_body.gif) repeat-y;

	background-position: 8px 0;

	margin: 20px 0 0;

}



#wrap-maincontents div#wrap-new ul li {

	width: 178px;

	float: left;

	margin: 0 0 0 8px;

	padding: 8px 1px 10px 1px;

	background: url(../img/bg_newProduct_top.gif) no-repeat;

}

* html #wrap-maincontents div#wrap-new ul li.ie { margin: 0 0 0 4px;}

#wrap-maincontents div#wrap-new ul li strong a {

	display: block;

	padding: 0 8px 5px 20px;

}

#wrap-maincontents div#wrap-new ul li strong a:link { background: #eee url(../img/ic_arrowNew.gif) no-repeat 5px 3px;}

#wrap-maincontents div#wrap-new ul li strong a:visited { background: #eee url(../img/ic_arrowNew.gif) no-repeat 5px 3px;}

#wrap-maincontents div#wrap-new ul li strong a:hover { background: #eee url(../img/ic_arrowNew_on.gif) no-repeat 5px 3px;}

#wrap-maincontents div#wrap-new ul li strong a:active { background: #eee url(../img/ic_arrowNew_on.gif) no-repeat 5px 3px;}



#wrap-maincontents div#wrap-new ul li p {

	padding: 10px 5px;

}



#wrap-maincontents a.goto {

	display: block;

	float: right;

	width: 77px;

	height: 10px;

	background: url(../img/ic_gotoTop.gif) no-repeat;

	text-indent: -9999px;

	margin: 10px 0;

}



/*

-------------------------------------------

###########################################

 フッター

###########################################

-------------------------------------------

*/



#wrap-footer p.copyright {

	margin: 5px 0 0;

	padding: 4px 0;

	color: #fff;

	background-color: #0271B4;

}