@charset "Shift_JIS";

/*
**************************************************
* 1: COMMON SETTING                              *
*     1-1: General                               *
*     1-2: Header                                *
*     1-3: Footer                                *
*     1-4: Other                                 *
* 2: LAYOUT SETTING                              *
*     2-1: Main Visual                           *
*     2-2: Navigation                            *
*     2-3: Content                               *
*     2-4: Other                                 *
**************************************************
*/




/*
**************************************************
* 1: COMMON SETTING                              *
**************************************************
*/

/* -- 1-1: General ---------------------------- */
body,div,h1,h2,h3,h4,h5,h6,p,span,pre,blockquote,ul,ol,li,dl,dt,dd,table,th,tr,td,fieldset,input,textarea {
	margin: 0;
	padding: 0;
	}

/* -- font -- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	font-size: 62.5%; /* for IE */
	line-height: 1.0;
	}

html>/**/body { font-size: 10px; /* Except IE */ }

#content { font-size: 120%; }

/* -- link -- */
a:link    { color:#ffffff; text-decoration:underline; }
a:visited { color:#ffffff; text-decoration:underline; }
a:hover   { color:#666666; text-decoration:underline; }
a:active  { color:#666666; text-decoration:underline; }

/* -- img -- */
img { border: 0; }

/* -- background -- */
body {
	background: #000 url(../../img/common/bgr.gif) no-repeat center 0;
	}
	
#container {
	margin:0 auto;
	width:1000px;
	background-image: url(../../img/common/bgr2.gif);
	background-repeat: repeat-y;
	background-position: center;
	}

	#container-inner {
		margin:0;
		background-image: url(../../img/common/bgr3.gif);
		background-repeat: no-repeat;
		background-position: top;
		width: 980px;
		padding-right: 10px;
		padding-left: 10px;
		}


/* -- 1-2: Header ----------------------------- */
#header {
	width:980px;
	height:90px;
	margin-bottom: 10px;
	}
	
img#logo{
	float:left;
	}
	
#logo_gdo{
	float:right;
	}


/* -- 1-3: Footer ----------------------------- */
#products {
	padding:0px 0px 20px;
	float: left;
	width: 980px;
	margin-top: 20px;
	background-image: url(../../img/top/products_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
	
	#products .inner {
		padding:60px 0 0 25px;
	}

	#products .shaft-costom {
		float:left;
		padding:10px 0 0 25px;
		color:#000000;
		font-size:14px;
		line-height:20px;
	}
	
	#products .custom{
		color:#000000;
		}
		
	#products .custom a:link    { color:#000000; text-decoration:underline; }
	#products .custom a:visited { color:#000000; text-decoration:underline; }
	#products .custom a:hover   { color:#666666; text-decoration:underline; }
	#products .custom a:active  { color:#666666; text-decoration:underline; }

	#products .shaft {
		float:left;
		padding:10px 0 0 20px;
		color:#000000;
		font-size:14px;
		line-height:20px;
		}

	#link {
		float:left;
		width:980px;
		color:#ffffff;
		font-size: 12px;
		font-weight: normal;
		padding-top: 10px;
		padding-bottom: 20px;
		line-height: 1.2;
		}

	#link .inner {
		padding:0px 20px;
		margin: 0px;
		}
	
	#link .inner ul {
		margin: 0px;
		padding: 0px;
		}
	
	#link .inner li {
		padding:0px;
		list-style-type: none;
		float: left;
		margin-right: 20px;
		}
		
	.listArrow {
		padding: 0;
		}
		
		.listArrow li {
			margin: 0 0 7px 0;
			font-size: 12px;
			line-height: 1.5;
			list-style-type:none;
			}
		
			.listArrow li a {
				background: url(../img/common/arrow.gif) no-repeat ;
				padding: 0 0 0 15px;
				}
			
				.listArrow li a:hover {
					background: url(../img/common/arrow_b.gif) no-repeat ;
					}	
	
    .selector03{  
        border-left:7px solid #000;  
        border-bottom:1px dashed #000;  
        padding:.2em .8em;
		margin-bottom:10px;
		width:425px;
		}
	 
#footer {
	border-top:solid #ffffff 1px;
	width:938px;
	padding:20px 20px 40px;
	text-align:center;
	line-height:2em;
	font-size: 12px;
	}
	
	
/* -- 1-4: Other ------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	min-height: 1px;
	}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
	



/*
**************************************************
* 2: LAYOUT SETTING                              *
**************************************************
*/

/* -- 2-1: Main Visual ------------------------ */
#main_visual h2,
#main_visual p {
	display: none;
	}
	
	
/* -- 2-2: Navigation ------------------------- */
ul#lnav {
	list-style: none;
	}
	
	ul#lnav li {
		float: left;
		}
		
		
/* -- 2-3: Content ---------------------------- */
#content {
	background: #131313;
	padding: 0 10px 10px 10px;
	}
	
	#content p {
		line-height: 1.5;
		}
	
	/* -- tester -- */
	dl#tester {
		width: 960px;
		height: 470px;
		position: relative;
		list-style: none;
		}
		
		dl#tester dt {
			position: absolute;
			z-index: 11;
			}
			
		dl#tester dd {
			position: absolute;
			z-index: 10;
			}
			
			dl#tester dd ul {
				list-style: none;
				}
			
				dl#tester dd ul li {
					float: left;
					}
					
					dl#tester dd ul li dl.prof {
						background: url(../img/tester_prof_back.png) repeat;
						padding: 25px 25px 0 25px;
						position: static;
						color: #000;
						}
					
						dl#tester dd ul li dl.prof dt,
						dl#tester dd ul li dl.prof dd {
							position: static;
							}
							
						dl#tester dd ul li dl.prof dt {
							padding-bottom: 15px;
							font-size: 150%;
							font-weight: bold;
							}
							
							dl#tester dd ul li dl.prof dd li.first {
								padding-bottom: 15px;
								}
							
								dl#tester dd ul li dl.prof dd ul li p.bullet {
									background: url(../img/tester_prof_bullet.png) no-repeat 0 50%;
									padding-left: 13px;
									font-size: 108%;
									font-weight: bold;
									}
				
				/* kawasaki */
				dl#tester dd ul li#kawasaki {
					background: url(../img/tester_kawasaki.jpg) no-repeat 0 0;
					width: 410px;
					height: 235px;
					padding-top: 235px;
					}
					
					dl#tester dd ul li#kawasaki dl.prof {
						width: 360px;
						height: 210px
						}
					
				/* teratani */
				dl#tester dd ul li#teratani {
					background: url(../img/tester_teratani.jpg) no-repeat 0 0;
					width: 360px;
					height: 235px;
					padding-left: 189px;
					margin: 0 0 1px 1px;
					}
					
					dl#tester dd ul li#teratani dl.prof {
						width: 310px;
						height: 210px
						}
						
				/* shimada */
				dl#tester dd ul li#shimada {
					background: url(../img/tester_shimada.jpg) no-repeat 0 0;
					width: 360px;
					height: 234px;
					padding-left: 189px;
					margin: 0 0 0 1px;
					}
					
					dl#tester dd ul li#shimada dl.prof {
						width: 310px;
						height: 209px
						}
						
	/* -- trial -- */
	#trial {
		background: url(../img/trial_back.jpg) repeat-y 0 0;
		}
		
		/* text_alpha */
		#trial .textbox {
			position: absolute;
			padding: 15px;
			}
			
		#trial .text_alpha_black {
			background: url(../img/text_alpha_black.png) repeat 0 0;
			color: #fff;
			}
		
		#trial .text_alpha_white {
			background: url(../img/text_alpha_white.png) repeat 0 0;
			color: #000;
			}
		
		/* trial_visual */
		#trial_visual {
			background: url(../img/trial_visual.jpg) no-repeat 0 0;
			width: 960px;
			height: 560px;
			position: relative;
			}
			
			#trial_visual h2 {
				text-indent: -9999px;
				}
				
			#trial_visual .textbox {
				width: 515px;
				top: 125px;
				left: 20px;
				}
				
				#trial_visual .textbox .bullet {
					background: url(../img/bullet2.png) no-repeat 0 50%;
					padding-left: 13px;
					font-size: 108%;
					font-weight: bold;
					}
					
		/* trial_series */
		#trial_series {
			background: url(../img/trial_series_back.jpg) no-repeat 0 0;
			padding: 5px 15px 0 15px;
			}
			
			#trial_series h3 {
				padding: 0 0 15px 15px;
				}
				
			#trial_series .trial_box {
				background: url(../img/trial_box_back.png) repeat-y 0 0;
				padding: 0 5px;
				}
				
				#trial_series .trial_box .trial_box_inner {
					background: #fff;
					padding: 0 10px;
					}
					
					#trial_series .trial_box .trial_box_inner h5 {
						text-indent: -9999px;
						}
						
					#trial_series .trial_box .trial_box_inner .textbox .photobox {
						float: left;
						padding: 0 20px 20px 0;
						}
						
					#trial_series .trial_box .trial_box_inner dl.osusume {
						background: url(../img/osusume_back.jpg) no-repeat 0 0;
						width: 830px;
						height: 88px;
						padding: 25px 35px 0 35px;
						}
						
						#trial_series .trial_box .trial_box_inner dl.osusume dt {
							display: block;
							float: left;
							width: 202px;
							}
							
						#trial_series .trial_box .trial_box_inner dl.osusume dd {
							display: block;
							float: right;
							width: 600px;
							color: #ccc;
							}
							
				#trial_series .link_btn {
					background: url(../img/trial_box_back.png) repeat-y 0 0;
					padding: 0 5px;
					}
					
					#trial_series .link_btn ul {
						background: #fff;
						padding: 25px 25px 0 25px;
						list-style: none;
						}
						
				#trial_series .page_top {
					background: url(../img/trial_box_bottom.jpg) no-repeat 0 0;
					padding: 50px 5px 0 5px;
					text-align: right;
					}
					
			/* diamanaB */
			#diamanaB {
				padding-bottom: 35px;
				}
				
				#diamanaB .trial_box .trial_box_inner .kawasaki {
					background: url(../img/diamanaB_kawasaki.jpg) no-repeat 0 0;
					width: 900px;
					height: 680px;
					position: relative;
					}
					
					#diamanaB .trial_box .trial_box_inner .kawasaki .textbox {
						width: 410px;
						top: 160px;
						left: 440px;
						}
						
				#diamanaB .trial_box .trial_box_inner .teratani {
					background: url(../img/diamanaB_teratani.jpg) no-repeat 0 0;
					width: 900px;
					height: 560px;
					position: relative;
					}
						
					#diamanaB .trial_box .trial_box_inner .teratani .textbox {
						width: 375px;
						top: 155px;
						left: 35px;
						}
						
			/* fubukiK */
			#fubukiK {
				padding-bottom: 35px;
				}
				
				#fubukiK .trial_box .trial_box_inner .kawasaki {
					background: url(../img/fubukiK_kawasaki.jpg) no-repeat 0 0;
					width: 900px;
					height: 680px;
					position: relative;
					}
					
					#fubukiK .trial_box .trial_box_inner .kawasaki .textbox {
						width: 410px;
						top: 160px;
						left: 440px;
						}
						
				#fubukiK .trial_box .trial_box_inner .teratani {
					background: url(../img/fubukiK_teratani.jpg) no-repeat 0 0;
					width: 900px;
					height: 560px;
					position: relative;
					}
						
					#fubukiK .trial_box .trial_box_inner .teratani .textbox {
						width: 375px;
						top: 155px;
						left: 35px;
						}
						
			/* bassaraW */
			#bassaraW {
				padding-bottom: 25px;
				}
						
				#bassaraW .trial_box .trial_box_inner .shimada {
					background: url(../img/bassaraW_shimada.jpg) no-repeat 0 0;
					width: 900px;
					height: 560px;
					position: relative;
					}
						
					#bassaraW .trial_box .trial_box_inner .shimada .textbox {
						width: 375px;
						top: 155px;
						left: 475px;
						}
					
					
/* -- 2-4: Other ------------------------------ */
/* -- float -- */
.fl { float: left; }
.fr { float: right; }