@charset "utf-8";
/*------------------------------
	common
--------------------------------*/
.clearBoth { clear: both; }
/* For modern browsers */
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }
.fLeft { float:left; }
.fRight { float:right; }

.txtR {text-align:right;}

h2 {border:none; margin:0; color:#666666;}
.title { margin-bottom:15px;}

.centerIMG {text-align:center; margin:0 0 20px 0;}
.pagetop { margin:10px 5px 25px 0; text-align:right;}
.grayBOX	{ border:1px solid #ccc;}
.grayBOX02	{ border:1px solid #ded9cb; background:#fcfcfa;}

.navi_size	{ font-size: 80%;}

/*------------------------------
	width
--------------------------------*/
.w120 { width:120px;}
.w170 { width:170px;}
.w310 { width:310px;}
.w328 { width:328px;}
.w651 { width:651px;}
/*------------------------------
	margin,padding
--------------------------------*/
.side10 {margin:0 10px;}
.side20 {margin:0 20px;}
.vertical30 {margin:30px 0;}
.mt10 { margin-top:10px;}
.mr70 { margin-right:70px;}
.ml100 { margin-left:100px;}
/*------------------------------
	#member
--------------------------------*/
#mem h2 { background:url(images/dot_x.gif) repeat-x top center;  font-size:125%; text-align:center; line-height:1; padding:20px 0;}

#mem h2 img{ vertical-align:middle; margin:0 10px 0 0;}

#mem .grayBOX h3#maker	{ background:#ebf5fc; padding:10px 0; text-align:center;}
#mem .grayBOX h3#user	{ background:#fef5ef; padding:10px 0; text-align:center;}
#mem .grayBOX h4		{ padding:10px 0 10px 0; margin:0 0 0 20px;}
#mem .grayBOX p 		{ background:url(images/dot_x.gif) repeat-x bottom center;margin:0 10px; padding:0 0 15px 30px; height:60px;}
#mem .grayBOX p.last 	{ background:none;}

#mem p#entry 		{background:url(images/mem_img05.jpg) no-repeat 20px 20px; padding:20px 20px 20px 100px;}
#mem .whiteBOX 		{ border:1px solid #ded9cb; border-top:none; background:#fff; text-align:center; padding:20px 0;}

#mem #contact 		{ margin:30px 0 ;padding:10px 20px;}
#mem #contact p		{ margin:0 40px 0 20px;text-aline:center; font-size:115%;}
#mem #contact h5		{ border-bottom:1px solid #ded9cb;font-size:115%;font-weight:bold;padding:0 0 10px 0;}
#mem #contact dl		{ background:url(images/dot_x.gif) repeat-x bottom center; padding:10px 0;}
#mem #contact dl.last	{ background:none; padding:10px 0 0;}
#mem #contact dl dt	{ float:left; width:90px; padding:0 0 0 5px;}
#mem #contact dl dd	{ float:left; width:380px;}

/*------------------------------
	#makerlist
--------------------------------*/
#maker ul{ margin:15px 0;overflow:hidden;}
#maker li {background:url(images/dot_y.gif) repeat-y left top; padding:0 10px; margin-left:-1px; float:left; line-heght:1em;}
#maker li a { display:block; position:relative; top:-1px; text-decoration:none;}
#maker h2 { background:#fcfcfa; border:1px solid #ded9cb;font-size:115%; font-weight:bold;text-align:center; margin:5px 0 0;padding:5px 0 5px 10px; text-align:left;}

#maker dl { background:url(images/dot_x.gif) repeat-x bottom center;padding:7px 0 4px 15px; }
#maker dl dt{ float:left; padding:7px 0;}
#maker dl dd{ float:right; padding-left:10px; vertical-align:middle;}
#maker .cf dd.makerHPLink a{
	background-image:url(images/business_btn_web.gif);
	width:170px;
	height:28px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}
#maker .cf dd.makerHPLink_0 a{
	background-image:url(images/business_btn_web.gif);
	background-position:0 -56px;
	width:170px;
	height:28px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	cursor:default;
}
#maker .cf dd.makerHPLink a:hover{
	background-position:0 -28px;
}
#maker .cf dd.makerCatalog a{
	background-image:url(images/business_btn_catalog.gif);
	width:120px;
	height:28px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}
#maker .cf dd.makerCatalog a:hover{
	background-position:0 -28px;
}
#maker .cf dd.makerCatalog_0 a{
	background-image:url(images/business_btn_catalog.gif);
	background-position:0 -56px;
	width:120px;
	height:28px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	cursor:default;
}

/*------------------------------
	#how
--------------------------------*/
#how h2 { background:#fcfcfa; border:1px solid #ded9cb;font-size:115%; font-weight:bold;text-align:center; margin:5px 0 0;padding:5px 0 5px 10px; text-align:left;}

#how ul{ margin:10px 0 25px 5px;}
#how li {background:url(images/arrow_down.gif) no-repeat 0 2px; text-indent:20px; margin-right:25px; float:left; white-space:nowrap;}
#how li a { display:block;text-decoration:none;}

#how p.grayLine {background:url(images/dot_x.gif) repeat-x bottom center; margin:0 0 10px 0;padding:10px 0 10px 50px;}
#how p.grayLine02 {background:url(images/dot_x.gif) repeat-x top center; margin:0 0 10px 0;padding:10px 0 10px 50px;}
#how .grayBOX			{ background:#e1f0fb;border:1px solid #ded9cb; margin:0 0 15px 0;}
#how .grayBOX h4			{ height:53px; line-height:53px;text-indent:65px; font-weight:bold;}
#how .grayBOX h4#new		{ background:url(images/howto_icon01.jpg) no-repeat;}
#how .grayBOX h4#keyword	{ background:url(images/howto_icon02.jpg) no-repeat;}
#how .grayBOX h4#m_search	{ background:url(images/howto_icon03.jpg) no-repeat;}
#how .grayBOX h4#c_search	{ background:url(images/howto_icon04.jpg) no-repeat;}
#how .grayBOX h4#print		{ background:url(images/howto_icon05.jpg) no-repeat;}
#how .grayBOX h4#cut		{ background:url(images/howto_icon06.jpg) no-repeat;}
#how .grayBOX h4#pdf_dl		{ background:url(images/howto_icon07.jpg) no-repeat;}
#how .grayBOX h4#mybind		{ background:url(images/howto_icon08.jpg) no-repeat;}
#how .grayBOX p 			{ background:#ffffff; border-top:1px solid #ded9cb;margin:0; padding:10px 0 10px 15px; height:70px;}
#how p.point {position:relative;left:10px; z-index:2;}
#how h4.point { background:#fcfcfa; border:1px solid #ded9cb;font-size:115%; font-weight:bold;margin:-30px 0 20px;padding:5px 0 5px 10px; text-align:left;text-indent:80px;z-index:1;}
#how .pointBOX {padding:0 50px 20px;}
#how .pointBOX p{text-align:center; margin:5px 0 0 0;}

/*------------------------------
	#operation
--------------------------------*/
#ope dl {margin:0 0 20px;}
#ope dt { background:#fcfcfa; border:1px solid #ded9cb;font-size:115%; font-weight:bold;margin:5px 0 10px;padding:5px 0 5px 10px; text-align:left;}
#ope dd { margin:0 0 0 10px;}

/*------------------------------
	#cation
--------------------------------*/
#cation h2{ background:#fcfcfa; border:1px solid #ded9cb;font-size:115%; font-weight:bold;margin:5px 0 10px;padding:5px 0 5px 10px; text-align:left;}
#cation p {margin:0 25px 20px;}
#cation p.num {margin:0 25px 10px;}
ol.num1 { margin-bottom: 20px; margin-left: 4.5em; margin-right:20px;}
ol.num1 li {position: relative;list-style: none;line-height: 1.4;margin-bottom: 0em;}
ol.num1 li span {position: absolute;top: 0;left: -2em;}
* html ol.num1 li span { top: -0em; } /* for win ie6 */
*:first-child+html ol.num1 li span { top: -0em; } /* for win ie7 */