@charset "UTF-8"; 

body {
	font-size: 80%;
	line-height: 1.4;
	text-align: center;
	color: #4d4d4d;
	background:url(../img/bg.gif) repeat-y center;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd,img,object,param,embed,form,fieldset,input,optgroup,textarea,button {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,form,fieldset,input,select,optgroup,option,textarea,button {
	font-size: 100%;
}

fieldset {
	border: none;
}

select,input {
	vertical-align: middle;
}

optgroup {
	font-style: normal;
}

table,tr,th,td {
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
}

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

ul,ol,dl,li {
	list-style: none;
}

a {
	color: #000066;
	text-decoration: none;
}

a:visited {
	color: #000066;
}

a:hover {
	color: #000066;
	text-decoration: underline;
}

div:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

dl:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

dt:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

dd:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}

object.right {
	width: 262px;
}

div.colum {

	float: left;
}

div.colum_end {
	float: left;
}

.bold {
	font-weight: bold;
}

.end {
	margin: 0;
}

/* container */

div#container {
width:800px;
margin:0 auto;
text-align:left;
}

/*header*/

div#header{
width:800px;
clear:left;
margin:0 0 20px 0;
}

div#header table{
width:800px;
clear:left;
border-collapse:collapse;
}

div#header div.colum{
width:800px;
margin-bottom:0px;
}

div#header div.colum_end{
width:375px;
}

div.drcoffee{
width:700px;
margin:auto auto;
clear:both;
}

div#header h1{
float:left;
display:inline;
}

div#header h2{
float:left;
display:inline;
}

div#header p{
display:inline;
margin:0;
}

div#header ul{
width:800px;
clear:left;
}

div#header ul li{
float:left;
}

div#header form{
display:inline;
}

div#header form p{
display:inline;
margin:0;
}

div#header form p input{
display:inline;
}

/*program*/

div#program{
width:670px;
margin:30px auto;
padding:30px 0;
border-top:2px solid #d5d5d5;
border-bottom:2px solid #d5d5d5;
clear:left;
font-size:120%;
text-align:left;
}

div#program td{
}

div#program .sbtn{
background-color:#EEE;
margin: 0px;
padding:3px;
text-align: center;
color:#000000;
font-size:14px;
font-weight:bold;
}

div#program h3{
padding:0.5em;
background:#cccccc;
color:#191919;
text-align:center;
}

/*program*/

div#program{
width:670px;
margin:0 auto;
clear:left;
}

div#program p{
margin:0 0 10px 0;
}

div#program table.form{
border-collapse:collapse;
}

div#program table.form td{
border:1px solid #0f51aa;
}

div#program table caption{
background:#0f51aa;
color:white;
padding:5px;
}

div#program table th{
padding:5px;
}

div#program table td{
padding:5px;
}

div#program input.submit{
font-size:16px;
font-weight:bold;
margin:20px 0;
padding:0.5em;
}

div#program input.text{
font-size:120%;
}


/*menu*/

ul#menu{
width:684px;
margin:0 auto 5px auto !important;
clear:left;
text-align:center;
}

ul#menu li{
width:114px;
height:40px;
float:left;
}

div.mainmenu{margin:auto;border-bottom:12px solid #bf2f61;}
div.mainmenu p{float:left;}

/*acount*/

ul#acount{
font-family: "ＭＳ Ｐゴシック",sans-serif;
width:auto;
clear:left;
margin:0 auto 18px 25px;
text-align:center;
}

ul#acount li{
display:inline;
margin:0 16px 0 0;
}

ul#acount li.end{
display:inline;
margin:0;
}

/*contents*/

div#contents{
width:680px;
clear:left;
margin:4em auto;
}


div#contents div.contents{
}

div#contents div.contents h3{
margin:0 0 -12px 0;
padding:0 0 0 12px;
background:#fff;
z-index:1;
}

div#contents h2{
margin:0 0 1em 0;
}

/*display*/

div.display{
width:800px;
clear:left;
margin:0 auto;
}

div.display ul li.name{
font-size:100%;
margin:0 0 10px 0;
line-height:1;
}

div.display ul li.number{
font-size:100%;
font-weight:bold;
line-height:1;
color:white;
}

div.display ul li.number span{
background:url(../img/number_bg.gif) #8c8c8c repeat-x;
}

div.display ul li.price{
font-size:100%;
font-weight:bold;
color:#e50000;
line-height:1;
}

div.display ul li.name span{
margin:0 0 0 5px;
}

div.display ul.jell{
margin:10px 30px 0 0;
padding:5px;
background:url(http://www.july7.co.jp/limpiar/img/set_bg.gif) top center repeat-x;
}

div.display ul.jell li.rose{
margin:0 0 1em 0;
font-size:80%;
color:#333333;
font-weight:normal;
}

/*regular*/

div.regular table{
width:680px;
margin:0 auto;
border-collapse:collapse;
}

div.regular table caption{
text-align:left;
}

div.regular table caption span {
	font-size: 140%;
	font-weight: bold;
}

div.regular table th{
padding:0.5em;
line-height:1;
}

div.regular table td{
padding:0.5em;
line-height:1;
border:1px solid #333333;

}

/*div.regular table tr.bottom td{
border-bottom:1px dashed #333333;
}

div.regular table tr.top td{
border-top:1px dashed #333333;
}*/

div.regular table tr td.none{
border-right:none;
border-left:none;
}

div.regular table td.image{
width:120px;
height:120px;
}

div.regular table td.number{
background:#fdfbec;
}

div.regular table td.price{
font-weight:bold;
}

div.regular table td.description{
line-height:1.4;
}

div.regular{
clear:left;
width:680px;
margin:0 auto 30px auto;
}

div.regular p strong{
margin:0 1em 0 0;
color:white;
background:#bf3061;
}

div.regular p span{
color:#bf3061;
}

div.regular img{
float:left;
margin:0 30px 0 0;
}

div.regular div.colum{
width:333px;
margin:0 10px 0 0;
border:1px solid #e5e5e5;
}

div.regular div.colum_end{
width:333px;
border:1px solid #e5e5e5;
}

div.regular div.goods{
width:313px;
padding:10px;
}

div.regular div.goods ul.jell{
float:left;
margin:10px 0 0 0;
}

div.regular h2{
color:#666666;
background-image:url(../img/bg01.gif);
margin:0 0 10px 0;
padding:5px 0px 5px 0px;
text-align:center;
}

div.regular img.left{
margin:0 20px 0 0;
}

div.regular ul{
list-style:none;
}

div.regular ul li{
font-size:80%;
}

div.regular ul li.rose{
font-weight:normal;
color:#333333;
}

div.regular ul li.price{
margin:0.5em 1em 0 0;
float:left;
}

div.regular ul li.price span{
font-size:80%;
color:#333333;
font-weight:normal;
text-decoration:underline;
}

div.regular ul li.buy{
margin:0.5em 0 0 0;
}

/*set*/

div.set{
clear:left;
width:640px;
margin:0 auto 30px auto;
padding:0 0px;
background:url(../img/set_bg.gif) no-repeat center;
}

div.set div.display{
clear:left;
width:540px;
margin:0 auto 20px auto;
}

div.set div.display2{
clear:left;
width:640px;
height:52px;
margin-top:0px auto 20px auto;
position:relative;
}

div.set div.display img.left{
margin:0 90px 0 0;
}

div.set table{
width:100%;
clear: left;
margin:0 auto;
}

div table tr.none td{
padding:0.5em 0 2em 0;
border:none;
}


div.set table tr.bottom td{
border-bottom:0px dashed #333333;
}

div.set table tr.top td{
border-top:0px dashed #333333;
}




div.set table th{
padding:0.5em 0.2em;
line-height:1;
text-align:left;
}

div.set table td{
padding:0.5em 0.2em;
line-height:1;
border:1px solid #333333;


}

div.set table tr td.name{
padding:0.5em 0.1em;
line-height:1;
border-top:1px solid #333333;
border-right:1px solid #333333;
border-bottom:none !important;
border-left:none;
}

div.set table tr td.frequency{
border-bottom:1px solid #333333;
border-left:none;
}

div.set table tr td.number{
width:65px;
background:#fdfbec;
}

div.set table tr td.price{
width:100px;
font-weight:bold;

}

div.set table td.buy{
padding:0.5em 0.1em;
line-height:1;
border-top:1px solid #333333;
border-right:none;
border-bottom:1px solid #333333;
border-left:1px solid #333333;
}

div.set h2 span{
font-weight:normal;
}

div.set h3{
margin:0 0 30px 0;
}

div.set ul{
list-style:none;
}

div.set ul li{
font-weight:bold;
}

div.set ul li span.colonkit{
background:url(../img/set_li_colonkit.gif);
width:69px;
padding:2px 1px 1px 3px;
}

div.set ul li span.cafecolon{
background:url(../img/set_li_colonkit.gif) no-repeat left;
margin:0 1em 0 0;
padding:2px 2px 1px 3px;
}

div.set ul li span.amount{
padding:0 3px;
background:url(../img/set_li_amount.gif) no-repeat left;
color:white;
}

div.set ul li.price{
margin:0.5em 1em 0 0;
float:left;
}

div.set ul li.price span{
font-size:80%;
color:#333333;
font-weight:normal;
text-decoration:underline;
}

div.set ul li.buy{
margin:0.5em 1em 0 0;
}

div.set ul.jell li.buy{
float:left;
}

div.set ul.jell li.price{
float:none;
}

div.set div.colum{
width:225px;
padding:0 10px 0 180px;
}

div.set div.colum_end{
width:225px;
}

div.set div.colum div.goods{
width:225px;
margin:0 0 30px 0;
clear:left;
}

div.set div.colum_end div.goods{
width:225px;
margin:0 0 30px 0;
clear:left;
}

/*nature*/

div.nature{
clear:left;
width:640px;
margin:0 auto 30px auto;
padding:20px;
border-top:2px solid #3eb300;
border-bottom:2px solid #3eb300;
}

div.nature div.colum{
width:160px;
margin:0 20px 0 0;
}

div.nature div.colum_end{
width:460px;
}

div.nature h3{
margin:0 auto 12px auto;
}

div.nature ul{
list-style:none;
}

div.nature ul li.name{
float:left;
margin:0 1em 0 0;
line-height:1;
}

div.nature ul li.number{
float:left;
margin:0 1em 0 0;
}

div.nature ul li.price{
float:left;
margin:0 1em 0 0;
line-height:1;
}

div.nature ul li.buy{
}

div.nature li.description{
margin:0 0 1em 0;
}

div.nature li.note span{
color:#e50000;
}

div.nature li.note{
font-size:80%;
}


/*about_cafecolon*/

div#about_cafecolon{
clear:left;
margin:0 auto 30px auto;
width:680px;

font-size:100%;
}

div#about_cafecolon div.colum{
width:330px;
margin:0 20px 0 0;
}

div#about_cafecolon div.colum_end{
width:330px;
}

div#about_cafecolon div.point{
margin:0 auto 20px auto;
}

div#about_cafecolon h3{
margin:0 0 26px 0;
}

div#about_cafecolon h4{
margin:0 0 10px 0;
}

div#about_cafecolon p{
}

div#about_cafecolon p a{
display:block;
}

div#about_cafecolon div.dr_shinya{
clear:left;
width:680px;
}

div#about_cafecolon div.dr_shinya p{
margin:0 0 1em 0;
}

div#about_cafecolon div.dr_shinya p strong{
color:#b85340;
}

/*enema*/

div#enema{
width:680px;
clear:left;
margin:0 auto;
font-size:100%;
}

div#enema dl.colum{
width:360px;
}

div#enema object{
margin:0 0 30px 0;
}

div#enema h3{
margin:0 0 24px 0;
}

div#enema dl{
width:680px;
clear:left;
}

div#enema dl dt{
margin:0 0 10px 0;
padding:0.2em 15px;
color:#4d4d4d;
background-image:url(../img/enema_dt_bg.gif);
font-weight:bold;
}

div#enema dl dd{
padding:10px;
margin:0 0 30px 0;
background-color:#f1f5f5;
border-left:5px solid #9EB6B5;
}

div#enema ul{
list-style-type:none;
}

div#enema ul li{
padding:0px 0px 10px 0px;
}

/*howtouse*/

div#howtouse{
width:680px;
clear:left;
margin:0 auto;
font-size:100%;
}

div#howtouse h3{
margin:0 0 24px 0;
}

div#howtouse h4{
margin:0 0 10px 0;
padding:0.2em 15px;
color:#4d4d4d;
background-image:url(../img/how_to_use_dt_bg.gif);
font-weight:bold;
}



div#howtouse dl{
width:680px;
clear:left;
}

div#howtouse dl dt{
padding:10px;
margin:0 0 1em 0;
background-color:#f8eeea;
border-left:5px solid #cd866c;
}

div#howtouse dl dd{
margin:0 0 1em 0;
}

div#howtouse img.left{
margin:0 20px 0 0;
}

div.howtouse{
width:680px;
clear:left;
margin:0 0 30px 0;
}



/*howtouse_colonkit*/

div#howtouse_colon{
width:680px;
clear:left;
margin:0 auto;
font-size:100%;
}

div#howtouse_colon h3{
margin:0 0 24px 0;
}

div#howtouse_colon h4{
margin:0 0 10px 0;
padding:0.2em 15px;
color:#4d4d4d;
background-image:url(../img/how_to_use_dt_bgyellow.gif);
font-weight:bold;
}



div#howtouse_colon dl{
width:680px;
clear:left;
}

div#howtouse_colon dl dt{
padding:10px;
margin:0 0 1em 0;
background-color:#ffffc4;
border-left:5px solid #dfcd82;
}

div#howtouse_colon dl dd{
margin:0 0 1em 0;
}

div#howtouse_colon img.left{
margin:0 20px 0 0;
}

div.howtouse_colon{
width:680px;
clear:left;
margin:0 0 30px 0;
}
/*qa*/
div#qa h5{
margin:0 0 10px 0;
padding:0.2em 15px;
color:#4d4d4d;
background-image:url(../img/how_to_use_dt_bg.gif);
font-weight:bold;
}

div#qa h4{
margin:0 0 10px 0;
padding:0.2em 15px;
color:#4d4d4d;
background-image:url(../img/how_to_use_dt_bg.gif);
font-weight:bold;
}

div#qa {
width:680px;
clear:left;
margin:0 auto;
font-size:100%;
}

div#qa h3{
margin:0px 0px 24px 0px;
}

div#qa dl dt{
padding:3px 0px 3px 20px;
background-image:url(../img/qa_icon.gif);
background-repeat:no-repeat;
background-position:left;
}

div#qa dl dd{
padding:10px;
margin:0 0 30px 0;
background-color:#ffe4e1;
border-left:5px solid #ffc0cb;
}

/*about_cofee_enema*/

div#about_cofee_enema{
margin:0 auto;
width:680px;
font-size:100%;
}

div#about_cofee_enema h3{
margin:0 0 26px 0;
}

div#about_cofee_enema div.about{
clear:left;
margin:0 0 4em 0;
padding:10px;
background:url(../img/about_p_background.gif) no-repeat #d9eaff;
}

div#about_cofee_enema h1{
margin:0 0 32px 0;
}

div#about_cofee_enema h2{
margin:0 0 48px 0;
}

div#about_cofee_enema div.about_01{
clear:left;
height:240px;
margin:0 0 4em 0;
padding:10px;
background:#e4ded8;
}

div#about_cofee_enema div.about_01 object{
float:right;
margin:0 0 0 1em;
}

div#about_cofee_enema div.about_02{
clear:left;
margin:0 0 4em 0;
padding:10px;
background:url(../img/about_p_background_02.png) no-repeat #d4e7ff;
}

div#about_cofee_enema div.about_02 h2{
margin:0 0 32px 0;
}

/*about_constipation*/

/*
div#about_constipation{
width:680px;
clear:left;
margin:30px auto;
padding:30px 60px 0 60px;
border-top:2px solid #e0e0e0;
border-bottom:2px solid #e0e0e0;
font-size:100%;
}
*/

div#about_constipation{
width:680px;
clear:left;
margin:15px auto;
padding:30px 60px 0 60px;
font-size:100%;
}


div.about_constipation{
width:680px;
clear:left;
margin:0 0 30px 0;
}

div.about_constipation h3{
margin:0 0 18px 0;
padding:6px;
background:#f7e5eb;
}

div#about_constipation div#theme{
background:white;
margin:1.5em 0 2.5em 0;
padding:1em;
border:4px double #e1a18a;

}

div#about_constipation div#theme h3{
padding:0 0 2.5em 0;
}

div#about_constipation div#point h3{
padding:0 0 2.5em 0;
}

div#about_constipation div#point h4{
background:url(../img/about_p_background.gif) no-repeat bottom;
padding:0 0 2.5em 0;
}

div#about_constipation div#point h5{
background:#d9eaff;
padding:0 1em 1em 1em;
}

div#about_constipation div#point p{
margin:0;
padding:0 1em 1em 1em;
background:#d9eaff;
}


div#about_constipation div#point p.end{
margin:0 0 2em 0;
padding:0 1em 3em 1em;
background:url(../img/about_constipation_continue.gif) no-repeat white bottom;
}

div#about_constipation img.left{
float:left;
}

div#about_constipation img.right{
float:right;
}

div#about_constipation ul#pankuzu{
list-style:none;
}

div#about_constipation ul#pankuzu li{
float:left;
}

div#about_constipation ul#navi{
list-style:none;
float:right;
}

div#about_constipation ul#navi li{
margin:0 1em 0 0;
float:left;
}


/*shinya_biozyma*/

div#shinya_biozyma{
margin:0 auto 30px auto;
width:640px;
clear:left;
}

/*affiliation*/

div#affiliation{
width:680px;
clear:left;
margin:60px auto 0 auto;
padding:10px 60px;
background:url(../img/affiliation_bg.gif) repeat-x #cccccc;
text-align:center;
}

div#affiliation a{
color:#333333;
}

div#affiliation img.left{
margin:0 10px 0 0;
}

div#affiliation h3{
}

div#affiliation ul{
width:680px;
list-style:none;
margin:0.5em 0 1em 0;
padding:0.5em 0 0 0;
}

div#affiliation ul li{
margin:0 0.5em 0 0;
padding:0 0.5em 0 0;
display:inline;
border-right:1px solid;
}

/*about_farm*/

div#about_farm{
width:680px;
clear:left;
margin:30px auto;
padding:30px 60px;
border-top:2px solid #e0e0e0;
border-bottom:2px solid #e0e0e0;
font-size:100%;
}

div#about_farm h2{
margin:0 0 1em 0;
}

div.about_farm{
width:680px;
margin:0 0 30px 0;
}

div.about_farm img.left{
margin:0 10px 10px 0;
}

div.about_farm h3{
margin:0 0 1em 0;
}

div.about_farm p{
margin:0 0 1em 0;
}

/* スターターキット */

div.set2{
clear:left;
width:640px;
margin:0 auto 30px auto;
padding:0 80px;
background:url(../img/set_bg2.gif) no-repeat center top;
}

div.set2 div.display{
clear:left;
width:540px;
height:160px;
margin:20px auto 20px auto;
}

div.set2 div.display img.left{
margin:0 90px 0 0;
}

div.start01{
font-size:150%;
font-weight:bold;
margin-top:15px;
width:640px;
height:90px;
position:relative;
}

div.start02{
width:230px;
height:90px;
margin:10px 0 0 10px;
position:absolute; top:0; left:0;
}

div.start02 span{
color:#bc305d;
font-weight:bold;
}

div.start02 p{
font-weight:bold;
font-size:150%;
}

div.start03{
width:250px;
height:74px;
position:absolute; top:10px; right:30px;
}

#about_colonkit{
margin:0 auto 20px;
text-align:center;
}

#about_gel{
margin:0 auto 20px;
text-align:center;
}

#about_chonai{
margin:10px auto 20px;
text-align:center;
}

#kitbox{
margin:0 auto;
}

#material{
margin:10px auto;
width:640px;
}

#material table tr td.left{
background-color:#FF99FF;
width:60px;
}

#material table tr td.right{
background-color:#FF99FF;
}

#material table tr td.right2{
height:100px;
}

#material table tr td textarea{
margin:10px;
}

#material table caption{
height:30px;
font-weight:bold;
}

#download{
width:640px;
line-height:2em;
}

#download span{
font-weight:bold;
font-size:120%;
}

/* attention */

div#attention{
width:704px;
clear:left;
margin:0 auto 18px auto;
padding:6px;
border:2px solid #e50000;
text-align:center;
}

div#attention p{
margin:0;
color:#e50000;
font-weight:bold;
}

div#attention p a{
font-weight:normal;
}



img.whatimage{border:1px solid #696969;margin-right:3px;}

p.what{margin:10px auto;}

div.regular table tr.bottom td{
border-bottom:none;
}

div.regular table tr.bottom2 td{
border-bottom:1px solid #333333;
}


div.regular table tr.top td{
border-top:none;
}


/*option*/

div.option{
clear:left;
width:640px;
margin:0 auto;
padding:0 80px;
background:url(../img/option_bg.gif) no-repeat center;
}

div.option div.colum{
width:200px;
margin:0 20px 0 0;
text-align:center;
background:url(../img/option_colum_bg.gif) no-repeat center;
}

div.option div.colum_end{
width:200px;
text-align:center;
}

div.option h3{
width:640px;
margin:0 auto 30px auto;
}

div.option ul{
clear:left;
list-style:none;
text-align:left;
}

div.option li.image{
width:120px;
margin:0 auto 10px auto;
}

div.option li.price{
margin:0.5em 1em 0.5em 0;
float:left;
}

div.option li.buy{
margin:0.5em 0 0 0;
}

div.option li.name span{
font-size:80%;
}

div.option li.description{
margin:1em 0 0 0;
font-size:80%;
}


p.guide{background-color:#cd866c;color:white;padding:3px;margin-bottom:5px;}
p.guidegontents{margin-bottom:10px;}
p.seibunname{background-color:#d79e89;color:white;padding:2px;}
p.seibundetail{padding:5px 10px 0px 10px;color:#da366f;}
p.seibundeital2{padding-left:10px;padding-right:10px;}
div.factory{margin-bottom:20px;}