html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
}

body  {
	font: 90% "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: url(css/images/bg-carbon.jpg);
	text-align: center;
	color: #000;
}
h1,h2{
	text-shadow: 2px 2px 4px black;
}

a {
	color: #F69;
	text-decoration: none;
}

a:hover {
	color: #fff;
	background:#666;
}	
a:active {
text-decoration:none;
}
a:hover img {
	opacity:1.0;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
}

a img {
	opacity:0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
	border: none;
	-moz-box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow:5px 5px 5px #999;
	box-shadow:10px 10px 10px #999; /*前方互換性確保。*/
}
.twoColHybRt #container {
	width: 900px; 
	background: #FFF;
	border: 1px solid #000;
	text-align: left;
	margin: 0 auto;
	-moz-box-shadow: 20px 20px 20px #333;
	-webkit-box-shadow:20px 20px 20px #333;
	box-shadow:20px 20px 20px #333; /*前方互換性確保。*/
} 
.twoColHybRt #orderpage {
	width: 900px;
	background: #FFF;
	border: 1px solid #000;
	text-align: left;
	margin: 0 auto;
} 
.twoColHybRt #content {
	padding:30px 40px 30px 100px;
	text-align:left;
	background: url(images/hayauchi2.gif) no-repeat bottom;
} 
.twoColHybRt #sidebar1 {
	float: right;
	width: 280px;
	background: #EBEBEB;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	text-align: center;
	font-size: 90%;
}
.twoColHybRt #sidebar1 h3, .twoColHybRt #sidebar1 p {
	margin-left: 20px; 
	margin-right: 20px;
}
.twoColHybRt #sidebar2 {
	float: left;
	width: 280px;
	background: #EBEBEB;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	text-align: center;
}
.twoColHybRt #sidebar2 h3, .twoColHybRt #sidebar1 p {
	margin-left: 20px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	margin-right: 20px;
}

.twoColHybRt #mainContent {
	text-align: center;
	margin: 0 auto;
} 

.twoColHybRt #box{
	width: 800px;
	text-align: center;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	background: url(images/header_bg.gif) repeat-x;
} 
.twoColHybRt #box2{
	width: 800px;
	text-align: center;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	background: url(images/header_bg2.gif) repeat-x;
} 
/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*メインコンテンツ内の「What's New」部分
---------------------------------------------------------------------------*/
#sidebar1 dl.new {
	font-size: 0.8em;
	width: 90%;
	height: 150px;
	overflow: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	background: #FAFAFA;
	border: 1px dotted #cfcfcf;
}
#sidebar1 h2 {
	background: #999;
	padding: 10px;
}

#sidebar1 dt {
	color:#999;
	font-weight: bold;
	font-style: italic;
}

#sidebar1 dd {
	border-bottom: 1px dotted #cfcfcf;	/*1pxの点線(dotted)*/
}
#sidebar1 dd a {
	padding: 5px;
}
#sidebar1 dd a:hover {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	opacity: 0.8;
}


#footer {
	font-size:70%;
	height:20px;
	margin:0;
	padding:5px 0 0 0;
	text-align:center;
	width:auto;
	background-image: url(menu/images/button1a.gif);
	color:#FFF;
}
#footer  a{
	color:#CCC;
}
.img1   {
   border:10px #000 solid;
}
.img2   {
	-moz-box-shadow: 0px 0px 0px gray;
	-webkit-box-shadow:0px 0px 0px gray;
	box-shadow:0px 0px 0px gray; /*前方互換性確保。*/
}
.img3   {
	background:url(images/bg_shadow.jpg) no-repeat right bottom;
	padding:5px 15px 15px 5px;
}
.credit {
	display: block;
	position: relative;
	left: 0px;
	color: pink;
	font-size: 20px;
	font-weight: bold;
	top: -20px;	
	text-shadow: 3px 3px 5px white;
}

 <[if IE]>
/* この条件分岐コメントにすべてのバージョンの IE を対象とした css のフィックスを配置します */
.twoColHybRt #sidebar1 { padding-top: 30px; }
.twoColHybRt #mainContent { zoom: 1; padding-top: 15px; }
/* 上述の専用のズームプロパティにより、いくつかのバグを回避するのに使用される hasLayout が IE に対して設定されます */
<![endif]>