@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;



}







#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 {



	color:#333333;



	text-decoration:none;



}







a:hover {



	color:#333333;



}







a:active {



	color:#333333;



}







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;



}