@charset "utf-8";
address {font-style: normal;}
em {font-style: normal;font-weight: bold;}
img {border-style: none;}
h1,h2,h3,h4,h5 {margin: 0px;padding: 0px;}


.toleft {text-align: left;}
.toright {text-align: right;}
.tocenter {text-align: center;}

.imgright {float: right;}
.imgleft {float: left;}
.imghr01 {margin-bottom: 10px;}

.bold {font-weight: bold;}
.f_red {color: #FF0000;}
.f_green {color: #009900;}
.f_brown {color: #660000;}
.f_pink {color: #FF66CC;}
.f_ore33 {color: #FF3300;}
.f_blue {color: #0000FF;}
.f_gray {color: #666666;}
.f_white {color: #FFFFFF;}


.f_redb {font-weight: bold;color: #FF0000;}
.f_brob {font-weight: bold;color: #660000;}
.f_oreb {font-weight: bold;color: #dc5600;}
.f_12 {font-size: 12px;}
.f_14 {font-size: 14px;}
.f_16 {font-size: 16px;}
.f_18 {font-size: 18px;}

.sp_t20 ,.tp20 {margin-top: 20px;}
.sp_t30,.tp30 {margin-top: 30px;}
.sp_t40,.tp40 {margin-top: 40px;}

.sp_b30,.bp30 {margin-bottom: 30px;}
.sp_b40,.bp40 {margin-bottom: 40px;}
.sp_b60,.bp60 {margin-bottom: 60px;}

.sp_r10 {margin-right: 10px;}
.sp_r20 {margin-right: 20px;}

.table14verbana {font-size: 14px;font-family: Verdana;}
.clean{clear:both;font-size: 1%;height: 1px;line-height: 1%;}




body {
font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
margin: 0px;
padding: 0px;
background-color: #FFF7FC;
background-image: url(../img/bg_body.jpg);
background-repeat: repeat-x;
background-position: top;
text-align: center;
}
a:link {color: #0066FF;}
a:visited {color: #0066FF;}
a:hover {color: #009900;}

#srap {
background-image: url(../img/bg_side.jpg);
background-repeat: no-repeat;
background-position: top;
text-align: center;
width: 870px;
margin-right: auto;
margin-left: auto;
background-color: #FFF7FC;
}

#wrap {
width: 800px;
padding-right: 35px;
padding-left: 35px;
text-align: center;
}
#header {
background-image: url(../img/bg_header.jpg);
clear: both;
height: 86px;
width: 800px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
text-align: left;
background-repeat: no-repeat;
}
#header_l {
float: left;
margin: 0px;
padding: 0px;
width: 550px;
}
.img_h_r_l {
margin-top: 23px;
margin-left: 5px;
margin-right: 25px;
}
#header_r {
float: right;
margin: 0px;
padding: 0px;
text-align: right;
width: 245px;
}
#header_r img {margin-right: 10px;margin-top: 39px;}

#menu {
background-image: url(../img/bg_menu.jpg);
background-repeat: no-repeat;
clear: both;
height: 77px;
width: 800px;
margin: 0px;
padding: 0px;
background-position: top;
}
#menu ul {
margin: 0;
width: 775px;
padding: 0px;
list-style-type: none;
margin: 0 0 0 25px;
}
#menu li {
list-style-type: none;
float: left;
padding: 0px;
margin-top: 11px;
margin-right: 14px;
}
#gotop {
text-align: right;
clear: both;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 15px;
font-size: 96%;
}
#gotop a:link {color: #0099FF;}
#gotop a:visited {color: #0099FF;}
#gotop a:hover {color: #00CC00;}

#privacy {
font-size: 92%;
clear: both;
width: 785px;
text-align: right;
height: 30px;
margin-right: 15px;
}
#privacy a {margin-right: 10px;}
#footer {
background-image: url(../img/bg_footer.jpg);
background-repeat: repeat-x;
clear: both;
height: 30px;
text-align: center;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background-position: bottom;
}
#footer a:link {color: #FF6699;text-decoration: none;}
#footer a:visited {color: #FF6699;text-decoration: none;}
#footer a:hover {color: #0099FF;text-decoration: none;}

address {
font-size: 12px;
font-family: Verdana;
padding-top: 10px;
color: #FF6699;
}



#top01 h1 {font-size:16px;}
#top01 p {font-size:14px;}

#toga_l h2 {font-size:14px;}
#toga_l p {font-size:14px;}

#toga_r a {font-size: 0.9em;}
#toga_r ul {font-size:16px;}


#tb_brown table {font-size: 1.0em;}
#tb_gray table {font-size: 1.0em;}


#pankuzu {font-size: 0.75em;}
#left {font-size: 0.8em;}
#left ul {font-size: 0.8em;}

#p_kampo,#p_case,#p_kind,
#p_sonota,#p_concept,#p_gray,#p_pink {}
#p_case h2,#p_case h3,#p_concept h2,#p_concept h3 {font-size: 1.2em;}


.ul_red {
	font-weight: bold;
	color: #FF0000;
	margin-left: 15px;
	line-height: 2em;
	list-style-type: square;
}
.ul_ore {
	font-weight: bold;
	color: #FF6600;
	margin-left: 15px;
	line-height: 2em;
	list-style-type: square;
}
.ul_gre {
	font-weight: bold;
	color: #009900;
	margin-left: 15px;
	line-height: 2em;
	list-style-type: square;
}
.li_leaf {
	list-style-image: url(../img/leaf01.gif);
	list-style-position: outside;
	padding-left: 10px;
}

.ul_bold {
	line-height: 2em;
	font-weight: bold;
	margin-left: 15px;
	list-style-type: square;
}
.ul_normal {
	line-height: 2em;
	margin-left: 18px;
	list-style-type: square;
	padding: 0px;
}
.ul_bold16 {
	line-height: 2em;
	font-weight: bold;
	margin-left: 15px;
	list-style-type: square;
	font-size: 1.2em;
}
.title01 {
	font-size: 1.2em;
	font-weight: bold;
	color: #660000;
	margin-bottom: 30px;
	font-family: Verdana;
}
.ul_q {
	list-style-position: outside;
	list-style-image: url(../img/pageimg/pagetop/hate01.gif);
	margin-left: 20px;
}
.ul_a {
	list-style-position: outside;
	list-style-image: url(../img/pageimg/pagetop/answer.gif);
	margin-left: 20px;
	line-height: 1.3em;
}
.li_q {padding-left: 8px;}
.li_a {padding-left: 7px;}
.imgtitle {padding-right: 180px;}
.imgpage {margin-bottom: 15px;}

.table_tenpo {
	font-size: 12px;
	color: #663300;
	text-align: center;
	height: 438px;
	width: 100%;
}
h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #660000;
	margin-bottom: 30px;
	font-family: Verdana;
	margin-left: 5px;
}
#tb_brown table {background-color: #CBC294;}
#tb_brown th {font-weight: bold;background-color: #ECE9D8;}
#tb_brown td {background-color: #FFFFFF;}

#table_brown ul {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 0.9em;
	padding-left: 0px;
	margin-left: 8px;
	list-style-type: circle;
}
#tb_gray table {background-color: #CCCCCC;}
#tb_gray th {background-color: #EBEADB;font-weight: bold;}
#tb_gray td {background-color: #FFFFFF;}

.tb_border {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tb_border2 {
	border-top-width: 4px;
	border-top-style: dotted;
	border-top-color: #999999;
	border-bottom-width: 4px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 15px;
	padding-top: 5px;
}
.f_120 {font-size: 120%;}

.g_box {border: 1px solid #CCCCCC;padding: 5px 10px;width: 80%; margin-left: 10px;}
.g_box60 {border: 1px solid #CCCCCC;padding: 5px 10px;width: 60%; margin-left: 10px;}

.info_holyday {
text-align: center;
margin-bottom: 20px;
}


#main {
width: 800px;
background-color: #FFFFFF;
margin-bottom: 0px;
padding-bottom: 0px;
}
.sp_top {
padding-left: 40px;
}
#mainbottom {
/*clear: both;*/
margin-top: 10px;
width: 800px;
}
#top01 {
background-image: url(../img/temp/t_winter.jpg);

/*
background-image: url(../img/temp/t_spring.jpg);
background-image: url(../img/temp/t_summer.jpg);
background-image: url(../img/temp/t_autum.jpg);
*/
background-repeat: no-repeat;
background-position: center top;
height: 172px;
width: 800px;
margin-bottom: 20px;
}

/*

<h1>春は五臓の内の「肝」に関連した症状が。</h1>
<p>春は対内から体外へ向けて押し上げ活動する季節です。陽の気が動き始め、活発になる時期、人も…【<a href="case/spring.html">続きを見る</a>】</p>

<h1>夏は五臓の「肺臓・心臓」「腸」に関連した症状が。</h1>
<p>夏の時期は日照時間が長くなり、それに合わせ行動する時でもあり、この行動力が冬から春にかけ…【<a href="case/summer.html">続きを見る</a>】</p>

<h1>秋の季節は特に五臓の内の「肺」に関連した症状が。</h1>
<p>秋は収穫の時期といい生命の源となるエネルギーを発散してしまい新しい生命力を作る為に、体…【<a href="case/autum.html">続きを見る</a>】</p>

<h1>冬の季節は特に五臓の内の「腎」に関連した症状。</h1>
<p>冬の時期は閉蔵といって、積極的に進もうとか、元気や意欲が盛んでいるとか、機能的に…【<a href="case/winter.html">続きを見る</a>】</p>

*/

.topboard {
width: 740px;
margin: 20px 0 0 20px;padding: 10px 10px 10px 10px;
background-color: #f5f5f5;
}

.topboard table {font-size: 14px;}
.topboard th {
width: 100px;
font-weight: normal;color: #111;
text-align: left;
padding: 2px;
}
.topboard td {color: #222;text-align: left;}

#top01 h1 {
position: relative;
left: 310px;
top: 75px;
color: #663300;
text-align: left;
margin-bottom: 5px;
}
#top01 p {
color: #555555;
padding-left: 315px;
padding-right: 40px;
padding-top: 70px;
text-align: left;
line-height: 1.3em;
}
#togashi {
background-image: url(../img/bg_topb.jpg);
background-repeat: no-repeat;
background-position: top;
height: 168px;
width: 800px;
text-align: center;
}
#toga_l {
float: left;
width: 410px;
text-align: left;
}
#toga_l h2 {
position: relative;
top: 60px;
left: 35px;
margin-bottom: 15px;
color: #660000;
}
#toga_l p {
position: relative;
left: 50px;
top: 55px;
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
line-height: 1.2em;
color: #333333;
}

#toga_r {
float: right;
width: 390px;
text-align: left;
}
#toga_r ul {
margin: 0px;
padding: 0px;
list-style-type: none;
position: relative;
line-height: 2em;
top: 40px;
}
#info {
color: #666666;
font-size: 90%;
padding-top: 20px;
text-align: left;
padding-left: 20px;
}
#info a:link {font-weight: bold;color: #FF3300;}
#info a:visited {font-weight: bold;color: #FF3300;}
#info a:hover {font-weight: bold;color: #009900;}


/*page*/
input:focus ,textarea:focus {background:#efffef;}

#page {
	clear: both;
	width: 800px;
	background-color: #FFFFFF;
	text-align: left;
}
#page p {line-height: 1.5em;}
#pankuzu {
	margin-bottom: 10px;
	padding-left: 10px;
	color: #666666;
	font-family: Verdana;
	margin-top: 2px;
	margin-left: 0px;
}
#pankuzu a {
	background-image: url(../img/arrow_b11.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 13px;
	padding-right: 20px;
}

#left {
	float: left;
	width: 180px;
	text-align: left;
	padding-top: 15px;
	padding-left: 5px;
	font-size: 0.8em;
	color: #333333;
}
#left hr {
	color: #FFFFFF;
	width: 80%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	text-align: center;
}
#left p {margin: 7px 0px 7px 15px;}
#left a:link {color: #660000;}
#left a:visited {color: #660000;}
#left a:hover {color: #009900;}
#left hr {
	color: #FFFFFF;
	width: 80%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	text-align: center;
}
#left ul {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	list-style-type: none;
	margin-top: 10px;
	margin-left: 15px;
}

#pagemain {clear: both;width: 610px;}

#p_kampo,#p_case,#p_kind,
#p_sonota,#p_concept,#p_gray,#p_pink {
	float: right;
	width: 560px;
	/*font-size: 0.9em;*/
	font-family: Verdana;
	padding-left: 35px;
	padding-right: 15px;
	background-repeat: repeat-y;
	background-position: left;
	margin-left: 0px;
}
#p_kampo p,#p_case p,#p_kind p,
#p_sonota p,#p_concept p,#p_gray p,#p_pink p {
	margin-left: 6px;
	margin-top: 10px;
	line-height: 1.5em;
}

#p_kampo {background-image: url(../img/pageimg/line_gre.gif);}
#p_case {background-image: url(../img/pageimg/line_red.gif);}
#p_kind {background-image: url(../img/pageimg/line_blue.gif);}
#p_kind hr,#p_concept hr {
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}

#p_sonota {background-image: url(../img/pageimg/line_bro.gif);}
#p_concept {background-image: url(../img/pageimg/line_kon.gif);}
#p_gray {background-image: url(../img/pageimg/line_gray.gif);}
#p_pink {background-image: url(../img/pageimg/line_pink.gif);}

/* access page */

#p_gray caption {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #330000;
}
#map {
	height: 300px;
	width: 550px;
	border: 1px dotted #CCCCCC;
}

/* concept concept02 */

#tenpo {
	background-image: url(../img/pageimg/concept/map02.gif);
	background-repeat: no-repeat;
	height: 440px;
	width: 525px;
	margin-top: 10px;
}
.cons_in {clear: both;width: 555px;}
.cons_inl {float: left;width: 355px;}
.cons_inr {float: right;width: 200px;margin-bottom: 20px;}
#page .cons_inr p {margin: 0;font-size: 12px;}


/* case page */

#p_case h2,#p_case h3 {
	background-image: url(../img/pageimg/leaf02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FF6666;
	font-weight: bold;
	margin-bottom: 20px;
	height: 35px;
	padding: 0px 0px 0px 42px;
	line-height: 2.4em;
}
#p_case ul {margin-left: 25px;margin-bottom: 30px;}
#p_case ol {margin-left: 10px;margin-bottom: 0px;padding-left: 0px;margin-top: 0px;}
#p_case li {line-height: 1.5em;list-style-type: square;margin-left: 0px;}

/* cons index */

#p_pink ul {
	line-height: 2em;
	font-weight: bold;
	margin-left: 15px;
	list-style-type: square;
	margin-top: 0px;
	padding-top: 0px;
}

/* melmaga page */

#melmaga {margin-top: 40px;margin-bottom: 30px;}
#backnum ul {margin-left: 5px;padding-left: 5px;}

#backnum li {
	background-image: url(../img/leaf01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	list-style-type: none;
	margin-left: 0px;
	line-height: 1.5em;
	padding-top: 0.5em;
}
#backnum li a {margin-left: 5px;}

.kampo02 {height: 300px;width: 500px;}

#p_concept h1,#p_concept h2,#p_gray h1{
margin: 30px 0px 30px 5px;
padding: 0px;
}

.board {width: 530px;border: 1px solid #4b983f;background-color: #fdffd7;padding: 10px;margin-bottom: 30px;}
.board p {line-height: 1.4em;margin: 10px 0;}



@media screen and (max-width: 796px){	/* start_max-width */

#main img {width: 100%;height: auto;}
.l_sp {
    font-size: 110%;
    text-align: center;
    border-top: 17px solid #549e57;
    border-bottom: 17px solid #549e57;
    border-left: 1px solid #549e57;
    border-right: 1px solid #549e57;
    margin-bottom: 20px;
    padding: 20px 0;
	}

}/* end_max-width */



@media screen and (max-width: 415px){

.nosp ,#main object ,#pankuzu ,object {display: none;}

#srap ,#wrap ,#header ,#menu ,#main ,#footer ,#privacy ,#header_l ,#header_r ,
#main ,#mainbottom ,#top01 ,.topboard ,#togashi ,#toga_l ,#menu ,#menu ul ,#left ,
#toga_r ,#page ,#pagemain ,#p_sonota,#p_concept,#p_gray,#p_pink ,
#map ,#tenpo ,.cons_in ,.cons_inl ,.cons_inr ,.kampo02 ,.board ,
#p_kampo,#p_case,#p_kind,
#p_sonota,#p_concept,#p_gray,#p_pink {width: 100%;box-sizing:border-box;}

#header ,#menu ,#footer ,#privacy ,
#top01 ,#togashi ,#map ,#tenpo ,#p_case h2,#p_case h3 ,.kampo02 {height: auto;}


#srap ,#wrap ,#header ,#main ,#footer ,#privacy ,#header_l ,#header_r ,
#toga_l ,#toga_r ,.cons_inl ,.cons_inr ,#p_kampo,#p_case,#p_kind ,#left ,
#p_sonota,#p_concept,#p_gray,#p_pink {float: none;}

#wrap {
padding-right: 5px;
padding-left: 10px;
}
#page {margin-top: 20px;}

#wrap ,#wrap ul ,#wrap ol {font-size: 100%;}
#wrap p {line-height: 1.45em;}

.img_h_r_l {width: 100%;height: auto;margin-top: auto;margin-left: auto;margin-right: auto;}

#header_r {text-align: left;}
#header_r img {margin-right: auto;margin-top: auto;}

#menu {background: none;}
#menu ul {margin: 0 0 0 0;}
#menu li {margin-right: 5px;}

#top01 {background-image: none;background-color: #ffedf3;border: 1px dotted #630;border-radius:5px;margin-top: 20px;}
#top01 {position: relative;z-index: 0;box-sizing:border-box;}

#top01:after {
content: "";
position: absolute;
left: 10px;
right: 10px;
top: 10px;
bottom: 10px;
padding: 3px;
margin: -4px;
border-radius: 5px;
z-index: -1;
border: 1px dashed #888888;
}

#top01:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 5px;
box-shadow: inset -1px -1px 2px rgba(0,0,0,0.3), inset 1px 1px 2px rgba(255,255,255,1);
z-index: -1;
}

#top01 h1 ,#top01 p {padding: 0;left: auto;top: auto;line-height: 1.4em;}
#top01 h1 {font-size: 100%;margin: 20px 15px 20px 20px;}
#top01 p {font-size: 100%;margin: 10px 10px 20px 20px;}

#togashi {background: none;text-align: left;}

#toga_l h2 {
font-size: 104%;
position: static;
top: auto;
left: auto;
margin-top: 25px;
border-bottom: 2px dotted #630;
}
#toga_l p {font-size: 100%;position: static;left: auto;top: auto;}

#toga_r ul {
font-size: 130%;
margin: 15px 0 0 20px;
list-style-type: square;
position: static;
top: auto;
}
#info {font-size: 100%;padding-top: 20px;padding-left: 0px;}

.topboard {margin: 20px 0 20px 0;padding: 0px;background-color: none;}
.topboard th ,.topboard td {font-size: 110%;display: block;width: 100%;}
.topboard th {background-color: #584163;text-align: center;color: #fff;padding: 8px 0 6px 0;}
.topboard td {padding: 5px 0 5px 2px;}

#privacy {text-align: left;margin-right: 0px;}

#footer {
font-size: 94%;
background:none;
background-color: #ffe7f9;
text-align: left;
padding: 10px 2px 10px 10px;margin-top: 15px;
}

address {padding-top: 0px;color: #FF6699;}


#p_kampo,#p_case,#p_kind,
#p_sonota,#p_concept,#p_gray,#p_pink {
	font-size: 100%;
	padding-left: 5px;padding-right: 5px;
	background: none;
}

#p_kampo img,#p_case img,#p_kind img,
#p_sonota img,#p_concept img,#p_gray img,#p_pink img {max-width: 100%;height: auto;}

#p_kampo p,#p_case p,#p_kind p,
#p_sonota p,#p_concept p,#p_gray p,#p_pink p {
	margin-left: 2px;
	margin-top: 10px;
	line-height: 1.5em;
}

h1 {margin-left: 0px;}

#left p {font-size: 140%;line-height: 1.6em;}

#tb_gray table ,#tb_brown table {width: 100%;}

#page ul {margin-left: 0;padding-left: 20px;}

#page h1 img ,#page h2 img {max-width: 100%;height: auto;}


address a {text-align: center;display: block;}

}/* end_max-width */