@charset "Shift_JIS";


/* basic set of fonts */
body{
	color: #333;
	font: 12pt/1.5 Geneva, Arial, "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Osaka, Sans-Serif;
	width: 100%;
}

head+boody{
width:175mm;
max-width:100%;
min-width:80%;
margin: 0 auto;
}


hr {
	display: none;
}



#submain #contents p{
	padding: 0;
	margin: 0 0 20px 0;
	line-height: 1.5;
}




#submain #contents p.lastpara {
	margin: 0 0 30px !important;
}



/* ------link Color ------------ */

a{
	color: #2fa8f9;
	text-decoration: underline;
}




a:visited{
	color: #2fa8f9;
	text-decoration: underline;
	background-color: inherit;
}




a:hover{
	color: #0161C8;
	text-decoration: underline;
	background: inherit;
}


/* -----text color---- */

span.redt{
	color: #f00;
}

span.bluet{
	color: #00f;
}

.smalltxt{font-size:0.9em;}

/* ------------ FORM ------------------ */
fieldset {
	padding: 0 1em 1em 1em;
	margin-bottom: 1em;
	border: 1px solid #ccc;
}


legend {
	padding: 0.3em;
	background: #fff;
}


input, textarea {
	padding: 0;
	line-height: 1.4;
	vertical-align: middle;
}


input[type="checkbox"],
input[type="radio"] {
	vertical-align: text-bottom;
}


input[type="submit"] {
	padding: 0.1em;
}


select {
	padding: 0;
}


	/* for IE6 */
	* html input {
	padding: 0.1em;
}

	
	* html input.checkbox,
	* html input.radio {
	vertical-align: -0.3em;
}


	* html input.submit {
	padding-top: 0.2em;
	line-height: 1.2;
}

	
	* html select {
	vertical-align: -0.2em;
}

	
	/* for IE7 */
	*+html input {
	padding: 0.1em;
}

	
	*+html input.submit {
	padding-top: 0.2em;
	line-height: 1.2;
}

	
	*+html select {
	vertical-align: -0.2em;
}


	/* for Opera9.27 */
	html:first-child input {
	padding: 0.1em;
}

	
	html:first-child input[type="checkbox"],
	html:first-child input[type="radio"] {
	vertical-align: middle;
}


	html:first-child input[type="submit"] {
	padding: 0.3em;
}

	
	html:first-child select {
	padding: 0.2em;
}


	/* for Opera9.5 [Safari3] */
	body:first-of-type input {
	padding: 0.1em;
}

	
	

	body:first-of-type input[type="checkbox"],
	body:first-of-type input[type="radio"] {
	vertical-align: -0.3em;
}

	
	body:first-of-type input[type="submit"] {
	padding: 0.3em 0.3em 0.2em 0.3em;
}

	
/* safari only */
	html:not(:only-child:only-child) input[type="submit"] {
	vertical-align: 0.2em!important;
}

	
	/* for Safari3 
	html:not(:only-child:only-child) input {
	padding: 0;
	vertical-align: baseline;
}
/
	
	html:not(:only-child:only-child) input[type="checkbox"],
	html:not(:only-child:only-child) input[type="radio"] {
	vertical-align: baseline;
}

	
	html:not(:only-child:only-child) select {
	vertical-align: 0.1em;
}

/*---error text----*/
span.errortxt{
	display: block;
	color: #FFFFFF;
	background: #FF9900;
	padding: 2px 4px;
	}

/* --- other common set --- */

.txtindent{
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}



.line_001 {
	clear: both;
	height: 1px;
	width: 569px;
	margin: 20px 0;
	background: url(../img/line_001.gif) repeat-x;
}


.line_002 {
	clear: both;
	height: 1px;
	width: 569px;
	margin: 10px 0 20px 0;
	background: url(../img/line_001.gif) repeat-x;
}


.line_002_sub {
	clear: both;
	height: 1px;
	width: 548px;
	margin: 10px 0 20px 0;
	background: url(../img/line_001.gif) repeat-x;
}


.center{
	text-align: center;
}

#main li.gotop{
	background: url(../img/icon_gotop.gif) no-repeat left center;
	text-align: right;
	width: 7em;
	float: right;
	margin-bottom: 20px;
}

/* =========== header design : basic configuration is set to layout.css ================*/



div#header #logobox h1#logo{
	height: 42px;
	margin: 12px 0 0 0;
	text-indent: -9999px;
	background: url(../img/logo.gif) no-repeat;
}



div#header_sub #logobox #logo a{
	height: 42px;
	margin: 12px auto 0 0;
	display: list-item;
	text-indent: -9999px;
	list-style-position: inside;
	list-style-image: url(../img/logo.gif);
	list-style-type: none;
}



div#search {
	float: right;
	height: 70px;
	width: 420px;
	background: url(../img/seach_bg.gif) no-repeat right top;
	display: none;
}


div#search form {
	padding-top: 2px!important;
	padding-right: 52px;
	text-align: right;
	font-size:85%!important;
}



div#search .stext{
	width: 150px;
}


/* -- ==============  Index-pages ============== -- */


div#topimg{
	clear: both;
}


div#topSec01{
	padding-bottom: 10px;
	width: 582px;
}
div#topSec02{ width: 569px; }


div#mainTop h2{
	clear:both;
	background: url(../img/top/top_h2_bg01.gif) no-repeat left top;
	font-size: 14px;
	padding: 15px 0 15px 21px;
	line-height: 1;
	margin-bottom: 10px;
	vertical-align: middle;
	position: relative;
}

div#mainTop h2.topH2_02{
	clear:both;
	background: url(../img/top/top_h2_bg02.gif) no-repeat left top;
	font-size: 14px;
	padding: 10px 0 11px 21px;
	line-height: 1;
	margin-bottom: 10px;
	height: 100%;
	vertical-align: middle;
	position: relative;
}


div#mainTop h2 a{
	font-size: 0.9em;
	height: 1em;
	position: absolute;
	left: 520px;
	top: 11px;
}


div#mainTop h2 span.engTitle{
	font-size: 10px;
	color: #999;
	padding-left: 3em;
	letter-spacing: 0.2em;
	vertical-align: middle;
	line-height: 1;
}

div#mainTop h2 span.engTitle02{
	font-size: 10px;
	color: #999;
	padding-left: 1em;
	letter-spacing: 0.2em;
	vertical-align: middle;
	line-height: 1;
}


div#mainTop #topSec01 ul { clear: both;padding:0; } 
div#mainTop #topSec01 ul li{
	float: left;
	margin: 0 13px 0 0;
	padding: 0 0 10px 0;
	height: 100%;
	line-height: 1;
	_display:inline
} 


div#mainTop #topSec02 dl {
	padding: 14px 14px 4px;
	margin-bottom: 18px;
	border: 1px solid #ccc;
	clear: both;
}
div#mainTop #topSec02 dl dt{
	background: #fff url(../img/lm_bl.gif) no-repeat 5px center;
	float: left;
	padding-left: 15px;
	width: 110px;
}
div#mainTop #topSec02 dl dd{
	background: #fff;
	padding-left: 125px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}

div#mainTop #topSec02 dl dd.lastdd{
	background: #fff;
	padding-left: 125px;
	padding-bottom: 4px;
	border: none!important;
}


/* -- ============== Common set of Sub-pages ============== --

 --------------- Heaer Text Styles --------------- */
 

div#rightSide h1 {
	clear: both;
	background: #66CCFF;
	color: #fff;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	border-top: 50px solid #99CCFF;
	border-bottom: 2px solid #0066FF;
	z-index: 90;
}


div#rightSide h1 span {
	padding: 0;
	margin-left: 10px;
	font-size: 1.5em;
	font-weight: bold;
	color: #003399;
	line-height: 1;
	display: block;
	position: absolute;
	top: -30px;
	width: 837px;
	visibility: visible;
	z-index: 80;
	height: 1em;
	left: 1px;
}

html:not([lang*=""]) div#rightSide h1 span { 
	padding: 0;
	margin-left: 10px;
	font-size: 1.5em;
	font-weight: bold;
	color: #003399;
	line-height: 1;
	display: block;
	position: absolute;
	top: -30px;
	width: 837px;
	visibility: visible;
	z-index: 80;
	height: 1em;
	}



div#main h2{
	position: relative;
	clear: both;
	padding: 0px;
	margin: 0 0 10px;
	border: 4px solid #999999;
}



div#main h2 span{
	padding: 5px 0 5px 10px;
	margin: 0;
	border: 1px #D1D1D1 solid;
	font-size: 1.3em;
	font-weight: bold;
	color: #333333;
	display: block;
	background: #FFFFFF url(none) no-repeat left top;
}

div#main h2 span a.2line{
	width:400px!important;
	padding-right:120px!important;
	display: block;
}



div#main h3 {
	clear: both;
	padding: 5px 5px 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 2px solid #3399CC;
}



div#main h3 span {
	font-size: 1.2em;
	font-weight: bold;
	color: #2FA8F9;
	color: #000000;
	display: block;
}




div#main h4{
	clear: both;
	padding: 3px;
	margin: 0 0 10px;
	background: url(none) no-repeat left top;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 4px solid #000000;
}


div#main h4 span{
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	line-height: 1.2;
	display: block;
	background: url(none) repeat-y left top;
}


div#main h2 a {
	width:80%;
	padding-right:120px;
	color: #2FA8F9;
	display: block;
	background: url(../img/mark01.gif) no-repeat 100% 50%;
}


/*div#main h2 a,*/
div#main h3 a,
div#main h4 a{
	width: 100%;
	color: #2FA8F9;
	display: block;
	background: url(../img/mark01.gif) no-repeat 100% 50%;
}


div#main h2 a:hover
div#main h3 a:hover,
div#main h4 a:hover{
	color: #0161C8;
	background: url(../img/mark02.gif) no-repeat 100% 50%;
}

	
div#main h4.sunpozu{
	clear: both;
	padding: 0 0 0 12px!important;
	margin-bottom: 10px;
	font-weight: bold;
	background: url(../img/bg_h5.gif) no-repeat left 4px;
}


div#main h5{
	clear: both;
	padding-left: 12px;
	margin-bottom: 10px;
	font-weight: bold;
	background: url(none) no-repeat left 4px;
	border-left: 6px solid #66CCFF;
}

div#main h5 a{
	color: #2FA8F9;
}

div#main h5 a:hover{
	color: #0161C8;
}






div#main h6{
	padding-left: 12px;
	margin-bottom: 10px;
	font-weight: bold;
	background: url(../img/bg_h6.gif) no-repeat left 6px;
}

div#main h6 a{
	color: #2FA8F9;
}

div#main h6 a:hover{
	color: #0161C8;
}


/* -- other text -- */

div#main p{
	margin-bottom: 20px;
	margin-left: 5px;
}


div#main p.nomargin{
	margin-bottom: 0!important;
}


div#main p.normal{
	margin-bottom: 20px;
	margin-left: 0;
}


p.midasiCopy{
	padding: 0!important;
	margin: 0 0 10px 0!important;
	font-size: 1.4em;
	font-weight: bold;
	color: #2FA8F9;
	display: block;
}


.headimg{
	margin-bottom: 10px;
}


.smalltxt{
	font-size: 0.8em;
	vertical-align: baseline;
}

.smalltxtBtm{
	font-size: 0.8em;
}


img.sunpo{
	margin-bottom: 20px;
	border: none!important;
}


/* ----------- images ------------------ */
#main img{
	padding: 1px;
	border: 1px solid #ccc;
}


img.normal {
	padding: 0!important;
	border: none!important;
}




/* bread crumb */

div#bc_bg01{
	clear: both;
	margin-top: 10px;
	background: url(../img/pankuzu_bg.gif) repeat-x;
	display: none;
}



div#breadCrumb{
	clear: both;
	width: 840px;
	padding: 8px 0 6px;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	z-index: 1;
	font-size: 0.9em;
	line-height: 1;
}



div#breadCrumb a{
	padding-left: 0!important;
	background: none!important;
}





/* --------------- list style------------------- */ 


div#main ul{
	clear: both;
	margin-bottom: 20px;
	margin-left: 1em;
}

div#main ul.NM{
	clear: both;
	/*margin-bottom: 5px!important;*/
	margin-left: 1em;
}

div#main ul li{
	padding-left: 10px;
	margin-bottom: 0.25em;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 10px;
}

div#main ul.NM li{
	padding-left: 10px;
	margin-bottom: 0.5em;
	background-image: url(../img/lm_list_1st.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
}



div#main ul li ul{
	margin: 10px 0;
}


div#main ul li ul li{
	background: url(../img/lm_list_2nd.gif) no-repeat 0px 6px;
}


div#main ul li ul li ul{
	margin-bottom: 10px;
}


div#main ul li ul li ul li{
	background: url(../img/lm_list_3rd.gif) no-repeat 0px 8px;
}



div#main ol{
	clear: both;
	margin-bottom: 20px;
	margin-left: 2em;
}



div#main ol li{
	margin-bottom: 10px;
	list-style-type: decimal;
}


div#main ol li ul li{
	margin-bottom: 10px;
	list-style-type: none!important;
}



div#main ol.at{
	margin-left: 0!important;
}


div#main ol li.atNomal{
	padding-left: 18px;
	margin-bottom: 4px!important;
	background-image: url(../img/att.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	list-style-type: none;
}


div#main ol li.at01{
	padding-left: 24px;
	margin-bottom: 4px!important;
	background-image: url(../img/att01.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	list-style-type: none;
}

div#main ol li.at02{
	padding-left: 24px;
	margin-bottom: 4px!important;
	background-image: url(../img/att02.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	list-style-type: none;
}

div#main ol li.at03{
	padding-left: 24px;
	margin-bottom: 4px!important;
	background-image: url(../img/att03.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	list-style-type: none;
}


div.pro4thIndexRight ul li.normal {
	padding-bottom: 0!important;
	margin-bottom: 0!important;
	border: none!important;
}


/* --- list link style --- */

div#main ul.linkList li {
	padding-left: 0!important;
	background-image: url("../file:///F:/Ayumi/0_ƒTƒ‰ƒj/“Œ—mŒvŠí/case/index.html")!important;
}


div#main ul li a.pdflink {
	height: 100%;
	padding-right: 20px;
	display: inline-block;
	background: url(../img/icon_pdf.gif) no-repeat right center!important;
}


div#main a.pdflink {
	height: 100%;
	padding-right: 20px;
	display: inline-block;
	background: url(../img/icon_pdf.gif) no-repeat right center!important;
}


div#main ul li a.outsite {
	height: 100%;
	padding-right: 20px;
	display: inline-block;
	background: url(../img/icon_out.gif) no-repeat right center!important;
}


/* -- data list -- */
div#main dl {
	margin-bottom: 20px;
}


div#main dl dt {
	padding-left: 14px;
	margin-bottom: 6px;
	background: url(none) no-repeat left center;
	border-left: 4px solid #0033CC;
}


div#main dl dd {
	margin-bottom: 16px;
}



/*  --------- Related information ------------ */

div#relatedSection {
	clear: both;
	padding: 1px;
	border: 1px solid #ccc;
}


div#related {
	padding: 5px;
	background: url(../img/related_bg.gif) repeat-x;
}


div#related dl{
	padding: 10px;
	margin: 0px;
	border: 1px solid #ccc;
	background: #fff;
}


div#related dl dt {
	padding-left: 0px;
	border-bottom: 1px dotted #ccc;
	background: url("../file:///F:/Ayumi/0_ƒTƒ‰ƒj/“Œ—mŒvŠí/case/index.html");
}

div#related dl dd {}

div#related dl dd ul {
	margin: 0px;
}


div#related dl dd ul li {
	background: url(../img/lm_related.gif) no-repeat left center;
}




/* --------------- 1colums ------------------- */ 

.col1{
	clear: both;
	width: 548px;
	margin-bottom: 20px;
}


.col1 img{}


/* --------------- 2colums ------------------- */ 

.colum2{
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

.colum2NM{clear: both;
	width: 548px;
	margin-bottom: 4px;
}


.col_left,
.col_leftNM{
	position: relative;
	float: left;
	width: 269px;
	margin-right: 10px;
}



.col_right,
.col_rightNM{
	position: relative;
	float: left;
	/*width: 269px;*/
}

#main .col_right p,
#main .col_rightNM p{
	float: left;
	width: 269px;
}




/* --------------- 3colums------------------- */ 

.colum3{
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}



.colum3_1,
.colum3_2{
	float: left;
	width: 176px;
	margin-right: 10px;
}


.colum3_3{
	float: left;
	/*width: 176px;*/
}


/* text and photo 2:1 */
div.colum2_1{
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}


div.colum2_1_left{
	float: left;
	width: auto;
	margin-right: 10px;
}

div.colum2_1_right{
	float: left;
	width: 176px;
}

	
	
/* text and photo 1:2 */
div.colum1_2{
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}


div.colum1_2_left{
	float: left;
	width: 176px;
	margin-right: 10px;
}

div.colum1_2_right{
	float: left;
	width: auto;
}

	
	div.colum1_2_right table{
	width: 356px!important;
}



/* text and photo 1:2 Indent */
div.colum1_2i{
	clear: both;
	width: 548px;
	margin-bottom: 20px;
}


div.colum1_2i_left{
	float: left;
	width: 176px;
	margin-right: 10px;
}

div.colum1_2i_right{
	float: left;
	width: 342px;
}



/* -- caption and zoom -- */

.col1 p.captionTxt{
	float: left;
	width: 462px;
	padding-left: 18px;
	margin-right: 10px;
	background: url(../img/icon_caption.gif) no-repeat 0px 4px;
}


.col_left p.captionTxt,
.col_right p.captionTxt{
	float: none;
	width: 183px;
	padding-left: 0;
	margin-right: 10px;
	display: block;
	background: none;
}

.colum2_1_right p.captionTxt,
.colum2_1_left p.captionTxt,
.colum3_1 p.captionTxt,
.colum3_2 p.captionTxt,
.colum3_3 p.captionTxt{
	float: left;
	width: 90px;
	padding-left: 18px;
	margin-right: 10px;
	display: block;
	background: url(../img/icon_caption.gif) no-repeat 0px 4px;
}

/* no float width100% */
.col_left p.captionTxt2,
.col_right p.captionTxt2,
.colum2_1_right p.captionTxt2,
.colum2_1_left p.captionTxt2,
.colum3_1 p.captionTxt2,
.colum3_2 p.captionTxt2,
.colum3_3 p.captionTxt2{
	padding-left: 18px;
	margin-right: 10px;
	display: block;
	background: url(../img/icon_caption.gif) no-repeat 0px 4px;
}


.col_left p,
.col_right p,
.colum1_2_left p,
.colum1_2_right p,
.colum3_1 p,
.colum3_2 p,
.colum3_3 p{
	margin-bottom: 0!important;
}


.col1 div.captionZoom,
.col_left div.captionZoom,
.col_right div.captionZoom,
.colum3_1 div.captionZoom,
.colum3_2 div.captionZoom,
.colum3_3 div.captionZoom {
	float: right;
	width: 30px;
	padding-right: 18px;
	background: url(../img/icon_zoom.gif) no-repeat right 4px;
	display: none;
}



.col1 p,
.col_left p,
.col_right p,
.colum3_1 p,
.colum3_2 p,
.colum3_3 p{
	margin-bottom: 0!important;
}


.spaceauto{
	margin-top: auto;
	display: block;
}



div.kanryo{
	position: absolute;
	left: 75%;
	top: 5px;
	width: 55px;
}


div.kanryo3l{
	position: absolute;
	left: 75%;
	top: 5px;
	width: 55px;
}


div.kanryo2l{
	position: absolute;
	left: 75%;
	top: 5px;
	width: 55px;
}


div.kanryo2l img,
div.kanryo3l img,
div.kanryo img{
	border: none!important;
}


li.kanryoLi{ background: url(none) 0px 7px; 
}


/*----- caution ----*/

div.caution{}

div.caution p{}

#main li.koukeiLi{
	margin-left: 1em;
	list-style-type: square;
}

/*------------- Table -------------- */

#main table {
	clear: both;
	width: 98%;
	margin-bottom: 20px!important;
	border-collapse: collapse;
}


#main table.captable {
	clear: both;
	width: 548px;
	margin-bottom: 5px!important;
	margin-bottom: 5px;
	border-collapse: collapse;
}



#main table th{
	padding: 4px 8px;
	border: 1px solid #ccc;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	background: #F2F2F2 url(../img/cell_bg.gif) repeat;
	word-break: break-all;
}




#main table.toptxt td {
	padding: 4px 8px;
	border: 1px solid #ccc;
	vertical-align: top;
	background-color: #fff;
	word-break: break-all;
}


#main table.toptxt th{
	padding: 4px 8px;
	border: 1px solid #ccc;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	background: #F2F2F2 url(../img/cell_bg.gif) repeat;
	word-break: break-all;
}




#main table td {
	padding: 4px 8px;
	border: 1px solid #ccc;
	vertical-align: top;
	background-color: #fff;
	word-break: break-all;
}


#main li table{
	width: 500px!important;
}




/* cell width */
.cellw50px{	width: 50px;}
.cellw80px{	width: 80px;}
.cellw100px{width: 100px;}
.cellw120px{width: 120px;}
.cellw125px{width: 125px;}
.cellw130px{width: 130px;}
.cellw140px{width: 140px;}
.cellw150px{width: 150px;}
.cellw180px{width: 196px;}
.cellw200px{width: 210px;}
.cellw350px{width: 350px;}



/* Table List */

div#main table td ul{
	clear: both;
	margin-bottom: 0!important;
	margin-left: 0!important;
}



div#main table td ul li{
	padding-left: 10px;
	margin-bottom: 0.25em;
	background-image: url(../img/lm_list_1st.gif);
	background-position: 0 6px;
	background-repeat: no-repeat;
}


div#main table td  ul li ul{
	margin: 10px 0;
}


div#main table td  ul li ul li{
	background: url(../img/lm_list_2nd.gif) no-repeat 0px 6px;
}


div#main table td  ul li ul li ul{
	margin-bottom: 10px;
}


div#main table td  ul li ul li ul li{
	background: url(../img/lm_list_3rd.gif) no-repeat 0px 8px;
}




div#main table td ol{
	clear: both;
	margin-bottom: 0!important;
	margin-left: 0!important;
}



div#main table td ol li{
	padding-left: 0;
	margin-bottom: 0.25em;
	margin-left: 1.5em;
	background: none;
	list-style-position: outside;
	list-style-type: decimal!important;
}


div#main table td ol li ul{}
div#main table td ol li ul li{
	padding-left: 10px;
	margin-bottom: 0.25em;
	margin-left: 0;
	background-image: url(../img/lm_list_1st.gif);
	background-position: 0 7px;
	background-repeat: no-repeat;
	list-style-type: none!important;
}

/* -- table:history -- */

div#main table.history{
}

div#main table.history th{
	width:130px;
	vertical-align: top;
}

div#main table.history td.month{
width:40px;
text-align:center;}

/* ========================== Products ===================================

----------- Products Index 2nd ------------*/

div#main ul.proIndex{
	padding: 10px 0 30px 0!important;
	margin-left: 0;
	width:100%;
}


div#main ul.proIndex li{
	float: left;
	height: 58px;
	width: 269px;
	padding: 0!important;
	margin-bottom:8px!important;
	line-height: 0;
	/*display: block;*/
	display: inline;
	vertical-align: bottom;
	background-image: none!important;
}


/*div#main ul.proIndex li a {
	padding: 0;
	margin-bottom: 0!important;
}
*/

div#main ul.proIndex li img{
	border: none!important;
}



/*----------- Products Index 3th ------------*/

img.pro3thIndex{
	margin-bottom: 20px;
}


div.pro3thIndexSection {
	clear: both;
	padding: 5px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	background: #e1e1e1;
}


div.pro3thIndexIn {
	padding: 10px 5px 5px 10px;
	border: 1px solid #ccc;
	background: #fff;
}


div.pro3thIndexLeft{
	float: left;
	width: 45%;
}

div.pro3thIndexRight{
	float: left;
	width: 45%;
	border-left: 1px dotted #ccc;
}


div.pro3thIndexLeft ul, 
div.pro3thIndexRight ul{
	float: none!important;
	margin-bottom: 0!important;
}


div.pro3thIndexLeft ul li, 
div.pro3thIndexRight ul li{
	margin-bottom: 8px!important;
}


.col_left h2,
.col_right h2{
	margin-bottom: 0!important;
}



/*--- Products Index 4th---*/

div#main h2 a.detail{
	position: absolute;
	left: 425px;
	top: 14px;
}


div#main h2 img {
	border: none!important;
}



img.pro4thIndex{
	margin-bottom: 20px;
}


div.pro4thIndexSection {
	clear: both;
	padding: 5px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	background: #e1e1e1;
}


div.pro4thIndexIn {
	padding: 10px 0 10px 20px;
	border: 1px solid #ccc;
	background-color: #fff;
}



div.pro4thIndexIn2 {
	padding: 10px 0;
	background: #fff url(../img/4th_sec_bg.gif) repeat-y;
}


div.pro4thIndexLeft{
	float: left;
	width: 158px;
	margin: 0px 20px 0px 0;
}


div.pro4thIndexLeft a:hover img {
	height: auto;
	background-color: #FF9900!important;
}


div.pro4thIndexLeft a:hover {
	height: auto;
	background-color: #FF9900!important;
}


div.pro4thIndexRight{
	float: left;
	width: 317px;
}



div.pro4thIndexRight ul{
	float: none!important;
	margin: 8px 14px 0 1em!important;
}



div.pro4thIndexRight ul li{
	position: relative;
	padding-bottom: 6px;
	margin-bottom: 8px!important;
	border-bottom: 1px dotted #ccc;
	display: block;
}


div.pro4thIndexRight ul li img{
	position: absolute;
	left: 80%;
	border: none!important;
	text-align: right;
}


* html div.pro4thIndexRight ul li img{
	position: absolute;
	left: 70%;
	border: none!important;
	text-align: right;
}




/* --- Products detail --- */
span.kanryoIcon{
	padding: 0 3px;
	display: inline-block;
	vertical-align: middle;
}

span.kanryoIcon img{
	padding: 0!important;
	border: none!important;
}




div.caution{
	padding: 10px;
	margin: 0 0 20px 0;
	border: 1px solid #900;
}



div.caution p{
	margin-bottom: 0!important;
	color: #900;
}


/* -- Catalog -- */


div#main dl.catl dt {
	padding-left: 14px;
	margin-bottom: 6px;
	border-bottom: 2px dotted #CCCCCC;
	background: url(../img/lm_dl.gif) no-repeat left center;
}


div#main dl.catl dd {
	margin-bottom: 16px;
}


div#main dl.catl dd div {
	float: left;
	width: 122px;
	margin-left: 10px;
}


div#main dl.catl dd p {
	float: right;
	width: 400px;
}


td.hyoshi{
	vertical-align: top!important;
	text-align: center;
}

/*---Unyo jirei---*/
div#main .pro3thIndexSection .pro3thIndexIn table{
	width:513px!important;
	border:none!important;
	margin-bottom: 0!important;
}
div#main .pro3thIndexSection .pro3thIndexIn table th.kijitaitle{
	width:280px;
	border:none!important;
	background:none!important;
	vertical-align: top;
}
div#main .pro3thIndexSection .pro3thIndexIn table td {
	border:none!important;
	vertical-align: top;
}
div#main .pro3thIndexSection .pro3thIndexIn table th ul.unyoul{
	margin-bottom: 0!important;
	margin-left: 0px;
}


/*----------------- news ----------------*/
.newsdata,
.unyouser{
	margin-right: 8px;
	text-align: right;
}


div#main .Newscolum1_2_left{
	float: left;
	width: 176px;
	margin: 0 20px 0 0;
}

	
div#main .Newscolum1_2_right{
	float: right;
	width: 176px;
	margin: 0 0 0 14px;
}

	
div#main .Newscolum1_1_right{
	float: right;
	width: 269px;
	margin: 0 0 0 14px;
}

	
div#main .Newscolum1_1_left{
	float: left;
	width: 269px;
	margin: 0 20px 0 0;
}



#pidNews #main div.colum1_2_right p.captionTxt,
#pidNews #main div.colum1_2_left p.captionTxt,
#pidNews #main div.colum2_1_right p.captionTxt,
#pidNews #main div.colum2_1_left p.captionTxt,
#pidNews #main div.colum3_1 p.captionTxt,
#pidNews #main div.colum3_2 p.captionTxt,
#pidNews #main div.colum3_3 p.captionTxt,
#pidUnyo2nd #main div.colum1_2_right p.captionTxt,
#pidUnyo2nd #main div.colum1_2_left p.captionTxt,
#pidUnyo2nd #main div.colum2_1_right p.captionTxt,
#pidUnyo2nd #main div.colum2_1_left p.captionTxt,
#pidUnyo2nd #main div.colum3_1 p.captionTxt,
#pidUnyo2nd #main div.colum3_2 p.captionTxt,
#pidUnyo2nd #main div.colum3_3 p.captionTxt{
	width:156px!important;
	line-height:1.3;
	margin-bottom:6px!important;
	padding-right:2px;
	padding-left: 18px;
	margin:0!important;
	background: url(../img/icon_caption.gif) no-repeat 0 4px;}

#pidNews #main div.col_left p.captionTxt,
#pidNews #main div.col_right p.captionTxt,
#pidNews #main div.Newscolum1_1_right p,
#pidNews #main div.Newscolum1_1_left p,
#pidUnyo2nd #main div.col_left p.captionTxt,
#pidUnyo2nd #main div.col_right p.captionTxt,
#pidUnyo2nd #main div.Newscolum1_1_right p,
#pidUnyo2nd #main div.Newscolum1_1_left p{
	line-height:1.3;
	margin-bottom:6px!important;
	padding-right:2px;
	padding-left: 18px;
	margin:0!important;
	background: url(../img/icon_caption.gif) no-repeat 0 4px;}

#pidNews #main div.Newscolum1_2_left p,
#pidNews #main div.Newscolum1_2_right p,
#pidUnyo2nd #main div.Newscolum1_2_left p,
#pidUnyo2nd #main div.Newscolum1_2_right p{
	background: url(../img/icon_caption.gif) no-repeat 0 4px;
	margin-bottom:0!important;
	padding-right:2px;
	padding-left: 18px;
	line-height:1.3;
}



/*---------------------Search Kataban-------------------------*/

#pidKataban ul#katabanNavi {
	clear: both;
	height: 100%;
	border-left: 1px solid #ccc;
	list-style-type: none;
	display: block;
	margin: 0 auto 40px auto!important;
}


#pidKataban #katabanNavi li{
	float: left;
	padding: 0 8px;
	border-right-color: #ccc;
	border-right-style: solid;
	border-right-width: 1px;
	background-image: none;
}


/*---- History ----*/
.historyImg{
	width: 269px;
}

.historyImg div.captionZoom {
	float: right;
	width: 30px;
	padding-right: 18px;
	background: url(../img/icon_zoom.gif) no-repeat right 4px;
}


/*------------- sitemap --------------------*/

#pidSitemap #main ul#maplist{
	padding-left: 0!important;
	margin: 0;
}



#pidSitemap #main ul#maplist li{}

#pidSitemap #main ul#maplist li a{
	padding-left: 0!important;
	margin-left: 0!important;
	background: url("../file:///F:/Ayumi/0_ƒTƒ‰ƒj/“Œ—mŒvŠí/case/index.html");
}



#pidSitemap #main  #contents ul#maplist li ul{}

#pidSitemap #main ul#maplist li ul li{ }



#pidSitemap #main ul#maplist li ul li a{}



/* ---================ Footer  ======================-- 

-- bottom Navigations --*/

div#btmNavi ul {
	clear: both;
	padding: 0;
	margin: 0;
}


div#btmNavi ul li {
	float: left;
	padding: 2px 0;
	margin: 4px 0;
	color: #fff;
	display: block;
}


div#btmNavi ul li a {
	color: #fff;
}



div#btmNavi ul li#use {
	width: 141px;
	color: #fff;
	text-decoration: none;
	display: block;
	background: url(../img/footer_navi_bg.gif) repeat-y right;
}


div#btmNavi ul li#privacy {
	width: 113px;
	margin-left: 20px;
	color: #fff;
	text-decoration: none;
	display: block;
	background: url(../img/footer_navi_bg.gif) repeat-y right;
}


div#btmNavi ul li#fontsizech {
	width: 420px;
	margin-left: 20px;
	color: #fff;
	text-decoration: none;
	display: block;
	background: url(../img/footer_navi_bg.gif) repeat-y right;
}


div#btmNavi ul li#gotop {
	padding-left: 28px;
	color: #fff;
	text-decoration: none;
	display: block;
	background: url(../img/icon_gotop.gif) no-repeat 14px center;
}


div#btmNavi ul li#use a:hover,
div#btmNavi ul li#privacy a:hover,
div#btmNavi ul li#fontsizech a:hover,
div#btmNavi ul li#gotop a:hover {
	color: #fc0;
	text-decoration: underline;
	background-color: inherit;
}


/* -- footer address -- */
div#footer ul {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}


div#footer ul li {
	float: none;
	height: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
}


div#footer ul li#syamei{ 
}

div#footer ul li#addr{ color: #666; 
}

div#footer ul li#conNum{ color: #666; 
}


div#footer ul li span.blue{
	padding-right: 0.5em;
	color: #0161C8;
}

div#footer ul li strong.space1em{
	padding-right: 1em;
}

div#footer ul li strong.space3em{
	padding-right: 1em;
	padding-left: 2em;
}


div#footer ul li strong {
	font-weight: bold;
}



div#footerad h3 {
	font-weight: bold;
}

div#footerLine{
	border-bottom: 1px solid #ccc;
}


p.copyright {
	clear: both;
	padding-bottom: 20px;
	color: #666;
	text-align: center;
}