@charset "utf-8";
/* CSS Document */

#contents #main h2,
#contents #main h3 {
	margin-bottom:20px;
}
#main h3 {
	background:url(../common/images/ttl_bg.jpg) no-repeat left top;
	height:35px;
	line-height:38px;
	font-size:134%;
	color:#FFF;
	font-weight:bold;
	padding-left:10px;
	overflow:hidden;
}
#contents #main h4 {
	background: url(../common/images/sttl_bg.gif) no-repeat left top;
	padding-left:15px;
	height:30px;
	line-height:30px;
	color:#0e0d97;
	font-size:117%;
	font-weight:bold;
	margin-bottom:10px;
	clear:both;
}
#index #contents #main h3 {
	background: url(../common/images/sttl_bg.gif) no-repeat left top;
	padding-left:15px;
	height:30px;
	line-height:30px;
	color:#0e0d97;
	font-size:117%;
	font-weight:bold;
	margin-bottom:10px;
}
#contents #main h5 {
	font-size:109%;
	font-weight:bold;
	margin-bottom:5px;
	clear:both;
}

#contents #main .read {
	margin-bottom:10px;
}
#contents #main #new {
	margin-bottom:10px;
}
#contents #main #productsInfo {
	margin-bottom:9px;
}
#contents #main #productsInfo .productsBox {
	width:168px;
	float:left;
	position:relative;
	border-right:#c6c6c6 1px dotted;
	padding-right:9px;
	margin-right:9px;
}
#contents #main #productsInfo .productsBox.side {
	border-right:none;
	padding-right:0;
	margin-right:0;
}
#contents #main #productsInfo .productsBox .ttl{
	margin-bottom:5px;
}
#contents #main #productsInfo .productsBox .leftImg {
	width:90px;
	float:left;
}
#contents #main #productsInfo .productsBox .leftImg img {
	border:#d9d9d9 1px solid;
	padding:2px;
}

#contents #main #productsInfo .productsBox .rightTxt {
	width:70px;
	float:right;
	font-size:84%;
	padding-bottom:20px;
	line-height:1.6;
}
#contents #main #productsInfo .productsBox .rightTxt .links01 {
	position:absolute;
	bottom:0px;
	right:9px;
}
#contents #main #productsInfo .productsBox.side .rightTxt .links01 {
	right:0;
}
#contents #main #other {
	border-top:#c6c6c6 2px dotted;
	border-bottom:#c6c6c6 2px dotted;
}
#contents #main #other dt{
	width:120px;
	background: url(../images/other_bg.gif) no-repeat left 9px;
	padding:5px 0 5px 12px;
	float:left;
	font-size:92%;
	color:#0e0d97;
	font-weight:bold;
	line-height:1.7;
}
#contents #main #other dd{
	font-size:84%;
	line-height:1.7;
}
#contents #main #other dd a {
	display:block;
	padding:5px 0;
}
#contents #main #other dd a:hover {
	display:block;
	background:#fdfce5;
	padding-top:5px;
}


/* products_03 */

#contents #main .container {
	border:#b6b6e0 5px solid;
	padding:20px;
	clear:both;
}
#contents #main .container .ttl {
	height:30px;
	line-height:30px;
	background:#0e0d97;
	color:#FFF;
	font-size:117%;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
	
#contents #main .container .imgBox {
	width:692px;
	margin-right:-8px;
}
#contents #main .container .imgBox img {
	border:#ececec 2px solid;
	padding:2px;
}
#contents #main .container .imgBox ul {
	float:left;
}

#contents #main .container .imgBox li {
	display:block;
	margin-bottom:8px;
	margin-right:8px;
}
#contents #main .container .imgBox .line {
	border-bottom:#d9d9d9 2px dotted;
	padding-bottom:15px;
}
#contents #main .container .section {
	clear:both;
	margin-top:15px;

}
#contents #main .container .section .left {
	width:100px;
	float:left;
}

#contents #main .container .section .left .ttl {
	background:url(../products/images/products_section_ttl.gif) no-repeat left top;
	width:82px;
	height:82px;
	line-height:82px;
	font-size:117%;
	font-weight:bold;
	text-align:center;
	color:#0e0d97;
	padding:0;
	margin:0 0 10px 0;
}
#contents #main .container .section .left .ttl2 {
	background:url(../products/images/products_section_ttl.gif) no-repeat left top;
	width:82px;
	height:82px;
	font-size:117%;
	font-weight:bold;
	text-align:center;
	color:#0e0d97;
	padding-top:20px;
	margin:0 0 10px 0;
}
#contents #main .container .section .left .ttl3 {
	background:url(../products/images/products_section_ttl.gif) no-repeat left top;
	width:72px;
	height:82px;
	font-weight:bold;
	text-align:center;
	color:#0e0d97;
	padding:15px 5px 0;
	margin:0 0 10px 0;
}
	

#contents #main .container .section .right {
	width:580px;
	float:right;
}
#contents #main .container .section .right .list dt {
	display:block;
	float:left;
	width:25px;
	height:18px;
	line-height:18px;
	font-size:92%;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	background:#0e0d97;
	margin-bottom:8px;
}
#contents #main .container .section .right .list dd {
	margin-left:35px;
	margin-bottom:8px;
	line-height:18px;
}

#contents #main .container .section .line {
	border-bottom:#d9d9d9 2px dotted;
	padding-bottom:15px;
}

#contents #main .container .section .right .table {
	width:280px;
	float:left;
}
#contents #main .container .section .right .txt {
	width:285px;
	float:right;
	font-size:92%;
}
#contents #main .container .section .right .txt p {
	margin-bottom:5px;
}

#contents #main .container .section .right .notes {
	font-size:92%;
	margin-bottom:5px;
}
#contents #main .container .section .right .txt dt {
	width:1.5em;
	float:left;
}
#contents #main .container .section .right .txt dd {
	margin-left:1.5em;
}

#contents #main .container .section .right .notes dt {
	width:1em;
	float:left;
}
#contents #main .container .section .right .notes dd {
	margin-left:1em;
}
#contents #main .container .section .right .feature .sttl {
	color:#0e0d97;
	font-size:117%;
	font-weight:bold;
	margin:10px 0 0;
}
#contents #main .container .section .right .feature dt {
	display:block;
}
#contents #main .container .section .right .feature dd {
	margin-left:1em;
}
#contents #main .img img {
	border:#ececec 2px solid;
	padding:2px;
}
.other img {
	border:#ececec 2px solid;
	padding:2px;
	margin-bottom:10px;
}


/* table */

#contents #main .tableType01 {
	width:100%;
}
#contents #main .tableType01 th {
	background:#f3f3fa;
	text-align:center;
	vertical-align:middle;
	font-size:109%;
	border:#8786cb 1px solid;
	padding:5px 0;
}
#contents #main .tableType01 td {
	padding:5px 0;
	text-align:center;
	border-right:#8786cb 1px solid;
}
#contents #main .tableType01 .outlineT {
	border-top:#0e0d97 1px solid;
}
#contents #main .tableType01 .outlineR {
	border-right:#0e0d97 1px solid;
}
#contents #main .tableType01 .outlineB {
	border-bottom:#0e0d97 1px solid;
}
#contents #main .tableType01 .outlineL {
	border-left:#0e0d97 1px solid;
}
#contents #main .tableType01 .dottedLine {
	border-bottom:#8786cb 1px dotted;
}
#contents #main .tableType01 .solidLineB {
	border-bottom:#8786cb 1px solid;
}
#contents #main .tableType01 .solidLineR {
	border-right:#8786cb 1px solid;
}
#contents #main .tableType01 th.dottedLineT {
	border-top:#8786cb 1px dotted;
}
#contents #main .tableType01 .feature {
	padding:0 5px;
	text-align:left;
}
#contents #main .tableType01 .feature dt {
	width:1em;
	float:left;
}
#contents #main .tableType01 .feature dd {
	margin-left:1em;
}
#contents #main .tableType01 .txtL {
	text-align:left;
	padding:10px;
	vertical-align:top;
}
#contents #main .tableType02 {
	width:100%;
}
#contents #main .tableType02 th {
	background:#f3f3fa;
	text-align:center;
	vertical-align:middle;
	font-size:109%;
	border:#8786cb 1px solid;
	padding:5px 0;
}
#contents #main .tableType02 td {
	padding:5px 0;
	text-align:center;
	border:#8786cb 1px solid;
}
#contents #main .tableType02 .outlineT {
	border-top:#0e0d97 1px solid;
}
#contents #main .tableType02 .outlineR {
	border-right:#0e0d97 1px solid;
}
#contents #main .tableType02 .outlineB {
	border-bottom:#0e0d97 1px solid;
}
#contents #main .tableType02 .outlineL {
	border-left:#0e0d97 1px solid;
}
#contents #main .tableType02 .dottedLine {
	border-bottom:#8786cb 1px dotted;
}
#contents #main .tableType02 .solidLineB {
	border-bottom:#8786cb 1px solid;
}
#contents #main .tableType02 .solidLineR {
	border-right:#8786cb 1px solid;
}


#contents #main .tableType03 {
	width:100%;
}
#contents #main .tableType03 th {
	background:#f3f3fa;
	text-align:left;
	font-size:109%;
	padding:2px 0 2px 15px;
}
#contents #main .tableType03 td {
	padding:2px 0;
	text-align:center;
	border-right:#8786cb 1px solid;
}
#contents #main .tableType03 .outlineT {
	border-top:#0e0d97 1px solid;
}
#contents #main  .tableType03 .outlineR {
	border-right:#0e0d97 1px solid;
}
#contents #main .tableType03 .outlineB {
	border-bottom:#0e0d97 1px solid;
}
#contents #main .tableType03 .outlineL {
	border-left:#0e0d97 1px solid;
}
#contents #main .tableType03 .dottedLine {
	border-bottom:#8786cb 1px dotted;
}
#contents #main .tableType03 .solidLineB {
	border-bottom:#8786cb 1px solid;
}
#contents #main  .tableType03 .solidLineR {
	border-right:#8786cb 1px solid;
}

#contents #main .tableType04 {
	width:100%;
}
#contents #main .tableType04 th {
	background:#b6b6e0;
	text-align:center;
	vertical-align:middle;
	font-size:109%;
	border:#8786cb 1px solid;
	padding:5px 0;
	font-weight:bold;
}
#contents #main .tableType04 td {
	padding:5px 0;
	text-align:center;
	border:#8786cb 1px solid;
}

#contents #main .tableType04 .outlineT {
	border-top:#0e0d97 1px solid;
}
#contents #main .tableType04 .outlineR {
	border-right:#0e0d97 1px solid;
}
#contents #main .tableType04 .outlineB {
	border-bottom:#0e0d97 1px solid;
}
#contents #main .tableType04 .outlineL {
	border-left:#0e0d97 1px solid;
}
#contents #main .tableType04 .dottedLine {
	border-bottom:#8786cb 1px dotted;
}
#contents #main .tableType04 .solidLineB {
	border-bottom:#8786cb 1px solid;
}
#contents #main .tableType04 .solidLineR {
	border-right:#8786cb 1px solid;
}
#contents #main .tableType05 {
	width:100%;
}
#contents #main .tableType05 th {
	background:#f3f3fa;
	text-align:left;
	vertical-align:top;
	font-size:109%;
	border:#8786cb 1px solid;
	padding:5px 15px;
}
#contents #main .tableType05 td {
	padding:5px 15px;
	text-align:left;
	vertical-align:top;
	border-right:#8786cb 1px solid;
}

#contents #main .tableType05 .outlineT {
	border-top:#0e0d97 1px solid;
}
#contents #main .tableType05 .outlineR {
	border-right:#0e0d97 1px solid;
}
#contents #main .tableType05 .outlineB {
	border-bottom:#0e0d97 1px solid;
}
#contents #main .tableType05 .outlineL {
	border-left:#0e0d97 1px solid;
}
#contents #main .tableType05 .dottedLine {
	border-bottom:#8786cb 1px dotted;
}
#contents #main .tableType05 .solidLineB {
	border-bottom:#8786cb 1px solid;
}
#contents #main .tableType05 .solidLineR {
	border-right:#8786cb 1px solid;
}
#contents #main .tableType05 th.dottedLineT {
	border-top:#8786cb 1px dotted;
}
#contents #main table a {
	color: #0e0d97;
	text-decoration: underline;
}
#contents #main table a:hover {
	color: #333;
	text-decoration: underline;
}
#contents #main table .txtL {
	text-align:left;
	padding-left:20px;
}
#contents #main table .txtC {
	text-align:center;
	padding-left:0;
}

#contents #main table .purple {
	background:#f3f3fa;
}

#contents #main .links li {
	display:block;
	margin-bottom:10px;
	font-size:117%;
	height:30px;
	line-height:30px;
}
#contents #main .links li a {
	display:block;
	background:url(../products/images/btn_bg_off.gif) no-repeat left top;
	padding-left:15px;
	color:#0e0d97;
	font-weight:bold;
}
#contents #main .links li a:hover {
	display:block;
	background:url(../products/images/btn_bg_on.gif) no-repeat left top;
	text-decoration:none;
}

#contents #main .makeup li {
	display:block;
	margin-bottom:10px;
}
#contents #main .makeup li a {
	color: #0e0d97;
	text-decoration: underline;
}

#contents #main .links li.no {
	background:url(../products/images/btn_bg_off.gif) no-repeat left top;
	color:#0e0d97;
	font-weight:bold;
	padding-left:15px;
}

#flow #contents #main h3 {
	margin-bottom:0;
}

#flow .section {
	background:url(../products/images/flow_bg.gif) no-repeat left center;
	padding-left:55px;
	height:50px;
}
#flow .section p {
	margin-top:5px;
}
#flow .section a {
	color: #0e0d97;
	text-decoration: underline;
}

.new_products_ttl {
	margin-bottom:20px;
}

.new_products_list {
	color: #0e0d97;
	margin-bottom:15px;
}
.new_products_list a {
	color: #0e0d97;
}
.new_products_table {
	margin-bottom:20px;
}
.new_products_table th {
	background:#0e66bb;
	color:#FFF;
	padding:6px;
	border:#FFF 1px solid;

}
.new_products_table td {
	background:#f2f2f2;
	border:#FFF 1px solid;
	padding:6px;
}
.new_products_table td dt {
	width:1.5em;
	float:left;
}
.new_products_table td dd {
	margin-left:1.5em;
}

#micro_mizo .txtBox {
	padding:10px 0 20px;
}
#micro_mizo .txtBox .read {
	color:#200099;
	font-size:150%;
	font-weight:bold;
	margin-bottom:0;
	line-height:1;
}
#micro_mizo .txtBox .leftTxt01 {
	width:470px;
	float:left;
	display:inline;
}
#micro_mizo .txtBox .rightImg01 {
	width:250px;
	float:right;
	display:inline;
}
#micro_mizo .txtBox .rightImg01 .box {
	margin-bottom:20px;
}
#micro_mizo .txtBox .leftTxt02 {
	width:310px;
	float:left;
	display:inline;
}
#micro_mizo .txtBox .rightImg02 {
	width:410px;
	float:right;
	display:inline;
}
#micro_mizo .txtBox .list {
	margin-left:1em;
	text-indent:-1em;
}
#micro_mizo .txtBox .list span {
	color:#200099;
}
#micro_mizo .txt01 {
	font-size:125%;
	padding-top:25px;
}
#micro_mizo .box02 {
	margin-bottom:10px;
	clear:both;
}
#micro_mizo .leftImg01 {
	width:230px;
	float:left;
	display:inline;
}
#micro_mizo .rightTxt01 {
	width:340px;
	float:right;
	display:inline;
	min-height:160px;
	height:auto!important;
	height:160px;
	position:relative;
}
#micro_mizo .rightTxt01 .notes {
	font-size:92%;
}
#micro_mizo #contents #main .container .rightTxt01 .ttl {
	height:auto;
	line-height:normal;
	background:none;
	color:#200099;
	font-size:134%;
	font-weight:bold;
	text-align:left;
	margin-bottom:0;
}
#micro_mizo .list02 {
	position:absolute;
	bottom:10px;
}
#micro_mizo .list02 li {
	float:left;
	display:inline;
	margin-right:10px;
}
#micro_mizo .list03 {
	margin-top:10px;
}
#micro_mizo .list03 li {
	float:right;
	display:inline;
	margin-left:10px;
}

#micro_mizo .btn {
	text-align:right;
	margin-top:10px;
	margin-bottom:20px;
}
#micro_mizo .txtBox .leftTxt03 {
	width:410px;
	float:left;
	display:inline;
}
#micro_mizo .txtBox .rightImg03 {
	width:310px;
	float:right;
	display:inline;
}
