@charset "utf-8"
/*
SmileVision CSS 2008.04.21
*/
/*----------------------------------
		  common design
----------------------------------*/


/* default */
html {
	overflow-y: scroll;
}

body {margin:0px;
padding:0px;
width: 100%;
text-align: center; /* center on ie */
background-color:#FFFFFF;
color: #333;
font-size:13px;
line-height:1.4;
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
*font-size:small;
*font:x-small;
}

img{border:0;}

td{text-align:left; vertical-align:top;}
.vam,.vam td{vertical-align:middle;}
.tal td{text-align:left;}
.tac td{text-align:center;}
.tac th{text-align:left; font-weight:normal;}
.tar,.tar td{text-align:right;}


.clear {clear:both; }
.center {text-align:center; }
.float {float:left;}
.float_r {float:right;}



/* font */
.j8{
	/* 10px */
	font-size:76%;
}
.j10{
	/* 10px */
	font-size:86%;
}

.j12{
	/* 12px */
	font-size:89%;
}

.j14{
	/* 14px */
	font-size:114.5%;
	line-height: 22px;
	letter-spacing: 0.15mm;
}

.j16{
	/* 16px */
	font-size:128.7%;
	line-height: 24px;
	letter-spacing: 0.16mm;
}

.j20{
	/* 20px */
	font-size:153%;
	line-height: 36px;
	letter-spacing: 0.2mm;
}


/* color */
.red       { color:#990000;}
.blue2      { color:#006699;}
.blue3      { color:#0099CC;}



/* link color */

a:link   {text-decoration: underline;color:#0099CC}
a:visited{text-decoration: underline;color:#0099CC}
a:hover  {text-decoration: none;color:#0099CC}

/*blue*/
.bn a:link   {text-decoration: none;color:#006699}
.bn a:visited{text-decoration: none;color:#006699}
.bn a:hover  {text-decoration: underline;color:#006699}

/*black*/
.blk a:link   {text-decoration: none;color:#4B4848}
.blk a:visited{text-decoration: none;color:#4B4848}
.blk a:hover  {text-decoration: underline;color:#4B4848}

.blk2 a:link   {text-decoration: underline;color:#666}
.blk2 a:visited{text-decoration: underline;color:#666}
.blk2 a:hover  {text-decoration: none;color:#666}

.blk4 a:link   {text-decoration: underline;color:#333333}
.blk4 a:visited{text-decoration: underline;color:#333333}
.blk4 a:hover  {text-decoration: none;color:#333333}

a.blk8{text-decoration: none;color:#333333; font-weight:bold;}


/*red*/
.rd a:link   {text-decoration: underline;color:#CC0000}
.rd a:visited{text-decoration: underline;color:#CC0000}
.rd a:hover  {text-decoration: none;color:#CC0000}




/* margin */
.space10{margin:10px} 
.space20{margin:20px} 

.left50{margin-left:50px} 
.left45{margin-left:45px} 
.left40{margin-left:40px} 
.left35{margin-left:35px} 
.left30{margin-left:30px} 
.left20{margin-left:20px} 
.left10{margin-left:10px} 
.left5{margin-left:5px} 


.right30 { margin-right: 30px}
.right25 { margin-right: 25px}
.right20 { margin-right: 20px}
.right15 { margin-right: 15px}
.right10 { margin-right: 10px}
.right5	{ margin-right: 5px}

.top50{margin-top:50px}
.top40{margin-top:40px}
.top30{margin-top:30px}
.top20{margin-top:20px} 
.top15{margin-top:15px} 
.top10{margin-top:10px} 
.top5{margin-top:5px} 


.vertical5 { margin-top: 5px ;
			margin-bottom: 5px
}



.side5 {	margin-left: 5px;
			margin-right: 5px
}

.bottom50	{ margin-bottom: 50px; }
.bottom40	{ margin-bottom: 40px; }
.bottom35	{ margin-bottom: 35px; }
.bottom30	{ margin-bottom: 30px; }
.bottom25   { margin-bottom: 25px; }
.bottom20   { margin-bottom: 20px; }
.bottom15	{ margin-bottom: 15px; }
.bottom10	{ margin-bottom: 10px; }
.bottom5	{ margin-bottom: 5px; }
.bottom1	{ margin-bottom: 1px; }



/*----------------------------------
		    footer
----------------------------------*/
#FOOTER{width:967px;
		background:url(../images/line_foot.jpg) repeat-x top;
		margin:30px 7px 0px;
		padding-top:20px;
		padding-bottom:15px;
		text-align:center;
		}
			

#DF_FOOTER{
background-image:url(../images/ft_bg.jpg);
background-repeat:repeat-x;
width:965px;
height:90px;
color:#FFFFFF;
font-size:10px;
padding:0 5px 0 10px;
}

#DF_FOOTER a:link   {text-decoration: none;color:#FFFFFF}
#DF_FOOTER a:visited{text-decoration: none;color:#FFFFFF}
#DF_FOOTER a:hover  {text-decoration: underline;color:#FFFFFF}


/*----------------------------------
		 main contents
----------------------------------*/
#CONTAINER {
text-align: left;
margin: 0 auto; /* center on everything else */
width: 980px;
}

#MAIN{
background-image:url(../images/main_bg.jpg);
background-repeat:repeat-y;
width:980px;
padding-top:5px;
}

#crumb{font-size:10px;line-height:30px;color:#666; margin-left:30px;}
#crumb a:link{color:#666; text-decoration:underline;}
#crumb a:visited{color:#666; text-decoration:underline;}
#crumb a:hover{color:#666; text-decoration:underline;}


.line_b{background-image:url(../images/privacy/topline_b.jpg);
		background-repeat:repeat-x;
		height:3px;}
		
.line_o{background-image:url(../images/topline_o.jpg);
		background-repeat:repeat-x;
		height:3px;}
		
.line_o2{background-image:url(../images/topline_o2.jpg);
		background-repeat:repeat-x;
		height:3px;}
		
.line_g{background-image:url(../images/privacy/topline_g.jpg);
		background-repeat:repeat-x;
		height:3px;}
		
.line_dot{background-image:url(../images/privacy/line_dot.jpg);
		  background-repeat:repeat-x;
		  width:680px;
		  height:1px;
		  }
		  
.line_dotf{background-image:url(../images/privacy/line_dot.jpg);
		  background-repeat:repeat-x;
		  height:1px;
		  }
		  
.line_dot592{background-image:url(../images/privacy/line_dot.jpg);
		  background-repeat:repeat-x;
		  width:592px;
		  height:1px;
		  }
		  
.line_dot330{background-image:url(../images/privacy/line_dot.jpg);
		  background-repeat:repeat-x;
		  width:330px;
		  height:1px;
		  }		  

.line_bdot{background-image:url(../images/howto/linebdot.jpg);
		  background-repeat:repeat-x;
		  width:680px;
		  height:1px;
		  }
		  

.line_solidcc2{border-top: 2px solid #cccccc}
.line_dot0099cc{border-top: 1px dotted #0099CC}
.line_dotccc{border-top: 1px dotted #CCC}
.line_dotff6600{border-top: 1px dotted #FF6600}
.line_solide0{border:1px solid #E0E0E0}
.line_solidf0{border:5px solid #F0F0EE}
.line_solidcc{border:5px solid #cccccc}
.line_dotffffff{border-top: 1px dotted #ffffff}



/*corporate*/
.corpbg{background-image:url(../images/corporate/corp_bg.jpg);
		background-repeat:repeat-y;
		text-align:center;
		vertical-align:middle;
		}
		
.corpbg_r{background-image:url(../images/corporate/corp_bg.jpg);
		background-repeat:repeat-y;
		text-align:right;
		}
		
/*ship*/

.line_orgdot{background-image:url(../images/ship/line_orgdot.jpg);
		     background-repeat:repeat-x;
			 height:1px;
		     }
			 
			
.stipulate-h1{border-bottom:1px dotted #CCC;line-height:25px;margin-top:30px;font-size:116%;font-weight:bold;}
.stipulate-h2{background-color:#E5F5FA;line-height:30px; text-indent:1em;margin-top:10px;}
.stipulate td{vertical-align:top;}
.stipulate th{ font-weight:normal;}
.st-indent{padding-left:2.5em; text-indent:-1.5em; margin-top:3px;}
.line_solidccc{border-top:1px solid #CCCCCC}





/* table list */


table.bg {
    width: 680px;
    border: 1px #CCCCCC solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.bg th {
    padding: 5px;
    border: #CCCCCC solid;
    border-width: 0 0 1px 1px;
    background: #F0F0EE ;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table.bg td {
    padding: 5px;
    border: 1px #CCCCCC solid;
    border-width: 0 0 1px 1px;
    text-align: right;
    white-space: nowrap;
}


/*background color*/

.bgyellow{ background-color:#FFCC66;}
.bggray{background-color:#F0F0EE;}
.bgblue{ background-color:#E3F2F9;}








