@charset "utf-8";
/*
Customised by SHION LTD.
*/

/*------------------[ レイアウト ]--------------------------*/
/* {margin: 0; padding: 0;}
* html { overflow-x: hidden; }
body { overflow-x: hidden; }*/

html{
  height:100%;
}
html>/**/body{
  overflow:-moz-scrollbars-vertical;
}
html:first-child body{
	min-height:100%;
	padding-bottom:1px;
} 

body {
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	line-height:125%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	background: #eeeeee;
	text-align: center;
	color: #555555;
}

td {
	font-size: 12px;
	line-height:125%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}


.p10	{font-size: 10px; line-height:110%;}
.p10S	{font-size: 10px; line-height:100%;}
.p11	{font-size: 11px; line-height:120%;}
.p12	{font-size: 12px; line-height:125%;}
.p12S	{font-size: 12px; line-height:110%;}
.p12M	{font-size: 12px; line-height:135%;}
.p12L	{font-size: 12px; line-height:150%;}
.p12LL	{font-size: 12px; line-height:175%;}
.p13	{font-size: 13px; line-height:125%;}
.p13L	{font-size: 13px; line-height:150%;}
.p14	{font-size: 14px; line-height:125%;}
.p14L	{font-size: 14px; line-height:150%;}
.p14S	{font-size: 14px; line-height:110%;}
.p16	{font-size: 16px; line-height:125%;}
.p16S	{font-size: 16px; line-height:110%;}
.p18	{font-size: 18px; line-height:125%;}
.p20	{font-size: 20px; line-height:125%;}
.p24	{font-size: 24px; line-height:125%;}


/* 購入方法のページ */
.sub08_img_sttl {
	margin-right:12px;
}

.sub08_txt_red	{
	font-weight:bold;
	color: #ff0000;
}




.sub08_title	{
	font-size: 16px;
	line-height:125%;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	color: #EB6B92;
}
.sub08_txt	{
	font-size: 12px;
	line-height:125%;
	margin: 5px 20px 20px 20px;
}

.sub08_ul	{
	font-size: 12px;
	line-height:125%;
	margin: 5px 20px 20px 50px;
	padding: 0px;
}



/*  ############################################################################# */

#dog01,#dog02,#dog03,#dog04,#dog05,#dog06,#dog07,#dog08,#cat01,#cat02,#cat03,#cat04,#cat05,#cat06,#cat07,#small01,#small02,#small03,#small04,#small05,#small06,#supplement01,#dental01,#natural01,#natural02,#natural03,#natural04,#natural05,#natural06 {
/*
	display: block;
*/
	display: none;

}

form {
	margin: 0px;
}




/*  ############################################################################# */


.TD-LINE-L	{
	border-top: 2px solid #ff3333;
	border-bottom: 2px solid #ff3333;
	border-left: 2px solid #ff3333;
}

.TD-LINE-M	{
	border-top: 2px solid #ff3333;
	border-bottom: 2px solid #ff3333;
}

.TD-LINE-R	{
	border-top: 2px solid #ff3333;
	border-bottom: 2px solid #ff3333;
	border-right: 2px solid #ff3333;
}

.TD-DASHED-TopLeft	{
	border-bottom: 1px dashed #EB6E95;
	border-right: 1px dashed #EB6E95;
}

.TD-DASHED-BottomRight	{
	border-top: 1px dashed #EB6E95;
	border-left: 1px dashed #EB6E95;
}

.TD-topics	{
	border-bottom: 1px dotted #EB6B92;
}



.TD-shopnavi01	{
	border-bottom: 1px dotted #ff6666;
}
.TD-shopnavi01_title	{
	border-top: 1px solid #ff6666;
	border-bottom: 1px solid #ff6666;
}

.TD-shopnavi02	{
	border-bottom: 1px dotted #3399cc;
}
.TD-shopnavi02_title	{
	border-top: 1px solid #3399cc;
	border-bottom: 1px solid #3399cc;
}

.TD-shopnavi03	{
	border-bottom: 1px dotted #339966;
}
.TD-shopnavi03_title	{
	border-top: 1px solid #339966;
	border-bottom: 1px solid #339966;
}

.TD-shopnavi04	{
	border-bottom: 1px dotted #cc66cc;
}
.TD-shopnavi04_title	{
	border-top: 1px solid #cc66cc;
	border-bottom: 1px solid #cc66cc;
}

.TD-shopnavi05	{
	border-bottom: 1px dotted #666666;
}
.TD-shopnavi05_title	{
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}




a.header:link    {color: #330000; font-size:12px; text-decoration: none; }
a.header:visited {color: #330000; font-size:12px; text-decoration: none; }
a.header:active {color: #330000; font-size:12px; text-decoration: none; }
a.header:hover 	{color: #ff3333; font-size:12px; text-decoration: underline; }

a.topics:link    {font-size:16px; font-weight:bold; color: #333333; text-decoration: none; }
a.topics:visited {font-size:16px; font-weight:bold; color: #333333; text-decoration: none; }
a.topics:active {font-size:16px; font-weight:bold; color: #333333; text-decoration: none; }
a.topics:hover 	{font-size:16px; font-weight:bold; color: #ff3333; text-decoration: underline; }

a.shop_navi:link    {font-size:10px; color: #FFFFFF; text-decoration: none; }
a.shop_navi:visited {font-size:10px; color: #FFFFFF; text-decoration: none; }
a.shop_navi:active {font-size:10px; color: #FFFFFF; text-decoration: none; }
a.shop_navi:hover 	{font-size:10px; color: #ff3333; text-decoration: underline; }

a.shop_navi_1:link    {font-size:10px; color: #ff6666; text-decoration: none; }
a.shop_navi_1:visited {font-size:10px; color: #ff6666; text-decoration: none; }
a.shop_navi_1:active {font-size:10px; color: #ff6666; text-decoration: none; }
a.shop_navi_1:hover 	{font-size:10px; color: #99ccff; text-decoration: underline; }

a.shop_navi_2:link    {font-size:10px; color: #3399cc; text-decoration: none; }
a.shop_navi_2:visited {font-size:10px; color: #3399cc; text-decoration: none; }
a.shop_navi_2:active {font-size:10px; color: #3399cc; text-decoration: none; }
a.shop_navi_2:hover 	{font-size:10px; color: #ff6600; text-decoration: underline; }

a.shop_navi_3:link    {font-size:10px; color: #339966; text-decoration: none; }
a.shop_navi_3:visited {font-size:10px; color: #339966; text-decoration: none; }
a.shop_navi_3:active {font-size:10px; color: #339966; text-decoration: none; }
a.shop_navi_3:hover 	{font-size:10px; color: #ff6600; text-decoration: underline; }

a.shop_navi_4:link    {font-size:10px; color: #cc66cc; text-decoration: none; }
a.shop_navi_4:visited {font-size:10px; color: #cc66cc; text-decoration: none; }
a.shop_navi_4:active {font-size:10px; color: #cc66cc; text-decoration: none; }
a.shop_navi_4:hover 	{font-size:10px; color: #ff6600; text-decoration: underline; }

a.shop_navi_5:link    {font-size:10px; color: #666666; text-decoration: none; }
a.shop_navi_5:visited {font-size:10px; color: #666666; text-decoration: none; }
a.shop_navi_5:active {font-size:10px; color: #666666; text-decoration: none; }
a.shop_navi_5:hover 	{font-size:10px; color: #ff6600; text-decoration: underline; }

.subtitle_dog	{font-size: 12px; line-height:120%; color:#ff3333; font-weight:bold;}
.subtitle_cat	{font-size: 12px; line-height:120%; color:#006699; font-weight:bold;}
.subtitle_other	{font-size: 12px; line-height:120%; color:#006633; font-weight:bold;}
.subtitle_dental	{font-size: 12px; line-height:120%; color:#993399; font-weight:bold;}
.subtitle_natural	{
	font-size: 12px;
	line-height:120%;
	color:#FFFFFF;
	font-weight:bold;
}


.TD_shop_explanation {padding:15px;}

#wrap {
   width:100%;
   float:left;
}
#content {
   margin-right:260px;
}
#sidebar {
   margin:0px auto;
   width:850px;
   border: 0px solid #f00;
}
#movable {
   width:220px;
   border: 0px solid #00f;
   _margin-left:-425px;
}


/*
div	{border: 1px solid #ff0000;}
/*

/* *****************************　共通　***************************** */

#top-wrap {
	background-image: url(../imgs/all_background.gif);
	background-repeat: repeat-y;
	width  : 874px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 0px solid #ff0000;
	padding-top: 0px;
	margin-bottom: 0px;
}

#top-wrap-end {
	background-image: url(../imgs/all_background_end.gif);
	background-repeat: no-repeat;
	width  : 874px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	height: 12px;
	border: 0px solid #ff0000;
}

#top-header {
	width  : 850px;
	height : 68px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	background: #009944;
}

#top-footer {
	width  : 850px;
	text-align: center;
	border: 0px solid #ff0000;
	margin: 50px auto 0px auto;
}

#top-footer-navi {
	width  : 800px;
	text-align: right;
	margin: 0px auto 2px auto;
	color: #999999;
	font-size: 12px;
}

#top-footer-copyright {
	width  : 810px;
	text-align: center;
	margin: 0px auto 0px auto;
	border-top: 2px solid #009944;
	color: #999999;
	font-size: 12px;
	padding-top: 2px;
}

#top-footer-navi a {
	color : #999999;
	font-size : 12px;
	line-height	: 120%;
	text-decoration: none;
}

#top-footer-navi a:hover {
	color : #ff3333;
	font-size : 12px;
	line-height	: 120%;
	text-decoration: underline;
}


/* *****************************　トップ　***************************** */




/* ロールオーバーボタン #################################################################################### */

#navi_00 {
display: block;   
text-indent: -9999px;   
width: 183px;   
height: 27px;  
margin: 0px;
background-image:url(../imgs/all_btn_00.gif);
background-repeat:no-repeat;
}
#navi_00:hover {
background-image:url(../imgs/all_btn_00_on.gif);
background-repeat:no-repeat;
}

#navi_01 {
display: block;   
text-indent: -9999px;   
width: 183px;   
height: 27px;  
margin: 0px;
background-image:url(../imgs/all_btn_01.gif);
background-repeat:no-repeat;
}
#navi_01:hover {
background-image:url(../imgs/all_btn_01_on.gif);
background-repeat:no-repeat;
}

#navi_02 {
	display: block;
	text-indent: -9999px;
	width: 184px;
	height: 27px;
	margin: 0px;
	background-image:url(../imgs/all_btn_02R.gif);
	background-repeat:no-repeat;
}
#navi_02:hover {
	background-image:url(../imgs/all_btn_02R_on.gif);
	background-repeat:no-repeat;
}

#navi_03 {
display: block;   
text-indent: -9999px;   
width: 184px;   
height: 27px;  
margin: 0px;
background-image:url(../imgs/all_btn_03.gif);
background-repeat:no-repeat;
}
#navi_03:hover {
background-image:url(../imgs/all_btn_03_on.gif);
background-repeat:no-repeat;
}

#navi_04 {
display: block;   
text-indent: -9999px;   
width: 184px;   
height: 26px;  
margin: 0px;
background-image:url(../imgs/all_btn_04.gif);
background-repeat:no-repeat;
}
#navi_04:hover {
background-image:url(../imgs/all_btn_04_on.gif);
background-repeat:no-repeat;
}

#navi_05 {
display: block;   
text-indent: -9999px;   
width: 184px;   
height: 27px;  
margin: 0px;
background-image:url(../imgs/all_btn_05.gif);
background-repeat:no-repeat;
}
#navi_05:hover {
background-image:url(../imgs/all_btn_05_on.gif);
background-repeat:no-repeat;
}

#navi_06 {
display: block;   
text-indent: -9999px;   
width: 184px;   
height: 27px;  
margin: 0px;
background-image:url(../imgs/all_btn_06.gif);
background-repeat:no-repeat;
}
#navi_06:hover {
background-image:url(../imgs/all_btn_06_on.gif);
background-repeat:no-repeat;
}

#navi_07 {
display: block;   
text-indent: -9999px;   
width: 184px;   
height: 27px;  
margin: 0px;
background-image:url(../imgs/all_btn_07.gif);
background-repeat:no-repeat;
}
#navi_07:hover {
background-image:url(../imgs/all_btn_07_on.gif);
background-repeat:no-repeat;
}

#navi_08 {
display: block;   
text-indent: -9999px;   
width: 184px;   
height: 27px;  
margin: 0px;
background-image:url(../imgs/all_btn_08.gif);
background-repeat:no-repeat;
}
#navi_08:hover {
background-image:url(../imgs/all_btn_08_on.gif);
background-repeat:no-repeat;
}

#navi_09 {
display: block;   
text-indent: -9999px;   
width: 184px;   
height: 33px;  
margin: 0px;
background-image:url(../imgs/all_btn_09.gif);
background-repeat:no-repeat;
}
#navi_09:hover {
background-image:url(../imgs/all_btn_09_on.gif);
background-repeat:no-repeat;
}

#navi_11 {
display: block;   
text-indent: -9999px;   
width: 184px;   
height: 27px;  
margin: 0px;
background-image:url(../imgs/all_btn_11.gif);
background-repeat:no-repeat;
}
#navi_11:hover {
background-image:url(../imgs/all_btn_11_on.gif);
background-repeat:no-repeat;
}







/* 角丸四角形 */
.roundedcornr_box_top {
	width: 479px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.roundedcornr_box_mid {
	background: url(../imgs/sub01_frame_mid.gif) repeat-y left top;
	width: 459px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}
/* IE6用 */
*html body div.roundedcornr_box_mid {
	background: url(../imgs/sub01_frame_mid.gif) repeat-y left top;
	width: 479px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}

.roundedcornr_box_btm {
	width: 479px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	height: 10px;
	padding: 0px;
}

/* 角丸四角形ここまで */



/*------------------[ 汎用タグ ]--------------------------*/
a, a:link, a:visited, a:active {
  text-decoration: underline;
}
a:link, a:visited { color: #0099ff; }
a:hover, a:active { 
  color: #ff3300;  text-decoration: underline;
}

a.foot_link {
  color: #0099cc;
  text-decoration: none;
}
a.foot_link:hover {
  color: #ff3300;
  text-decoration: underline;
}

a img { border: none; }
em { font-style: italic; }
kbd {
  font: 500 12px verdana, arial, sans-serif;
  text-decoration: underline;
}
acronym, abbr { cursor: help; }
h3,h4,h5,h6 { font-weight: normal; }
h1, h2, h3, h4, h5 {
  margin: 15px 0;
  text-align: center;
}
h1 { font-size: 200%; }
h2 { font-size: 160%; }
h3 { font-size: 130%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
code { font-family: "Courier New", Courier, monospace; }
label { cursor: pointer; }
address {
  width :100%;  text-align: center;
  margin: 2em 0 1em 0;
  font: 500 13px Times New Roman;
}

.no-btm-space {
	vertical-align:bottom;
}

.txt_title {
  margin:5px 1px 1px 2px;
  font-size:18px;
  font-weight:bold;
  color:#ED6D00;
}

.txt_strong {
	font-size:14px;
	font-weight:bold;
	color:#006699;
	margin: 0;
	line-height: 145%;
}

.txt_form {
	margin:1px 1px 0px 5px;
	font-size:12px;
	color:#444C53;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	line-height: 110%;
	padding: 1px 1px 2px;
	border: 1px solid #cccccc;
}

.txt_norm {
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#666666;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	line-height: 150%;
}

.txt_norm2 {
	margin:1px 1px 4px;
	font-size:12px;
	color:#555555;
	line-height:140%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

.txt_L {
	margin:1px 1px 4px;
	font-size:14px;
	color:#998877;
	line-height:140%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

.txt_remarks {
	font-size:10px;
	color:#dd3333;
	line-height:125%;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
}

/* テーブル */

.td01_left {
	text-align: right;
	vertical-align: top;
	font-weight: 400;
	color: #0099CC;
	padding: 5px;
}
.td01_mid {
	vertical-align: top;
	color: #0099CC;
	padding: 5px 1px;
}
.td01_right {
	border-bottom: 1px solid #DEF4FD;
	padding: 5px;
	text-align: left;
}

.td02_left {
	text-align: center;
	vertical-align: top;
	font-weight: 400;
	color: #0099CC;
	padding: 5px;
	background-color: #DEF4FD;
	border-bottom: 1px solid #FFFFFF;
}




/*------------------[ 汎用クラス ]--------------------------*/
.hidden { display: none !important; }
.jump {
  padding-right: 1em; text-indent: -1000%;
  cursor: pointer;
  background: url(../Images/jump.png) no-repeat right top;
  display: block;
  width: 50px;  float: right;
}
.center, .alert {
  width: 99%;
  text-align: center;
  margin: 30px auto;
}
.alert { color: crimson; }
.new-entry {
  width: 17px; height: 12px;
}
hr.clear {
  clear: both;
  padding-bottom: 1px;  margin-bottom: -1px;
  width: 100%;  height: 1px;  border: none;
  visibility: hidden;
}
.separator {
  clear: both;
  border: none;  text-align: center;  margin-top: 0;
  background: url(../Images/divider.png) no-repeat 50% top;
}
.micro-banner { width: 80px; height: 15px; }
