﻿/*==========================================================================
_01 Product
	1.1_content
==========================================================================*/
#mainProduct,
#mainProduct3rd,
#mainProduct4th,
#mainProductaTULC,
#mainProductDetail{
	width:655px;
	float:left;
}

#mainProduct3rd,
#mainProduct4th,
#mainProductaTULC,
#mainProductDetail{
		_margin-right:4px;
}

#mainProduct .content{
	width:655px;
	padding-top:20px;
}

#mainProduct3rd .content{
	width:655px;
	padding-top:10px;
	margin:0 0 50px 0;
}

#mainProduct4th .content{
	width:655px;
	margin:0 0 20px 0;
}

#mainProductaTULC .content{
	width:655px;
	padding-top:10px;
	margin:0 0 50px 0;
}
#mainProductDetail .content{
	width:655px;
	margin:0 0 20px 0;
}


#mainProduct h2{
	background:url(../product/img/productImg.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:655px;
	height:150px;
}

#mainProduct3rd h2,
#mainProduct4th h2,
#mainProductaTULC h2,
#mainProductDetail h2
{
	background:url(../product/img/t_product.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:655px;
	height:62px;
	margin:0 0 20px 0;
}

#mainProduct3rd .content h3,
#mainProduct4th .content h3,
#mainProductDetail .content h3{
	background:url(../product/img/t_product3rd_bg.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	width:615px;
	height:33px;
	margin:0 0 20px 0;
	padding:3px 0 0 40px;
	font-weight:bold;
	font-size:120%;
}

#mainProductaTULC .content h3{
	background:url(../product/img/p_atulc01.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
		text-indent:-9999px;
	width:655px;
	height:316px;
	margin:0 0 10px 0;;
}

#mainProductaTULC .content p{
	width:615px;
	padding:0 20px 0 20px;
	margin:0 0 50px 0;
}

#mainProductaTULC .content h4 {
	background:url(../product/img/t_atulc01.gif) no-repeat scroll;
	outline-style:none;
	display:block;
		text-indent:-9999px;
	width:644px;
	height:50px;
	margin:0 6px 0 5px;
}

#mainProductDetail .content #boxDetail {
width:645px;
margin:0 5px 10px 5px;
}
#mainProductDetail .content #boxDetail h4{
 border:1px solid #e8e9ec;
	background:url(../product/img/t_detail_h4_bg.jpg) repeat-x #ecedf0;
	height:27px;
	padding:8px 0 8px 20px;
	color:#953d4c;
	font-size:120%;
	font-weight:bold;
}
#mainProductDetail .content #boxDetail p{
 padding:10px;
}
#mainProductDetail .content #boxDetail img{
 padding:0 10px 10px 0;
	float:left;
}
#mainProductDetail .content #boxPoint0,
#mainProductDetail .content #boxPoint1,
#mainProductDetail .content #boxPoint2,
#mainProductDetail .content #boxPoint3,
#mainProductDetail .content #boxPoint4,
#mainProductDetail .content #boxPoint5 {
width:645px;
margin:0 5px 20px 5px;
}

#mainProductDetail .content #boxPoint0 h5,
#mainProductDetail .content #boxPoint1 h5,
#mainProductDetail .content #boxPoint2 h5,
#mainProductDetail .content #boxPoint3 h5,
#mainProductDetail .content #boxPoint4 h5,
#mainProductDetail .content #boxPoint5 h5{
	border-bottom:3px #eb8b8c solid;
	padding:3px 0 2px 90px;
	font-weight:bold;
	font-size:110%;
	margin:0 0 10px 0;
}
#mainProductDetail .content #boxPoint0 h5{
 background:url(../product/img/t_boxPoint0.gif) no-repeat left;
width:555px;
}
#mainProductDetail .content #boxPoint1 h5{
 background:url(../product/img/t_boxPoint1.gif) no-repeat left;
width:555px;
}
#mainProductDetail .content #boxPoint2 h5{
 background:url(../product/img/t_boxPoint2.gif) no-repeat left;
width:555px;
}
#mainProductDetail .content #boxPoint3 h5{
 background:url(../product/img/t_boxPoint3.gif) no-repeat left;
width:555px;
}
#mainProductDetail .content #boxPoint4 h5{
 background:url(../product/img/t_boxPoint4.gif) no-repeat left;
width:555px;
}
#mainProductDetail .content #boxPoint5 h5{
 background:url(../product/img/t_boxPoint5.gif) no-repeat left;
width:555px;
}

#mainProductDetail .content #boxPoint1 p {
	margin:0 0 10px 0;
}
#mainProductDetail .content .detailLink {
	margin:0 0 10px 0;
}
#mainProductDetail .content .detailLink ul  {
 float:right;
}
#mainProductDetail .content .detailLink ul li {
 background:url(../product/img/i_detail_triangle.gif) no-repeat 0 4px;
	padding:0 10px 0 20px;
	float:left;
}

#mainProductDetail .content #boxExtra1{
 width:603px;
margin:0 5px 20px 5px;
padding:20px;
background:#eaeaea;
border:1px solid #c4c4c4;
}
#mainProductDetail .content #boxExtra1 h5{
 font-weight:bold;
}

#mainProductDetail .content #boxExtra2{
 width:645px;
margin:0 5px 20px 5px;
}

#mainProductDetail .content #boxExtra2 #boxExtra2Border{
 border-left:4px solid #eb8b8c;
	border-right:2px solid #eaeaea;
		border-bottom:2px solid #eaeaea;
		padding:0 0 20px 0;
}

#mainProductDetail .content #boxExtra2 #boxExtra2Border h5{
 padding:0 0 0 10px;
	background:#eaeaea;
	font-size:110%;
	font-weight:bold;
}

#mainProductDetail .content #boxExtra2 #boxExtra2Border p{
 padding:10px 10px 0 10px;
}



#mainProductDetail .content #boxExtra2 #boxExtra2Border #boxextra_2_html{
 border:1px solid #c4c4c4;
	background:#eaeaea;
	width:607px;
	margin:10px 0 0 10px;
	padding:5px;
}


#mainProductDetail .content  #boxOther1,
#mainProductDetail .content  #boxOther2,
#mainProductDetail .content  #boxOther3,
#mainProductDetail .content  #boxOther4,
#mainProductDetail .content  #boxOther5 {
 width:645px;
margin:0 5px 20px 5px;
}
#mainProductDetail .content  #boxOther1 h5,
#mainProductDetail .content  #boxOther2 h5,
#mainProductDetail .content  #boxOther3 h5,
#mainProductDetail .content  #boxOther4 h5,
#mainProductDetail .content  #boxOther5 h5{
 background:url(../product/img/i_detail_bg.gif) no-repeat left #eaeaea;
	padding:0 0 0 10px;
	font-weight:bold;
}
#mainProductDetail .content  #boxOther1 p,
#mainProductDetail .content  #boxOther2 p,
#mainProductDetail .content  #boxOther3 p,
#mainProductDetail .content  #boxOther4 p,
#mainProductDetail .content  #boxOther5 p{
 padding:10px;
	margin:0 0 10px 0;
}
#mainProductDetail .content  #boxOther1 p,
#mainProductDetail .content  #boxOther2 p,
#mainProductDetail .content  #boxOther3 p,
#mainProductDetail .content  #boxOther4 p,
#mainProductDetail .content  #boxOther5 p{
 padding:10px;
	margin:0 0 10px 0;
}

#mainProductDetail .content  #boxOther1 table td,
#mainProductDetail .content  #boxOther2 table td,
#mainProductDetail .content  #boxOther3 table td,
#mainProductDetail .content  #boxOther4 table td,
#mainProductDetail .content  #boxOther5 table td{
 padding:0 0 20px 0;
}

#mainProductDetail .content  #boxRelation {
 width:645px;
margin:0 5px 50px 5px;
}
#mainProductDetail .content  #boxRelation h5{
 background:url(../product/img/i_detail_bg.gif) no-repeat left #eaeaea;
	padding:0 0 0 10px;
	font-weight:bold;
}

#mainProductDetail .content  #boxRelation ul{
 padding:10px;
}

#mainProductDetail .content  #boxRelation ul li{
 background:url(../product/img/i_detail_triangle.gif) no-repeat 0 4px;
	padding:0 10px 0 15px;
	float:left;
}

#mainProductaTULC .content  #hikaku{
 font-size:80%;
}

#mainProductaTULC .content  #LCA{
	width:596px;
	margin:0 6px 50px 5px;
 border:4px solid #85d375;
	padding:0 20px 20px 20px;
	border-top:none;
}

#mainProductaTULC .content  h5{
	background:url(../product/img/t_atulc02.gif) no-repeat scroll;
	outline-style:none;
	display:block;
		text-indent:-9999px;
	width:645px;
	height:61px;
	margin:0 6px 20px 5px;
}

#mainProductaTULC .content  table th{
 padding:0 0 20px 0;
	vertical-align:top;
}


#mainProductaTULC .content  table td{
 padding:0 0 20px 20px;
	vertical-align:top;
}



#mainProduct3rd .content .box3rd {
 width:207px;
 float:left;
	margin:0 12px 0 0;
}

#mainProduct3rd .content .box3rdLast {
	margin:0;
}

#mainProduct3rd .content .box3rd h4 {
 background: url(../product/img/i_3rd_bg.gif) no-repeat left;
	padding:0 0 0 20px;
	font-size:120%;
	font-weight:bold;
	color:#767677;
}

#mainProduct3rd .content .box3rd  ul {
 margin:10px 0 0 5px;
}

#mainProduct3rd .content .box3rd  ul li {
 background:url(../product/img/i_circle.gif) no-repeat 0 2px;
	padding:0 0 5px 20px;
}

#mainProduct4th .content .box4th {
 width:643px;
	border:1px solid #e7e9ec;
	margin:0 0 20px 0;
	vertical-align:bottom;
}
#mainProduct4th .content .box4th .seihinarea {
	padding:20px 0px 20px 20px ;
}
#mainProduct4th .content .box4th h4 {
 background:#dadcdf;
	padding:0 0 0 15px;
	font-size:120%;
	font-weight:bold;
}

#mainProduct4th .content .box4th .detailLink {
 background:#edeff0;
 float:right;
	padding:5px;
}

#mainProduct4th .content .box4th .detailLink a {
 background:url(../product/img/i_bTriangle_detail.gif) no-repeat 5px 2px;
	padding:0 0 0 20px;
}


#mainProduct4th .content .box4th img{
 
}

#mainProduct4th .content .box4th td.exampleText {
	width:100%;
	padding:20px 20px 20px 20px;
	vertical-align:top;
	text-align:left;

}

#mainProduct3rd #upperBack,
#mainProduct4th #upperBack {
	margin: 1em 0;
	padding: 5px 10px 5px 15px;
	display: inline;
	background:#edeff0 url(../product/img/i_bTriangle_back.gif) no-repeat  5px center ;
}

#mainProduct #content01 {
	width:655px;
	margin-bottom:30px;
	margin-left:4px;
}

#mainProduct #content02 {
	width:655px;
	margin-bottom:30px;
	margin-left:4px;
}

#mainProduct #content03 {
	width:655px;
	margin-bottom:30px;
	margin-left:4px;
}

#mainProduct #content04 {
	width:655px;
	margin-bottom:30px;
	margin-left:4px;
}

#mainProduct #content05 {
	width:655px;
	margin-bottom:30px;
	margin-left:4px;
}


#mainProduct #content1,
#mainProduct #content2,
#mainProduct #content3,
#mainProduct #content4,
#mainProduct #content5,
#mainProduct #content6,
#mainProduct #content7,
#mainProduct #content8,
#mainProduct #content9,
#mainProduct #content10 {
	width:655px;
	margin-bottom:20px;
	margin-left:4px;
}

#mainProduct .photo{
	float:left;
	width:78px;
}

#mainProduct .menuList{
	float:left;
	width:226px;
}



#mainProduct #menuBox1{
	float:left;
	margin-right:25px;
	width:312px;
}




#mainProduct #menuBox1 h3{
	background:url(../product/img/t_product01.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:312px;
	height:32px;
	margin-bottom:8px;
}

#mainProduct #menuBox2{
	float:left;
	width:312px;
}

#mainProduct #menuBox2 h3{
	background:url(../product/img/t_product02.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:312px;
	height:32px;
	margin-bottom:8px;
}

#mainProduct #menuBox3{
	float:left;
	margin-right:25px;
	width:312px;
}

#mainProduct #menuBox3 h3{
	background:url(../product/img/t_product03.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:312px;
	height:32px;
	margin-bottom:8px;
}

#mainProduct #menuBox4{
	float:left;
	width:312px;
}

#mainProduct #menuBox4 h3{
	background:url(../product/img/t_product04.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:312px;
	height:32px;
	margin-bottom:8px;
}

#mainProduct #menuBox5{
	float:left;
	margin-right:25px;
	width:312px;
}

#mainProduct #menuBox5 h3{
	background:url(../product/img/t_product05.jpg) no-repeat scroll;
	outline-style:none;
	display:block;
	text-indent:-9999px;
	width:312px;
	height:32px;
	margin-bottom:8px;
}


#mainProduct .menuList li{
	margin:5px 5px 5px 5px;
	padding:0 0 3px 5px;
}
#mainProduct .menuList li a,
#mainProduct .menuList li a:link {
	display:block;
	float:left;
	padding:0 8px 0 20px;
	margin-left
	text-decoration:none;
	color:#1f57b1;
	background:transparent url(../common_img/arrow03.gif) no-repeat scroll 0 0.2em;
	}
#mainProduct .menuList li a:visited {
	display:block;
	float:left;
	color:#714698;
	padding:0 8px 0 20px;
	text-decoration:none;
}


#mainProduct .menuList li a:hover,
#mainProduct .menuList li a:active {
	text-decoration:none;
	padding:0 8px 0 20px;
	text-decoration: underline;
	/*margin-bottom:-1px;*/
	/*border-bottom:1px solid ;*/
	background:transparent url(../common_img/accord_off.gif) no-repeat scroll 0 0.2em;
}




#parentBack {
 width:625px;
margin:0 15px 20px 15px;
}

#parentBack a{
 background:url(../product/img/i_bTriangle_detail.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
}

/*==========================================================================
_01 Product
	1.3_AccordionWrapper
==========================================================================*/

#sideNavi h2#sideProduct{
	outline-style:none;
	display:block;
	width:230px;
	height:43px;
}
/*==========================================================================
_2008/10/29  special
==========================================================================*/


/*==========================================================================
_2008/10/29 TULC･ｷ･遙ｼ･ｺﾄﾉｵｭ
==========================================================================*/

.TULC_contents_title{
	background: #eaeaea;
	display: block;
	font-size: 16px;
	border-left: 5px solid #eb8b8c;
	padding-left: 10px;
	margin-bottom: 15px;
}

.TULC_top_Link{
	padding: 3px 0;
	
}


.TULC_top_Link li{
	background: url(../product/img/arrow.gif) no-repeat left center;
	float: left;
	padding: 0 10px;
}

.TULC_up_btn{
	text-align: right;	
}


.TULC_contents_title02{
	background: #eaeaea;
	display: block;
	font-size: 14px;
	border-left: 5px solid #eb8b8c;
	padding-left: 10px;
	margin: 25px 0;
}



.TULC_Box01 dt {
	float:left;
	width:142px;
	clear: both;
	padding-left:15px;

}
.TULC_Box01 dt img {
	padding-bottom:15px;

}

.TULC_Box01 dd {
	float:left;
	width:400px;
	padding-left:40px;

}

.TULC_Box02{
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 4px solid #ed9898;
	margin-bottom:20px;

}

.TULC_Box02 p{
	padding: 10px 0 10px 20px;

}

.TULC_Box02 h6{
	font-size: 14px;
	font-weight: bold;
	background: #EBEBEB;
	padding-left:20px;
}

.TULC_Box02_sub{
	background: #eaeaea;
	border: 1px solid #CCCCCC;
	padding: 15px;
	width:580px;
	margin: 0 auto 20px;
}

.TULC_Box02_sub dt{
	font-weight: bold;	
}
.TULC_Tit {
	width: 635px;
	border-bottom: 3px solid #EB8B8C;
	border-left: 6px solid #EB8B8C;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.TULC_Table {
	width: 640px;
}

.TULC_Table th {
	padding: 5px 5px 5px 15px;
	background: #e2e2e4;
	text-align: left;
	border-left: 3px solid #ed9898;
	width: 100px;
	border-bottom: 1px solid #FFFFFF;
}
.TULC_Table td {
	padding: 5px;
	background: #f3f3f3;
	border-bottom: 1px solid #FFFFFF;
}
#mainProductDetail .content .pageupLink {
	margin:0 0 10px 0;
}
#mainProductDetail .content .pageupLink ul  {
 float:right;
}
#mainProductDetail .content .pageupLink ul li {
 background:url(../product/img/i_detail_triangle_up.gif) no-repeat 0 6px;
	padding:0 10px 0 20px;
	float:left;
}



/*==========================================================================
_01 Product
	2008/11/02 ｡｡｡ﾊatulc popup｡ﾋ
==========================================================================*/



#TULC_Explanation{
	padding: 10px;
	width:600px;
	margin: 0 auto;
	
}


#TULC_Explanation a{
	cursor:pointer;
	
}



#area{
	padding: 10px;
	border-top: 1px dotted #666666;
	width:600px;
	margin: 0 auto;
	visibility: hidden;
	display:none;

}

#area dl{
	padding: 5px 0;
}

#area dd{
	padding-bottom: 10px;
}

#area dt{
	font-weight: bold;
	padding-bottom: 10px;
}

#area .close_btn{
	cursor:pointer;

}

.container{
	position: relative;
	background: url(../product/img/tulc_img10.jpg) no-repeat left top;
	width:644px;
	height:1025px;
}


.container .pos01{
	position:absolute;
	width:201px;
	height:29px;
	left: 80px;
	top: 654px;
}


.container .pos02{
	width:314px;
	height:29px;
	position:absolute;
	left: 305px;
	top: 653px;
}

.container .pos03{
	width:314px;
	height:29px;
	position:absolute;
	left: 305px;
	top: 684px;
}

.container .pos04{
	width:314px;
	height:29px;
	position:absolute;
	left: 305px;
	top: 716px;

}


#productpopup {
	font-size:12px;
	color:#333333;
}

#productpopup td {
	text-align:left;
}


#productpopup .closearea {
	text-align:center;
	padding:10px 5px;
}

#productpopup .popclose a,
#productpopup .popclose a:link,
#productpopup .popclose a:visited {
	background:transparent url(../common_img/tojiru.gif) no-repeat scroll ;
	margin:0 0px 5px;
	padding:0 0 0px 15px;
}
#productpopup .popclose a,
#productpopup .popclose a:link {
	color:#1f57b1;
	text-decoration:none;
}

#productpopup .popclose a:visited {
	color:#1f57b1;
	text-decoration:none;
}

#productpopup .popclose a:hover,
#productpopup .popclose a:active {
	color:#1f57b1;
	text-decoration:underline;
}






/*==========================================================================
_ Product｡｡2008/11/05
	_｡｡Underconstruction｡｡_
==========================================================================*/

#productlinktop {
	text-align:center;
}
#productlinktop a,
#productlinktop a:link,
#productlinktop a:visited{
	background:transparent url(../common_img/arrow02.gif) no-repeat scroll 0 0.3em;
	margin:0 0px 5px;
	padding:0 0 0px 10px;
}