/* CSS truetools Document */

/* body style*/
body,td,th {
	font-size: small;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ逞ゴ Pro W3";
}
body {
	text-align: center;
	margin: 0;
	font-size: small;
}
#wrap {
	width: 765px;
	margin: 0 auto;
	text-align: left;
}

img {
	margin:0;
	padding:0;
}
div {
	padding:0;
	margin:0;
}

#header{
	width: 765px;
	text-align: left;
	padding: 0;
	margin: 0;
	height: 150px;
	z-index:2;
}
#container{
	width: 765px;
	margin: 0 0 10px 0;
	padding: 0;
}
#content{
	float: right;
	width: 600px;
	text-align: left;
	margin: 5px 0;
}
#side-Nav{
	float: left;
	width: 155px;
	margin: 12px 0 0 0;
	background-image: url(../html/images/bg_sidenav.gif);
}
#footer{
	clear: both;
	width: 765px;
	margin: 0px;
	color: #666666;
	text-align: center;
}


/* header style */
#head-title{
	padding: 10px 0 2px 10px;
	float: left;
	margin: 0;
}
h1 {
	margin:0px;
}
#header-img {
	position:absolute;
	width: 100px;
	top: 70px;
	left:-50px;
	text-align: left;
	z-index:1;
	/*display:none;*/
}
#header-img-area {
	position:absolute;
	width: 765px;
	text-align: center;
}
#header #head-Search {
	background-color: #E7E7E7;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #006633;
	margin: 0;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
	height: 22px;
}
#header #head-Search form {
	margin: 0px;
	padding: 0px;
}

#head-title h2 {
	font-size: small;
	color: #666;
	margin: 5px 0;
	font-weight: normal;
}
#header #head-link {
	float: right;
	margin: 10px 0;
	line-height: 1.5em;
	text-align: right;
}
#header #head-link a {
	margin:0;
	color: #666666;
	text-decoration: none;
	display: inline;
	text-align: right;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #006633;
	margin: 0;
	border-left-width: 0px;
	border-left-style: none;
	padding: 2px 4px;
}
#header #head-link a:hover {
	color: #006633;
	text-decoration: none;
	display: inline;
	text-align: right;
	background-color: #E7E7E7;
}
#header #head-Nav {
	clear: both;
	margin: 0px;
	width: 765px;
	text-align: center;
	padding: 0px;
	height: 42px;
}



/* side-Nav style */
#container #side-Nav #cate{
	padding:0;
	margin:0;
	height:20px;
}

#container #side-Nav #mark {
	background-color: #FFFFFF;
	float: left;
	padding: 10px 0;
}

#container #side-Nav #Page-Nav {
	/*background-color: #FFFFCC;*/
	border-width:0 0 1px 0;
	border-style: solid;
	border-color: #006633;
	padding: 0 5px 10px 5px;
	text-align: left;
	margin: 0;
	width: 145px;
	color: #4B321A;
}

#container #side-Nav #Page-Nav ul,li {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#container #side-Nav #Page-Nav ul ul,ul ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}


/* footer style */
#footer #fot-Nav {
	padding: 2px;
	border: 4px solid #C0E2CF;
	margin: 10px 0;
}
#footer #fot-Nav ul {
	list-style-image: url(../html/images/img_gude-list.gif);
	margin-left: 30px;
}


#footer #fot-Nav img {
	vertical-align: middle;
}
#header #head-Search img {
	vertical-align:top;
}

#footer #fot-add {
	padding: 5px;
}

#footer #Copyright {
	background-image: url(../html/images/images_tmp/cp_bg.gif);
	background-repeat: repeat;
	vertical-align: middle;
	height: 17px;
	text-align: center;
	padding-top: 3px;
}
#footer #fot-add address {
	font-style: normal;
}


/* content style */
#container #content h2 {
	font-size: medium;
	color: #006633;
	margin: 0px;
}
#container #content #con-Title {
	color: #666666;
	vertical-align: baseline;
	padding: 10px 0 0 0;
}
/*#container #content */
#con-Title #con-Name {
	margin: 0;
	padding: 0;
	float: left;
	vertical-align: baseline;
}

/*#container #content */
#con-Title img {
	float: right;
	vertical-align: bottom;
	margin: 0 5px;
}
#container #content #con-Outline #con-Details {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#container #content #con-Outline {
	clear: both;
	padding: 7px 0 10px 0;
	width: 600px;
	border-top: solid #006633 2px;
}
#container #content #con-Outline #con-Img {
	float: left;
	width: 250px;
	text-align: center;
	vertical-align: middle;
	padding: 10px 20px 0 6px;
}

#container #content h3 {
	font-size: small;
	font-weight: bold;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 14px;
	background-color: #006633;
	color: #FFFFFF;
}

#container #content h3#campaign{
	margin:0 0 10px 0;
	padding:0;
}

#container #content h3#campaign a{
	display:block;
	width:180px;
	height:90px;
	background:url("../shohin/common/banner_fan03.jpg") no-repeat;
	text-indent:-1000em;
	overflow:hidden;
}


#container #content h4 {
	color: #006633;
	margin: 0;
}
#container #content h4 a {
	color: #0000cc;
}

#container #content h4 a:hover {
	color: #006633;
}

#container #content #con-Outline #con-Cart {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 324px;
}
#container #content #con-clsi {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #006633;
}
#container #content ul {
	margin-left: 0px;
}
#container #content #con-clsi #clsi-table{
	background-color:#E7E7E7;
}

#container #content #con-clsi #clsi-table td{
	color: #4A3018;
	padding: 10px;
}

#container #content #con-clsi #clsi-table ul {
	margin: 0px;
	padding: 0px;
}
#container #content #con-clsi #clsi-table li {
	margin: 0px;
	padding: 0px;
}

#container #content #cate-medama {
	width: 600px;
	margin: 30px 0 5px 0;
	padding: 10px 2px 2px 2px;
	border-top: dotted #CE659C 2px;
}


/* index style */
#index-center {
	float: left;
	width: 405px;
	margin: 5px 0 0 0;
	padding: 0;
}

#index-center hr {
	color: #006633;
	padding: 0;
	margin-top: 10px;
}

#index-right {
	float: right;
	width: 180px;
	paddin: 0;
	padding: 0;
	margin: 5px 0 0 0;
}
#index-blog {
	padding: 0px;
	margin: 0 0 10px 0;
	border-right: solid #318A39 1px;
	border-bottom: solid #318A39 1px;
	border-left: solid #318A39 1px;
}
#index-blogImg {
	margin:0;
	padding:0;
	height: 25px;

}
#index-rank {
	width: 178px;
	margin: 0 0 10px 0;
	border-right: solid #D62421 1px;
	border-bottom: solid #D62421 1px;
	border-left: solid #D62421 1px;
	padding: 7px 0;
}
#index-rankImg {
	margin:0;
	padding:0;
	height: 33px;
}
#index-point {
	padding: 7px;
	margin: 0 0 10px 0;
	border-right: solid #318A39 1px;
	border-bottom: solid #318A39 1px;
	border-left: solid #318A39 1px;
}
#index-pointImg {
	margin:0;
	padding:0;
	height: 20px;

}
#index-yahoo {
	padding: 7px;
	margin: 0 0 10px 0;
	border-right: solid #8C51C6 1px;
	border-bottom: solid #8C51C6 1px;
	border-left: solid #8C51C6 1px;
	text-align: center;
}
#index-yahooImg {
	margin:0;
	padding:0;
	height: 21px;

}
#index-linkImg {
	margin:0;
	padding:0;
	height: 23px;

}
#index-link {
	padding: 7px;
	margin: 0 0 10px 0;	
	border-right: solid #FF6600 1px;
	border-bottom: solid #FF6600 1px;
	border-left: solid #FF6600 1px;
}
#index-mobileImg {
	margin:0;
	padding:0;
	height: 30px;

}
#index-mobile {
	padding: 7px 2px;
	margin: 0 0 10px 0;
	border-right: solid #333 1px;
	border-bottom: solid #333 1px;
	border-left: solid #333 1px;
	text-align: center;
}
#index-payImg {
	margin:0;
	padding:0;
	height: 31px;

}
#index-pay {
	padding: 7px;
	margin: 0 0 10px 0;
	border-right: solid #66CCFF 1px;
	border-bottom: solid #66CCFF 1px;
	border-left: solid #66CCFF 1px;
}

/* class style */
/* a */
a.cate {
	color: #4B321A;
	text-decoration: none;
}
a:hover.cate {
	color: #4B321A;
	text-decoration: underline;
}

#container #content #title #name {
	float: left;
}

#Category {
	margin: 0px;
	padding: 0 0 10px 0;
	text-align: right;
}


a.cate_bld {
	color: #4B321A;
	font-weight: bold;
	text-decoration: none;
}
a:hover.cate_bld {
	color: #FFFFFF;
	background-color:#4B321A;
	font-weight: bold;
	text-decoration: none;
}
a.navicate_bld {
	color: #4B321A;
	font-weight: bold;
	text-decoration: none;
	/*display: block;*/
	margin: 8px 0 0 0;
}
a:hover.navicate_bld {
	color: #FFFFFF;
	background-color:#4B321A;
	font-weight: bold;
	text-decoration: none;
}
a.navi {
	color: #666666;
	text-decoration: none;
}
a:hover.navi {
	color: #999999;
	text-decoration: underline;
}

/* p */
.p-margin5 {
	margin: 5px 0;
}

/* form */
form {
	margin: 0px;
	padding: 0px;
}
/* list */
.num {
	list-style-type:decimal;
}

/* hr */
.Clear-hr {
	clear: both;
}
.dot-hr {
	border-top-color: #0099FF;
	border-top-style: dotted;
	color: #FFFFFF;
}

/* align */
.center {
	text-align:center;
}

.right {
	text-align:right;
}

.right-float {
	float:right;
}
.left-float {
	float:left
}
/* font */
.bold-medi{
	font-size:medium;
	font-weight:bold;
	color: #000000;
}

.red {
	color: #FF0000;
	font-weight: bold;
}
.FFFFFF {
	color: #FFFFFF;
}
.price {
	font-size: medium;
	color: #CC3300;
}
.price80 {
	color: #CC3300;
}
.name {
	color: #57161A;
	font-weight: bold;
}
.voice {
	color: #8A8A00;
}
.Q {
	color: #009933;
	font-weight: bold;
	font-size: x-large;
}
.A {
	font-size: x-large;
	color: #FF9900;
	font-weight: bold;
}
.din2 {
	color: #669900;
}
.999999 {
	color: #999999;
}
.gray_bold {
	font-size: medium;
	font-weight: bold;
	color: #999999;
}

.sale_price {
	color: #FF6600;
	font-weight: bold;
}

.point {
	color: #006633;
	font-weight: bold;
}
.white_bold {
	color: #FFFFFF;
	font-weight: bold;
}
.catch {
	color: #3399CC;
	font-weight: bold;
	font-size: large;
}
.attention {
	color: #CC0000;
}
.line {
	line-height: 120%;
}
.bg_rgreen {
	background-color: #CCFFCC;
}
.medi {
	font-size: medium;
}
.bg_r-blue {
	background-color: #CCFFFF;
}
.bg_brown {
	color: #FFFFFF;
	background-color: #663300;
	padding-top: 3px;
	padding-bottom: 2px;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}
.bg-green {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006633;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}


/* old style */
#container #content h1{	
	margin:0;
	color: #006633;
	font-weight: bold;
	font-size: small;
}
.bg_pink {
	background-color: #FFCCCC;
}


.title {
	color: #006633;
	font-weight: bold;
	font-size: small;
}


.style2 {color: #666666;
}
.style3 {color: #4B321A;
}
.style4 {color:#FFFFFF;
}
.style5 {
	color: #006633;
	font-weight: bold;
	font-size: small;
}
.style6 {
	color: #3399CC;
	font-size: small;
}
.style7 {
	color: #000000;
	font-weight: bold;
}
.style8 {
	font-size: small;
		}
.d-blue {
	list-style-image: url(../html/images/img_disc-bl.gif);
	margin-left:10px;
}
.back-orange {
	font-weight: bold;
	color: #006600;
	background-color: #FFCC00;
	padding: 2px;
}
.waku {
	padding: 2px;
	height: auto;
	width: auto;
	border: thin solid #666666;
}
.left-line {
	padding: 3px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #330099;
	font-weight: bold;
	font-size: medium;
	margin-bottom: 3px;
}


.blue-fastline {
	font-size: medium;
	font-weight: bold;
	color: #000099;
}
.red-head {
	font-size: x-large;
	font-weight: bold;
	color: #CC3300;
}
.green-head {
	font-size: x-large;
	font-weight: bold;
	color: #336633;
}
.red-fastline {
	font-weight: bold;
	color: #CC3300;
}
.brown-head {
	font-size: x-large;
	font-weight: bold;
	color: #996633;
}
img {border:0px;
}

.bg_yellow {
	background-color: #FFFF00;
}

.bg_purple {
	background-color: #E8D0FF;
}
.clear {
	clear: both;
}
.h5 {
	color: #FF9900;
	margin-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FFCC00;
}
.indent { text-indent: 1em;
}
.indent-m {
	text-indent: -1em;
	margin-left: 1em;
}
.head {
	font-weight: bold;
	color: #000000;
	background-color: #F0F0F0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	text-align: center;
	border-bottom-width: 3px;
	border-bottom-style: groove;
	border-bottom-color: #CCCCCC;
	}
.style36 {
	color: #A6CB62;
	font-weight: bold;
	font-size: x-large;
	font-family: "HGP料毖逞恨集反B";
}
.style37 {
	color: #FFAF7B;
	font-size: x-large;
	font-weight: bold;
	font-family: "HGP料毖逞恨集反B";
}
.style38 {
	color: #97B9E3;
	font-size: x-large;
	font-weight: bold;
	font-family: "HGP料毖逞恨集反B";
}.set {
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	line-height: 120%;
	border: 1px solid #000000;
}
.center_whit_green {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #A6CB62;
	text-align: center;
	padding: 2px;
}
.green-medium {font-size: medium; font-family: "HGP料毖逞恨集反B"; color: #006633;}.ud-line {
	color: #006633;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #006633;
	border-bottom-color: #006633;
	width: 150px;
	margin-bottom: 10px;
	font-weight: bold;
	padding-left: 2px;
	font-size: medium;
}
.left {
	float: left;
	height: auto;
	width: auto;
}
.light {
	float: right;
	height: auto;
	width: auto;
}
.clear {
	clear: both;
}
.FFA500-B {
	color: #FFA500;
	font-weight: bold;
}
.letter-spacing-4{
	letter-spacing:-4px;
}.back-gray {
	font-weight: bold;
	background-color: #CCCCCC;
	padding: 3px;
	width: 600px;
}
.back_bk {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	padding: 3px;
}
.catch-s {
	color: #0099CC;
	font-weight: bold;
}












#container #content h3#fan_campaign{
	margin:16px 0 0 0;
	padding:0;
	background:#ffffff;
}

#container #content h3#fan_campaign a{
	display:block;
	width:600px;
	height:100px;
	background:url("../shohin/f-fan/banner_fan_600x100.jpg") no-repeat;
	text-indent:-1000em;
	overflow:hidden;
}

p#table_fan a{
	display:block;
	width:250px;
	height:40px;
	background:top url("../shohin/f-fan/table_fan.gif") no-repeat;
	text-indent:-1000em;
	overflow:hidden;
}

p#table_fan a:hover{
	background:bottom url("../shohin/f-fan/table_fan.gif") no-repeat;
}




div#renewal{
	position:relative;
	border-top:3px solid #669900;
	border-bottom:3px solid #669900;
	margin:4px 0 20px 0;
	padding:8px 0 6px 0;
	width:600px;
	font-size:12px;
	background:url(http://truetools.jp/html/images/com/bg_renewal.jpg) repeat-y;
}

div#renewal img{
	float:none;
	margin:0 0 0 10px;
}

div#renewal p{
	margin:4px 14px;
	line-height:1.4em;
}

div#renewal a.top{
	display:block;
	position:absolute;
	top:96px;
	left:240px;
	width:130px;
	height:16px;
	background:top url(http://truetools.jp/html/images/com/btn_top.jpg) no-repeat;
	text-indent:-1000em;
	overflow:hidden;
}

div#renewal a.top:hover{
	background:bottom url(http://truetools.jp/html/images/com/btn_top.jpg) no-repeat;
}

div#renewal a.item{
	display:block;
	position:absolute;
	top:116px;
	left:240px;
	width:130px;
	height:16px;
	background:top url(http://truetools.jp/html/images/com/btn_item.jpg) no-repeat;
	text-indent:-1000em;
	overflow:hidden;
}

div#renewal a.item:hover{
	background:bottom url(http://truetools.jp/html/images/com/btn_item.jpg) no-repeat;
}

div#renewal a.renewal{
	display:block;
	position:absolute;
	top:96px;
	left:390px;
	width:190px;
	height:16px;
	background:top url(http://truetools.jp/html/images/com/btn_renewal.jpg) no-repeat;
	text-indent:-1000em;
	overflow:hidden;
}

div#renewal a.renewal:hover{
	background:bottom url(http://truetools.jp/html/images/com/btn_renewal.jpg) no-repeat;
}