body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 16px;
    line-height: 1.0;
    letter-spacing: 0;
	text-align:center;
	margin:0px;
	background:#FDEAD9;
	}  
#wrap { width:1200px; text-align:left; margin:0 auto; }  
#qr_area { margin:30px auto; }  
#targetArea { margin:0px; }
      *.targetArea
      {
         border: solid 1px #808080;
         width: 800px;
         height: 600px;
         overflow: auto;
      }
      q  { color: #008000; }
#resistor_panel { float:left; }  
#console { width:360px; height:600px; margin:0px 0px 0px 4px; float:left; background-image: url("../img/console_back.png");}  
.clear { clear:both; }  
.clear hr { display:none; }
#color_info_table_1 { width:340px; margin:0 auto;}
#color_info_table_2 { width:340px; margin:0 auto;}
#color_info_table_3 { width:340px; margin:0 auto;}
#ad_side { width:340px; margin:0 auto;}

#input_target {  width:1164px; height:42px; margin:10px 0px 4px 0px; background-image: url("../img/url_back.png");}
#input_target_inner { padding:4px 0px 0px 50px; }

/* ヘッダー */
	#header { width:100%; font-family:メイリオ,MSゴシック,sans-serif; color:#ffffff; 
/*	background-image: url("../img/carbon05-1.jpg"); */
	background: #21180f;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: right bottom; }
	#headerInner { width:95%; font-family:メイリオ,MSゴシック,sans-serif; color:#ffffff; /* background:#21180f; */ margin:0 auto;  }

	#logo { float:left; }
	#ad3 { float:right; margin:15px; }
	#ad_bottom { margin:4px 0px 0px 30px; }

	#txtArea {
		padding: 3px 0 0 0;
		color:#FDEAD9;
		font-weight: bold;
		background:#312517;
		border-top: 1px solid #443321; 
		border-bottom: 1px solid #443321; 
/*		background: url(../../img/bgUse.png) repeat-x left top; */
	}
	#txtArea ul {
		float: left;
		margin: 0px;
	}
	#txtArea ul li {
		float: left;
	}
	.clearFix {
		min-height: 1px;
		zoom: 100%;
	}

	.socialBookMark {
		margin: 1px 5px 0 0;
		float: right;
	}
	
/* フッター */
	#footer { width:100%; font-family:メイリオ,MSゴシック,sans-serif; }
	.footerImg { width:100%; background:url(../../img/bgSea.png) repeat-x left bottom #eeeeee; }
	.footerImg img { width:900px; margin:0 auto; }

	.serviceLink {
		width:100%;
		padding:5px 0 2px 0;
		font-size: 12px; 
		color:#FDEAD9;
		background:#312517;
		border-top: 1px solid #443321; 
		border-bottom: 1px solid #443321; 
	}
	.serviceLink ul { width:900px; margin:0 auto; margin-bottom:5px; text-align:right; }
	.serviceLink ul li { padding:0 13px 0 13px; border-right:1px #ffffff solid; float:right; }
	.serviceLink ul li.right { padding:0 2px 0 13px; border-right:0px; }
	.serviceLink ul li a { color:#ffffff; }
	.serviceLink ul li a:hover { color:#fff100; text-decoration:underline; }

	.footerTxt { width:100%; padding:5px 0 5px 0; background:#21180f; }
	.footerTxt ul { width:900px; margin:0 auto; }
	.footerTxt ul li { float:left; }
	.footerTxt ul li p { margin:3px 0 0 0; color:#ffffff; }

	/* リスト */
	ul,ol,li { list-style-type:none; }

	/* その他 */
	.clearFix { min-height:1px; zoom:100%; }
	.clearFix:after {
		/* 新しい要素を作る */
		content: ".";
		/* ブロックレベル要素に */
		display: block;
		height:0; clear:both; visibility:hidden; }
	.clear_both { clear:both; }

.btn {
    background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
    background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
    color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #0099CC;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    width: 100px;
    padding: 20px 12px;
}

.switch {
 color: #ff0000;
 font-weight:bold;
 -webkit-animation: switchtext 0.5s 14 alternate;
 -moz-animation: switchtext 0.5s 14 alternate;
 animation: switchtext 0.5s 14 alternate;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0.2; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0.2; }
}
@keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0.2; }
}