body {
background-color: #F0CFF5;
}

/*  会員登録　*/
.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;
}

/*  ログイン　*/

.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;
}

/*  リストでブロック要素を横並び　*/

.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;
}


#agingcare div.corner_list ul li.first img.corner_img {
float: left;
background: #FFD5F4;
padding: 3px 3px;
height: 50px;
width: 110px;
height: 75px;
position: relative;
right: 0px;
background-color: white;
-moz-box-shadow: 2px 2px 5px #a9a9a9;
-webkit-box-shadow: 1px 1px 1px darkGray;
box-shadow: 1px 1px 1px darkGray;
border-radius: 2px;
}




#recipe_sample .buttom {
text-decoration: none;
display: block;
width: 20%;
height: 15px;
padding: 5px 2px 5px 2px;
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(#EEE));
background: linear-gradient(top center, white 0%, #EEE 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 80%;
text-align: center;
border: solid 1px silver;

}


#recipe_sample img {
width: 40%;
}


.top img {
width: 100%;
}


.pink {
padding: 15px 0px;
font-weight: bold;
color: #FF0974;
}


#pick_up .buttom {
display: block;
text-decoration: none;
width: 148px;
height: 80px;
background: -moz-linear-gradient(center top , white 0%, #EEE 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(#FAE3A7), to(#F7D171));
background: linear-gradient(top center, #FAE3A7 0%, #F7D171 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 8px;
font-size: 80%;
text-align: center;
border: solid 1px #773CB8;
}

.buttom img {
width: 75px;
padding: 2px 0px 0px 3px;
}

#koushinn {
margin: 0px 25px;
}

#top_caption .r {
text-align: right;
margin: 0px 25px;

}

.info div.buttom {
display: block;
width: 35%;
margin: 2px auto;
padding: 6px 2px 5px 2px;
background: -moz-linear-gradient(center top , white 0%, #FAFAFA 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#F0F0F0));
background: linear-gradient(top center, white 0%, #F0F0F0 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 100%;
text-align: center;
font-weight: bold;
}


#top_caption img {
width: 25%;
margin: 0px 2px 0px 15px;
}

#top_caption p {
margin: 0px 25px 5px 20px;
}

#mainichicheck div.corner_list ul li.second img.corner_img {
float: left;
background: #FFD5F4;
padding: 3px 3px;
height: 50px;
width: 110px;
height: 75px;
position: relative;
right: 0px;
background-color: white;
-moz-box-shadow: 2px 2px 5px #a9a9a9;
-webkit-box-shadow: 2px 2px 5px darkGray;
box-shadow: 2px 2px 5px darkGray;
border-radius: 2px;
}

#taberubiyoueki div.corner_list ul li.first img.corner_img {
float: left;
background: #FFD5F4;
padding: 3px 3px;
height: 50px;
width: 110px;
height: 75px;
position: relative;
right: 0px;
background-color: white;
-moz-box-shadow: 2px 2px 5px #a9a9a9;
-webkit-box-shadow: 1px 1px 1px darkGray;
box-shadow: 1px 1px 1px darkGray;
border-radius: 2px;
}

#taberubiyoueki div.corner_list ul li.second img.corner_img {
float: left;
background: #FFD5F4;
padding: 3px 3px;
height: 50px;
width: 110px;
height: 75px;
position: relative;
right: 0px;
background-color: white;
-moz-box-shadow: 2px 2px 5px #a9a9a9;
-webkit-box-shadow: 1px 1px 1px darkGray;
box-shadow: 1px 1px 1px darkGray;
border-radius: 2px;
}





#agingcare div.corner_list ul li.second img.corner_img {
float: left;
background: #FFD5F4;
padding: 3px 3px;
height: 50px;
width: 110px;
height: 75px;
position: relative;
right: 0px;
background-color: white;
-moz-box-shadow: 2px 2px 5px #a9a9a9;
-webkit-box-shadow: 1px 1px 1px darkGray;
box-shadow: 1px 1px 1px darkGray;
border-radius: 2px;
}


#agingcare div.corner_list ul li.third img.corner_img {
float: left;
background: #FFD5F4;
padding: 3px 3px;
height: 50px;
width: 110px;
height: 75px;
position: relative;
right: 0px;
background-color: white;
-moz-box-shadow: 2px 2px 5px #a9a9a9;
-webkit-box-shadow: 1px 1px 1px darkGray;
box-shadow: 1px 1px 1px darkGray;
border-radius
}



.qa {
margin: 5px 5px 0px 15px;
}

.exercise img {
width: 150px;
}

.recipe img {
width: 150px;
}


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


.new_reg {
margin-right: auto;
margin-left: auto;
margin-top: 30px;
margin-bottom: 10px;
height: auto;
width: 200px;
height: auto;
text-align: center;
border: solid 1px gray;
border-radius: 8px;
-webkit-border-radius: 8px;
background-image: -webkit-gradient(linear,left top,left bottom, from(#FFE0FF), to(#FFE0FF));
-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;
}

.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 gray, 1px 1px 1px gray;
}

.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 gray, 1px 1px 1px gray;
}

body {
color: #999;
background-color: white;
}


h1 img {
position: relative;
width: 100%;
}

#top_logo p {
color:#EBFF3C;
background-color: #340C5A;
color:#EBFF3C;
font-size:90%;
}



#agelesscheck img.graf_image {
padding: 10px 10px;
position: relative;
right: 1px;
}


.bitekitoha div.buttom {
display: block;
width: 60%;
margin: 2px auto;
padding: 6px 2px 5px 2px;
background: -moz-linear-gradient(center top , white 0%, #FAFAFA 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#F0F0F0));
background: linear-gradient(top center, white 0%, #F0F0F0 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 100%;
text-align: center;
border: solid 1px gray;
font-weight: bold;
}

#agelesscheck .buttom {
text-decoration: none;
display: block;
width: 50%;
height: 15px;
margin: 2px auto;
padding: 5px 2px 5px 2px;
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(#EEE));
background: linear-gradient(top center, white 0%, #EEE 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 80%;
text-align: center;
border: solid 1px silver;
}




h4 {
padding: 10px 10px;
font-weight: bold;
color: #9933FF;
}

h3 {
color: #9933FF;

}




#fhelp {
margin: 10px auto;
}

.both {
clear: both;
}

#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%;
}



#mainichicheck img.banner_img {
width: 100%;
}


#agelesscheck img.banner_img {
width: 100%;
}



#agingplan img.banner_img {
width: 100%;
}

#taberubiyoueki img.banner_img {
width: 100%;
}

#agingcare img.banner_img {
width: 100%;
}

#pick_up ul li.recipe {
margin-right: auto;
margin-left: auto;
text-align: right;
display: block;
float: left;
width: 50%;
height: 60px;
padding: 0px 0px;
}

#pick_up ul li.exercise {
margin-right: auto;
margin-left: auto;
text-align: left;
display: block;
float: right;
width: 50%;
height: 60px;
padding: 0px 0px;
}


.reg {
padding: 6px 2px 5px 2px;
margin-right: auto;
margin-left: auto;
margin-top: 5px;
margin-bottom: 5px;
height: auto;
width: 90px;
height: auto;
text-align: center;
font-size: 14px;
border-radius: 8px;
-webkit-border-radius: border-radius : 8px;
background: -moz-linear-gradient(center top , white 0%, #FAFAFA 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(#FDFFE1), to( #FFFF96));
background: linear-gradient(top center, white 0%, lightSlateGray 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 100%;
border: solid 1px #FFFF1E;

}

.login {
padding: 6px 2px 5px 2px;
margin-right: auto;
margin-left: auto;
margin-top: 5px;
margin-bottom: 5px;
height: auto;
width: 90px;
height: auto;
text-align: center;
font-size: 14px;
font-weight: bold;
border-radius: 8px;
-webkit-border-radius: border-radius : 8px;
background: -moz-linear-gradient(center top , white 0%, #FAFAFA 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(#E7F9FE), to( #AFF));
background: linear-gradient(top center, white 0%, #F0F0F0 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 100%;
border: solid 1px #AFF;

}



p.sub_text {
font-size: 80%;
width: 95%;
padding: 2px 0px 3px 5px;
color: #96f;
margin: 5px auto;
}

p.main_text {
font-size: 100%;
width: 95%;
}


div.corner_list {
display: block;
overflow: hidden;
margin: 0px auto;
padding: 5px 5px;
}

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

div.corner_list ul li img.corner_next_img {
float: right;
padding: 20px 0px;
width: 10px;
height: 15px;
position: relative;
right: -5px;
top: 10px;
}

#agingplan div.corner_list ul li img.corner_next_img {
float: right;
padding: 20px 0px;
width: 10px;
height: 15px;
position: relative;
right: -5px;
top: 10px;
}

#mainichicheck div.corner_list ul li img.corner_next_img {
float: right;
padding: 20px 0px;
width: 10px;
height: 15px;
position: relative;
right: -5px;
top: 10px;
}

#taberubiyoueki div.corner_list ul li img.corner_next_img {
float: right;
padding: 20px 0px;
width: 10px;
height: 15px;
position: relative;
right: -5px;
top: 10px;
}

#agingplan div.corner_list ul li.second img.corner_img {
float: left;
background: #FFD5F4;
padding: 3px 3px;
position: relative;
right: 0px;
background-color: white;
-moz-box-shadow: 2px 2px 5px #a9a9a9;
-webkit-box-shadow: 1px 1px 1px darkGray;
box-shadow: 1px 1px 1px darkGray;
border-radius: 2px;
}

div.corner_list ul li img.corner_img {
float: left;
background: #FFD5F4;
padding: 3px 3px;
height: 50px;
width: 75px;
height: 75px;
position: relative;
right: 0px;
background-color: white;
-moz-box-shadow: 2px 2px 5px #a9a9a9;
-webkit-box-shadow: 1px 1px 1px darkGray;
box-shadow: 1px 1px 1px darkGray;
border-radius: 2px;
margin: 0px 10px 0px 0px;
}

#mainichicheck div.corner_list ul li img.corner_img {
float: right;
background: #FFD5F4;
padding: 3px 3px;
width: 55px;
height: 35px;
position: relative;
right: 1px;
top: 1px;
background-color: white;
-moz-box-shadow: 2px 2px 5px #a9a9a9;
-webkit-box-shadow: 2px 2px 5px #a9a9a9;
box-shadow: 2px 2px 5px #a9a9a9;
border-radius: 2px;
}

#mainichicheck div.corner_list ul li.first {
padding: 5px 10px;
height: 80px;
background: #FFE0FF;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#F0F0F0));
background: linear-gradient(top center, white 0%, #F0F0F0 100%);
border-radius: 8px;
border: solid 1px silver;
}

#mainichicheck div.corner_list ul li.second {
padding: 5px 10px;
height: 80px;
background: #FFE0FF;
background: -webkit-gradient(linear, center top, center bottom, from(#FFF8FF), to(#FFE0FF));
background: linear-gradient(top center, #FFF8FF 0%, #FFE0FF 100%);
border-radius: 8px;
border: solid 1px silver;
}



#agingplan div.corner_list ul li.first {
padding: 5px 5px;
height: 80px;
background: #FFE0FF;
background: -webkit-gradient(linear, center top, center bottom, from(#FFF8FF), to(#FFE0FF));
background: linear-gradient(top center, #FFF8FF 0%, #FFE0FF 100%);
border-radius: 8px;
border: solid 1px silver;
}

#agingplan div.corner_list ul li.second {
padding: 5px 5px;
height: 80px;
background: #FFE0FF;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#F0F0F0));
background: linear-gradient(top center, white 0%, #F0F0F0 100%);
border-radius: 8px;
border: solid 1px silver;
}

#agingplan div.corner_list ul li.third {
padding: 5px 5px;
height: 80px;
background: #FFE0FF;
background: -webkit-gradient(linear, center top, center bottom, from(#FFF8FF), to(#FFE0FF));
background: linear-gradient(top center, #FFF8FF 0%, #FFE0FF 100%);
border-radius: 8px;
border: solid 1px silver;
}

#agingplan div.corner_list ul li.fourth {
padding: 5px 5px;
height: 80px;
background: #FFE0FF;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#F0F0F0));
background: linear-gradient(top center, white 0%, #F0F0F0 100%);
border-radius: 8px;
border: solid 1px silver;
}


#agingcare div.corner_list ul li.first{
padding: 5px 5px;
height: 80px;
background: #FFE0FF;
background: -webkit-gradient(linear, center top, center bottom, from(#FFF8FF), to(#FFE0FF));
background: linear-gradient(top center, #FFF8FF 0%, #FFE0FF 100%);
border-radius: 8px;
border: solid 1px silver;
}

#agingcare div.corner_list ul li.second{
padding: 5px 5px;
height: 80px;
background: #FFE0FF;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#F0F0F0));
background: linear-gradient(top center, white 0%, #F0F0F0 100%);
border-radius: 8px;
border: solid 1px silver;
}

#agingcare div.corner_list ul li.third{
padding: 5px 5px;
height: 80px;
background: #FFE0FF;
background: -webkit-gradient(linear, center top, center bottom, from(#FFF8FF), to(#FFE0FF));
background: linear-gradient(top center, #FFF8FF 0%, #FFE0FF 100%);
border-radius: 8px;
border: solid 1px silver;
}

#taberubiyoueki div.corner_list ul li.first{
padding: 5px 5px;
height: 80px;
background: #FFE0FF;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#F0F0F0));
background: linear-gradient(top center, white 0%, #F0F0F0 100%);
border-radius: 8px;
border: solid 1px silver;
}


#taberubiyoueki div.corner_list ul li.second{
padding: 5px 5px;
height: 80px;
background: #FFE0FF;
background: -webkit-gradient(linear, center top, center bottom, from(#FFF8FF), to(#FFE0FF));
background: linear-gradient(top center, #FFF8FF 0%, #FFE0FF 100%);
border-radius: 8px;
border: solid 1px silver;
}