@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

-------------------------------------------------------------------------------*/

html {
	color: #000;
	background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}
/* Font

YUI 3.5.0pr1 (build 4342)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/

-------------------------------------------------------------------------------*/

body {
	font:14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.75em;
	letter-spacing: 0.05em;
}

/* basic
-------------------------------------------------------------------------------*/

a {
    text-decoration: none;
}

a:link {
	color: #3333CC;
}

a:visited {
    color: #802080;
}

a:hover {
    text-decoration: underline;
    color: #EB6100;
}

a:active {
    color: #EBC300;
}

a:focus {
    outline: none;
}

a.hover:hover img {
	opacity: 0.60;
	-moz-opacity: 0.6;
	-ms-filter: "alpha(opacity=60)";
	filter: alpha(opacity=60);
}

.sprite {
	position: relative;
	display: block;
	overflow: hidden;
}

.sprite:hover {
	/zoom: 1;
}

.sprite img {
	position: absolute;
}

.normal {
	font-weight: normal!important;
}

.bold {
	font-weight: bold;
}

.fltL {
  float: left;
}

.fltR {
  float: right;
}

.clrml {
	margin-left: 0!important;
}

.clrmr {
	margin-right: 0!important;
}

.clrmb {
	margin-bottom: 0!important;
}

.clrmt {
	margin-top: 0!important;
}

.clrbt {
	clear: both!important;
}

.clrbd {
	border: none!important;
}

.alnR {
	text-align: right;
}

.block {
	display:block;
}

/* clearfix */

.clrfx:before, .clrfx:after {
    content:"";
    display:table;
}

.clrfx:after {
    clear:both;
}

.clrfx {
    zoom:1;
}

.whitespace {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	word-wrap: break-word;
}

/* layout
-------------------------------------------------------------------------------*/

body {
	background-color: #FFF;
	color:#000;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	background-color: #FFF;
}

#header {
	padding: 20px 0;
	background: url(/store/techo/2013/images/bg_dashedline_h.gif) repeat-x bottom;
}

#headerNav {
	float:right;
}

#headerNav li {
	float: left;
	margin-right: 25px;
}

#headerNav a {
	display: block;
}
#headerNav a:hover{
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.content{
	clear: both;
	background: url(/store/techo/2013/images/bg_dashedline_v.gif) repeat-y;
}

#footer{
	background: url(/store/techo/2013/images/bg_dashedline_v.gif) repeat-y;
}

#footerNav {
	clear:both;
	padding: 20px 24px;
	background: url(/store/techo/2013/images/bg_dashedline_h.gif) repeat-x;
}

#footerNav li {
	float: left;
	margin-right: 22px;
}

#footerNav li.fblike {
	margin-top: -2px;
}

#footerNav a {
	display: block;
}
#footerNav a:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#footerNav img,
#footerNav iframe { vertical-align:bottom; }

#copyright {
	padding: 44px 0 20px 0;
	font-size: 10px;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}



/*/// general ///*/

.txtUdl{ text-decoration:underline; }

.black16px {
	font-size: 16px;
	line-height: 24px;
	font-weight: bolder; 
	color: #000000;
}
.black14px {
	font-size: 14px;
	line-height: 22px;
	color: #000000;
}
.black13px {
	font-size: 13px;
	line-height: 20px;
	color: #000000;
}
.black12px {
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
.black11px {
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}

.gray16px {
	font-size: 16px;
	line-height: 24px;
	font-weight: bolder; 
	color: #666666;
}.gray14px {
	font-size: 14px;
	line-height: 22px;
	color: #666666;
}
.gray13px {
	font-size: 13px;
	line-height: 20px;
	color: #666666;
}
.gray12px {
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}
.gray11px {
	font-size: 11px;
	line-height: 16px;
	color: #666666;
}

.red16px {
	font-size: 16px;
	line-height: 24px;
	font-weight: bolder; 
	color: #FF0000;
}
.red14px {
	font-size: 14px;
	line-height: 22px;
	color: #FF0000;
}
.red13px {
	font-size: 13px;
	line-height: 20px;
	color: #FF0000;
}
.red12px {
	font-size: 12px;
	line-height: 18px;
	color: #FF0000;
}
.red11px {
	font-size: 11px;
	line-height: 16px;
	color: #FF0000;
}