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

/*    basic      */



body {
	margin:0px;
	padding:0px;
	background:#dddddd;
	font-family:'ＭＳ Ｐゴシック', verdana;
	font-size:11px;
	line-height:120%;
	 color:#444444;
}

dd, dl {font-size:12px; line-height:160%;}

img {
	border:0px;
}

p {
	margin:0px;
	padding:0px;
}

Table {
	border:0;
	padding:0px;
	margin:0px;
	border-spacing:0;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
td, tr {
	border:0;
	padding:0px;
	margin:0px;
	border-spacing:0;
	font-size:12px;
}

h1 {
	font-size:14px;
	font-weight:bold;
	color:#444444;
	margin:0px;
	padding:0px;
} 
h2 {
	font-size:12px;
	color:#444444;
	margin:0px;
	padding:0px;
}  

#frontFeature {
	position:relative;
	height:450px;
	float:left;
}
.content_topboxline {
	width:800px;
	float:left;
}
#frontFeature div {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	height:450px;
	background-color:white;
}
#frontFeature div.active {
	z-index:10;
}
#frontFeature div.last-active {
	z-index:9;
}
#frontFeature img {
	margin-bottom: 5px;
}

.c_td {
	border: 1px dashed #cccccc;
	padding:2px;
	font-size:11px;
	text-align:center;
}
.basic12 {
	font-family:ms pgothix;
	font-size:12px;
	line-height:200%;
	color:#222222;
}
.basic12 a:hover {
	background-color:#dddddd;
}

/* clear */
.clear {
	clear:both;
}


/*top*/
.index_step {
	width:780px;
	height:100px;
	background-image:url(images/banner_s.jpg);
}

.kizai_1 {background-color:#efefef; width:80px; padding:10px; float:left; text-align:200%; font-size:14px; line-height:200%;}
.kizai_2 {width:660px; padding:10px; float:left; text-align:200%; font-size:14px; line-height:200%;}

.img800 {margin-left:-10px;}
.nedan {padding-right:10px; border-right:1px solid #dddddd; width:320px; float:left; padding-bottom:10px;}
.nedan2 {text-align:right; line-height:25px; font-size:12px; width:430px; float:right; padding-left:10px; padding-bottom:10px;}

.table_top {
	width:780px;
	height:100px;
}
.table_top_td {
	height:65px;
}
.table_top_td2 {
	height:15px;
}

.mainholder {
	margin-top:20px;
	background-color:#ececec;
	margin-left:auto;
	margin-right:auto;
	border:1px;
	width:800px;
	border-color:#f4f4f4;
	border-style:solid;
	-moz-border-radius:15px;
	-webkit-border-radius: 15px;margin-bottom:50px;
	-moz-box-shadow:rgba(200,200,200,1) 0 5px 8px;
	-webkit-box-shadow:rgba(200,200,200,1) 0 5px 8px;
	-khtml-box-shadow: rgba(200,200,200,1) 0 5px 8px;
	box-shadow:rgba(200,200,200,1) 0 5px 8px;
	border-radius: 15px;behavior: url(ie-css3.htc);
}
.topheader {
	height:70px;
	padding-top:22px;
	height:55px;
	width:800px;
}

.overimagewindowFront{
	position:absolute;
	z-index:99;
	padding:10px;
	background-color:#ffffff;
	font-size:9px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
}
.overimagewindowFrontVideo{
	position:absolute;
	z-index:99;
	padding:10px;
	background-color:#ffffff;
	font-size:11px;
	margin:10px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	}
.overimagewindowFrontSale{
	position:absolute;
	z-index:99;
	padding:6px;
	background-color:#e20606;
	font-size:9px;
	color: #FFFFFF;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-left:5px;
	margin-top:5px;
	font-weight:bold;
}
.overimagewindow{
	position:absolute;
	z-index:99;
	padding:6px;
	background-color:#e20606;
	font-size:9px;
	color: #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-left: 3px;
	margin-top: 3px;
	font-weight:bold;
}

.Text11 {
	font-size:11px;
}

.redText12 {
	font-size:12px;
	color:#cc0000;
}
.redText {
	font-size:11px;
	color:#cc0000;
}

.blueText12 {
	font-size: 12px;
	font-weight: normal;
	color: #008BD1;
	text-decoration: none;
}
a:link.blueText12 {
	font-size: 12px;
	color: #008BD1;
	text-decoration: none;
}
a:visited.blueText12{
	font-size: 12px;
	color: #008BD1;
	text-decoration: none;
}
a:hover.blueText12{
	font-size:12px;	
	color: #050505;	
	text-decoration: none;
}

.greenText12 {	
	font-size: 12px;	
	font-weight: normal;	
	color: #089948;	
	text-decoration: none;
}
a:link.greenText12 {
	font-size: 12px;
	color: #089948;
	text-decoration: none;
	padding: 0px;
}
a:visited.greenText12{
	font-size: 12px;
	color: #089948;
	text-decoration: none;
}
a:hover.greenText12{
	font-size:12px;
	color:#050505;
	text-decoration:none;
}


.mainTextLargeBold {	font-size: 14px;	font-weight: bold;	color: #000000;	text-decoration: none;}
a:link {font-size: 11px;	color: #050505;	text-decoration: underline;	padding: 0px;margin: 0px;}
a:visited{	font-size: 11px;	color: #050505;	text-decoration: underline;	padding: 0px;margin: 0px;}
a:hover{font-size:11px;	color: #008BD1;	text-decoration: underline;padding: 0px;margin: 0px;}
.lightBlueItalic {	color: #97cbe5;	font-style: italic;}
.blueText {	font-size: 11px;	font-weight: normal;	color: #008BD1;	text-decoration: none;}
.blueTextBold {	font-size: 11px;	font-weight: bold;	color: #008BD1;	text-decoration: none;}
a:link.blueText {	font-size: 11px;	color: #008BD1;	text-decoration: none;}
a:visited.blueText{	font-size: 11px;	color: #008BD1;	text-decoration: none;}
a:hover.blueText{font-size:11px;	color: #050505;	text-decoration: none;}
.whiteText {	font-size: 11px;	font-weight: normal;	color: #ffffff;	text-decoration: none;}
.whiteTextBold {	font-size: 11px;	font-weight: normal;	color: #ffffff;	text-decoration: none;	font-weight: bold;}
a:link.whiteText {	font-size: 11px;	color: #ffffff;	text-decoration: none;	font-weight: bold;}
a:visited.whiteText{	font-size: 11px;	color: #ffffff;	text-decoration: none;	font-weight: bold;}
a:hover.whiteText{font-size:11px;	color:#000000;	text-decoration: none;	font-weight: bold;}
.greenText {	font-size: 11px;	font-weight: normal;	color: #089948;	text-decoration: none;}
.greenTextBold {	font-size: 11px;	font-weight: bold;	color: #089948;	text-decoration: none;}
a:link.greenText {	font-size: 11px;	color: #089948;	text-decoration: none;	padding: 0px;}
a:visited.greenText{	font-size: 11px;	color: #089948;	text-decoration: none;}
a:hover.greenText{font-size:11px;color:#050505;text-decoration:none;}
.redText{font-size:11px;font-weight:bold;color:#E80500;text-decoration:none;}
.redTextLargeBold{font-size:14px;font-weight:bold;color:#E80500;text-decoration:none;}
a:hover{	color: #008BD1;	text-decoration: none;}


#brand {padding-left:10px;width:110px;float:left;}
#search {float:left;width:260px;}
#customer {float:right;margin-right:10px;font-size:11px;color:#050505;text-align:right;text-decoration: none;}

#content {
	display: block;
	width:800px;
	background-color:#FFFFFF;
}
.box {
	padding:10px;
	float:left;
	width:780px;
}

#header {
	width: 796px;
	height: 25px;
	background-color: #0a0a0a;
	padding: 10px;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	display:block;
}

/* Index */
.indexShowingBig {
	width:400px;
	float:left;
	font-size:12px;
	line-height:200%;
	max-height:500px;
	min-height:450px;
	height:450px;
	padding:0px;
	margin:0px;
}
.indexShowingBig_D {
	width:400px;
	padding:0px;
	margin:0px;
}
.indexShowingBig a:hover, .indexShowingBig a:active {
	font-size:12px;
	line-height:200%;
}
.indexShowingBig a:link, .indexShowingBig a:visited {
	font-size:12px;
}	
.indexShowingF {
	width:388px;
	height:260px;
	float:left;overflow:hidden;
}
.indexShowingImageF {
	overflow:hidden;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.indexShowingFF {
	width:120px;
	height:140px;
	margin:7px 7px 0px 5px;
	text-align:center;
	float:left;
	overflow:hidden;
	-moz-border-radius: 7px;
	-webkit-border-radius:7px;
}

.top_imagesbanners {
	width:295px;
	padding:10px 0px 0px 0px;
	float:right;
}


/* New Nav Controls */

.newnav {
	margin:0px;
	padding:0px;
	list-style-image:none;
	list-style-type:none;
}
.newnav2 {
	margin:0px;
	padding:0px;
	list-style-image:none;
	list-style-type:none;
}
.newnav li {
	padding: 0px;
	float: left;
	margin:0px 1px 0px 0px;
}
.newnav li a:link, .newnav li a:visited, .newnav li a:active {
	font-size: 11px;
	color:#efefef;	
	background-color:black;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	padding: 10px 10px 30px 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.newnav li a:hover {
	font-size: 11px;
	color: white;
	background-color: #3399cc;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	padding: 10px 10px 30px 10px;
}

	
.newnav li a.active:link, .newnav li a.active:visited, .newnav li a.active:active, .newnav li a.active:hover {
	font-size: 11px;
	color: #000000;
	background-color: #f6f6f6;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 10px 10px 30px 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.dividerLine {
	border-bottom:thin;
	border-color: #dbdbdb;
	border-bottom-style:solid;
	margin: 0px;
	padding: 0px;
	position:relative;
	top:40px;
}

.dividerLineLight {
	border-bottom:thin;
	border-color: #e7e7e7;
	border-bottom-style:solid;
	margin: 0px;
	padding: 0px;
}


/* new features */
a:link.whiteTextF {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a:visited.whiteTextF{
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a:hover.whiteTextF{
	font-size:11px;
	color:#008BD1;
	text-decoration: none;
	font-weight: bold;
}


/*IMGr */

.img_l {float:left; margin-right:10px; margin-bottom:10px; padding:0px;}
.img_r {float:right; margin-left:10px; margin-bottom:10px;  padding:0px;}

.imgR {
	font-size:12px;
	color:#333333;
	text-align:center;
	line-height:160%;
	overflow: hidden;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background-color: #EAEAEA;
	float: left;
	margin: 7px 7px 0px 7px;
}
.imgR2 {
	background-color:white;
	font-size:12px;
	line-height:160%;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	behavior: url(ie-css3.htc);
}

/* ajax mail */
.contact_iframe {
	width:780px;
	height:400px;
	border:0px;
	margin:0px;
	padding:0px;
}

.mitumori_iframe {
	width:780px;
	height:500px;
	border:0px;
	margin:0px;
	padding:0px;
}

/* Front Features */
.squareFeature {
	font-size:11px;
	color:#666666;
	text-align:center;
	line-height:120%;
	width: 120px;
	height: 150px;
	overflow: hidden;
	float: left;
	margin: 0px 10px 10px 0px;
}
.squareFeature a:hover, .squareFeature a:actived {
	font-size:11px;
	line-height:120%;
	background-color:#dddddd;
}
.squareFeature a:link, .squareFeature a:visited {
	font-size:11px;
	line-height:120%;
}

.mainFrontImage{
	width: 400px;
	height: 250px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding:0px;
}
.mainFrontImage2{
	width:400px;
	height:250px;
	width: 400px;
	height: 250px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding:0px;
}

.imgR_topbanner {
	width:385px;
	height:60px;
	float:left;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	behavior: url(ie-css3.htc);
}

.rolling_table {
	overflow:hidden;
	width:90px;
}

/*top*/
.top_banner {
	width:620px;
	float:left;
}

/*banner end*/

/*blog*/
.blog {
	width:150px;
	position:absolute;
	left:50%;
	z-index:50;
	margin:10px 0 0 405px;
	height:90px;
	border:solid 1px;
	border-color:#dfdfdf;
	padding:2px;
	font-size:11px;
	line-height:10px;
}


/* footer */
.footerHold {
	background-color:#ececec;
}
.footer{
	position:relative;
	display:block;
	padding: 10px 10px 20px 10px;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	width: 780px;
}
