@charset "euc-jp";

/*
http://www.dex.ne.jp/product/index.html
に使ってます。
*/
* { margin:0;padding:0; }
/* * { border:0px solid #D0DBDD; }  */
body { background: url('../_cmn/head_bg_3.gif') repeat-x 0 53px; }
body,th,td,p,li,strong { font-size: 12px; font-weight:normal; line-height: 1.4em; color: #666; }
strong { color:inherit; font-size:inherit; font-weight:inherit; }
ul,li { list-style:none; }
img { border:0; }
a, a strong                 { color: #0172CE; text-decoration: none; }
a:link, a:link strong       { color: #0172CE; }
a:visited, a:visited strong { color: #0172CE; } 
a:hover, a:hover strong     { color: #AD035F; text-decoration: underline; }
a:active, a:active strong   { color: #AD035F; text-decoration: underline; }

.right { float:right; }
.left  { float:left; }

.px10, .px10 *, .px10 strong { font-size:10px; }
.px12, .px12 *, .px12 strong { font-size:12px !important; }
.bold, .bold strong { font-weight:bold; }

.f_right { float:right; }
.f_left { float:left; }
.f_clear { clear:both; }

.t_right { text-align:right; }
.t_left  { text-align:left; }
.t_center  { text-align:center; }

.listF li { float:left; }
.listDisc li { list-style-type:disc; margin-left:20px; }
.listSquare li { list-style-type:square; margin-left:20px; }
.listMark li { background:url('../icon1.gif') no-repeat 5px 5px; padding-left:20px; }
.listMark2 li { background:url('../deximage/images/arrow-red.gif') no-repeat 5px 5px; padding-left:20px; }

.red { color:#FF0000; }

.pT2 { padding-top: 2px; }
.pT5 { padding-top: 5px; }
.pT10 { padding-top: 10px; }
.pB10 { padding-bottom: 10px; }
.mT2 { margin-top: 2px; }
.mT5 { margin-top: 5px; }
.mT10 { margin-top: 10px; }
.mT15 { margin-top: 15px; }
.mT20 { margin-top: 20px; }
.mT25 { margin-top: 25px; }
.mT30 { margin-top: 30px; }
.mT40 { margin-top: 40px; }
.mR5 { margin-right: 5px; }
.mR10 { margin-right: 10px; }
.mB2 { margin-bottom: 2px; }
.mB5 { margin-bottom: 5px; }
.mB10 { margin-bottom: 10px; }
.mB20 { margin-bottom: 20px; }
.mL5 { margin-left: 5px; }
.mL10 { margin-left: 10px; }
.mL20 { margin-left: 20px; }
.mL30 { margin-left: 30px; }


/*__________________________________________________________________________ master */
#wrapper { width: 750px; margin: auto; }
#header { background: url('../_cmn/head_bg_4.gif') repeat-y 50%; height:53px; }
	#header h1 { margin-top:15px; }
	#header ul { margin-top:35px; }
		#header ul li { margin-right:5px; }
#contents { width:738px; margin:15px auto; }
	#contents .col1, #contents .col2, #contents .col3, #contents .col4 { clear:both; }
	#contents .left { width:525px; }
	#contents #rightColumn {
		float:right;
		padding: 0 0 50px 2px;
		background:#EDEEE6 url('../_cmn/right_bg.gif') bottom center repeat-x;
		}
		#contents #rightColumn ul { padding:5px 0 10px 10px; }
		#contents #rightColumn p { margin:5px 10px 0 10px; border-bottom:1px dotted #333300; }
#footer { width:738px; clear:both; padding-top:10px; margin:auto; }
	#footer * { font-size:10px; }
	#footer .commonFooter { width:525px; color:#999; text-align:center; padding-bottom:20px; }
		#footer .commonFooter a           { color:#999;text-decoration: none; }
		#footer .commonFooter a:hover     { color:#999;text-decoration: none; }
		#footer .commonFooter a:active    { color:#999;text-decoration: none; }
/*__________________________________________________________________________ products */
#products {}
	#products #contents .col2, #products #contents .col3, #products #contents .col4 { margin-top:10px; }
	#products #contents .col1 .right { width:370px;height:65px; border-bottom:1px dotted #EDEEE6; padding-bottom:5px; }
	#products #contents h3 {
		border-bottom:#EDEEE6 1px dotted;
		background:url('../icon1.gif') no-repeat 5px 5px;
		padding:0 0 5px 20px;
		margin-top:30px;
		font-size:14px;
		font-weight:normal;
	}
	#products #contents .col3 {}
		#products #contents .col3 .listDisc { padding-top:10px; }
	#products #contents .col4 {}
		#products #contents .col4 a { cursor:pointer; }
		#products #contents .col4 li.productsList { width:259px; float:left; border-top:1px dotted #EDEEE6;padding-top:10px; padding-bottom:10px; }
		#products #contents .col4 li.Border1 { border-right:1px dotted #EDEEE6; clear:both; }
		#products #contents .col4 li.Border2 { padding-left:5px; }
		#products #contents .col4 li.Border3 { border-top:0; }
		#products #contents .col4 .right { width:170px; }
			#products #contents .col4 .title { border-left:3px solid #69704F; font-weight:bold; padding-left:5px; }
			#products #contents .col4 .line { color:#666; font-size:10px; margin-right:7px; }
			#products #contents .col4 .detail { background:url('../_cmn/icon_a.gif') no-repeat; font-size:10px; padding-left:23px; height:23px; margin:5px 10px 0 0; }
			#products #contents .col4 .collected { background:url('../_cmn/icon_b.gif') no-repeat; font-size:10px; padding-left:19px; height:15px; margin-top:5px; }
/*__________________________________________________________________________ index */
#index #contents .left .col1 {
	background: url('../_img/m_back.gif') no-repeat right top;
	border:0px solid #ccc;
	padding:5px 0 10px;
	margin: 0 5px 20px 0;
	}
	#index #contents h3 { padding-left:2px; }
	#index #contents .left .col1 .listF { padding: 10px 0 0 0; }
		#index #contents .left .col1 .listF li img { float:left; }
		#index #contents .left .col1 .listF li.set1 { margin:0 0 2px 2px; }
		#index #contents .left .col1 .listF li.set2 { margin:0 2px 2px 2px; }
		#index #contents .left .col1 .listF li.set3 { margin:0 0 2px 0; }
		#index #contents .left .col1 .listF li.set4 { margin:0 0 0 2px; }
		#index #contents .left .col1 .listF li.set5 { margin:0 2px 0 2px; }