/* ‘‘‘‘ dƒƒjƒ…[ŒfΪ—p ‘‘‘‘ */

img.dmenu_image {
width: 95%;
padding: 5px;
}


/* ‘‘‘‘ ‹€’Κ ‘‘‘‘ */

/*  ‰οˆυ“o˜^@*/
.reg {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 100px;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
border : solid 1px #d66f1a;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff943d),color-stop(0.40,#ff943d),color-stop(0.60,#F27911),color-stop(1,#F27911));
background-image : linear-gradient(-90deg,#ff943d) 0%,#ff943d 40%,#F27911 60%,#F27911 100%);
box-shadow : 1px 1px 2px 1px #946D4E;
-webkit-box-shadow : 1px 1px 2px 1px #946D4E;
}
.reg a {
padding : 5px;
color : #ffffff;
text-decoration : none;
display : block;
}

/*  ‰οˆυνœ@*/
.unreg {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 100px;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
border : solid 1px #2369d9;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#3d84ff),color-stop(0.40,#3d84ff),color-stop(0.60,#2773f5),color-stop(1,#2773f5));
background-image : linear-gradient(-90deg,#3d84ff) 0%,#3d84ff 40%,#2773f5 60%,#2773f5 100%);
box-shadow : 1px 1px 2px 1px #946D4E;
-webkit-box-shadow : 1px 1px 2px 1px #946D4E;
}
.unreg a {
color : #ffffff;
padding : 5px;
text-decoration : none;
display : block;
}

/*  ƒƒOƒCƒ“@*/

.login {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 100px;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
border : solid 1px #61ad23;
border-radius : 8px;
-webkit-border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#78d42d),color-stop(0.40,#78d42d),color-stop(0.60,#69ba27),color-stop(1,#69ba27));
background-image : linear-gradient(-90deg,#78d42d) 0%,#78d42d 40%,#69ba27 60%,#69ba27 100%);
box-shadow : 1px 1px 2px 1px #946D4E;
-webkit-box-shadow : 1px 1px 2px 1px #946D4E;
}
.login a {
color : #ffffff;
padding : 5px;
text-decoration : none;
display : block;
}

/*  ƒXƒy[ƒT[@*/

.li_space {
margin-right : auto;
margin-left : auto;
width : 10px;
display : block;
}

/*  ƒŠƒXƒg‚ΕƒuƒƒbƒN—v‘f‚π‰‘•ΐ‚с@*/

.li_yoko {
margin-right : auto;
margin-left : auto;
text-align : center;
width : 215px;
}
.li_yoko ul {
margin-right : 0 auto;
margin-left : 0 auto;
}
.li_yoko li {
margin-right : 0 auto;
margin-left : 0 auto;
float : left;
list-style : none;
}

.button_right {
margin-right : 0;
float : right;
width : auto;
height : auto;
text-align : right;
border : solid 1px #a32483;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
box-shadow : 1px 1px 2px 1px #000000;
-webkit-box-shadow : 1px 1px 2px 1px #000000;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#e051ba),color-stop(0.40,#e051ba),color-stop(0.60,#c42d9c),color-stop(1,#c42d9c));
background-image : linear-gradient(-90deg,#e051ba) 0%,#78d42d 40%,#c42d9c 60%,#c42d9c 100%);
}
.button_right a {
padding : 5px;
padding-left : 10px;
padding-right : 10px;
font-size : 10px;
color : #ffffff;
font-weight : bold;
text-decoration : none;
display : block;
}


h4 {
padding: 10px 5px 2px 20px;
font-weight: bold;
color: #F06;
letter-spacing: -1px;
}

h4 img {
width: 100%;
}

h3 {
color: #4A2329;
}

h6{
display: block;
width: 100%;
color: #F06;
}



/*  ˜g@*/
.waku {
border: solid 1px 
white;
border-radius: 8px;
-webkit-border-radius: 8px;
background-color: 
#F0CFF5;
background: -webkit-gradient(linear, left top, left bottom,);
width: 92%;
height: auto;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
box-shadow: 0px 0px 10px 
#834F3D;
-webkit-box-shadow: 0px 0px 10px 
#834F3D;
margin-bottom: 20px;
padding: 10px 10px 10px 10px;
}

img.sample_image{
width: 120px;
height: 120px;
padding: 5px;
}

.li_yoko {
margin-right: auto;
margin-left: auto;
text-align: center;
width: 200px;
}





/* ‘‘‘‘ ƒtƒ@[ƒXƒgƒrƒ…[ ‘‘‘‘ */
h1 img {
position: relative;
width: 100%;
}

h2.caption {
font-weight: bold;
color: #cc9933;
font-size: 100%;
margin: 15px 0px 0px 0px;
}

h2 {
font-weight: bold;
color: #4A2329;
font-size: 120%;
}

.new_reg span {
padding: 5px 5px 5px 5px;
line-height: 14px;
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
text-shadow: -1px -1px 1px #633E21, 1px 1px 1px #FFAA65;
}

.new_reg a {
padding: 5px 5px 8px 5px;
font-size: 22px;
font-weight: bold;
letter-spacing: 2px;
color: #EEE;
text-decoration: none;
display: block;
text-shadow: -1px -1px 1px #633E21, 1px 1px 1px #FFAA65;
}

.new_reg {
margin-right: auto;
margin-left: auto;
margin-top: 5px;
margin-bottom: 10px;
height: auto;
width: 200px;
height: auto;
text-align: center;
border: solid 1px #D66F1A;
border-radius: 8px;
-webkit-border-radius: 8px;
background-image: -webkit-gradient(linear,left top,left bottom, from(#FF943D), to(#F27911));
-webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 1), 0px 1px 1px rgba(255, 255, 255, 1) inset, 0px 0px 1px rgba(0, 0, 0, 0.5) inset;
box-shadow: 2px 2px 3px rgba(50, 50, 50, 1), 0px 1px 1px rgba(255, 255, 255, 1) inset, 0px 0px 1px rgba(0, 0, 0, 0.5) inset;
}


/* ‘‘‘‘ ƒtƒ@[ƒXƒgƒrƒ…[ ‘‘‘‘ */

/* ‘‘‘‘ ƒTƒCƒgΠ‰ξ ‘‘‘‘ */

#contents_navigation div.contents_box{
width: 80%;
margin: 5px auto 10px auto;
padding: 10px 0px 5px 0px;
border: 3px groove #4A2329;
background: #FEEDC6;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}

div.contents_box p {
color: #4A2324;
padding: 5px 15px 5px 20px;
font-size: 85%;
}

#contents_navigation img.float_l {
width: 70px;
padding: 5px 10px 10px 20px;
}

h5 {
color: #4A2329;
font-size:90%;
font-weight: bold;
}

h6 img {
width: 60%;
}


.both {
clear: both;
}

/* ‘‘‘‘ ƒTƒCƒgΠ‰ξ ‘‘‘‘ */


/* ‘‘‘‘ ƒZƒ‹ƒtƒgƒŠ[ƒgƒƒ“ƒg ‘‘‘‘ */
/*  ‹€’ʁ@*/

#self_treatment div.corner_list p.topic_sub_text {
padding: 1px 5px 0px 5px;
font-size: 80%;
width: 100%;
color: #4A2324;
}

#self_treatment div.second div.corner_list p.topic_main_text {
padding: 3px 5px 0px 3px;
width: 100%;
color: #F06;
font-size: 100%;
}

#self_treatment div.corner_list {
display: block;
overflow: hidden;
margin: 0px -7px 0px -7px;
padding: 0px 0px;
}

#self_treatment div.corner_list ul {
list-style: none;
display: block;
background: white;
border-top: 1px dotted 
 #EDEDED;
border-right: 1px dotted 
 #EDEDED;
border-left: 1px dotted 
 #EDEDED;
width: 100%;
margin: 0 auto;
}

#self_treatment div.corner_list ul li {
display: block;
margin: 0px auto;
padding: 4px 3px 3px 3px;
background: -moz-linear-gradient(center top , white 0%, gainsboro 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from( white), to(#EBD8C0));
background: linear-gradient(top center, white 0%, gainsboro 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 100%;
text-align: left;
border: solid 1px 
 #EBD8C0;
height: 45px;
width: 100%;
}

#self_treatment div.corner_list li img.float_r {
margin: 15px 10px 10px 10px;
}

#self_treatment div.first div.corner_list p.topic_main_text {
padding: 15px 5px 0px 3px;
width: 100%;
}

#self_treatment div.corner_list p.topic_main_text .topic_main_text2 {
padding: 10px 5px 0px 3px;
width: 100%;
color: #4A2324;
font-size: 100%;
}

#self_treatment div.second div.corner_list p.topic_main_text {
padding: 3px 5px 0px 3px;
width: 100%;
color: #F06;
font-size: 100%;
}







/*  first@*/
div.first {
display: block;
overflow: hidden;
list-style: none;
display: block;
background: 
white;
border-top: 1px dotted 
 
#EDEDED;
border-right: 1px dotted 
 
#EDEDED;
border-left: 1px dotted 
 
#EDEDED;
margin: 0 auto;
border-bottom : 1px dotted #D4D4D4;
padding: 5px 10px;
}

div.first p.sub {
color: #C93;
padding: 0px 0px 7px 10px;
font-size: 85%;
}

div.first p.main {
color: #4A2324;
padding: 5px 7px;
font-size: 90%;
}


/*  second@*/

div.second {
display: block;
overflow: hidden;
margin: 0px auto;
list-style: none;
display: block;
background: 
white;
border-top: 1px dotted 
 
#EDEDED;
border-right: 1px dotted 
 
#EDEDED;
border-left: 1px dotted 
 
#EDEDED;
margin: 0 auto;
padding: 5px 10px;
}

div.second p.sub {
color: #C93;
padding: 0px 0px 7px 10px;
font-size: 85%;
}

div.second p.main {
color: #4A2324;
padding: 5px 7px;
font-size: 90%;
}

/*  third@*/
div.third {
display: block;
border-bottom : 1px dotted #D4D4D4;
overflow: hidden;
list-style: none;
background: 
white;
border-top: 1px dotted 
 
#EDEDED;
border-right: 1px dotted 
 
#EDEDED;
border-left: 1px dotted 
 
#EDEDED;
margin: 0 auto;
padding: 5px 10px;
}

div.third p.sub {
color: #C93;
padding: 0px 0px 7px 10px;
font-size: 85%;
}

div.third p.main {
color: #4A2324;
padding: 5px 7px;
font-size: 90%;
}



/* ‘‘‘‘ ƒZƒ‹ƒtƒgƒŠ[ƒgƒƒ“ƒg ‘‘‘‘ */

/* ‘‘‘‘ ƒvƒ`•s’²‰ό‘P ‘‘‘‘ */
/*  forth@*/

div.forth {
overflow: hidden;
list-style: none;
background: 
white;
border-top: 1px dotted 
 
#EDEDED;
border-right: 1px dotted 
 
#EDEDED;
border-left: 1px dotted 
 
#EDEDED;
margin: 0 auto;
padding: 5px 10px;
display: block;
border-bottom : 1px dotted #D4D4D4;
}

div.forth p.main {
color: #4A2324;
padding: 5px 7px;
font-size: 90%;
}

#condition div.corner_list {
display: block;
overflow: hidden;
margin: 0px -7px 0px -7px;
padding: 0px 0px;
}

#condition div.corner_list ul {
list-style: none;
display: block;
background: white;
border-top: 1px dotted 
 #EDEDED;
border-right: 1px dotted 
 #EDEDED;
border-left: 1px dotted 
 #EDEDED;
width: 100%;
margin: 0 auto;
}

#condition div.corner_list ul li {
display: block;
margin: 0px auto;
padding: 4px 3px 3px 3px;
background: -moz-linear-gradient(center top , white 0%, gainsboro 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from( white), to(#EBD8C0));
background: linear-gradient(top center, white 0%, gainsboro 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 100%;
text-align: left;
border: solid 1px 
 #EBD8C0;
height: 45px;
width: 100%;
}

#condition div.corner_list li img.float_r {
margin: 15px 10px 10px 10px;
}

#condition div.forth div.corner_list p.topic_main_text {
padding: 15px 5px 0px 3px;
width: 100%;
}

#condition div.corner_list p.topic_main_text .topic_main_text2 {
padding: 10px 5px 0px 3px;
width: 100%;
color: #4A2324;
font-size: 100%;
}

/* ‘‘‘‘ ƒvƒ`•s’²‰ό‘P ‘‘‘‘ */

/* ‘‘‘‘ ƒoƒ‰ƒ“ƒXƒ`ƒFƒbƒN ‘‘‘‘ */
/*  fifth@*/

div.fifth {
overflow: hidden;
list-style: none;
background: 
white;
border-top: 1px dotted 
 
#EDEDED;
border-right: 1px dotted 
 
#EDEDED;
border-left: 1px dotted 
 
#EDEDED;
margin: 0 auto;
padding: 5px 10px;
display: block;
border-bottom : 1px dotted #D4D4D4;
}

div.fifth p.sub {
color: #C93;
padding: 0px 0px 7px 10px;
font-size: 85%;
}

div.fifth p.main {
color: 
#4A2324;
padding: 5px 7px;
font-size: 90%;
}
#balance_check div.buttom {
text-decoration: none;
display: block;
width: 160px;
margin: 15px auto;
padding: 10px 2px 10px 0px;
background: -moz-linear-gradient(center top , white 0%, #EEE 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#EBD8C0));
background: linear-gradient(top center, white 0%, #EEE 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 70%;
text-align: center;
border: solid 1px silver;
}

.buttom p {
font-size: 140%;
}

img.check{
width: 220px;
height: 100px;
margin: 10px 10px 10px 10px;
}

/*  sixth@*/

div.sixth {
display: block;
overflow: hidden;
margin: 0px auto;
list-style: none;
display: block;
background: 
white;
border-top: 1px dotted 
 
#EDEDED;
border-right: 1px dotted 
 
#EDEDED;
border-left: 1px dotted 
 
#EDEDED;
margin: 0 auto;
padding: 5px 10px;
}

div.sixth p.sub {
color: #C93;
padding: 0px 0px 7px 10px;
font-size: 85%;
}

div.sixth p.main {
color: #4A2324;
padding: 5px 7px;
font-size: 90%;
}

img.ama {
width: 40px;
height: 112px;
margin: 10px 10px 10px 10px;
}

/*  tenth@*/

div.tenth {
border-bottom: 1px dotted #D4D4D4;
overflow: hidden;
list-style: none;
display: block;
background: white;
border-top: 1px dotted 
 
 #EDEDED;
border-right: 1px dotted 
 
 #EDEDED;
border-left: 1px dotted 
 
 #EDEDED;
margin: 0 auto;
padding: 5px 10px;
}

#balance_check div.corner_list {
display: block;
overflow: hidden;
margin: 0px -7px 0px -7px;
padding: 0px 0px;
}

#balance_check div.corner_list ul {
list-style: none;
display: block;
background: white;
border-top: 1px dotted 
 #EDEDED;
border-right: 1px dotted 
 #EDEDED;
border-left: 1px dotted 
 #EDEDED;
width: 100%;
margin: 0 auto;
}

#balance_check div.corner_list ul li {
display: block;
margin: 0px auto;
padding: 4px 3px 3px 3px;
background: -moz-linear-gradient(center top , white 0%, gainsboro 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from( white), to(#EBD8C0));
background: linear-gradient(top center, white 0%, gainsboro 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 100%;
text-align: left;
border: solid 1px 
 #EBD8C0;
height: 45px;
width: 100%;
}

#balance_check div.corner_list li img.float_r {
margin: 15px 10px 10px 10px;
}

#balance_check div.corner_list p.topic_main_text {
padding: 3px 5px 0px 3px;
width: 100%;
}

#balance_check div.corner_list p.topic_sub_text {
padding: 1px 5px 0px 5px;
font-size: 80%;
width: 100%;
color: #4A2324;
}

div.tenth p.main {
color: #4A2324;
padding: 5px 7px;
font-size: 90%;
}

/* ‘‘‘‘ ƒoƒ‰ƒ“ƒXƒ`ƒFƒbƒN ‘‘‘‘ */

/* ‘‘‘‘ ”όlƒŒƒVƒs ‘‘‘‘ */

/*  seventh@*/
div.seventh {
overflow: hidden;
list-style: none;
background: 
white;
border-top: 1px dotted 
 
#EDEDED;
border-right: 1px dotted 
 
#EDEDED;
border-left: 1px dotted 
 
#EDEDED;
margin: 0 auto;
padding: 5px 10px;
display: block;
border-bottom : 1px dotted #D4D4D4;
}


div.seventh p.sub {
color: #C93;
padding: 0px 0px 7px 10px;
font-size: 85%;
}

div.seventh p.main {
color: 
#4A2324;
padding: 5px 7px;
font-size: 90%;
}

.q {
font-weight: bold;
}

#personal_recipe div.corner_list {
display: block;
overflow: hidden;
margin: 0px -7px 0px -7px;
padding: 0px 0px;
}

#personal_recipe div.corner_list ul {
list-style: none;
display: block;
background: white;
border-top: 1px dotted 
 #EDEDED;
border-right: 1px dotted 
 #EDEDED;
border-left: 1px dotted 
 #EDEDED;
width: 100%;
margin: 0 auto;
}

#personal_recipe div.corner_list ul li {
display: block;
margin: 0px auto;
padding: 4px 3px 3px 3px;
background: -moz-linear-gradient(center top , white 0%, gainsboro 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from( white), to(#EBD8C0));
background: linear-gradient(top center, white 0%, gainsboro 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 100%;
text-align: left;
border: solid 1px 
 #EBD8C0;
height: 45px;
width: 100%;
}

#personal_recipe div.corner_list li img.float_r {
margin: 15px 10px 10px 10px;
}

#personal_recipe div.seventh div.corner_list p.topic_main_text {
padding: 15px 5px 0px 3px;
width: 100%;
}


/*  eighth@*/
div.eighth {
overflow: hidden;
list-style: none;
background: 
white;
border-top: 1px dotted 
 
#EDEDED;
border-right: 1px dotted 
 
#EDEDED;
border-left: 1px dotted 
 
#EDEDED;
margin: 0 auto;
padding: 5px 10px;
display: block;
border-bottom : 1px dotted #D4D4D4;
}

div.eighth p.sub {
color: #C93;
padding: 0px 0px 7px 10px;
font-size: 85%;
}

div.eighth img.float_l {
width: 35%;
padding: 5px 10px 10px 10px;
}

div.eighth p.main {
color: 
#4A2324;
padding: 5px 7px;
font-size: 90%;
}

img.ic{
width: 25px;
height: 25px;
}

#personal_recipe div.eighth div.corner_list p.topic_main_text {
padding: 15px 5px 0px 3px;
width: 100%;
}



#personal_recipe div.forth div.corner_list p.topic_main_text {
padding: 15px 5px 0px 3px;
width: 100%;
}

div.nineth {
display: block;
border-bottom: 1px dotted #D4D4D4;
}

div.nineth {
overflow: hidden;
list-style: none;
background: white;
border-top: 1px dotted 
 
 #EDEDED;
border-right: 1px dotted 
 
 #EDEDED;
border-left: 1px dotted 
 
 #EDEDED;
margin: 0 auto;
padding: 5px 10px;
}

div.nineth p.sub {
color: #C93;
padding: 0px 0px 7px 10px;
font-size: 85%;
}

div.nineth p.main {
color: #4A2324;
padding: 5px 7px;
font-size: 90%;
}

/* ‘‘‘‘ ”όlƒŒƒVƒs ‘‘‘‘ */

/* ‘‘‘‘ ƒwƒ‹ƒvƒTƒ|[ƒg ‘‘‘‘ */

#fhelp {
margin: 10px auto;
}

#fhelp ul {
list-style: none;
display: block;
width: 90%;
margin: 0 auto;
border: solid 1px #666;
height: 230px;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 2px 2px 5px #999;
}

#fhelp ul li {
display: block;
height: 45px;
font-size: 70%;
border-bottom: dotted 1px darkGray;
text-indent: 10px;
line-height: 45px;
width: 50%;
float: left;
background-color: white;
background-image: url("/i.cgi?n=sp/common/next3");
background-repeat: no-repeat;
background-position: right;
background-image: url("/i.cgi?n=sp/common/next3");
background-repeat: no-repeat;
background-position: right;
background-image: url("/i.cgi?n=sp/common/next3");
background-repeat: no-repeat;
background-position: right;
}

#fhelp ul li a {
display: block;
width: 100%;
text-decoration: none;
font-size: 80%;
}

a {
text-decoration: none;
font-size: 100%;
}
/*    fhelp etc.    */

#fhelp{
	margin:10px auto;
}

#fhelp ul{
	list-style: none;
display: block;
width: 90%;
margin: 0 auto;
border: solid 1px 
#604737;
height: 230px;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px 
#C79683;
box-shadow: 2px 2px 5px 
#C79683;
}

#fhelp ul li{
	display:block;
	height:45px;
	font-size:70%;
	border-bottom:dotted 1px #a9a9a9;
	text-indent:10px;
	line-height:45px;
	width:50%;
	float:left;
	background-color:#fff;
	background-image : url("/i.cgi?n=sp/common/next");
	background-repeat : no-repeat;
	background-position: right;
	-moz-linear-gradient(left top , #ffffff 0%, #f5f5f5 100%) repeat scroll 0 0 transparent;
	background-image : url("/i.cgi?n=sp/common/next");
	background-repeat : no-repeat;
	background-position: right;
	-webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#f5f5f5));
	background-image : url("/i.cgi?n=sp/common/next");
	background-repeat : no-repeat;
	background-position: right;
	linear-gradient(left top, #ffffff 0%, #f5f5f5 100%);
}

#fhelp ul li a{
	display:block;
	width:100%;
	text-decoration:none;
	font-size:80%;
}

#fhelp p{
	font-size:80%;
margin:5px 5px;
}
/* ‘‘‘‘ ƒwƒ‹ƒvƒTƒ|[ƒg ‘‘‘‘ */