@charset "UTF-8";

/*メイン1番*/
#divContentContainer {
    margin:0;
    padding:0; 
    background:url(../images/bg_blocks.jpg) top left no-repeat;
    
}
 
 
/* PMS "WHAT WILL YOU MAKE WITH PLUS?" ELEMENTS (MAIN CONTENT) */



/* メインキャッチコピー*/
#plusHdr {
	width:400px;
	height:150px;
	position:absolute;
	left:20px;
	top:47px;
	font-size:29px;
	line-height:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#fff;
}
#playVideo {
	width:60px;
	height:75px;
	position:absolute;
	left:21px;
	top:209px;
	display:block;
	background:url(../images/icon_playvideo.png) top left no-repeat;
}
#playVideo span {
	margin-left:-5000px;
}
.slidingListContainer {
	width:678px;
	height:567px;
	position:relative;
	overflow:hidden;
}
.slidingListContainer ul {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}


/*スライダーのボックスの場所*/
.slidingListContainer ul.slidingList {
	width:163px;
	height:198px;
	color:#666;
	position:absolute;
	top:323px;
}


 /*ソリッドカラー*/ 
.slidingListContainer ul#product_plus {
	left:0px;
}
.slidingListContainer ul#product_plus li.slidingListHdr ul {
	background-image:url(../images/slidinglist_prod_plus.png);
}
.slidingListContainer ul#product_plus li.slidingListHdr .plus {
	top:0px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #444444;
	line-height:160%;
}
.slidingListContainer #product_plus_slice {
	left:0px;
	background: url(/images/categories/homepages/graphics/products_bg_plus.jpg) bottom left no-repeat;
}



  /*プロセス*/
.slidingListContainer ul#product_process {
	left:172px;
}
.slidingListContainer ul#product_process li.slidingListHdr ul {
	background-image:url(../images/slidinglist_prod_process.png);
}
.slidingListContainer ul#product_process li.slidingListHdr .plus {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #444444;
	line-height:160%;
}
.slidingListContainer #product_process_slice {
	left:172px;
	background: url(/images/categories/homepages/graphics/products_bg_process.jpg) bottom left no-repeat;
}
 /*メタリック*/
.slidingListContainer ul#product_metallics {
	left:344px;
}
.slidingListContainer ul#product_metallics li.slidingListHdr ul {
	background-image:url(../images/slidinglist_prod_metallics.png);
}

.slidingListContainer ul#product_metallics li.slidingListHdr .plus {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #444444;
	line-height:160%;
}

.slidingListContainer #product_metallics_slice {
	left:344px;
	background: url(/images/categories/homepages/graphics/products_bg_metallics.jpg) bottom left no-repeat;
}
 
/*バンドル*/
.slidingListContainer ul#product_value {
	right:0px;
}
.slidingListContainer #product_value_slice {
	right:0px;
	background: url(/images/categories/homepages/graphics/products_bg_value.jpg) bottom left no-repeat;
}
.slidingListContainer ul#product_value li.slidingListHdr ul {
	background-image:url(../images/slidinglist_prod_value.png);
}
.slidingListContainer ul#product_value li.slidingListHdr .plus {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #444444;
	line-height:160%;
}
/*ここまで*/
.slidingListContainer ul.slidingList li.slidingListHdr {
	width:163px;
	display:block;
	position:absolute;
	top:130px;
	background: url(../images/slidinglist_bg_white.png) top left;
	font-size:15px;
	line-height:15px;
	font-weight:bold;   
}

/*日本語と英語のタイトル*/
.slidingListContainer ul.slidingList li.slidingListHdr span {
	height:66px;
	padding:12px 6px 0px;
	display:block;
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-weight:bold;
    color: #444;
}

/*見えてる部分の文字*/
.slidingListContainer ul.slidingList li.slidingListHdr span span {
	padding:0px;
	display:inline;
	font-weight:bold;
	letter-spacing:-1px;    
}
.slidingListContainer ul.slidingList li.slidingListHdr ul {
	/*height:275px;*/
	padding:2px 5px 0;
	font-size:10px;
	font-weight:bold;
	line-height:10px;
	background-repeat:no-repeat;
	background-position:-200px 115px;
}
.slidingListContainer ul.slidingList li.slidingListHdr ul li {
	border-top:1px dotted #666;
	padding:3px 0;
}


.slidingListContainer,
.slidingListContainer a:link,
.slidingListContainer a:hover,
.slidingListContainer a:visited {
	color:#000;
	text-decoration:none;
	line-height:160%;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	outline:none;
}
 
/* PMS CONTAINER ELEMENTS: FEATURES & BENEFITS, PEOPLE ARE SAYING */
.accordiancont { 
width:333px; /* +++++CHANGED+++++++ */
height:350px; /* +++++CHANGED+++++++ */
position:relative;
float:left;
}
#basic-accordian{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#333;
	width:333px;/* +++++CHANGED+++++++ */
	position:absolute;
	left:0;
	top:35px;
	margin-left:0px;
	z-index:2;
	margin-top:0px;
}
 
.accordion_headings{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	/*background: url(/images/categories/homepages/graphics/accordion_a.gif) no-repeat;*/
	color:#E1001C;
	cursor:pointer;
	font-weight:bold;
}
.accordion_headings:hover{
	/*background-position: left -25px;*/
}
 
 
#basic-accordian .header_highlight{
	color: #E1001C;
	/*background-position: left -50px;*/
	cursor: text;
 
}
.accordion_headings span { background:url(../images/pms_plus.gif) left center no-repeat; padding-left:50px; margin-left:5px; }
.accordion_headings.header_highlight span { background:url(../images/pmg_minus.gif) left center no-repeat;  }
 
.accordion_child{
	/*padding:15px;
	background:#EEE;*/
}
.accordion_child ul { margin:10px 0px 5px; padding-left:0px; list-style:none;}
.accordion_child li { background:url/images/pms_bull.gif) top left no-repeat; padding-left:10px; margin-bottom:10px;}
 
.sharing { clear:both; background:url(../images/hdr_socialmedia.gif) top left no-repeat; float:left; width:680px; height:32px; }
.sharing ul { margin:0px 0px 0px 10px; padding:0px; list-style:none; font-family:Helvetica, Arial, sans-serif; font-size:11px; font-weight:bold; }
.sharing li { float:left; line-height:35px; padding-right:10px;}
.sharing li a { text-decoration:none; color:#333; }
.sharing li a span { color:#333; } 
.sharing li a:hover span { text-decoration:underline;}
.sharing img { vertical-align:middle; border:0px; margin-bottom:2px; }





.pmscontainer { clear:both; width:678px; float:left; margin-bottom: -5px; } 
h2.fandb { font-family:Helvetica, Arial, sans-serif; font-size:20px; color:#000; margin:0px; }
.documents { 
	position:absolute;
	left:630px;/* +++++CHANGED+++++++ */
	top:40px;/* +++++CHANGED+++++++ */
	width:50px;/* +++++CHANGED+++++++ */
}
.documents a img { 
	border:0px;
	display:block;/* +++++ ADDED +++++++ */
	padding-bottom:10px;/* +++++CHANGED+++++++ */
}
 

 
/* ALL NEW STYLES BELOW */
        .sliderGallery {
            /*background: url(https://static.jqueryfordesigners.com/demo/images/productbrowser_background_20070622.jpg) no-repeat;*/
	
            overflow: hidden;
            position: relative;
            padding: 0px;
            height: 268px;
            width: 268px;
        }
        
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
           /* white-space: nowrap;*/
		   	width:3000px;s
            padding: 0;
            margin: 0;
        }
        
        .sliderGallery UL LI {
			float:left;
			width:260px;
			height:400px;
			color:#0F2E6E;
			font-family:Helvetica, Arial, sans-serif;
			font-size:11px;
			margin:0px;
			padding-right:40px;
			
        }
		.slidercont {
            background: url(../images/pms_quote_bar.jpg) top left repeat-x;
			position:relative;
            margin-top: 220px;
			width:268px;
			height:10px;
			float:left;
			
		}
       .ui-slider {
            width: 224px;
            height: 8px;
            margin-left: 22px;
            margin-right: 17px;
            padding: 0px;
            position: absolute;
            /*background: url(/images/categories/homepages/graphics/slider_gallery/pms_quote_bar.jpg) repeat-x;*/
			text-align: left;
        }
 
  
        .ui-slider-handle {
            position: absolute;
           	cursor: default; 
			outline: none;
            height: 8px;
            width: 27px;
            top: 0;
            background: url(../images/pms_scroll_handle.png) top left no-repeat;
            z-index: 2;
        }
 
		.ui-slider-horizontal .ui-slider-handle { top: 0; margin-left: -13px; }
		.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }	
 
.ui-slider-horizontal { height:8px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
 
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
        
        .slider-left img {
				/*position:absolute; left:0px; top:0px; z-index:30;*/
			float:left;
		}
        .slider-right img {
			/*position:absolute; right:0px; top:0px; z-index:30;*/
			float:right
		}
 
 
[if IE 7]>
.pmscontainer { margin-bottom: -35px; }
.pmsreadall a { color:#EC4336; font-weight:bold; text-decoration:none; font-size:10px; float:right; margin-top:219px; line-height:80%; }
        .rquote { width:335px; font-family:Helvetica, Arial, sans-serif; float:right; }/* +++++CHANGED+++++++ */
        .rquote h2.rquotehdr { margin:0px 0px 15px; font-size:17px; color:#EC4336; }
        .rquote a.rquoteftr { font-size: 14px; font-weight: bold; color:#EC4336; text-decoration: none; }
        .rquote p.rquotecopy, .rquote label.rquotecopy { margin:10px 0px 0px; font-size:11px; font-weight: bold; color:#042C71; }
        .rquote p.rquotecopy span { font-size:12px; }
        .rquote a.rquotenav { color:#EC4336; text-decoration:none; font-size:9px; font-weight:bold;}