body{
background-image:url(../images/bg.jpg);
font-family:"Verdana","Tahoma";
color:#000;
margin:0;
padding:0;
}

fieldset{
border:none;
}

h1,h2,h3,h4,h5,h6,pre,
blockquote,ul,ol,dl,dd,form{
margin:0;
padding:0;
}

h1,h2{
font-size:11px;
}

h3,h4,h5,h6{
font-size:11px;
}

p,li,dt,dd{
font-size:11px;
line-height:150%;
margin:0;
}

br {
letter-spacing:0;
}

a{
color:#000;
text-decoration:none;
outline:none;
}

a:hover{
text-decoration:underline;
}

img{
margin:0;
padding:0;
vertical-align:top;
border:none;
}

li img{
vertical-align:middle;
}

th{
font-weight:normal;
text-align:left;
}

ul{
list-style:none;
}

button {
margin: 0;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
}


/*COMMON*/
dl.topics dt{
	font-weight:bold;
	padding:10px 10px 0 10px;
}

dl.topics dd{
	background:url(../images/common/line_dot_grey.gif) repeat-x bottom;
	padding:10px;
	line-height:150%;
}

dl.topics a{
	text-decoration:underline;
}

dl.topics a:hover{
	text-decoration:none;
}

dl#panNavi a{
	color:#999;
}

dl#panNavi a:visited{
	color:#999;
}

dl#panNavi{
	margin:15px 0 20px 0;
	padding:0;
	line-height:100%;
}

dl#panNavi dd{
	font-size:12px;
	display:inline;
	margin-right:5px;
	padding:0;
	line-height:100%;
}

h3.title{
	border-top:1px solid #ccc;
	padding:9px 0 10px 10px;
}

h3.txtTitle{
	border-top:1px solid #ccc;
	padding:15px 0 15px 10px;
	font-size:21px;
}

h2.txtTitle{
	font-size:21px;
	padding:25px 0 20px 10px;
}

.contBox{
	width:960px;
	padding:10px;
	background:url(../images/common/bg_full.gif) left repeat-y;
	border-top:1px solid #EEEDED;
	border-bottom:1px solid #D0D0D0;
	margin-bottom:30px;	
}

.contBoxNarrow{
	width:600px;
	padding:10px;
	background:url(../images/common/bg_full_narrow.gif) left repeat-y;
	border-top:1px solid #EEEDED;
	border-bottom:1px solid #D0D0D0;
	margin:0 auto 30px auto;
}


dl.basic dd,dl.basicNarrow dd{
	padding-left:10px;
	display:block;
}

dl.basic dd a{
	background:url(../images/common/icon_yajirushi.gif) left no-repeat;
	padding:10px 0 10px 20px;
	display:block;
}

dl.basic dd.bg,dl.basicNarrow dd.bg{
	background:#F3F4F9;
}

dl.basicNarrow dd a{
	background:url(../images/common/icon_yajirushi.gif) left no-repeat;
	padding:5px 0 5px 20px;
	display:block;
}

div.sp10{
	padding:0 10px;
}

div.boxs{
	border-top:1px solid #EEEDED;
	border-bottom:1px solid #D0D0D0;
	background:url(../images/common/bg_960.gif) center repeat-y;
	padding:20px 20px 10px 20px;
}

p.btnTop{
	text-align:right;
	margin-bottom:20px;
}

p.lineTop{
	background:url(../images/common/line_dot_grey.gif) repeat-x top;
	padding:30px 10px 30px 10px;
}

li.pdf a{
	padding:5px 0 5px 25px;
	background:url(../images/common/pdf.gif) left no-repeat;
}

li.movie a{
	padding:5px 0 5px 20px;
	background:url(../images/common/movie.gif) left no-repeat;
}

p.caution{
	border:1px solid #EEEDED;
	padding:10px 20px;
}

div.lineTop{
	background:url(../images/common/line_dot_grey.gif) repeat-x top;
	padding:30px 10px 30px 10px;
}

.lineBottom{
	background:url(../images/common/line_dot_grey.gif) repeat-x bottom;
}


/*HEADER*/
#header{
	background:url(../images/header/bg_main_navi.jpg) repeat-x bottom #fff;
	height:50px;	
}

#header .contWrap{
	position:relative;
	width:980px;
	height:50px;
	margin:0 auto;	
}

#header h1{
	position:absolute;
	top:21px;
	left:0;
	width:101px;
	height:17px;
	text-indent:-9999px;
	background:url(../images/header/logo.gif) no-repeat;
}

#header h1 a{
	width:100px;
	height:17px;
	display:block;
}

#header #mainNavi{
	position:absolute;
	width:680px;
	height:20px;
	top:20px;
	left:130px;
}

#mainNavi dd{
	height:20px;
	margin-right:10px;
	float:left;
	text-indent:-9999px;
}

#mainNavi dd a{
	height:20px;
	display:block;
}

#mainNavi .navi1here{
	width:70px;
	background-image:url(../images/header/main_navi_01.gif);
	background-position:bottom;
}
#mainNavi .navi1 a{
	width:70px;
	background-image:url(../images/header/main_navi_01.gif);
	background-position:top;
}
#mainNavi .navi1 a:hover{
	background-position:0 -30px;
}

#mainNavi .navi2here{
	width:70px;
	background-image:url(../images/header/main_navi_02.gif);
	background-position:bottom;
}
#mainNavi .navi2 a{
	width:70px;
	background-image:url(../images/header/main_navi_02.gif);
	background-position:top;
}
#mainNavi .navi2 a:hover{
	background-position:0 -30px;
}

#mainNavi .navi3here{
	width:100px;
	background-image:url(../images/header/main_navi_03.gif);
	background-position:bottom;
}
#mainNavi .navi3 a{
	width:100px;
	background-image:url(../images/header/main_navi_03.gif);
	background-position:top;
}
#mainNavi .navi3 a:hover{
	background-position:0 -30px;
}

#mainNavi .navi4here{
	width:100px;
	background-image:url(../images/header/main_navi_04.gif);
	background-position:bottom;
}
#mainNavi .navi4 a{
	width:100px;
	background-image:url(../images/header/main_navi_04.gif);
	background-position:top;
}
#mainNavi .navi4 a:hover{
	background-position:0 -30px;
}

#mainNavi .navi5here{
	width:100px;
	background-image:url(../images/header/main_navi_05.gif);
	background-position:bottom;
}
#mainNavi .navi5 a{
	width:100px;
	background-image:url(../images/header/main_navi_05.gif);
	background-position:top;
}
#mainNavi .navi5 a:hover{
	background-position:0 -30px;
}

#mainNavi .navi6here{
	width:70px;
	background-image:url(../images/header/main_navi_06.gif);
	background-position:bottom;
}
#mainNavi .navi6 a{
	width:70px;
	background-image:url(../images/header/main_navi_06.gif);
	background-position:top;
}
#mainNavi .navi6 a:hover{
	background-position:0 -30px;
}

#mainNavi .navi7here{
	width:100px;
	background-image:url(../images/header/main_navi_07.gif);
	background-position:bottom;
}
#mainNavi .navi7 a{
	width:100px;
	background-image:url(../images/header/main_navi_07.gif);
	background-position:top;
}
#mainNavi .navi7 a:hover{
	background-position:0 -30px;
}

#header #mainNavi{
	position:absolute;
	width:680px;
	height:20px;
	top:20px;
	left:130px;
}

#mainNavi dd{
	height:20px;
	margin-right:10px;
	float:left;
	text-indent:-9999px;
}

#mainNavi dd a{
	height:20px;
	display:block;
}

#subNavi{
	position:absolute;
	width:160px;
	height:10px;
	top:25px;
	left:820px;
}

#subNavi dd{
	width:80px;
	height:10px;
	float:left;
	text-indent:-9999px;
}

#subNavi dd a{
	width:80px;
	height:10px;
	display:block;
}

#subNavi .navi1 a{
	background-image:url(../images/header/head_navi_lang.gif);
	background-position:top;
}
#subNavi .navi1 a:hover{
	background-position:bottom;
}

#subNavi .navi2 a{
	background-image:url(../images/header/head_navi_contact.gif);
	background-position:top;
}
#subNavi .navi2 a:hover{
	background-position:bottom;
}


/*LAYOUT*/
#wrapper{
	width:980px;
	margin:0 auto;
}

#colSide{
	width:175px;
	float:left;
	margin-right:25px;
}

#colMain{
	width:780px;
	float:left;	
}

#loader{
	position:absolute;
	top:0;
	left:0;
	z-index:1100;	
	width:780px;
	height:300px;
	background:url(../images/loader.gif) center no-repeat;
}

#col2Left,#col2Right{
	width:480px;
}

#col2Left{
	float:left;
}

#col2Right{
	float:right;
}

#mask{
	position:absolute;
	top:0;
	left:0;
background-image:url(../images/bg.jpg);	
width:780px;
height:700px;
z-index:1000;
}

/*INDEX*/
#topImg{
	width:980px;
	height:300px;
	overflow:hidden;
	position:relative;
	margin:30px 0;
}

#topImg dl{
	position:absolute;
	top:0;
	left:0;
	width:2940px;
}

#topImg dd{
	float:left;
}

#topImg #navi{
	position:absolute;
	right:0px;
	bottom:0px;
}

#topImg p{
	position:absolute;
	top:0;
	left:0;
	width:15px;
	height:4px;
	text-indent:-9999px;
	float:left;
	background-image:url(../images/top/yajirushi_mainimg.gif);	
}

#topImg #navi div{
	width:50px;
	height:4px;
	position:relative;
}

#topImg ul{
	margin-bottom:6px;
}

#topImg li{
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin-right:10px;
	background-image:url(../images/top/btn_mainimg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
	cursor:pointer;
}

#topImg li.active{
	background-position:top;
}

#topItem .items{
	margin-bottom:0 !important;
}

#topItem{
	margin-bottom:30px !important;
}

/*ITEMS*/
#colItem div.items{
	float:left;
	width:160px;
	height:255px;
	overflow:hidden;
	margin:0 20px 20px 0;
	padding:10px;
	background:url(../images/common/bg_thumb.jpg) left repeat-y;
	border-top:1px solid #EEEDED;
	border-bottom:1px solid #D0D0D0;
	cursor:pointer;
}
#colItem div.items, x:-moz-any-link {
	height:280px;
}
#colItem div.items, x:-moz-any-link, x:default {
	height:280px;
}

.short div.items{
	height:160px !important;
}

#colItem div.last{
	margin-right:0;
}

#colItem dl{
	position:relative;
	width:160px;
	height:120px;
	margin:0 auto 5px auto;
}

#colItem dt{
	position:absolute;
	top:0;
	left:5px;
	text-align:center;
	width:150px;
	height:120px;
	z-index:1;
}

#colItem dd{
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	width:160px;
	height:125px;
	z-index:10;
	overflow:hidden;
	display:none;
}

#colItem .pName{
	display:table;
	width:160px;
	height:34px;
	background-image:url(../images/common/bg_thumb_btn.gif);
	background-position:0 -41px;
	background-repeat:no-repeat;
}
* html #colItem .pName{  
	position:relative;
}
*+html #colItem .pName{  
	position:relative;
} 

#colItem .middle{
    display:table-cell;
    vertical-align: middle;
}  
* html #colItem .middle{
	position:absolute;
	top:50%;
}  
*+html #colItem .middle{
	position: absolute;
	top:50%;
}

html #colItem .pName h3{
	width:160px;
	text-align:center; 
    position:relative;
    top:-50%;
	line-height:110%;
}
* html #colItem .pName h3{ 
    position:relative;
    top:-50%;
}  
*+html #colItem .pName h3{  
    position:relative;
    top:-50%;
}  


#colItem ul{
	padding-top:10px;
}

#colItem li{
	padding-left:15px;
	margin-bottom:0px;
	font-size:11px;
	/*
	word-break:break-all;
	*/
}

#colItem li.interface{
	background-image:url(../images/product/icon_product_interface.gif);
	background-position:0 4px;
	background-repeat:no-repeat;	
}

#colItem li.fps{
	background-image:url(../images/product/icon_product_fps.gif);
	background-position:0 4px;
	background-repeat:no-repeat;		
}

#colItem li.pixel{
	background-image:url(../images/product/icon_product_pixel.gif);
	background-position:0 4px;
	background-repeat:no-repeat;	
}

#oldItem div.items{
	width:780px;
	margin:0 0 20px 0;
	background:url(../images/common/bg_780.gif) left repeat-y;
	border-top:1px solid #EEEDED;
	border-bottom:1px solid #D0D0D0;
}

#oldItem div.items div{
	padding:10px;
}

#oldItem div.items img{
	float:left;
	margin-right:20px;
}

#oldItem div.items dl{
	width:580px;
	float:left;
}

#enItem{
	padding-bottom:20px;
}

#enItem div.items dt{
	font-weight:bold;
	font-size:20px;
	padding:10px 0;
	line-height:100%;
}

#enItem div.items dt a{
	text-decoration:underline;
}
#enItem div.items dt a:hover{
	text-decoration:none;
}

#enItem div.items dd{
	line-height:150%;
}

#enItem div.items{
	width:960px;
	margin:0 10px 20px 10px;
	background:url(../images/common/bg_960.jpg) left repeat-y;
	border-top:1px solid #EEEDED;
	border-bottom:1px solid #D0D0D0;
}

#enItem div.items div{
	padding:10px;
}

#enItem div.items img{
	float:left;
	margin-right:20px;
}

#enItem div.items dl{
	width:580px;
	float:left;
}

#enItem div.items dt{
	font-weight:bold;
	font-size:20px;
	padding:10px 0;
	line-height:100%;
}

#enItem div.items dd{
	line-height:150%;
}



/*NEWS-DEMO*/
#info{
	background:url(../images/common/line_dot_grey.gif) repeat-x top;
	padding:10px 0;
}

#info h4{
	font-size:18px;
	padding:15px 10px;
}

.infoBoxs{
	width:940px;
	padding:20px 20px 0 20px;
	background:url(../images/common/bg_full.gif) left repeat-y;
	border-top:1px solid #EEEDED;
	border-bottom:1px solid #D0D0D0;
	margin-bottom:15px;	
}

.infoBoxs dl{
	margin-bottom:20px;
}

.infoBoxs p{
	margin-bottom:20px;
}

.infoBoxs span{
	display:block;
	float:left;
	width:85px;
}

.infoBoxs a{
	text-decoration:underline;
}

.infoBoxs a:hover{
	text-decoration:none;
}

.infoBoxs dl dt{
	font-size:14px;
	font-weight:bold;
	background:url(../images/common/line_dot_grey.gif) repeat-x bottom;
	margin-bottom:15px;
	padding-bottom:10px;
	line-height:100%;
}

.infoBoxs dl dd{
	padding-left:20px;
	padding-bottom:5px;
}

.infoBoxs ul{
	padding:10px 0 20px 10px;
}



/*PRODUCT*/
p.noItem{
	text-align:center;
	padding-top:60px;
	font-size:16px;
}

/*--side--*/
#colSide h2{
	padding-bottom:15px;
}

#colSide #sortBox{
	background:url(../images/product/bg_sidecont.gif) left repeat-y;
	border-top:1px solid #EEEDED;
	border-bottom:1px solid #D0D0D0;
	padding:0 10px;
	margin-bottom:20px;
}

#sortBox p{
	padding:15px 0 10px 0;
}

#colSide .sp{
	padding:10px;
}

#colSide select{
	width:155px;
}

#productList h3{
	font-size:13px;
	background:url(../images/common/line_dot_grey.gif) repeat-x bottom;
	padding:0 0 9px 10px;	
	margin-bottom:9px;
}

#productList dl{
	padding:0 10px;	
	margin-bottom:20px;
}

#productList dd{
	background-image:url(../images/common/icon_list.gif) ;
	background-repeat:no-repeat;
	background-position:0 0.7em;
	padding:0px 0 5px 10px;
}


/*--jenre--*/
#jenreCont{
	position:relative;
	width:780px;
	height:141px;
	background:url(../images/product/bg_product_jenre.gif) top no-repeat;
	margin-bottom:19px;
}

#jenreCont dl{
	position:absolute;
	top:20px;
	left:20px;
}

#jenreCont dd{
	width:140px;
	height:103px;
	text-indent:-9999px;
	float:left;
	background-position:0 -110px;
	background-repeat:no-repeat;
}

#jenreCont dd a{
	width:140px;
	height:103px;
	display:block;
	background-repeat:no-repeat;
}


#jenreCont dd.navi1{
	background-image:url(../images/product/btn_product_jenre_camera.jpg);
	margin-right:60px;	
}
#jenreCont dd.navi1 a{
	background-image:url(../images/product/btn_product_jenre_camera.jpg);
	background-position:top;	
}
#jenreCont dd.navi1 a:hover{
	background-position:0 -220px;
}

#jenreCont dd.navi2{
	background-image:url(../images/product/btn_product_jenre_system.jpg);
	margin-right:60px;	
}
#jenreCont dd.navi2 a{
	background-image:url(../images/product/btn_product_jenre_system.jpg);
	background-position:top;
}
#jenreCont dd.navi2 a:hover{
	background-position:0 -220px;
}

#jenreCont dd.navi3{
	background-image:url(../images/product/btn_product_jenre_cable.jpg);
	margin-right:60px;	
}
#jenreCont dd.navi3 a{
	background-image:url(../images/product/btn_product_jenre_cable.jpg);
	background-position:top;
}
#jenreCont dd.navi3 a:hover{
	background-position:0 -220px;
}

#jenreCont dd.navi4{
	background-image:url(../images/product/btn_product_jenre_old.jpg);
}
#jenreCont dd.navi4 a{
	background-image:url(../images/product/btn_product_jenre_old.jpg);
	background-position:top;
}
#jenreCont dd.navi4 a:hover{
	background-position:0 -220px;
}

/*--solo--*/
#productDetail{
	margin-bottom:30px;
}

#productDetail #mainImg{
	float:left;
	width:370px;
	height:280px;
	margin-right:30px;
	background:url(../images/product/bg_product_img.gif);
	text-align:center;
}

#productDetail #mainImg img{
	padding-top:20px;
}

#productDetail #data{
	float:left;
	width:380px;
}

#productDetail #data h2{
	font-size:30px;
	font-weight:normal;
	margin-bottom:15px;
	line-height:140%;
}

#productDetail #data dl{
	margin-bottom:15px;
}

#productDetail #data dd{
	padding-left:15px;
	margin-bottom:5px;
}

#productDetail #data dd.interface{
	background:url(../images/product/icon_product_interface.gif) left no-repeat;	
}

#productDetail #data dd.fps{
	background:url(../images/product/icon_product_fps.gif) left no-repeat;	
}

#productDetail #data dd.pixel{
	background:url(../images/product/icon_product_pixel.gif) left no-repeat;
}

#productDetail p.btnMitsumori{
	width:180px;
	height:32px;
	text-indent:-9999px;
	margin:15px 0;
}

#productDetail p.btnMitsumori a{
	width:180px;
	height:32px;
	display:block;
	background:url(../images/product/btn_product_mitsumori.gif) top no-repeat;
}
#productDetail p.btnMitsumori a:hover{
	background:url(../images/product/btn_product_mitsumori.gif) bottom no-repeat;
}

#productData #tab{
	width:780px;
	height:27px;
	background:url(../images/product/bg_tab.gif) repeat-x bottom;
}

#productData #tab dd{
	float:left;
	width:120px;
	height:27px;
	text-align:center;
	line-height:240%;
}

#productData #content{
	width:780px;
	background:url(../images/product/bg_datacont.gif) center repeat-y;
	border-bottom:1px solid #D0D0D0;
}

#productData #content{
	position:relative;
	width:780px;
	height:500px;
	background:url(../images/product/bg_datacont.gif) center repeat-y;
	border-bottom:1px solid #D0D0D0;
}

#productData #content .conts{
	position:absolute;
	top:0;
	left:0;
	padding:20px 20px 0 20px;
	width:740px;
}

#productData #tab .active{
	background-image:url(../images/product/btn_product_tab.gif);
	background-position:0 -33px;
	background-repeat:no-repeat;
	cursor:auto;
	color:#000;
}

#productData #tab .inactive{
	background-image:url(../images/product/btn_product_tab.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
	color:#fff;
}

#productData #content .active{
	display:block;
}

#productData #content .inactive{
	display:none;
}

#productData #content p.caption{
	text-align:center;
	font-weight:bold;
}


/*--solo format--*/
#productData #content h3{
	font-size:18px;
	font-weight:bold;
	background:url(../images/common/line_dot_grey.gif) repeat-x bottom;
	padding:0 0 10px 0;	
	margin-bottom:9px;	
}

table.basic{
	width:720px;
	border-bottom:1px #ccc solid;
	border-right:1px #ccc solid;
	font-size:12px;
	margin:15px 10px 20px 10px;
}

table.basic th,table.basic td{
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
	padding:5px 10px;
}

table.basic th.nl{
	border-top:none;
	padding-left:2.5em;
}

table.basic th{
	background:#F3F4F9;
}

#productData #content h4{
	font-size:16px;
	font-weight:bold;
	padding:10px 0 10px 0;
	line-height:100%;
}

#productData #content p{
	margin:10px 10px 20px 10px; 
}

#productData #content ul{
	margin:10px 10px 20px 10px ;
}

#productData #content li{
	background:url(../images/common/icon_list.gif) left no-repeat;
	padding:2px 0 2px 10px;

}

#productData #content p.images{
	text-align:center;
}


/*SUPPORT*/
#supCategory{
	position:relative;
	width:980px;
	height:106px;
	background:url(../images/support/bg_categorynavi.gif) top no-repeat;
}

#supCategory dl{
	position:absolute;
	top:20px;
	left:20px;
}

#supCategory dd{
	width:200px;
	height:27px;
	float:left;
	margin:0 20px 15px 0;	
	text-align:center;
	line-height:230%;
}

#supCategory dd a{
	width:200px;
	height:27px;
	background:url(../images/support/bg_btn_support.gif) top no-repeat;
	display:block;
	color:#fff;
}
#supCategory dd a:hover{
	background:url(../images/support/bg_btn_support.gif) bottom no-repeat;
	text-decoration:none;;
}

#supCategory p{
	position:absolute;
	top:62px;
	left:900px;
	width:60px;
	height:27px;
	text-align:center;
	line-height:230%;
}
#supCategory p a{
	width:60px;
	height:27px;
	background:url(../images/support/bg_btn_support_mini.gif) top no-repeat;
	display:block;
	color:#fff;
}
#supCategory p a:hover{
	background:url(../images/support/bg_btn_support_mini.gif) bottom no-repeat;
	text-decoration:none;;
}

#support .boxs h3{
	font-size:14px;
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(../images/common/line_dot_grey.gif) repeat-x bottom;	
}

#support .boxs p{
	padding-bottom:10px;
}

/*TUTORIAL*/
dl#tutorialNavi{
	margin-bottom:100px;
}

dl#tutorialNavi dd{
	width:480px;
	height:60px;
	font-size:16px;
	background:url(../images/tutorial/bg_btn_tutorial.gif) top no-repeat;
}

dl#tutorialNavi dd a{
	padding-left:55px;
	line-height:355%;
	display:block;
}

dl#tutorialNavi dd.left{
	float:left;
}

dl#tutorialNavi dd.right{
	float:right;
}

#tutorialIndex,.tutorialBox{
	width:940px;
	padding:20px;
	background:url(../images/common/bg_full.gif) left repeat-y;
	border-top:1px solid #EEEDED;
	border-bottom:1px solid #D0D0D0;
	margin-bottom:30px;	
}

#tutorialIndex p{
	line-height:180%;
}

#tutorialIndex .left{
	width:450px;
	float:left;
}

#tutorialIndex .right{
	width:450px;
	float:right;
}

.tutorialBox h4{
	font-size:16px;
	font-weight:bold;
	background:url(../images/common/line_dot_grey.gif) repeat-x bottom;
	padding:10px 0 10px 0;	
	margin-bottom:9px;
	line-height:100%;
}

.tutorialBox h5{
	font-size:13px;
	font-weight:bold;
	background:#F3F4F9;
	padding:5px 10px;	
	margin:10px 10px 10px 10px; 
}

.tutorialBox p.caption{
	text-align:center;
	font-weight:bold;
}

.tutorialBox p.feature{
	background:#F3F4F9;
	padding:10px 20px;
	margin:0 0 10px 0 !important;
}

.tutorialBox p{
	margin:10px 10px 20px 10px; 
}

.tutorialBox p.sp{
	margin:10px 20px 20px 20px; 
}

.tutorialBox p.images{
	text-align:center;
	margin:10px 0 ;
}

.tutorialBox ul{
	margin:10px 10px 10px 10px ;
}

.tutorialBox li{
	background:url(../images/common/icon_list.gif) left no-repeat;
	padding:2px 0 2px 10px;

}

.tutorialBox span{
	font-weight:bold;
}

.tutorialBox p.contact{
	border:1px solid #EEEDED;
	padding:10px 20px;
}

.tutorialBox div.example{
	font-size:12px;
	border:1px solid #ccc;
	background:#EEEDED;
	padding:10px 20px;
	margin:0 20px 20px 20px;
}

.tutorialBox table{
	font-size:12px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:0 10px 10px 10px;
}


.tutorialBox table th,.tutorialBox table td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #D0D0D0;
	padding:5px 10px;
}

/*FORMS*/
.forms dl{
	padding-left:30px;
	padding-right:30px;
} 


.forms dt,.forms dd{
	float:left;
	display:inline-block;
	padding:2px 0;
} 

.forms .product dt{
	font-weight:bold;
	width:150px;
	line-height:20px;
} 
.forms .product dd{
	width:150px;
	line-height:20px;
}

.forms .product dt{
	font-weight:bold;
	width:150px;
	line-height:20px;
} 
.forms .product dd{
	width:150px;
	line-height:20px;
}


.forms .product dt.prName{
	font-weight:bold;
	width:230px;
	line-height:20px;
} 

.forms .product dd.prCode{
	width:230px;
	line-height:20px;
}

.forms .product dd.prNum{
	width:80px;
	line-height:20px;
}


.forms .product select{
	display:inline-block;
	margin-right:5px;
} 

.forms .data dl{
	margin-bottom:10px;
} 
.forms .data dt{
	font-weight:bold;
	width:100px;
	line-height:25px;
} 
.forms .data dd{
	width:420px;
	line-height:24px;
} 
.forms .data input{
	height:18px;
	margin-right:5px;
} 

.forms .data .multi dd{
	width:100px;
	line-height:28px;
}

.forms .data .multi input{
	height:18px;
	display:inline-block;
	margin-left:5px;
	vertical-align:middle;
}


.forms .pg dt{
	font-weight:bold;
	width:200px;
	line-height:25px;
} 
.forms .pg dd{
	width:100px;
	line-height:28px;
} 
.forms .pg input{
	height:18px;
	display:inline-block;
	margin-left:5px;
	vertical-align:middle;
} 

.forms .pg a{
	text-decoration: underline;
}

.forms .pg a:hover{
	text-decoration: none;
}


.forms .lineBottom{
	padding-bottom:10px;
	margin-bottom:10px;
}

.forms h5{
	font-size:12px;
	padding: 0 0 5px 30px;
}

.forms .szL{
	width:350px;
}

.forms .szM{
	width:150px;
}

.forms .szML{
	width:250px;
}

.forms .szS{
	width:80px;
}

.forms textarea{
	width:350px;
	height:150px;
}


p.btnKakunin{
width:140px;
height:27px;
margin:0 auto;
}


p.btnKakunin button {
width:140px;
height:27px;
background: transparent url(../images/common/btn_kakunin.gif) no-repeat 0px 0;
vertical-align: text-top;
color: #fff;
font-size: 15px;
}

p.btnKakunin button:hover {
background-position: 0px -33px;
}
/*
p.btnKakunin button:active {
background-position: 0px -80px;
}
*/

dl.btnDouble{
	width:300px;
	margin: 0 auto;
}

dl.btnDouble dd button{
	width:140px;
	height:27px;
	vertical-align: text-top;
	color: #fff;
	font-size: 15px;
}

dl.btnDouble dd button:hover {
background-position: 0px -33px;
}

dd.btnShusei{
	float:left;
}
dd.btnSousin{
	float:right;
}

dd.btnShusei button{
	background: transparent url(../images/common/btn_kakunin_gray.gif) no-repeat 0px 0;
}

dd.btnSousin button{
	background: transparent url(../images/common/btn_kakunin.gif) no-repeat 0px 0;
}
	
button span {
display:inline-block;
*display:inline;
position:relative;
z-index:-1;
visibility: hidden; /* IE6 */
}

span.error{
	font-weight:bold;
	color:#ff0000;
}

div.error{
	width:600px;
	padding:10px;
	margin:0 auto 30px auto;
	background: #FFF;
	border: 1px solid #ff0000;
}

div.error p{
	font-weight:bold;
	color: #ff0000;	
}

/*ESTIMATE*/
#estimate p.comment{
	text-align: center;
	font-weight: bold;
	font-size:13px;
	line-height: 180%;
	padding: 40px 0 30px 0;
}

#estimate p.btnEstimate{
	margin-bottom: 30px;
}

p.btnEstimate{
	width:225px;
	height:32px;
	margin:0 auto;
}
p.btnEstimate button {
	width:225px;
	height:32px;
	background: transparent url(../images/common/btn_big.gif) no-repeat 0px 0;
	vertical-align: text-top;
	color: #fff;
	font-size: 14px;
}
p.btnEstimate button:hover {
	background-position:bottom;
}


/*ABOUT*/
#aboutContact {
	background:url(../images/common/bg_480.gif) left repeat-y;
	border-top:1px solid #EEEDED;
	border-bottom:1px solid #D0D0D0;
	padding:15px 20px;
}

#aboutContact dl{
	background:url(../images/common/line_dot_grey.gif) repeat-x top;
	margin-top:10px;
	padding-top:10px;
}

.map{
	padding:1px;
	background:#ffffff;
	margin-top:20px;
}


/*PRIVACY*/
.basicCont{
	width:940px;
	padding:20px;
	background:url(../images/common/bg_full.gif) left repeat-y;
	border-top:1px solid #EEEDED;
	border-bottom:1px solid #D0D0D0;
	margin-bottom:30px;	
}

.basicCont h4{
	font-size: 14px;
	padding-bottom: 15px;
	background:url(../images/common/line_dot_grey.gif) repeat-x bottom;
	margin-bottom: 15px;
}

.basicCont div{
	padding-bottom: 30px;
}

.basicCont dl{
	padding-top: 10px;
}

.basicCont a{
	text-decoration: underline;
}


/*ENGLISH*/
#enTitle{
	background:url(../images/common/line_dot_grey.gif) repeat-x top;
	padding:40px 60px;	
}

#enTitle p{
	background:url(../images/english/logo.gif) no-repeat left;
	padding:20px 0 20px 320px;	
}



/*FOOTER*/
#footer{
	border-top:1px solid #CCC;
	padding:20px 0; 
	margin-top:50px;
	background: url(../images/common/logo_foot.gif) right no-repeat;
}

address{
	font-style:normal;
	text-align:left;
	font-size:10px;
}


/*CAMPAIGN*/
#campaignFlea3usb{
	background: url(../product/camera/campaign/flea3usb3bg.jpg) #000;
	padding: 10px 30px;
}

#campaignFlea3usb h5{
	color: #FFF;
	font-size:14px;
}

#campaignFlea3usb div{
	padding: 20px 0;
}

#campaignFlea3usb dl{
	width:350px;
	background: #fff;
	padding: 10px 0 5px 0;
}

#campaignFlea3usb dl.colLeft{
	float:left;
}

#campaignFlea3usb dl.colRight{
	float: right;
}

#campaignFlea3usb dd{
	padding:0 20px 5px 20px;
	font-weight: bold;
	font-size: 13px;
}

#campaignFlea3usb p{
	margin: 0 auto;
	width: 160px;
	padding: 10px 0 20px 0;
}



/*FOR BUGGGG!*/
.wrap:after,.thumbMode:after,.listMode:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}

.wrap,.thumbMode,.listMode{
display:inline-block;
}

/* exlude MacIE5 */
*html .wrap,*html .thumbMode,*html .listMode{
height:1%
}

.wrap,.thumbMode,.listMode{
display:block;
}
/* END MacIE5 */

