﻿* {
	margin: 0;
	padding: 0;
}

/*
	Lightbox selector  
---------------------------------------------*/

#lightbox{
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
  }

#lightbox a img{ border: none; }

#outerImageContainer{
  position: relative;
  background-color: #ffffff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  }

#imageContainer{
  padding: 10px;
  }

#loading{
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
  }
  
#hoverNav{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  }
  
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
  width: 20%;
  height: 100%;
  background: transparent url(./img/blank.gif) no-repeat; /* Trick IE into showing hover */
  display: block;
  }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(./img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100% 
  }

#imageData{ 
	padding:0 10px;
	color: #666;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, Meiryo, sans-serif;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }     
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  } 
    
#overlay{
  position: absolute;
  /*  */
  top: 0;
  right: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000;
}

body {
	background-color: #FFFFFF;
	margin: 0 auto;
	position: static;
	left: auto;
	right: auto;
	top: 0px;
	bottom: 0px;
	text-align: center;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Meiryo, sans-serif;
	color: #666666;
}

a {
	text-decoration: none;
	color: #4a6979;
}

a:hover,a:active {
	color: #0066cc;
	text-decoration: underline;
}

img {
	border: 0;
}

input.bg,
textarea {
	font-size: 100%;
	font-family: inherit;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	background-color: #f6f6f6;
	color: #4a6979;	
}

select {
	background-color: #f6f6f6;
	font-family: inherit;
	color: #4a6979;
}

h1.headimage {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	clear: both;
}

h1.logo {
	background-color: #000000;
	height: 100px;
	width: 800px;
	display: inline-block;
}

h1.logo:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hide from IE-mac \*/
* html h1.logo {
	height: 1%;
}
h1.logo {
	display: block;
}
/* End hide from IE-mac */

p.logoimg {
	float: left;
	text-align: left;
}

p.lan {
	float: right;
	text-align: right;
	margin-top: 5px;
}

#wrapper {
	height: auto;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	text-align: left;
}
#wrapper-line {
	height: auto;
	width: 850px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #00CC66;
	padding-top: 25px;
	padding-bottom: 25px;

}
#contents {
	width: 800px;
	height: auto;
	background-color: #FFFFFF;
}
div#main {
	width: 600px;
	height: auto;
	float: right;
	line-height: 18px;
}


/*--------------------------------------------------------------
 gnavi css  
--------------------------------------------------------------*/

#gnavi {
	font-size: 7px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 180px;
	text-align: left;
	text-decoration: none;

}

#bnr {
	font-size: 8pt;
	color: #666666;
	margin: 20px 0px;
	padding: 0px;
	height: auto;
	width: 180px;
	text-align: left;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#gnavi ul,#bnr ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#gnavi li a {
	color: #003366;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 180px;
}

#bnr li a {
	color: #003366;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 150px;
}

#gnavi em,#bnr em {
	font-size: 7px;
	color: #FFFFFF;
	visibility: hidden;
}

/*--------------------------------------------------------------
 gnavi css end
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 About Sinrejac categry local menu css  
--------------------------------------------------------------*/

#gnavi li#gn001 {
	background-image:  url(./img/gn001.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gn002 {
	background-image:  url(./img/gn002.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

 #gnavi li#gn003 {
	background-image:  url(./img/gn003.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	hheight: 40px;
}

#gnavi li#gn004 {
	background-image:  url(./img/gn004.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gn001 a:hover,
#gnavi li#gn001 a:active {
	background-image:  url(./img/gn001_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: height: 40px;
}

#bnr li#bnr001 a:hover,
#bnr li#bnr001 a:active {
	background-image:  url(./img/bnr001_on.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 80px;
}

#gnavi li#gn002 a:hover,
#gnavi li#gn002 a:active {
	background-image:  url(./img/gn002_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gn003 a:hover,
#gnavi li#gn003 a:active {
	background-image:  url(./img/gn003_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gn004 a:hover,
#gnavi li#gn004 a:active {
	background-image:  url(./img/gn004_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

/*--------------------------------------------------------------
 About Sinrejac categry local menu css end 
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 About e-catalog gn menu css
--------------------------------------------------------------*/

#headnavi li#gnm01 {
	background-image: url(img/gnm01.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 70px;
	float: left;
	background-position: left top;
	display: block;
	margin-left: 8px;
}

#headnavi li#gnm01 a:hover,#headnavi li#gnm01 a:active {
	background-image: url(img/gnm01_on.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 70px;
	float: left;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
}

#headnavi li#gnm02 {
	background-image: url(img/gnm02.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 90px;
	float: left;
	background-position: left top;
	margin-left: 8px;
	display: block;
}

#headnavi li#gnm02 a:hover,#headnavi li#gnm02 a:active {
	background-image: url(img/gnm02_on.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 90px;
	float: left;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
}

#headnavi li#gnm03 {
	background-image: url(img/gnm03.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 70px;
	float: left;
	background-position: left top;
	margin-left: 8px;
	display: block;
}

#headnavi li#gnm03 a:hover,#headnavi li#gnm03 a:active {
	background-image: url(img/gnm03_on.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 70px;
	float: left;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
}

/*--------------------------------------------------------------
 About e-catalog gn menu css end 
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 Product categry local menu css  
--------------------------------------------------------------*/
#gnavi li#gnp00 {
	background-image:  url(./img/gnp00.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gnp01 {
	background-image:  url(./img/gnp01.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gnp02 {
	background-image:  url(./img/gnp02.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gnp03 {
	background-image:  url(./img/gnp03.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gnp04 {
	background-image:  url(./img/gnp04.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}
#gnavi li#gnp05 {
	background-image:  url(./img/gnp05.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}
#gnavi li#gnp06 {
	background-image:  url(./img/gnp06.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}
#gnavi li#gnp07 {
	background-image:  url(./img/gnp07.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gnp00 a:hover,
#gnavi li#gnp00 a:active {
	background-image:  url(./img/gnp00_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gnp01 a:hover,
#gnavi li#gnp01 a:active {
	background-image:  url(./img/gnp01_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gnp02 a:hover,
#gnavi li#gnp02 a:active {
	background-image:  url(./img/gnp02_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gnp03 a:hover,
#gnavi li#gnp03 a:active {
	background-image:  url(./img/gnp03_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gnp04 a:hover,
#gnavi li#gnp04 a:active {
	background-image:  url(./img/gnp04_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}
#gnavi li#gnp05 a:hover,
#gnavi li#gnp05 a:active {
	background-image:  url(./img/gnp05_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}
#gnavi li#gnp06 a:hover,
#gnavi li#gnp06 a:active {
	background-image:  url(./img/gnp06_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}
#gnavi li#gnp07 a:hover,
#gnavi li#gnp07 a:active {
	background-image:  url(./img/gnp07_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

/*--------------------------------------------------------------
 product categry local menu css end  
--------------------------------------------------------------*/

#gnavi li#gn011 {
	background-image:  url(./img/gn011.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}
#gnavi li#gn012 {
	background-image:  url(./img/gn012.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}
#gnavi li#gn013 {
	background-image:  url(./img/gn013.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}
#gnavi li#gn014 {
	background-image:  url(./img/gn014.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gn000 a:hover,#gnavi li#gn000 a:active {
	background-image:  url(./img/gn001_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#bnr li#bnr000 a:hover,
#bnr li#bnr000 a:active {
	background-image:  url(./img/bnr000_on.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 80px;
}


#gnavi li#gn005 a:hover,
#gnavi li#gn005 a:active {
	background-image:  url(./img/gn005_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

#gnavi li#gn006 a:hover,
#gnavi li#gn006 a:active {
	background-image:  url(./img/gn006_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}



#gnavi li#gn011 a:hover,
#gnavi li#gn011 a:active {
	background-image:  url(./img/gn011_on.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
}

.bnr00 {
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	text-decoration: none;
}

/* headnavi css */

#head01 {
	width: 800px;
	margin: 0px;
	height: 50px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;


}

#head02 {
	width: 800px;
	background-color: #FFFFFF;
	vertical-align: top;
	margin: 0px;
	height: 185px;


}

#headnavi ul {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	width: 800px;
	height: 30px;
}

#headnavi li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#headnavi em {
	list-style-type: none;
	color: #FFFFFF;
	visibility: hidden;
	font-size: 6px;
}

#headnavi a {
	text-decoration: none;
	height: 30px;
	display: block;
}

#headnavi {
	background-color: #000000;
	height: 30px;
	width: 800px;
}

#headnavi li#gn01 {
	background-image: url(img/gn01.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	float: left;
	background-position: left top;
	display: block;
	margin-left: 8px;
}

#headnavi li#gn01 a:hover,#headnavi li#gn01 a:active {
	background-image: url(img/gn01_on.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 100px;
	float: left;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
}

#headnavi li#gn02 {
	background-image: url(img/gn02.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 94px;
	float: left;
	background-position: left top;
	margin-left: 8px;
	display: block;
}

#headnavi li#gn02 a:hover,#headnavi li#gn02 a:active {
	background-image: url(img/gn02_on.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 94px;
	float: left;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
}

#headnavi li#gn03 {
	background-image: url(img/gn03.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 90px;
	float: left;
	background-position: left top;
	margin-left: 8px;
	display: block;
}

#headnavi li#gn03 a:hover,#headnavi li#gn03 a:active {
	background-image: url(img/gn03_on.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 90px;
	float: left;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
}

#headnavi li#gn04 {
	background-image: url(img/gn04.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 170px;
	float: left;
	background-position: left top;
	display: block;
	margin-left: 8px;
}
#headnavi li#gn04 a:hover,#headnavi li#gn04 a:active {
	background-image: url(img/gn04_on.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 170px;
	float: left;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
}

#headnavi li#gn05 {
	background-image: url(img/gn05.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 80px;
	float: left;
	background-position: left top;
	display: block;
	margin-left: 8px;
}

#headnavi li#gn05 a:hover,#headnavi li#gn05 a:active {
	background-image: url(img/gn05_on.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 80px;
	float: left;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
}

#headnavi li#gn06 {
	background-image: url(img/gn06.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 120px;
	float: left;
	background-position: left top;
	display: block;
	margin-left: 8px;
}

#headnavi li#gn06 a:hover,#headnavi li#gn06 a:active {
	background-image: url(img/gn06_on.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 120px;
	float: left;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
}

#headnavi li#gn07 {
	background-image: url(img/gn07.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 150px;
	float: left;
	background-position: left top;
	display: block;
	margin-left: 8px;
}

#headnavi li#gn07 a:hover,#headnavi li#gn07 a:active {
	background-image: url(img/gn07_on.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 150px;
	float: left;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
}


/* footnavi css */


div#foot-wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#foot-wrapper {
	display: inline-block;
	background-color: #000000;
	width: 800px;
	height: auto;
	vertical-align: middle;
	background-image: url(img/bg_footer.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

/* Hide from IE-mac \*/
* html div#foot-wrapper {
	height: 1%;
}
div#foot-wrapper {
	display: block;
}
/* End hide from IE-mac */


#footnavi {
	width: auto;
	text-align: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	font-size: 10px;
	float: left;
	display: block;
	position: static;
	letter-spacing: 0.1em;
}
#footnavi li {
	display: inline;
	margin: 0px;
	padding: 3px 5px 0px 25px;

}
#footnavi a {
	text-decoration: none;
	color: #CCCCCC;
	font-weight: normal;
}
#footnavi a:hover,#footnavi a:active {
	color: #CCCCCC;
	text-decoration: underline;
	font-weight: normal;
}

#footnavi02 {
	width: 800px;
	background-color: #3366CC;
	text-align: right;
	clear: both;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;

}
#footnavi02 li {
	display: inline;
	margin: 0px;
	padding: 3px 15px 0px;
}
#footnavi02 a {
	text-decoration: none;
	color: #CCCCCC;
}
#footnavi02 a:hover,#footnavi02 a:active {
	color: #99CC99;
	text-decoration: underline;
}


/* footer css */


#footer {
	width: auto;
	text-align: right;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 0;
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 0.15em;
	float: right;
	display: block;
}

#footer02 {
	width: auto;
	text-align: right;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0;
	float: right;
	display: block;
	color: #CCCCCC;
}


/* other css */

div.separator {
	background-image: url(img/separator.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 30px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
}


div.stopper,.stopper {
	clear: both;
	height: auto;
	width: auto;
	margin: 0px;
	padding: 0px;

}
div.stopper-dot {
	clear: both;
	height: auto;
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
tr.color {
	background-color: #f6f6f6;
	border: solid 1px #ffffff;
}
tr.white {
	background-color: #ffffff;
}

td.standard {
	color: #666666;
	line-height: 130%;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	text-align: left;
}
td.standard-top {
	line-height: 130%;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	text-align: left;
	vertical-align: top;
}
td.standard-bold {
	color: #666666;
	font-weight: bold;
	line-height: 130%;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	text-align: left;
}
td.standard-center {
	color: #666666;
	line-height: 130%;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
}

#pankuzu {
	height: 30px;
	width: 800px;
	background-color: #006699;
}

h2.title {
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.block01 {
	height: auto;
	width: 530px;
}
.insideblock01 {
	width: auto;
	margin-left: 20px;
}
td.standard-login {

	font-size: 13px;
	color: #666666;
	line-height: 130%;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#gn li a {

	color: #003366;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 200px;
}
#gn em {
	font-size: 7px;
	color: #FFFFFF;
	visibility: hidden;
}
td.standard-title {
	font-size: 14px;
	color: #669999;
	line-height: 130%;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
h3.title01 {
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;

}
h3.title02 {
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	width: auto;
}
h3.title03 {
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;

}
h3.title04,p.bold {
	font-size: 14px;
	font-weight: bold;
	color: #006699;
	line-height: 130%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	border: 1px solid #E7E0E9;
	clear: both;

}

h3.title05 {

	font-size: 14px;
	font-weight: bold;
	color: #006699;
	line-height: 130%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	border: 1px solid #E7E0E9;
	clear: both;
}
h3.title06 {
	font-size: 14px;
	font-weight: bold;
	color: #006699;
	line-height: 130%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	border: 1px solid #E7E0E9;
	clear: both;
}

td.standard-title02 {

	font-size: 13px;
	color: #336666;
	line-height: 130%;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.p1 {
	line-height: 200%;
	width: auto;
	padding-left: 20px;
}

.photo-left {
	float: left;
	margin-right: 10px;
	border: 1px solid #3366CC;


}


.dot01 {
	padding-left: 30px;
	padding-right: 30px;
	background-image: url(./img/dot01.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 30px;
	width: auto;
	clear: both;
}

td.standard-white {

	font-size: 13px;
	color: #FFFFFF;
	line-height: 130%;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

h2.title-black {
	font-size: 12px;
	color: #CCCCCC;
	background-image: url(img/bg_h2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	letter-spacing: 0.1em;
	clear: both;
	height: auto;
	width: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 15px;
}

/*cell patern-what's new (photo:date, text:right)*/


dl.cell:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

dl.cell {
	padding: 10px;
	height: 100%;
	display: inline-block;
}

/* Hide from IE-mac \*/
* html dl.cell {
	height: 1%;
}

dl.cell {
	display: block;
}
/* End hide from IE-mac */

dt.cell-left {
	text-align: left;
	vertical-align: middle;
	float: left;
	height: auto;
	width: 130px;
	font-weight: bold;
	background-image: url(img/corner_line.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 7px;
	padding-left: 10px;
}
dd.cell-right {
	text-align: left;
	vertical-align: middle;
	height: auto;
	width: 600px;
	float: right;
}
div.cellwrapper {
	margin-bottom: 5px;
}

/*cell patern-list (photo:left, text:right)*/

dl.cell-li {
	padding: 10px;
	clear: both;
	height: 100%;
	border-bottom: 1px solid #CCCCCC;
}
dt.cell-li-left {
	text-align: center;
	vertical-align: middle;
	float: left;
	height: auto;
	width: 110px;
	font-weight: bold;
}
dd.cell-li-right {
	text-align: left;
	vertical-align: top;
	height: auto;
	width: 330px;
	float: right;
	background-image: url(img/vertical_ruled_line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;

}
p.cell-li-title {
	font-weight: bold;
	margin-bottom: 5px;

}
p.cell-li-title a {
	font-weight: normal;
	color: #CCCC99;


}
.photo-line {
	border: 1px solid #CCCCCC;
}
dl.cell-record {

	padding: 10px;
	clear: both;
	height: 100%;
	border-bottom: 1px solid #CCCCCC;
}
dt.cell-record-left {

	text-align: left;
	vertical-align: middle;
	float: left;
	height: auto;
	width: 200px;
	font-weight: bold;
	background-image: url(img/corner_line.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 7px;
}
dd.cell-record-right {

	text-align: right;
	vertical-align: middle;
	height: auto;
	width: 240px;
	float: right;
}

/*-------------------------------
 for 3 column box css  
-------------------------------*/

div.mainlist-box {
	width: 600px;
	margin-bottom: 5px;
}

div.insidebox {
	width: 560px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
div.insidebox800 {
	backgroud-color: #996677;
	width: 745px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

li.p-01-b,
li.p-02-b,
li.p-03-b,
li.p-04-b {
	text-align: center;
	text-decoration: none;
	background-image: url(./img/bg_block_b.gif);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 200px;
	width: 173px;
	list-style-type: none;
	margin-bottom: 5px;
	display: block;
}

div.p-conts-b {
	min-height: 190px;
	height: auto;
	width: 150px;
	margin-top: 28px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
}

p.p-title-b,
h3.p-title-b {
	font-size: 12px;
	line-height: 130%;
	font-weight: bold;
	text-align: center;
	color: #333333;
	margin-top: 25px;
	margin-bottom: 5px;
}

li.p-01,
li.p-02,
li.p-03,
li.p-04 {
	text-align: center;
	text-decoration: none;
	background-image: url(./img/bg_block.gif);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 80px;
	width: 97px;
	list-style-type: none;
	margin-bottom: 0px;
	display: block;
}

div.p-conts {
	height: auto;
	width: 97px;
	margin-top: 16px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
}
img.p {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}

p.p-title,
h3.p-title {
	font-size: 9px;
	line-height: 110%;
	font-weight: normal;
	text-align: center;
	color: #666666;
	margin-top: 12px;
	margin-bottom: 0px;
	letter-spacing: 0.01em;
}

p.p {
	text-align: left;
}
h1 {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
/*-------------------------------
 for 3 column box css end  
-------------------------------*/

div.box {
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	clear: both;
}
h3.privacy {
	font-size: 13px;
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 8px;
	font-weight: bold;
}

h2.privacy {
	font-size: 14px;
	padding: 0px;
	margin-bottom: 15px;
	font-weight: bold;
}

div.main-block {
	height: auto;
	width: 800px;
	margin-bottom: 5px;
	clear: both;
}

div.main-block600 {
	height: auto;
	width: 600px;
	margin-bottom: 5px;
	clear: both;
}

div.mainblock-top,
h2.mainblock-top {
	background-image: url(./img/bg_mainblock_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 800px;
}

div.mainblock600-top,
h2.mainblock600-top {
	background-image: url(./img/bg_mainblock600_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 600px;
}

h2.toptitle {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 15px;
}

div.mainblock-middle {
	background-image: url(./img/bg_mainblock_middle.gif);
	background-repeat: repeat-y;
	width: 800px;
}
div.mainblock-middle-center {
	background-image: url(./img/bg_mainblock_middle.gif);
	background-repeat: repeat-y;
	width: 800px;
	text-align: center;
}
div.mainblock-middle-black {
	background-image: url(./img/bg_mainblock_middle_black.gif);
	background-repeat: repeat-y;
	width: 800px;
}
div.mainblock600-middle {
	background-image: url(./img/bg_mainblock600_middle.gif);
	background-repeat: repeat-y;
	width: 600px;
}
div.mainblock600-middle-pdg {
	background-image: url(./img/bg_pdg.jpg);
	background-repeat: no-repeat;
	width: 600px;
	background-position: top;
}
div.mainblock600-middle-center {
	background-image: url(./img/bg_mainblock600_middle.gif);
	background-repeat: repeat-y;
	width: 600px;
	text-align: center;
}

div.mainblock-bottom {
	background-image: url(./img/bg_mainblock_bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 800px;
	clear: both;
}
div.mainblock-bottom-black {
	background-image: url(./img/bg_mainblock_bottom_black.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 800px;
	clear: both;
}
div.mainblock600-bottom {
	background-image: url(./img/bg_mainblock600_bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 600px;
	clear: both;
}

div.middle-text {
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
div.middle-text-pdg {
	clear: both;
	padding-top: 55px;
	padding-bottom: 5px;
	padding-left: 230px;
	padding-right: 10px;
}

div.middle-text ul li {
	margin-bottom: 10px;
	margin-left: 15px;
}
img.photo-detail {
	margin-top: 70px;
	margin-bottom: 30px;
	border: 1px solid #cccccc;
}

dl.news {
	padding: 0px;
	width: 600px;
	height: 100%;
}

dt.date {
	text-align: left;
	width: 180px;
	font-weight: bold;
	letter-spacing: 0.1em;
	float: left;
	height: 30px;
}

dd.text {
	text-align: left;
	width: 400px;
	padding-left: 5px;
	text-decoration: none;
	list-style-type: none;
	margin-bottom: 5px;
	float: left;
	height: 30px;
}
div.toinq {
	padding-left: 100px;
	padding-right: 100px;
	text-align: right;
}
div.toinq2 {
	padding-left: 20px;
	padding-right: 20px;
	text-align: right;
}

table.ref-detail {
	border: 1px solid #cccccc;
}

#footbnr {
	width: 800px;
	text-align: right;
	clear: both;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;

}
#footbnr li {
	display: inline;
	margin: 0px;
	padding: 3px 5px 0px;
	background-position: left center;

}

dl#faq {
	width: 780px;
	height: 100%;
}
dt.question {
	background-image: url(./img/q.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 13px;
	width: 730px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	line-height: 130%;
	margin: 0px;
	padding-left: 50px;
	padding-bottom: 10px;
}
dd.answer {
	background-image: url(./img/a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 730px;
	text-align: left;
	line-height: 130%;
	padding-bottom: 20px;
	padding-left: 50px;
}
.img-left-noborder {
	float: left;
	padding-right: 8px;
	padding-bottom: 3px;
}

p.whitetext {
	color: #f6f6f6;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}
p.smalltext {
	color: #333333;
	font-size: 9px;
}
div.box400 {
	width: 400px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div#naviwrapper {
	width: 100%;
	height: 20px;
	clear: both;
}

div.navi-left {
	float: left;
	padding-left: 100px;
}
div.navi-back {
	float: left;
	padding-left: 20px;
}
div.navi-right {
	float: right;
	padding-right: 100px;
}
div.navi-next {
	float: right;
	padding-right: 20px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*
	Common selector  
---------------------------------------------*/
/*	Wide	-------------------*/

.agnright {
	text-align: right;
}

.agnleft {
	text-align: left;
}

.w10per {
	width: 10%;
}

.w15per {
	width: 15%;
}

.w20per {
	width: 20%;
}

.w25per {
	width: 25%;
}

.w30per {
	width: 30%;
}

.w35per {
	width: 35%;
}

.w40per {
	width: 40%;
}

.w45per {
	width: 45%;
}

.w50per {
	width: 50%;
}

.w60per {
	width: 60%;
}

.w70per {
	width: 70%;
}

.w100per {
	width: 100%;
}

/*	Font	-------------------*/

.f110per {
	font-size: 110%;
}

.f115per {
	font-size: 115%;
}

.f120per {
	font-size: 120%;
}

.f8p {
	font-size: 8px;
}

.f9p {
	font-size: 9px;
}

.f10p {
	font-size: 10px;
}

.f11p {
	font-size: 11px;
}

.f12p {
	font-size: 12px;
}

.f13p {
	font-size: 13px;
}

.f14p {
	font-size: 14px;
}

.f15p {
	font-size: 15px;
}

.f16p {
	font-size: 16px;
}

.f17p {
	font-size: 17px;
}

.f18p {
	font-size: 18px;
}

.pb {
	font-weight: bold;
}

.aka {
	color:#df0442;
}

.kuro {
	color:#000000;
}

.shiro {
	color:#ffffff;
}

.midori {
	color:#006633;
}

.cha {
	color:#660033;
}

/*	Image	-------------------*/

img.imgleft {
	float: left;
	padding-right: 15px;
	padding-bottom: 2px;
}

img.imgright {
	float: right;
	padding-left: 15px;
	padding-bottom: 2px;
}

img.imgleft-fr {
	float: left;
	margin-right: 15px;
	margin-bottom: 8px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

img.imgleft-fr-white {
	float: left;
	margin-right: 13px;
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #ffffff;
}

img.img-fr {
	margin-bottom: 2px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

/*	Align	-------------------*/

.txt-l {
	text-align: left;
}

.txt-r {
	text-align: right;
}


/*	valign	-------------------*/

.va5btm {
	padding-bottom: 5px;
}
.va10btm {
	padding-bottom: 10px;
}

.va12btm {
	padding-bottom: 12px;
}

.va14btm {
	padding-bottom: 14px;
}

.va16btm {
	padding-bottom: 16px;
}

.va5top {
	padding-top: 5px;
}

.va10top {
	padding-top: 10px;
}

.va12top {
	padding-top: 12px;
}

.va14top {
	padding-top: 14px;
}

.va16top {
	padding-top: 16px;
}

.dispbox {
	margin: 0px 0px 20px 55px;
	
}

h3.name {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

h4.date {
	font-size: 13px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

div.photobox {
	margin-top: 10px;
}

