@charset "shift_jis";
/*
SmileVision CSS 2006.02.01
*/

/* color */
.body,td,th { color:#4B4848;}
.red        { color:#CC0000;}
.red2       { color:#D05931;}
.red3       { color:#990000;}
.pink       { color:#FF0099;}
.pink_d     { color:#FF668B;}
.blown      { color:#660000;}
.blown2     { color:#6D462E;}
.blown3     { color:#B8860B;}
.blown4     { color:#CC6633;}
.white      { color:#FFFFFF;}
.orange     { color:#FF6600;}
.orange2    { color:#D2691E;}
.orange3    { color:#FF0000;}
.black      { color:#000000;}
.blue       { color:#0066FF;}
.blue2      { color:#006699;}
.gy         { color:#B8B8B8;}
.green 		{ color:#77A90E;}
.purple     { color:#BB3E7C;}
.purple2    { color:#3A2684;}
.yellow     { color:#FFFF00;}

/* margin */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
}


/* link color */

.menu a:link{text-decoration: none;color:#666666}
.menu a:visited{text-decoration: none;color:#666666}
.menu a:hover{text-decoration: underline;color:#CC0000}

.no a:link   {text-decoration: none;color:#FFFFFF}
.no a:visited{text-decoration: none;color:#FFFFFF}
.no a:hover  {text-decoration: underline;color:#FFFFFF}

.bn a:link   {text-decoration: none;color:#006699}
.bn a:visited{text-decoration: none;color:#006699}
.bn a:hover  {text-decoration: underline;color:#006699}

.menu2 a:link   {text-decoration: underline;color:#313131}
.menu2 a:visited{text-decoration: underline;color:#313131}
.menu2 a:hover  {text-decoration: none;color:#313131}

.tophe a:link   {text-decoration: none;color:#696969}
.tophe a:visited{text-decoration: none;color:#696969}
.tophe a:hover  {text-decoration: none;color:#696969}

.blk a:link   {text-decoration: none;color:#4B4848}
.blk a:visited{text-decoration: none;color:#4B4848}
.blk a:hover  {text-decoration: underline;color:#CC0000}

.blk2 a:link   {text-decoration: underline;color:#696969}
.blk2 a:visited{text-decoration: underline;color:#696969}
.blk2 a:hover  {text-decoration: none;color:#696969}

.blk3 a:link   {text-decoration: none;color:#696969}
.blk3 a:visited{text-decoration: none;color:#696969}
.blk3 a:hover  {text-decoration: underline;color:#696969}

.whe a:link   {text-decoration: none;color:#FFFFFF}
.whe a:visited{text-decoration: none;color:#FFFFFF}
.whe a:hover  {text-decoration: underline;color:#FFFFFF}

.blw a:link   {text-decoration: none;color:#6D462E}
.blw a:visited{text-decoration: none;color:#6D462E}
.blw a:hover  {text-decoration: underline;color:#6D462E}

.blw2 a:link   {text-decoration: underline;color:#6D462E}
.blw2 a:visited{text-decoration: underline;color:#6D462E}
.blw2 a:hover  {text-decoration: none;color:#6D462E}

.blw3 a:link   {text-decoration: underline;color:#663300}
.blw3 a:visited{text-decoration: underline;color:#663300}
.blw3 a:hover  {text-decoration: none;color:#663300}


.org a:link   {text-decoration: none;color:#D2691E}
.org a:visited{text-decoration: none;color:#D2691E}
.org a:hover  {text-decoration: underline;color:#D2691E}


/* 余白 */
.space10{margin:10px} 
.space20{margin:20px} 
.left200{margin-left:200px} 
.left180{margin-left:180px} 
.left170{margin-left:170px} 
.left160{margin-left:160px} 
.left150{margin-left:150px} 
.left140{margin-left:140px}
.left130{margin-left:130px}
.left110{margin-left:110px} 
.left100{margin-left:100px} 
.left95{margin-left:95px}
.left90{margin-left:90px}
.left85{margin-left:85px}
.left80{margin-left:80px}
.left75{margin-left:75px} 
.left70{margin-left:70px} 
.left65{margin-left:65px} 
.left60{margin-left:60px} 
.left55{margin-left:55px} 
.left50{margin-left:50px} 
.left40{margin-left:40px} 
.left35{margin-left:35px} 
.left30{margin-left:30px} 
.left25{margin-left:25px} 
.left20{margin-left:20px} 
.left15{margin-left:15px} 
.left13{margin-left:13px} 
.left10{margin-left:10px} 
.left9{margin-left:9px} 
.left8{margin-left:8px} 
.left5{margin-left:5px} 
.left3{margin-left:3px} 
.left010{margin-left:-10px} 
.left015{margin-left:-15px} 
.right30 { margin-right: 30px}
.right20 { margin-right: 20px}
.right15 { margin-right: 15px}
.right10 { margin-right: 10px}
.right8	{ margin-right: 8px}
.right6	{ margin-right: 6px}
.right5	{ margin-right: 5px}
.right3	{ margin-right: 3px}
.topmenu{margin-top:285px}
.top170{margin-top:170px}
.top139{margin-top:139px}
.top100{margin-top:100px}
.top95{margin-top:95px}
.top90{margin-top:90px}
.top85{margin-top:85px}
.top80{margin-top:80px}
.top75{margin-top:75px}
.top70{margin-top:70px}
.top65{margin-top:65px}
.top60{margin-top:60px}
.top55{margin-top:55px}
.top50{margin-top:50px}
.top45{margin-top:45px}
.top40{margin-top:40px}
.top35{margin-top:35px}
.top30{margin-top:30px}
.top25{margin-top:25px} 
.top23{margin-top:23px} 
.top20{margin-top:20px} 
.top15{margin-top:15px} 
.top13{margin-top:13px}
.top12{margin-top:12px} 
.top10{margin-top:10px} 
.top8{margin-top:8px} 
.top7{margin-top:7px} 
.top5{margin-top:5px} 
.top4{margin-top:4px} 
.top3{margin-top:3px} 
.top2{margin-top:2px} 
.top1{margin-top:1px} 
.top020{margin-top:-20px} 
.top010{margin-top:-10px} 
.top07{margin-top:-7px} 
.top05{margin-top:-5px} 
.top03{margin-top:-3px} 
.top01{margin-top:-1px} 
.vertical10 { margin-top: 10px ;
			margin-bottom: 10px
}
.vertical20 { margin-top: 20px ;
			margin-bottom: 20px
}
.side10 {	margin-left: 10px;
			margin-right: 10px
}
.side3 {	margin-left: 3px;
			margin-right: 3px
}
.bottom200	{ margin-bottom: 200px; }
.bottom100	{ margin-bottom: 100px; }
.bottom75	{ margin-bottom: 75px; }
.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; }
.bottom6	{ margin-bottom: 6px; }
.bottom5	{ margin-bottom: 5px; }
.bottom2	{ margin-bottom: 2px; }
.lmenu		{ margin-top:215px; }

/*top*/
.topbg{background-image:url(../images/topbg.jpg);
	   background-repeat:repeat-x;
       height:53px;
	   width:473px;
}

/* main */
.topicbg{background-image:url(../images/topicbg.jpg);
	     background-repeat:repeat-y;
	     width:180px;
}

.newsbg{background-image:url(../images/newsbg.jpg);
	  background-repeat:repeat-x;
	  width:365px;
	  height:22px;
}


.adbg{background-image:url(../images/gray.jpg);
	  background-repeat:repeat;
	  width:180px;
	  height:130px;
}

.navi{background-image:url(../images/3d/navibg.jpg);
	  background-repeat:repeat;
	  width:745px;
	  height:75px;
}

.threed{
	background-image:url(../images/3d/products/menubg.jpg);
	background-repeat:repeat-y;
	width:745px;
	text-align: left;
}

.threedtitle{background-image:url(../images/3d/products/titlebg_contents.jpg);
		 background-repeat:repeat-x;
		 width:495px;
		 height:40px;
}

/* footer */
.foot{background-image:url(../images/common/footbg.jpg);
	  background-repeat:repeat-x;
	  width:745px;
	  height:43px;
}



/* list */
h1 {
	font-size:100%;
	font-weight:normal;
	line-height:100%;
	margin: 0 0 0 0px;
	padding:0px 0px 0px 0px;
}

h2 {
	font-size:100%;
	font-weight:normal;
	line-height:100%;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

h3 {
	font-size:100%;
	font-weight:normal;
	line-height:100%;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

h4 {
	font-size:100%;
	font-weight:normal;
	line-height:100%;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

h5 {
	font-size:100%;
	font-weight:normal;
	line-height:120%;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}
.smap {
	font-size: 12px;
	color: #696969;
}

.smap a:link   {text-decoration: none;color:#696969}
.smap a:visited{text-decoration: none;color:#696969}
.smap a:hover  {text-decoration: underline;color:#CC0000}
.smap a:active  {text-decoration: underline;color:#CC0000}

.languageBtnBox{
	margin-top:25px;
	}
/* Englidh and Chinese Pages /////////////////////////////////*/
.index_m {
	font-size: 10px;
	line-height: 17px;
	padding-right: 3px;
	padding-left: 3px;
}
.p07-01 {
font-size:10px;line-height:120%
}

/* Contact /////////////////////////////////*/
#contactForm #contactFormTextArea {
	color: #333333;
	background:url(../img/bg/contact_bg_01.gif) no-repeat;
	width:590px;
	height:165px;
	margin-bottom: 20px;
}
#contactForm #contactFormTextArea textarea{
	margin-top: 37px;
	margin-left: 13px;
	width: 565px;
	height: 115px;
	border: none;
	font-size: 12px;
}
#contactForm #cosumaerIdForm, #contactConfirm table ,#contactError01 table ,#contactError02 table{
	width: 100%;
	color: #666666;
	border-collapse: collapse;
	font-size: 12px;
	line-height: normal;
}

#contactForm #cosumaerIdForm th, #contactConfirm th ,#contactError02 th{
	text-align: left;
	width: 180px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F2F2F2;
	font-weight: normal;
	padding-left: 10px;
	border-top: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
	border-left: 6px solid #C01623;
	line-height: 1.7em;
	color: #333333;
	
}
#contactForm #cosumaerIdForm td, #contactConfirm td ,#contactError02 td{
	border-bottom:1px solid #C4C4C4;
	border-top:1px solid #C4C4C4;
	border-right:1px solid #C4C4C4;
	padding-left: 10px;
	line-height: 1.7em;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
#contactError01 td{
	border-bottom:1px solid #C4C4C4;
	height:20px;
}
#contactForm #cosumaerIdForm span {
	margin-left: #9D9D9D;
}


#contactForm #cosumaerIdForm input {
	border:1px solid #cccccc;
	line-height: normal;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 3px;
	height: 1.6em;
	vertical-align: baseline;
}
#contactForm #cosumaerIdForm select {
	margin-left: 0px;
	border:1px solid #cccccc;
	padding-left: 0px;
	width: 180px;
	vertical-align: baseline;
}
#contactForm #cosumaerIdForm #yubinNum {
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
#contactForm .formButton input ,#contactForm .formButton button{
	width: auto;
	margin-top: 20px;
	text-align: center;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #F2F2F2;
	border:1px solid #C4C4C4;
	line-height: normal;
	float: none;
	display: inline;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
#contactForm .Left {
	margin-left:205px;
	}
#contactForm .Left02 {
	margin-left:128px;
}
#contactForm .Left03 {
	margin-left:190px;
}
#contactForm .Right {
	margin-left: 10px;
}
#contactForm .Center {
	margin-left: 237px;
}

#contactConfirm {
	width:95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

#contactConfirm h3 ,#contactError01 h3 ,#contactError02 h3{
	font-size: 15px;
	color:#FF3300;
	text-align: center;
	margin-bottom: 10px;
	line-height: 2em;
}
#contactThanks h3{
	font-size: 15px;
	color:#00A8F9;
	text-align: center;
	margin-top:50px;
	margin-bottom: 10px;
	line-height: 2em;
	}
#contactForm {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	margin-top: 0px;
}


.contactText01 {
	margin-left: 20px;
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: normal;
	color: #C01623;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	text-decoration: underline;
}
#contactForm #cosumaerIdForm .noBorder {
	border:none;
}
#contactForm #cosumaerIdForm textarea {
	border:1px solid #cccccc;
	line-height: 1.3em;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;

}
#contactForm #cosumaerIdForm label {
	margin-bottom: 0px;
	display: block;
}
#contactError01 {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
#contactError01 table {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
#contactError02 {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
#contactError02 table {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.none a:link{color:#FFFFFF;}
.none a:visited{color:#FFFFFF;}
.none a:hover{color:#FFFFFF;}
.none a:active{color:#FFFFFF;}
.gray {
	color: #888888;
}

/* 20120405追加分 */
.bnr {
	width:335px;
	padding: 0 0 10px;
	}
#bnr_box {
	width: 744px
	margin: 0 auto;
	zoom:1;
	}
	#bnr_box ul#bnr {
		margin: 0 -8px 8px 0;
		overflow: hidden;
		zoom:1;
		}
	#bnr_box ul#bnr img {
		vertical-align: bottom;
		}
		#bnr_box ul#bnr li {
			float: left;
			width: 180px;
			margin-right: 8px;
			overflow: hidden;
			zoom:1;
			}
			#bnr_box ul#bnr li .cheer {
				width: 174px;
				padding: 2px;
				border: 1px solid #ccc;
				}	
				#bnr_box ul#bnr li .club {
					background: url(../images/arrow.jpg) no-repeat left 7px;
					padding-left: 10px;
					}
				#bnr_box ul#bnr li .club strong {
					display: block;
					padding: 3px 0 1px;
					}
				#bnr_box ul#bnr li .cheer .club span {
					font-size: 10px;
					display: block;
					}
		
.search_text {
	font-size:12px;
  }