@charset "utf-8";

/* base Style------- */

body {
	width:780px;
	margin: 0px auto;
	font-size:12px;
	line-height:1.5;
	letter-spacing:1px;
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	color:#444;

}

#wrapper {
	text-align:center;
	margin-left:auto;
	margin-right:auto;

}

#header {
	padding: 0 15px 0 15px;
	height: 55px;
	margin: 10px 0 5px 0;
}


#bottom-rcontents {
	clear:both;
}

img {
	border: none;
	vertical-align: top;
}

html {

	overflow-y:scroll;

}



em {

	font-size:14px;

	color:#333333;

	font-style:normal;

	font-weight:bold;

}



strong {

	font-size:14px;

	color:#006633;

}



span {

	color:#FF0000;

}



.span01 span {

	color: #CC3300;

}



.span02 span {

	font-size:1em;

	color: #CC0000;

	font-weight: bold;

}



span.span03 {

	color: #CC3300;

	font-size:.9em;

}



span.span04 {

	color: #333333;

	font-size:1.1em;

	font-weight: bold;

}



span.span05 {

	color: #FF0000;

	font-size:1.1em;

	font-weight: bold;

}



a:link {

	color: #333333;

	text-decoration:none;

}



a:visited {


}



a:hover {


}



a:active {


}



a img {

	border:0px;

}



dl,
ul,
ol,
dl dt,
dl dd,
ul li,
ol li {

	margin:0px;

	padding:0px;

	list-style:none;

}



textarea,
select,
input {

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka", "Verdana", "Helvetica", "Arial", "ＭＳ Ｐゴシック", "sans-serif";

}



/*H_TAG*/



h1 {

	font-size: 10px;

	color: #666;

	padding: 0 0 0 15px;

	display: inline;

}



p,
h2,
h4 {

	margin:0px;

	padding:0px;

}



#header h2 {

	float:left;

	width: 155px;

	margin: 0px;

	padding: 0px;

}



h3 {

	font-size:1.2em;

	margin:0px;

	padding:0 0 0 10px;

	color: #333333;

}



h4.h-size {

	color:#009900;

	font-size:1.3em;

	text-align: left;

}



h5 {

	font-size:1em;

	color:#FF3333;

}



#body {

	width: 780px;

	background-color: #FFFFFF;

	overflow:hidden;

	zoom:1;

	padding: 0px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}



#wrapper {

	width: 780px;

	float: left;

	background-repeat: repeat-y;

	background-image: url(img/back-shadow.gif);

	padding:0 10px 0 10px;

}

#osusume {

border-right:#CCCCCC 1px solid;

float:left;

width:334px;

margin:0 20px 0 0;

padding-right:15px;

}

.osusume-kiji {

margin-bottom:10px;

padding-bottom:10px;

border-bottom:#CCCCCC 1px dotted;

}

#news {

float:right;

width:370px;

}

#news p {

padding-bottom:5px;}

#osusume p {

margin-bottom:10px;

}

/* 2010_07_23 add */
#banner_left {
float:left;
margin-right:16px;
}

#banner_right {
float:right;
margin-right:3px;

} 

#mail_magazine_form {
/*background-color:#E6FFE6;*/
width:178px;
height:205px;
font-size:0.8em;
text-align:center;
border: thin solid #006633;
margin-top:5px;
margin-bottom:16px;
background-image:url(img/form_bg.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#mail_magazine_form thead {
font-size:1.2em;
/*color:#ffffff;
background-color:#003300;*/
margin:0px;
padding:0px;
}

#mail_magazine_form .txt_entry {
width:96px;
}

#tanomail_fan_btn {
    border: 0px;
    width: 95px;
    height: 70px;
    background: url("./img/tanomail_fan_regist_btn.gif") left top no-repeat;
}

.top-title {

	text-align:left;

	position:relative;

	width:740px;

	border:#222 1px solid;

	margin:15px auto 20px auto;

	padding:8px 5px;

	clear:both;

	zoom:1;

	overflow:hidden;

}


.top-title p {

	width:453px;

	height:213px;

	background:url(img/top-img.gif) no-repeat left top;

	padding:0px;

	margin:0px;

	overflow:hidden;

	text-indent:-9999px;

}



/*トップ画像*/

/* 2010.09.01 バナーのボタン配置調整のため書き換え
.top-title ul {
	width:266px;
	position:absolute;
	top:8px;
	right:5px;
}
*/

.top-title ul {
	width:266px;
	position:absolute;
	top:96px;
	right:5px;
}


.top-title li {

	width:266px;

	height:96px;

	margin-bottom:12px;

	text-indent:-9999px;

	overflow:hidden;

}



.top-title li a {

	display:block;

	width:266px;

	height:96px;

}



.top-title li a:hover {

	background:none;

}



.top-title li.title-btn01 {

	background:url(img/btn01-h.gif);

}



.top-title li.title-btn02 {

	background:url(img/btn02-h.gif);

}



.top-title li.title-btn01 a {

	background:url(img/btn01.gif);

}



.top-title li.title-btn02 a {

	background:url(img/btn02.gif);

}



/*ここまで*/



.position {

 overflow:

 clear:both;

	width:750px;

	margin: 0 15px 0 15px;

}



/*leftcontents start*/

.leftcontents {

	width:485px;

	padding:10px;

}



/*ライトコンテンツ*/

.rightcontents dl {

	width:230px;

}



.rightcontents dt {

	font-size:1.1em;

	clear:both;

	background-color:#CCCCCC;

	font-weight: bold;

}



.rightcontents dt img {

	vertical-align:middle;

}



.rightcontents dd {

	padding:5px;

	float:left;

}



/*トップメインコンテンツ*/

dl.maincontents {

	background:url(img/top-bg-o.gif) no-repeat left;

	margin:0px;

	float: left;

	width: 360px;

	padding: 0px;

	margin:0px;

	height: 300px;

}



.maincontents dt dd {

	float:left;

}



.maincontents dd {

	padding:0 0 0 8px;

}



dl.divide {

	padding-left: 14px;

}



dl.right-space-topdirect {

	background:url(img/top-bg-g.gif) no-repeat left;

	float:right;

	margin: 0px;

	padding: 0px;

	/*border-left: #CCC dashed 1px;*/

		width: 360px;

	height: 300px;

}



.right-space-topdirect dt dd {

	float:right;

}



.right-space-topdirect dd {

	padding:0 0 0 8px;

}



#MailForm {

	border-collapse:collapse;

	margin:15px 0 15px 0px;

	width: 505px;

}



#MailForm th,

#MailForm td {

	font-weight:normal;

	color:#444;

	border:1px solid #CCCCCC;

	padding:5px;

}



#MailForm td {

	width:320px;

	padding:8px;

}



table#MailForm th {

	text-align:center;

	white-space: nowrap;

}



#MailForm input radio {

	width:20px;

}



#MailForm input radio,

#MailForm textarea {

	border:1px solid #B2B2B2;

}



td.mailform-deco-line {

	padding:0 0 15px 0;

	display:block;

	width:345px;

}



/*top button start*/



#header p {

	float:right;

	padding:0px;

	margin: 0px;

}



/* background color start------- */

.bg {

	background-color: #f2f2f3;

}



div.leftbutton-address {

	background-color: #FFFFFF;

	padding:5px 18px 5px 18px;

	margin-bottom: 10px;

}



#content {

	overflow:hidden;

	padding: 0px 15px 15px 15px;

	width: 750px;

	margin: 0px;

	float: left;

	display: inline;

}



#left {

	float: left;

	background-color: #FFFFFF;

	padding: 0px;

	margin: 15px 0 15px 0;

	width: 505px;

}



/*#left li {

		width:138px;

		margin:0 0 0 15px;

}*/



#left h3 {

	background:url(img/bar.gif) no-repeat left;

	width:495px;

}



div.left {

	float: left;

	background-color: #FFFFFF;

	padding: 0px;

	margin: 15px 0 15px 0;

	width: 505px;

}



/*div.left li {

		width:138px;

		margin:0 0 0 15px;

}*/



div.left h3 {

	background:url(img/bar.gif) no-repeat left;

	width:495px;

}



#right {

	float: right;

	padding: 0px 0 0 0;

	margin:15px 0 15px 0;

	width: 230px;

}



#right h3 {

	background:url(img/bar2.gif) no-repeat left;

	width:220px;

}



#rightTop {

	margin: 0 0 0 8px;

	width: 640px;

	float: right;

}



#rightTop p {

	margin:0px;

}



/*コンテンツ*/

#content-l {

	border:#999999 1px solid;

	float: left;

	background-color: #FFFFFF;

	padding: 0px;

	margin: 15px 0 15px 0;

	width: 505px;

}



#content-l li {

	margin:10px 0 15px 15px;

}



#content-l h3 {

	background:url(img/bar.gif) no-repeat left;

	width:495px;

}



#content-r {

	border:#999999 1px solid;

	float: right;

	padding: 0px 0 0 0;

	margin:15px 0 15px 0;

	width: 230px;

}



#content-r h3 {

	background:url(img/bar2.gif) no-repeat left;

	width:220px;

}



#content-Top {

	margin: 0 0 0 8px;

	width: 640px;

	float: right;

}



#content-Top p {

	margin:0px;

}



dd.special-comment {

	line-height:1.1

}



/*ボトムコンテンツ（取扱い商品のご紹介）*/

.top-below-h3 h3 {

	margin:0px 0 10px 0;

	width: 750px;

	height:25px;

	background:url(img/toptitle-below-h3.gif) left no-repeat;

	padding:5px 0 0 15px;

	color: #FFFFFF;

}



div.top-below-h3 {

	margin: 0px;

	padding: 0px;

	width: 750px;

	clear: both;

}



ul.item-intro li {

	margin:0 35px 0px 0px;

	width:152px;

	float:left;

	padding-bottom: 10px;

	height: 150px;

}



ul.item-intro dt {

	font-size:1.2em;

	font-weight:bold;

	color:#009900;

}



ul.item-intro dd {

	float:none;

	margin: 0px;

	font-size: 0.9em;

	padding: 0px;

}



/*バナー系090912-*/



.bunner01 {

	margin:0 0 20px 0;

}



/*ボトムのお試しボタン*/

p.text-contact {

	margin:0px;

	font-weight:bold;

	color:#666666;

	clear:both;

	position:relative;

	top:30px;

	padding-left: 50px;

}



p.trial-button {

	height:112px;

	float:left;

	width:674px;

}



p.trial-button {

	text-indent:-9999px;

	margin:0 0 15px 30px;

	padding:0px;

	background:url(img/button-to-trial-h.gif) no-repeat;

	display: inline;

}



p.trial-button a {

	display:block;

	width:674px;

	height:112px;

	background:url(img/button-to-trial.gif) no-repeat;

	overflow:hidden;

}



p.trial-button a:hover {

	background:none;

}



/*ボトムの商品購入ボタン*/

p.text-contact {

	margin:0px;

	font-weight:bold;

	color:#666666;

	clear:both;

	position:relative;

	top:30px;

	padding-left: 50px;

}



p.shop-button {

	height:112px;

	float:left;

	width:674px;

}



p.shop-button {

	text-indent:-9999px;

	margin:0 0 15px 30px;

	padding:0px;

	background:url(img/web-shopping-h.gif) no-repeat;

	display: inline;

}



p.shop-button a {

	display:block;

	width:674px;

	height:112px;

	background:url(img/web-shopping.gif) no-repeat;

	overflow:hidden;

}



p.shop-button a:hover {

	background:none;

}



/*footer*/



#footer {

	padding: 0px 10px 0 10px;

	font-size:10px;

	color:#FFFFFF;

	width: 760px;

	background-color: #006633;

	float: left;

}



#footer ul {

	background-color: #FF0000;

}



#footer a {

	color:#FFFFFF;

}



#footer li {

	float:left;

	margin:0 1px 5px 0;

}



#footer p {

	clear:both;

	text-align:right;

	width:760px;

	margin: 0px;

}



/* #menu */



#menu {

	padding:0 0 0 0;

	width:750px;

	height:27px;

	clear:both;

	margin:15px 15px 0 15px;

}



#menu ul {

	float:left;

}



#menu li {

	width:125px;

	height:27px;

	float:left;

}



#menu a:link,

#menu a:visited {

	display: block;

	width:125px;

	height:27px;

	text-indent:-9999px;

	/*\*/ overflow: hidden;

}



#menu a:hover {

	display: block;

	width:125px;

	height:27px;

	background:none;

}



.menu01 {

	background-image:url(img/menu01-h.gif);

}



.menu01 a {

	background-image:url(img/menu01.gif);

}



.menu02 {

	background-image:url(img/menu02-h.gif);

}



.menu02 a {

	background-image:url(img/menu02.gif);

}



.menu03 {

	background-image:url(img/menu03-h.gif);

}



.menu03 a {

	background-image:url(img/menu03.gif);

}



.menu04 {

	background-image:url(img/menu04-h.gif);

}



.menu04 a {

	background-image:url(img/menu04.gif);

}



.menu05 {

	background-image:url(img/menu05-h.gif);

}



.menu05 a {

	background-image:url(img/menu05.gif);

}



.menu06 {

	background-image:url(img/menu06-h.gif);

}



.menu06 a {

	background-image:url(img/menu06.gif);

}



/* LAYOUT

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



/* class */



.clear {

	clear:both;

}



.float-l {

	float:left;

}



.float-r_inquiry li {

	float:right;

}



li.float-r_inquiry {

	margin:10px 0 0 10px;

}



.float-r {

	float:right;

}



#bottom-rcontents li a:hover {

	background:none;

}



/*トップ会員詳細へのボタン*/

li.top-rb-detail {

	padding:0px;

	margin:0px;

}



li.top-rb-detail {

	height:96px;

	float:left;

	width:346px;

}



li.top-rb-detail {

	padding:0px;

	background:url(img/detail-h.gif) no-repeat;

	display: inline;

}



li.top-rb-detail a {

	display:block;

	width:346px;

	height:96px;

	background:url(img/detail.gif) no-repeat;

	text-indent:-9999px;

	overflow:hidden;

}



li.top-rb-detail a:hover {

	background:none;

}



/*トップweb購入へのボタン*/

li.top-rb-detail {

	padding:0px;

	margin:0px;

}



li.top-rb-web {

	height:96px;

	float:left;

	width:347px;

}



li.top-rb-web {

	padding:0px;

	background:url(img/web-shop-h.gif) no-repeat;

	display: inline;

}



li.top-rb-web a {

	display:block;

	width:347px;

	height:96px;

	background:url(img/web-shop.gif) no-repeat;

	text-indent:-9999px;

	overflow:hidden;

}



li.top-rb-web a:hover {

	background:none;

}



/*ボタン*/

.top-rightimg li {

	padding:0px;

	margin: 10px 0 0 0;

}



li.button {

	background:url(img/to-registration.gif) right center no-repeat;

}



li.button a {

	display:block;

	width:277px;

	height:73px;

	background:url(img/to-registration.gif) right center no-repeat;

	text-indent:-9999px;

	overflow:hidden;

}



li.button a:hover {

	background:none;

}



/*下部ボタンフレームｻｲｽﾞ*/

div.top-b-size {

	width:750px;

	float: left;

	margin: 10px 0 15px 0;

	padding: 0 0 0px 0;

	height: 45px;

	display: inline;

}



/*下部-無料会員登録ボタン*/



p.buttom-regi-b {

	float:left;

	width:360px;

	background:url(img/bottom-regist-img-h.gif) no-repeat right;

	margin: 0px;

	padding: 0px;

	height: 45px;

}



p.buttom-regi-b a {

	display:block;

	width:360px;

	height:45px;

	background:url(img/bottom-regist-img.gif) no-repeat right top;

	text-indent:-9999px;

	overflow:hidden;

}



p.buttom-regi-b a:hover {

	background:none;

}



/*下部-ウェブボタン*/



p.buttom-web-b {

	float:right;

	margin:0 0 0 120px;

	width:240px;

	background:url(img/bottom-web-img-h.gif) no-repeat right;

	height: 45px;

}



p.buttom-web-b a {

	display:block;

	width:240px;

	height:45px;

	background:url(img/bottom-web-img.gif) no-repeat right top;

	text-indent:-9999px;

	overflow:hidden;

}



p.buttom-web-b a:hover {

	background:none;

}



/*新規登録ボタン*/

p.regist-button {

	padding:0px;

	margin:0px;

}



p.regist-button {

	height:72px;

	width:673px;

	float:left;

	margin:10px 0 10px 30px;

}



p.regist-button {

	padding:0px;

	background:url(img/to-registration2-h.gif) no-repeat;

	display: inline;

}



p.regist-button a {

	display:block;

	width:673px;

	height:72px;

	background:url(img/to-registration2.gif) no-repeat;

	text-indent:-9999px;

	overflow:hidden;

}



p.regist-button a:hover {

	background:none;

}



/*新規登録ボタン*/

ul.regist-button {

	padding:0px;

	margin:0px;

}



li.regist-button {

	height:59px;

	float:right;

	width:217px;

	margin:15px 30px 0 0;

}



li.regist-button {

	padding:0px;

	background:url(img/regi-to-go-h.gif) no-repeat;

	display: inline;

}



li.regist-button a {

	display:block;

	width:217px;

	height:59px;

	background:url(img/regi-to-go.gif) no-repeat;

	text-indent:-9999px;

	overflow:hidden;

}



li.regist-button a:hover {

	background:none;

}



/*新規登録ボタン*/

li.regist-bottom-botton {

	padding:0px;

	margin:0px;

}



li.regist-bottom-botton {

	height:59px;

	float:left;

	width:217px;

	margin:15px 0 15px 30px;

}



li.regist-bottom-botton {

	padding:0px;

	background:url(img/regi-to-go-h.gif) no-repeat;

	display: inline;

}



li.regist-bottom-botton a {

	display:block;

	width:217px;

	height:59px;

	background:url(img/regi-to-go.gif) no-repeat;

	text-indent:-9999px;

	overflow:hidden;

}



li.regist-bottom-botton a:hover {

	background:none;

}



/*web購入ボタン*/

li.web-bottom-botton {

	padding:0px;

	margin:0px;

}



li.web-bottom-botton {

	height:59px;

	float:left;

	width:217px;

	margin:15px 0 15px 30px;

}



li.web-bottom-botton {

	padding:0px;

	background:url(img/web-to-go-h.gif) no-repeat;

	display: inline;

}



li.web-bottom-botton a {

	display:block;

	width:217px;

	height:59px;

	background:url(img/web-to-go.gif) no-repeat;

	text-indent:-9999px;

	overflow:hidden;

}



li.web-bottom-botton a:hover {

	background:none;

}



/*イメージ用クラス*/

.img_r {

	float: right;

	margin:5px;

}



.img_l {

	float: left;

	margin:5px 5px 5px 0;

	vertical-align:top;

}



.top-back {

	font-size:11px;

	float:right;

	background-image:url(img/top-back.gif);

	background-position:left;

	background-repeat:no-repeat;

	padding:4px 0 0 12px;

}



.shortcut-link-r {

	float:right;

	text-align:right;

	margin:30px 0 30px 0;

	background-image:url(img/point03.gif);

	background-position:left;

	background-repeat:no-repeat;

}



.shortcut-link-l {

	text-align:right;

	margin:30px 0 30px 0;

	background-image:url(img/point03.gif);

	background-position:left;

	background-repeat:no-repeat;

}



/*------■整理前-----------------------------------------------------------------------------------------------------*/



/*送信確認画面用*/



table#formmail {

	margin:5px 0 0 0;

	width:490px;

	border-collapse:collapse;

}



table#formmail thead td {

	padding:0 0 10px 0;

}



table#formmail tbody {

	width:490px;

	border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

}



table#formmail tbody tr {

	border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

}



table#formmail tbody th,

table#formmail tbody td {

	padding:5px 0px 5px 20px;

	border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

}



table#formmail tbody th {

	background:url(img/background-image.gif) repeat-x left;

	width:120px;

	border-right:1px dashed #ccc;

}



table#formmail tbody td {

	width:370px;

	border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

}



table#formmail tfoot td {

	padding:15px 0 0 0px;

}



/*右コンテンツ*/

td.text-nomal {

	text-align:left!important;

}



h3.registration-img {

	background-image:none!important;

	padding:5px 0 10px 0;

}



img.return-top {

	padding:10px 0 0 5px;

}



p.p-space {

	padding:.5em 0 0 0;

}



/*左コンテンツ*/

div.left-content {

	border:#009966 1px solid;

	padding:10px;

	float: left;

	width: 480px;

}



.left-content li {

	list-style:none;

}



p.space {

	padding-bottom:15px;

}



h3.special {

	padding:15px 0 5px 0;

	font-size:1.4em;

	color:#FF6600;

	font-weight:bold;

}



h3.cont1-top {

	padding:15px 0 10px 0;

}



ul.cont1-graph {

	width:746px;

	height:255px;

	border:#999999 1px solid;

	margin-bottom: 10px;

}



ul.cont2-graph {

	width:746px;

	height:210px;

	/*border:#006633 1px solid;*/

		clear: both;

	border: #999999 1px solid;

}



li.top-text {

	margin:5px 0px 0 15px;

}



li.graph {

	margin:0px;

	float:left;

	padding: 0 0 0 15px;

}



div.cont1-list {

	background: url(img/arrow.gif) no-repeat 55% 57%;

	padding: 0px;

	margin: 15px 10px 0 10px;

}



.cont1-list table {

	margin:5px 0 0 0;

	border-collapse:collapse;

	font-size:1.3em;

	font-weight:bold;

	text-align:center;

	width:730px;

	border:#999999 1px solid;

}



.cont1-list th {

	color:#FFFFFF;

	background-color:#009F00;

}



.cont1-list th,

.cont1-list td {

	border:#999999 1px solid;

}



/*fax登録ボタン*/



p.fax-registration.gif {

	float:right;

	width:226px;

	margin:15px 0 0 0;

	padding:0 0 0 0;

}



p.button-rightfax {

	padding:0 0 0 0;

	background:url(img/fax-registration-h.gif) no-repeat;

}



p.button-rightfax a {

	display:block;

	width:226px;

	height:55px;

	background:url(img/fax-registration.gif) no-repeat;

	text-indent:-9999px;

	overflow:hidden;

}



p.button-rightfax a:hover {

	background:none;

}



/*料金表*/

dl.price-list {

	padding:5px;

	margin:10px 0 10px 0;

	width:450px;

	border:2px dotted #CCCCCC;

}



.price-list dt {

	font-size:1.2em;

	color:#FF6600;

	font-weight: bold;

}



.price-list dd {

	letter-spacing:0.2em;

	background:url(img/point.gif) no-repeat;

	padding:0 0 3px 15px;

}



/*やりくり通信の管理*/

.yari-1 p {

	width:170px;

	float:left;

}



div.process {

	width:310px;

	float: left;



}







.process li {



	margin:10px 0 0 0;



	clear: both;



}







div.border {



	border:#666666 1px solid;



	padding: 0 0 0 0;



	margin: 4px 0 15px 0;



	width: 751px;



	height: 1850px;



}