/* ---------------------------------------- */
/* ---------------- 全体設定 -------------- */
/* ---------------------------------------- */

html,body{
	height:100%;
	width:100%;
}

body{
	margin:0;
	padding:0;
}

div#main{
	width:1000px;
	height:100%;
	margin:0 auto 10px auto;
	background:none;
}

h1{
	display:none;
}

.finding{
	width:100%; /* 572px内部で100%表示。Opera専用 */
	list-style:none;
	margin:0 0 19px 0;
	padding:0;
	border-bottom:solid 2px #CCCCCC;
	font:normal 13px/20px "メイリオ","ＭＳ ゴシック","Osaka－等幅";
	text-align:left;
	float:left;
}

.finding li{
	float:left;
}

.caption{
	color:#666666;
	margin-left:5px;
	font-family:"Arial";
	font-size:11px;
	vertical-align:-1px;
}

img.imageAdjust{
	margin:0 0 -2px 1px;
}

/* -- RSS表示 -- */
div.rss{
	width:54px;
	display:block;
	position:relative;
	left:518px;
	bottom:-1px; /* 理論上は下記の-14px（画像の高さマイナス）で足りるが、見栄え上-1加える */
	margin-bottom:-14px;
}

/* -- IE6 -- */
* html body div.rss{
	margin-bottom:-20px;
}

div.rss a{
	display:block;
	width:54px;
	height:14px;
	text-decoration:none;
	background:url("img/rss.png") no-repeat;
}

.delimit{
	width:100%;
	line-height:0;
	margin-bottom:20px !important;
	border-top:dashed 1px #666666;
	float:left;
}

*:first-child+html body .delimit_IE7{
	margin-top:20px;
}


.minus_01{
	margin-bottom:10px !important;
}



/* ---------------------------------------- */
/* -------- ボタン類（続きを読む等） ------ */
/* ---------------------------------------- */
div.button_01,
div.button_02{
	width:140px;
	height:20px;
	float:right;
	margin-bottom:20px;
}

div.button_02{
	margin-bottom:10px !important; /* 上記マージン相殺!importantはIE6ハック */
}

div.button_01 a,
div.button_02 a{
	width:140px;
	height:20px;
	color:#666666;
	text-decoration:none;
	font:normal 10px/22px "メイリオ","ＭＳ ゴシック","Osaka－等幅";
	padding-left:20px;
	margin:0 0 0 -2px;
	display:block;
}

div.button_01 a{
	background:url("img/button_01-01.png") no-repeat;
}

div.button_02 a{
	background:url("img/button_02-01.png") no-repeat;
}

/* ---- IE6ハック ---- */
* html body div.button_01,
* html body div.button_02{
	position:relative;
	left:21px;
	margin-bottom:18px;
	padding-left:2px;
}

/* ---- IE7ハック ---- */
*:first-child+html body div.button_01 a,
*:first-child+html body div.button_02 a{
	line-height:21px;
}

/* ---- Safariハック ---- */
/*\*/
html:\66irst-child body div.button_01 a,
html:\66irst-child body div.button_02 a{
	line-height:20px;
}
/* end */


div.button_01 a:hover{
	background:url("img/button_01-02.png") no-repeat;
}

div.button_02 a:hover{
	background:url("img/button_02-02.png") no-repeat;
}

div.button_01_customize{
	margin-bottom:10px;
}

div.letsOrder{
	float:left;
}

div.letsOrder a{
	display:block;
	width:191px;
	height:31px;
	background:url("img/letsOrder_01.png") no-repeat;
	text-decoration:none;
}

div.letsOrder a:hover{
	background:url("img/letsOrder_02.png") no-repeat;
}


/* ---------------------------------------- */
/* ------------------ 角丸 ---------------- */
/* ---------------------------------------- */

/* ---- 角丸（灰） ---- */
div.grayCornerCircle{
	width:562px;
	margin:0 0 20px 0;
	float:left;
}

div.grayCornerCircle div.grayCornerCircle_top{
	width:100%;
	height:4px;
	background:#FFFFFF url("img/grayCornerCircle_top.png") no-repeat center top;
	float:left;
}

div.grayCornerCircle ul.grayCornerCircle_bottom{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	background:#EEEEEE url("img/grayCornerCircle_bottom.png") no-repeat center bottom;
	float:left;
}


/* ---- 角丸（白） ---- */
div.whiteCornerCircle{
	width:563px;
	margin:0 0 20px 0;
	float:left;
}

div.whiteCornerCircle_top{
	width:100%;
	height:4px;
	background:#FFFFFF url("img/whiteCornerCircle_top.png") no-repeat center top;
	float:left;
}

div.whiteCornerCircle_bottom{
	width:563px;
	background:#FFFFFF url(img/whiteCornerCircle_bottom.png) no-repeat center bottom;
	float:left;
}

/* ---- 角丸IE6ハック ---- */
* html body div.grayCornerCircle div.grayCornerCircle_top,
* html body div.whiteCornerCircle_top{
	margin-bottom:-14px;
}

/* ---------------------------------------- */
/* ----------------- ヘッダ --------------- */
/* ---------------------------------------- */

div#header{
	width:100%;
	height:88px;
	background:#BBBBFF;
}

div div div.header_01{
	width:100px;
	height:88px;
	background:url("img/header_01.png") no-repeat;
	float:left;
}

div div div.header_02{
	width:210px;
	height:88px;
	background:url("img/header_02.png") no-repeat;
	float:left;
}

div div div.header_03{
	width:591px;
	height:19px;
	background:url("img/header_03.png") repeat;
	font:normal 10px/18px "メイリオ","ＭＳ ゴシック","Osaka－等幅";
	text-align:right;
	color:#333333;
	float:left;
}

div div ul.header_04{
	width:591px;
	height:20px;
	margin:0;
	padding:0;
	background:#95bfe8;
	float:left;
}

div div ul.header_04 li{
	font:bold 9px/20px "メイリオ","ＭＳ ゴシック","Osaka－等幅";
	padding:0 10px 0 10px;
	background:#95bfe8 url("img/listImage_01.png") no-repeat 0px 6px;
	list-style:none;
	float:right;
}

div div ul.header_04 li a{
	text-decoration:none;
	color:#FFFFFF;
}




/* ---------------------------------------- */
/* ----------- ヘッダ・メニュー ----------- */
/* ---------------------------------------- */

/* -------- 初期化等 -------- */
ul.header_05{
	margin:0;
	padding:0;
	list-style:none;
	width:591px;
	height:49px;
	float:left;
}

ul.header_05 li{
	float:left;
}

ul.header_05 li a{
	text-decoration:none;
	display:block;
}

ul.header_05 li a:hover{
	filter:alpha(opacity = 70);
	opacity:0.7;
	-moz-opacity:0.7;
}

/* -------- メニュー本体 -------- */
ul.header_05 li a.M00,
ul.header_05 li a.M01,
ul.header_05 li a.M02,
ul.header_05 li a.M03,
ul.header_05 li a.M04,
ul.header_05 li a.M05,
ul.header_05 li a.M06{
	width:98px;
	height:49px;
}

ul.header_05 li a.M00{background:url("img/header_05.png") no-repeat; width:2px;}
ul.header_05 li a.M01{background:url("img/header_05-01.png") no-repeat; width:99px;}
ul.header_05 li a.M02{background:url("img/header_05-02.png") no-repeat;}
ul.header_05 li a.M03{background:url("img/header_05-03.png") no-repeat;}
ul.header_05 li a.M04{background:url("img/header_05-04.png") no-repeat;}
ul.header_05 li a.M05{background:url("img/header_05-05.png") no-repeat;}
ul.header_05 li a.M06{background:url("img/header_05-06.png") no-repeat;}

div div div.header_06{
	width:99px;
	height:88px;
	margin-top:-39px;
	background:url("img/header_06.png") no-repeat;
	float:left;
}

/* -------- IE6ハック --------- */
* html body ul.header_05{
	width:593px;
	margin-left:-2px;
	background:#95bfe8;
}

* html body ul.header_05 li a.M00{
	background:url("img/header_05.png") repeat-x;
	width:4px;
}




/* ---------------------------------------- */
/* -------------- 中央カラム -------------- */
/* ---------------------------------------- */


/* -------- 左メニュー -------- */
div.leftMenu{
	width:210px;
	height:100%;
	background:#dddddd;
	float:left;
}

/* -------- 左メニュー > 関連サービス -------- */
h2.findingMenu{
	text-align:left;
	height:24px;
	padding-left:10px;
	margin:10px 0 10px 5px;
	border-left:solid 1px #000000;
	font:normal 13px/24px "メイリオ","ＭＳ ゴシック","Osaka－等幅";
}

h2.findingMenu .caption{
	color:#666666;
	margin:0;
	padding-left:3px;
	font-family:"Arial";
	font-size:10px;
	vertical-align:-1px;
}


h2.findingMenu-Back{
	width:100%;
	height:45px;
	margin:0;
	padding:0;
	background:url("img/findingMenu-Back.png") no-repeat;
	border:none;
}

h2.findingMenu-Back span.borderBox span{
	position:relative;
	top:20px;
}

h2.findingMenu-Back span.productsInfo{
	color:#FFFFFF;
	margin:0;
	padding-left:10px;
}

h2.findingMenu-Back span.caption{
	color:#999477;
}


/* -------- 左メニュー > 関連サービス > バナー -------- */
div div div ul.bunner{
	list-style:none;
	margin:0;
	padding:0px;
}

div div div ul.bunner li{
	padding:0 5px 5px 5px;
}

div div div ul.bunner li a{
	text-decoration:none;
	display:block;
}

div div div ul.bunner li a:hover{
	filter:alpha(opacity = 70);
	opacity:0.7;
	-moz-opacity:0.7;
}

div div div ul.bunner li a.B01,
div div div ul.bunner li a.B02,
div div div ul.bunner li a.B03,
div div div ul.bunner li a.B04,
div div div ul.bunner li a.B05{
	width:200px;
	height:59px;
}

div div div ul.bunner li a.B01{background:url(img/bunner_01.png) no-repeat;}
div div div ul.bunner li a.B02{background:url(img/bunner_02.png) no-repeat;}
div div div ul.bunner li a.B03{background:url(img/bunner_03.png) no-repeat;}
div div div ul.bunner li a.B04{background:url(img/bunner_04.png) no-repeat;}
div div div ul.bunner li a.B05{background:url(img/bunner_05.png) no-repeat;}




/* ---------------------------------------- */
/* ----------- コンテンツ（内容） --------- */
/* ---------------------------------------- */

/* ---- 製品情報 ---- */

div.mainContents{
	width:591px;
	height:100%;
	background:#FFFFFF url("img/mainContents-back_01.png") no-repeat;
	float:left;
}

/* ---- 製品情報・IE6ハック ----*/
* html body div.mainContents{
	margin:0 -17px 0 -2px;
	position:relative;
	left:0px;
}

/* ---- パンくずリスト ----*/
ul.breadcrumbsList{
	margin:0 !important;
	padding:0 0 5px 0 !important;
	line-height:0;
}

ul.breadcrumbsList li{
	display:inline;
	height:100%;
	padding:0 0 0 5px !important;
	margin:0 !important;
}

ul.breadcrumbsList li a{
	color:#035688;
}

div.crosshead_top{
	width:361px;
	height:5px;
	background:url("img/blueCornerCircle_top.png") no-repeat;
}

* html body div.crosshead_top{
	margin-bottom:-14px;
}

h3.crosshead_bottom{
	margin:0;
	height:19px;
	padding:0 0 5px 10px;
	background:url("img/blueCornerCircle_bottom.png") no-repeat center bottom;
	font:bold 13px/20px "メイリオ","ＭＳ ゴシック","Osaka－等幅";
}

h3.crosshead_bottom img{
	padding:0 5px 0 0;
}


/* -- ページトップへ（ボタン） -- */
div.listImage_02{
	float:right !important;
}

div.listImage_02 a{
	display:block;
	text-decoration:none;
	font:normal 10px/10px "メイリオ","ＭＳ ゴシック","Osaka－等幅";
	color:#0271b4;
	background:url("img/listImage_02.png") no-repeat 0px 0px;
	padding:0 10px 0 14px;
}




/* ---------------------------------------- */
/* ----------------- フッタ --------------- */
/* ---------------------------------------- */

/* -- 全体設定 -- */
div#footer{
	margin-top:10px !important;
	float:left;
}

div#footer div{
	width:801px;
}


/* -- フッタリンク -- */

div#footer ul.footer01{
	width:801px;
	height:41px;
	margin:0;
	padding:0;
	background:url("img/footer.png") no-repeat;
	list-style:none;
	font:normal 10px/41px "メイリオ","ＭＳ ゴシック","Osaka－等幅";
	text-align:center;
}

div#footer ul.footer01 li{
	display:inline;
}

div#footer ul.footer01 li span{
	padding:0 4px 0 4px;
}

div#footer ul.footer01 li a{
	color:#035688;
}


/* -- 著作 -- */

div#footer div.footer02{
	height:22px;
	margin-bottom:10px;
	background:#0271b4;
	font:normal 10px/22px "メイリオ","ＭＳ ゴシック","Osaka－等幅";
	color:#FFFFFF;
	text-align:center;
}