/*  
Theme Name: Takogen Theme
Author URI: http://www.active-style.jp/
Version: 1.0
Author: Hiroki Tanaka
Description: 
*/

* {
	font-size:100%;
	line-height:170%;
	font-family: "MS Pゴシック", MS PGothic, Osaka, "ヒラギノ角ゴ Pro W3";
	margin:0;
	padding:0;
	color:#663300;
}
body {
	font-size:75%;
	text-align:center;
	margin:0 auto;
	background-image: url(/img/bg.gif);
	background-repeat: repeat;
}
h1, h2, h3, h4, h5, h6, p, em, strong {
	margin:0;
	padding:0;
	display: block;
	font-weight:normal;
	font-size:1em;
	font-style: normal;
}
h1 {
	margin:5px 0 0 10px;
	font-size:88%;
	color:#A28B83 !important;
}
ol, ul {
	list-style-type: none;
}
li {
	display:inline;
}
table {
	border-spacing: 0;
	border-collapse: collapse;

}

img {
	border: 0;
	vertical-align:bottom;
}
/** GLOBAL **/

/* 非表示 */
.none {
	display: none;
}
/* 区切り */
hr {
	height:1px;
}
.fclear {
	clear:both;
}
/* リンク設定 */

a {
	text-decoration: underline;
	color:#663300;
}
/* メインリンクマウスオーバー時 */
a:hover {
	text-decoration: none;
}
a:hover img {
/*	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
*/
}
input.btn:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
.gnav li a:hover img {
/*	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
*/
}
/* 読み飛ばし */
.skip, .hdn {
	position: absolute;
	left: -9999px;
}
.alignl {
	text-align:left;
}
.alignc {
	text-align:center;
}
.alignr {
	text-align:right;
}
/* vertical-align */

.valignt {
	vertical-align:top;
}
.valignm {
	vertical-align:middle;
}
.valignb {
	vertical-align:bottom;
}
/* margin */


.mgn4 {
	margin:4px;
}
.mgn10 {
	margin:10px;
}
.mgn15 {
	margin:15px;
}
.mgn20 {
	margin:20px;
}
/* margin-top */

.mt0{
margin-top:0px !important;
}
.mt1 {
	margin-top:1px;
}
.mt2 {
	margin-top:2px;
}
.mt3 {
	margin-top:3px;
}
.mt4 {
	margin-top:4px;
}
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt25 {
	margin-top:25px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mt50 {
	margin-top:50px;
}
/* margin-right */

.mr1 {
	margin-right:1px;
}
.mr2 {
	margin-right:2px;
}
.mr3 {
	margin-right:3px;
}
.mr4 {
	margin-right:4px;
}
.mr5 {
	margin-right:5px;
}
.mr6 {
	margin-right:6px;
}
.mr7 {
	margin-right:7px;
}
.mr8 {
	margin-right:8px;
}
.mr9 {
	margin-right:9px;
}
.mr10 {
	margin-right:10px;
}
.mr15 {
	margin-right:15px;
}
.mr20 {
	margin-right:20px;
}
.mr25 {
	margin-right:25px;
}
.mr30 {
	margin-right:30px;
}
.mr40 {
	margin-right:40px;
}
.mr50 {
	margin-right:50px;
}
/* margin-bottom */

.mb1 {
	margin-bottom:1px;
}
.mb2 {
	margin-bottom:2px;
}
.mb3 {
	margin-bottom:3px;
}
.mb4 {
	margin-bottom:4px;
}
.mb5 {
	margin-bottom:5px !important;
}
.mb7 {
	margin-bottom:7px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb25 {
	margin-bottom:25px;
}
.mb30 {
	margin-bottom:30px;
}
.mb40 {
	margin-bottom:40px;
}
.mb50 {
	margin-bottom:50px;
}
/* margin-left */

.ml1 {
	margin-left:1px;
}
.ml2 {
	margin-left:2px;
}
.ml3 {
	margin-left:3px;
}
.ml4 {
	margin-left:4px;
}
.ml5 {
	margin-left:5px;
}
.ml10 {
	margin-left:10px;
}
.ml15 {
	margin-left:15px;
}
.ml20 {
	margin-left:20px;
}
.ml25 {
	margin-left:25px;
}
.ml30 {
	margin-left:30px;
}
.ml40 {
	margin-left:40px;
}
.ml50 {
	margin-left:50px;
}
/* padding-top */

.pt5 {
	padding-top:5px;
}
.pt10 {
	padding-top:10px;
}
.pt15 {
	padding-top:15px;
}
.pt20 {
	padding-top:20px;
}
.pt25 {
	padding-top:25px;
}
.pt50 {
	padding-top:50px;
}
/* padding-right */

.pr5 {
	padding-right:5px;
}
.pr10 {
	padding-right:10px;
}
.pr15 {
	padding-right:15px;
}
.pr20 {
	padding-right:20px;
}
.pr25 {
	padding-right:25px;
}
.pr50 {
	padding-right:50px;
}
/* padding-bottom */

.pb5 {
	padding-bottom:5px;
}
.pb10 {
	padding-bottom:10px;
}
.pb15 {
	padding-bottom:15px;
}
.pb20 {
	padding-bottom:20px;
}
.pb25 {
	padding-bottom:25px;
}
.pb50 {
	padding-bottom:50px;
}
/* padding-left */

.pl5 {
	padding-left:5px;
}
.pl10 {
	padding-left:10px;
}
.pl15 {
	padding-left:15px;
}
.pl20 {
	padding-left:20px;
}
.pl25 {
	padding-left:25px;
}
.pl50 {
	padding-left:50px;
}
/** BASE **/

#container {
	text-align:center;
	margin:0 auto;
	float:left;
	width:100%;
	text-align:center;
}
#container2 {
	margin:0 auto;
	width:810px;
	text-align:left;
}
#header {
	width:810px;
	text-align:left;
	margin:0 auto;
	float:left;
	display:inline;
}
.hdr-left {
	float:left;
	width:330px;
	margin:6px 0 0 0;
	display:inline;
}
.hdr-left strong {
	margin:0px 0 0 0;
	display:block;
}
.hdr-right {
	float:right;
	width:464px;
	margin:0 0 0px 0;
	display:inline;
}
ul.hdr-sub-nav {
	margin:10px 0px 10px 3px;
	float:left;
	width:464px;
	display:inline;
	line-height:0;
	font-size:0;
}
ul.hdr-sub-nav li {
	float:left;
	margin:0px 20px 0 0px;
	display:inline;
}
ul.hdr-sub-nav li.last {
	margin:0;
}
.hdr-img {
	position:relative;
	top:0;
	left:0;
	height:60px;
}
.hdr-img .img01 {
	position:absolute;
	top:15px;
	left:5px;
}
.hdr-img .img02 {
	position:absolute;
	top:14px;
	left:273px;
}
.gnav {
margin:10px 0 0 10px;
float:left;
width:810px;
	line-height:0;
	display:inline;
}
.gnav li {
	line-height:0px;
	margin:0 0 10px 0;
	padding:0;
}


.gnav li a{
display:block;
float:left;
	width:131px;
	height:48px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
	text-indent:-9999px;
}

#gn01{	
background-image: url(/img/gn_01.png);
}
#gn01:hover, #gn01-on{
background-image: url(/img/gn_01_on.png);
}
#gn02{	
background-image: url(/img/gn_02.png);
}
#gn02:hover, #gn02-on{
background-image: url(/img/gn_02_on.png);
}
#gn03{	
background-image: url(/img/gn_03.png);
}
#gn03:hover, #gn03-on{
background-image: url(/img/gn_03_on.png);
}
#gn04{	
background-image: url(/img/gn_04.png);
}
#gn04:hover, #gn04-on{
background-image: url(/img/gn_04_on.png);
}
#gn05{	
background-image: url(/img/gn_05.png);
}

#gn05:hover, #gn05-on{
background-image: url(/img/gn_05_on.png);
}
#gn06{	
background-image: url(/img/gn_06.png);
}

#gn06:hover, #gn06-on{
background-image: url(/img/gn_06_on.png);
}


#main {
	text-align:left;
	margin:0 21px;
	width:810px;
	clear:both;
}
.gttop {
	padding:30px 0px 20px 0;
	text-align:right;
	clear:both;
}
#footer {
	clear:both;
	text-align:center;
}
.line {
	background-image: url(/img/line.gif);
	background-repeat: repeat-x;
	background-position: left;
}
.copyright {
	padding:5px 0 5px 0;
}
.bg-mdl {
	background-image: url(/img/main_bg_mdl.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin:0!important;
	padding:0px 0 0 0!important;
}
.bg-btm {
	background-image: url(/img/main_bg_btm.png);
	background-repeat: no-repeat;
	height:16px;
	background-position: left top;
	margin:0 0 20px 0;
	float:left;
	width:810px;
	display:inline;
}
#sidenav {
	width:207px;
	float:left;
	margin:0 9px 0 27px; /* margin-right 9px **/
	display:inline;
}
#ranking {
	background-image: url(/img/ranking_bg_mdl.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin:0;
	padding:0;
}
#ranking h2 {
	margin:0;
	padding:0;
}
#ranking .photo {
	text-align:center;
	display:block;
	margin:0 0 5px 0;
}
#ranking em.rank01 {
	background-image: url(/img/rank_1.gif);
	padding:0 0 0 45px;
	background-repeat: no-repeat;
	height:32px;
	font-size:160%;
	font-weight: bold;
	background-position: left center;
	margin:0 0 10px 0;
	display:table-cell;
	vertical-align:middle;
}
#ranking em.rank02 {
	background-image: url(/img/rank_2.gif);
	padding:0 0 0 45px;
	background-repeat: no-repeat;
	height:32px;
	font-size:160%;
	font-weight: bold;
	background-position: left center;
	margin:0 0 10px 0;
	display:table-cell;
	vertical-align:middle;
}
#ranking em.rank03 {
	background-image: url(/img/rank_3.gif);
	padding:0 0 0 45px;
	background-repeat: no-repeat;
	height:32px;
	font-size:160%;
	font-weight: bold;
	background-position: left center;
	margin:0 0 10px 0;
	display:table-cell;
	vertical-align:middle;
}
#ranking em.rank04 {
	background-image: url(/img/rank_4.gif);
	padding:0 0 0 45px;
	background-repeat: no-repeat;
	height:32px;
	font-size:160%;
	font-weight: bold;
	background-position: left center;
	margin:0 0 10px 0;
	display:table-cell;
	vertical-align:middle;
}
#ranking li {
	width:170px;
	display:block;
	margin:0 0 0px 18px;
	padding:0 0 10px 0;
}
#ranking .name {
	padding:3px 0 0 5px;
}
#ranking .txt {
	display:block;
	margin:3px 0 0 0;
	background-image: url(/img/rank_line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:13px 0 0 0;
	font-size:90%;
}
#ranking em a {
	color:#FF6600;
	text-decoration:none;
}
#ranking em a:hover {
	text-decoration:underline;
}
.ranking-btm {
	height:13px;
	background-image: url(/img/ranking_bg_btm.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer {
	padding:30px 0 0 0;
}
#footer p, #footer a {
	color:#A28B83;
	font-size:90%;
}
#main-cont {
	width:540px;
	float:left;
}
.blk {
	margin:0 0 0 2px;
}
#main-cont h2 {
	margin:10px 0 10px 0;
}
ul#news li {
	display:block;
	padding:0 0 0 10px;
	margin:0 2px;
	background-image: url(/img/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
ul#news span {
	background-image: url(/img/arrow.gif);
	padding:10px 5px 10px 20px;
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
}

/** list-bento **/

.list-bento{
margin:10px 0 30px 0;
}


#main-cont h2.toph2{
margin:0 0 10px 0;
padding:0;
}

.b-left{
float:left;
width:260px;
margin:;
}

.b-right{
float:right;
width:260px;
margin:;
}

table.b-detail{
width:260px;
border:none;
margin:0 0 30px 0;
}

table.b-detail th{
background-color:#FFFFFF;
text-align:left;
width:90px;
border-top:none;
border-left:none;
border-right:none;
border-bottom:dotted 1px #663300;
padding:6px 0 5px 5px;
}

table.b-detail td{
border-top:none;
border-left:none;
border-right:none;
border-bottom:dotted 1px #663300;

}
table.b-detail td.b-title{
padding:6px 0 5px 5px;
border-bottom:none;
}
.b-right h3{
margin:0 0 5px 0;
}

.addcart-top-a{
	height:7px;
	background-image: url(/img/set_a/cart_bg_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.addcart-mdl-a{

	background-image: url(/img/set_a/cart_bg_mdl.gif);
	background-repeat: repeat-y;
	background-position: left top;
	float:left;
	width:535px;
}

.addcart-left{
float:left;
width:236px;
margin:10px 15px 0px 24px;
display:inline;
padding:0 0 10px 0;
}

.addcart-left p{
margin:5px 0 0 0 ;
font-weight:bold;
text-align:center;
}

.addcart-num{
width:90px;
margin:0 10px;
}

.addcart-right{
float:left;
width:236px;
margin:12px 0px 10px 0px;
display:inline;
}

.addcart-btm-a{
	height:5px;
	background-image: url(/img/set_a/cart_bg_btm.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


.addcart-top-b{
	height:7px;
	background-image: url(/img/set_b/cart_bg_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.addcart-mdl-b{
	background-image: url(/img/set_b/cart_bg_mdl.gif);
	background-repeat: repeat-y;
	background-position: left top;
	float:left;
	width:535px;
}

.addcart-btm-b{
	height:5px;
	background-image: url(/img/set_b/cart_bg_btm.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.addcart-top-c{
	height:7px;
	background-image: url(/img/set_c/cart_bg_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.addcart-mdl-c{
	background-image: url(/img/set_c/cart_bg_mdl.gif);
	background-repeat: repeat-y;
	background-position: left top;
	float:left;
	width:535px;
}

.addcart-btm-c{
	height:5px;
	background-image: url(/img/set_c/cart_bg_btm.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.addcart-top-d{
	height:7px;
	background-image: url(/img/set_d/cart_bg_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height:0;
	font-size:0;
}

.addcart-mdl-d{
	background-image: url(/img/set_d/cart_bg_mdl.gif);
	background-repeat: repeat-y;
	background-position: left top;
	float:left;
	width:535px;
}

.addcart-btm-d{
	height:5px;
	background-image: url(/img/set_d/cart_bg_btm.gif);
	background-repeat: no-repeat;
	background-position: left top;
		line-height:0;
	font-size:0;
}

#cart_table{
border:solid 1px #ccc;
}

#inside-cart .h2-cart{
font-size:120%;
font-weight:bold;
border-bottom:solid 1px #ccc;
margin:0 0 10px 0;
background-color:#FFFFFF;
color:#333333;
padding:3px 0 0px 0;

}


/** secret **/

.secret-blk{
padding:10px 0 0 0;
}

.secret-blk .left{
width:306px;
float:left;

}

.secret-blk .left p{
font-size:120%;
line-height:180%;
margin:15px 0 15px 0;
}

.secret-blk .right{
float:right;
width:208px;
}

.txth3{
padding:10px 0 10px 0;

}

/** metabo-top **/

.metabo-top{
width:100%;
}
.metabo-top th,.metabo-top td{
border-bottom:dotted 1px #ccc;
padding:5px;
vertical-align:top;
text-align:left;
}

.metabo-top th{
font-size:110%;
font-style:normal;
font-weight:normal;
padding: 5px 5px 5px 10px;
}

.metabo-top th a{
	background-image: url(/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 0 0 20px;
}

.pinkb{
color:#FF3366;
font-weight:bold;
display:inline;
}

.pink{
color:#FF3366;
display:inline;
}

.thinpink{
color:#FF6699;

}

.pinkh{
color:#FF3366;
font-size:110%;
font-weight:bold;
padding:10px 0 5px 0;

}

.metabo-t{
width:100%;
border:solid 1px #FF679A;
}
.metabo-t td{
border:solid 1px #FF679A;
padding:3px;
vertical-align:top;
}
.metabo-t .cell01{
text-align:center;
background-color:#FFE3EB;
font-weight:bold;
color:#FF679A;
}

.metabo-t .cell02{
text-align:center;
background-color:#F0F0F0;
width:33%;

}
.fsize90{
font-size:90% !important;
}

.corp-table{
width:100%;
}

.corp-table th,.corp-table td{
border-bottom:dotted 1px #663300;
padding:5px;
vertical-align:top;
font-weight:normal;
text-align:left;
}

.corp-table td span{
	background-image: url(/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding:0 0 0 20px;
	display:block;
}

#map{
border:dotted 1px #663300;
text-align:center;
padding:5px;
}

.teikip{
font-size:120%;
text-align:center;
line-height:180%;
}

.guide-sn{
text-align:center;
margin:0 0 5px 0;
}

.guide-sn li{
margin:0 3px 0px 0px;

}

.bold{
font-weight:bold;
}


.guide-bg-top{
	height:7px;
	background-image: url(/img/guide/cart_bg_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height:0;
	font-size:0;
}

.guide-bg-mdl{
	background-image: url(/img/guide/cart_bg_mdl.gif);
	background-repeat: repeat-y;
	background-position: left top;
	float:left;
	width:535px;
}

.guide-bg-btm{
	height:5px;
	background-image: url(/img/guide/cart_bg_btm.gif);
	background-repeat: no-repeat;
	background-position: left top;
		line-height:0;
	font-size:0;
}


.guide-bank{
padding:10px;
text-align:center;
font-weight:bold;
font-size:110%;
}

.red{
color:red;
}


.corp-table{
width:100%;
}

.inq-table{
width:100%;
}

.inq-table th{
width:180px;
}
.inq-table th,.inq-table td{
border-bottom:dotted 1px #663300;
padding:5px;
vertical-align:top;
font-weight:normal;
text-align:left;
}

.inq-table th p{
	background-image: url(/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding:0 0 0 20px;
	display:block;
}

.txtfld-l{
width:100%;
border-top:solid 1px #666;
border-left:solid 1px #666;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
padding:3px 0;
line-height:100%;

}
#sitemap {
margin:0 0 0 10px;
}
#sitemap li{
	display:block;
	border-bottom:dotted 1px #663300;
	background-image: url(/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:10px 5px 10px 20px;
}

#sitemap li.li02{
margin:0 0 0 25px;
}

#sitemap li.li03{
margin:0 0 0 50px;
}

.all-list img{
margin:0 2px 5px 0;
}

#guide-all a{
color:#FF6600;
}

a.orge,a:link.orge{
color:#FF6600 !important;
}

#privacy h3{
	font-weight:bold;
	padding:5px 0 5px 15px;
	background-image: url(/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom:dotted 1px #663300;
}

p.btm{
	padding:5px 0 10px 0px;
	border-bottom:dotted 1px #663300;
}

.login-name{
text-align:center;
font-size:110%;
font-weight:bold;
margin:0 0 10px 0;
}