body {
background-color: #F0CFF5;
}

#agilesscheck p a {
text-decoration: underline;
}


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

#nichiunn div.li_yoko {
margin-right: auto;
margin-left: auto;
text-align: center;
width: 230px;
padding: 1px 10px 10px 10px;
}


.li_yoko li {
margin-right: 0 auto;
margin-left: 0 auto;
float: left;
list-style: none;
}

.rennai {
text-decoration: none;
display: block;
width: 70px;
padding: 5px 2px 5px 2px;
background: -moz-linear-gradient(center top , white 0%, #eeeeee 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#eeeeee));
background: linear-gradient(top center, white 0%, #eeeeee 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 80%;
text-align: center;
border: solid 1px silver;
}

.money {
text-decoration: none;
display: block;
width: 70px;
padding: 5px 2px 5px 2px;
background: -moz-linear-gradient(center top , white 0%, #eeeeee 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#eeeeee));
background: linear-gradient(top center, white 0%, #eeeeee 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 80%;
text-align: center;
border: solid 1px silver;
}

.miryoku {
text-decoration: none;
display: block;
width: 70px;
padding: 5px 2px 5px 2px;
background: -moz-linear-gradient(center top , white 0%, #eeeeee 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#eeeeee));
background: linear-gradient(top center, white 0%, #eeeeee 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 80%;
text-align: center;
border: solid 1px silver;

}



#news a {
text-decoration: underline;
}

a {
text-decoration: none;
}

#theme div.shown a {
text-decoration: underline;
}

#theme div.hidden a {
text-decoration: underline;
}



h2 {
font-weight: bold;
}

h4 {
color: #9933FF;

}


/* ■コーナー間のスペース■ */
/* トップバナー */
#top_logo h1 img {
position: relative;
width: 100%;
}
/* テーマ一覧 */
#theme {
padding: 5px 0px 0px 0px;
}

#theme div.shown img {
margin: 0 2px;
}

#theme div.shown h3 {
margin: 0 2px;
font-size: 130%;
}




/* コーナー一覧 */
#short_cut {
padding: 10px 0px 0px 0px;
}
/* 新着ニュース */
#news {
padding: 10px 0px 0px 0px;
}
/* 運勢 */
#nichiunn {
padding: 10px 0px 0px 0px;
}
/* 検定 */
#kentei {
padding: 10px 0px 0px 0px;
}
/* 検定 */

#agingcare {
padding: 10px 0px 0px 0px;
}

#agilesscheck {
padding: 10px 0px 0px 0px;
}

#taberubiyoueki {
padding: 10px 0px 0px 0px;
}


#mainichicheck {
padding: 10px 0px 0px 0px;
}

#oniclub {
padding: 10px 0px 0px 0px;
}

#otoko {
padding: 10px 0px 0px 0px;
}
/* ■コーナー間のスペース■ */



/* ■タブでメニュー切り替えをするCSS■ */

#agingcare {
display: block;
width: 100%;
position: static;
}


/* タブ部分のスタイル */

ul#tab_menu{
display: block;
margin: 0 auto;
width: 90%;
z-index: 1;
}

#tab_menu li {
float: left;
list-style: none;
cursor: pointer;
margin: 0;
padding: 0 2px;
width: 48%;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 70%;
background-color: white;
border-right: solid 1px silver;
border-left: solid 1px silver;
border-radius: 5px 5px 0 0;
color: gray;
font-weight: bold;
}

 /* タブ非選択時の色 */

li#karada {
border-top: solid 7px #9BDEFF;
}

li#cocolo {
border-top: solid 7px #CAFDDC;
}


 /* タブ選択時の色 */

li#karada.select {
background-color: #FFFF96;
border-right: solid 1px #FFFF96;
border-left: solid 1px #FFFF96;
border-bottom: solid 1px #FFFF96;
color: gray;
}

li#cocolo.select {
background-color: #FFFF96;
border-right: solid 1px #FFFF96;
border-left: solid 1px #FFFF96;
border-bottom: solid 1px #FFFF96;
color: gray;
}


 /* タブ選択時のフォントカラー */
#tab_menu li.select {
font-weight: bold;
border-bottom: solid 1px white;
}

/* コンテンツボックスのスタイル */
.disnon {
  display: none;
}

.content_wrap {
clear: both;
}

#menu_topic div.item {
height: 86px;
padding: 5px 8px 5px 10px;
}

#menu_topic div.item p{
font-size: 80%;
}

#tab_menu1, #tab_menu2 {
width: 100%;
margin: 0 auto;
position: relative;
top: -1px;
z-index: 0;

}

/* ■タブでメニュー切り替えをするCSS■ */



/* ボタン */
.buttom {
text-decoration: none;
display: block;
width: 210px;
margin: 5px auto;
padding: 5px 2px 5px 2px;
background: -moz-linear-gradient(center top , white 0%, #eeeeee 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#eeeeee));
background: linear-gradient(top center, white 0%, #eeeeee 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 80%;
text-align: center;
border: solid 1px silver;
}

.unnsei_buttom {
text-decoration: none;
display: block;
width: 20%;
margin: 5px auto;
padding: 5px 2px 5px 2px;
background: -moz-linear-gradient(center top , white 0%, #eeeeee 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#eeeeee));
background: linear-gradient(top center, white 0%, #eeeeee 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 80%;
text-align: center;
border: solid 1px silver;
}




/* ボタン */

/* テーマ一覧 */

#theme div p.theme_list {
padding: 5px 10px;
font-size: 120%;

}

#theme h3 {
background: white;
color: #522901;
padding: 2px 0px;
border-bottom: dotted 2px #EAC99A;
}

#free h3 img {
margin: 0 2px;
}



h3 {
display: block;
font-size: 1.17em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

#theme div.shown {
font-size: 80%;
line-height: 22px;
width: 95%;
background-color: white;
margin: 0 auto;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 3px 3px 3px #999
}



#theme div.more_info {
width: 95%;
}

div.more_info {
margin: 0 auto;
border: solid 2px #CCB0FF;
background-color: #CCB0FF;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 2px 2px 5px #999;
}

.both {
clear: both;
}

div.more_info a {
display: block;
margin: 0 auto;
padding: 5px 0;
width: 80%;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background-color: white;
border: solid 1px #246B81;
text-align: center;
font-size: 80%;
color: #522900;
font-weight: bold;
text-decoration: none;
}


div.more_info a img {
padding: 0 5px 2px 0;
}



#theme div.more_info + div {
background-color: white;
}

#theme div.hidden {
font-size: 80%;
line-height: 18px;
width: 95%;
border: solid 1px silver;
background-color: white;
margin: 0 auto;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 2px 2px 5px #999;
}



h3 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}

/* テーマ一覧 */

/* ショートカットリンク */

#short_cut {
display: block;
width: 100%;
}

#corner {
background: white;
width: 95%;
height: 140px;
margin: 0 auto;
-moz-box-shadow: 2px 0px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 3px 3px 3px #999;
}

#short_cut h3 {
background: white;
color: #522901;
padding: 2px 0;
border-bottom: dotted 2px #EAC99A;
}

#short_cut h3 img {
margin: 0 2px;
}

#news h3 img {
margin: 0 2px;
}


#corner div.upper_section {
display: block;
font-size: 80%;
padding: 5px 1px 5px 30px;
position: relative;
}

#corner div.under_section {
display: block;
font-size: 80%;
padding: 5px 1px 5px 10px;
position: relative;
}




#short_cut{
display: block;
width: 100%;
}

#short_cut div.upper_section{
margin:0px auto;
display: block;
}

#short_cut div.upper_section a{
display: block;
text-decoration: none;
float: left;
width: 55px;
height: 30px;
margin: 2px;
padding: 12px 2px 0px 2px;
background: -moz-linear-gradient(center top , white 0%, #eeeeee 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#eeeeee));
background: linear-gradient(top center, white 0%, #eeeeee 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 80%;
text-align: center;
border: solid 1px silver;
}

#short_cut div.under_section{
width: 85%;
margin:0px auto;
display: block;
}

#short_cut div.under_section a{
display: block;
text-decoration: none;
float: left;
width: 60px;
height: 30px;
margin: 0px 2px;
padding: 5px 2px 2px 2px;
background: -moz-linear-gradient(center top , white 0%, #eeeeee 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#eeeeee));
background: linear-gradient(top center, white 0%, #eeeeee 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 80%;
text-align: center;
border: solid 1px silver;
}

/* ショートカットリンク */

/* 新着メニュー */



#shinnchaku {
background: white;
width: 95%;
margin: 0 auto;
-moz-box-shadow: 2px 0px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 3px 3px 3px #999;
}

#shinnchaku div.new_menu {
padding: 5px 10px;
} 


#news{
display: block;
width: 100%;
}


#news_cut h3 img {
margin: 0 2px;
}

#news h3 {
background: white;
color: #522901;
padding: 2px 0;
border-bottom: dotted 2px #EAC99A;
}

/* 新着メニュー */

/* 日運 */

#nichiunn div.upper_section a{
display: block;
text-decoration: none;
float: left;
width: 60px;
height: 30px;
margin: 2px;
padding: 5px 2px 2px 2px;
background: -moz-linear-gradient(center top , white 0%, #eeeeee 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, center top, center bottom, from(white), to(#eeeeee));
background: linear-gradient(top center, white 0%, #eeeeee 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 80%;
text-align: center;
border: solid 1px silver;
margin: 0px auto;
}

#nichiunn {
display: block;
width: 100%;
}

#unnsei {
background: white;
width: 95%;
height: 115px;
margin: 0 auto;
-moz-box-shadow: 2px 0px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 3px 3px 3px #999;
}

#nichiunn h3 {
background: white;
color: #522901;
padding: 2px 0;
border-bottom: dotted 2px #EAC99A;
}

#nichiunn h3 img {
margin: 0 2px;
}

#unnsei div.upper_section {
display: block;
font-size: 80%;
padding: 0px 8px 5px 64px;
position: relative;
}


#nichiunn{
display: block;
width: 100%;
margin: 0px auto;
}

#nichiunn div.upper_section{
margin:0px auto;
display: block;
}


/* 日運 */




#agingcare img.float_l {
margin: 0 2px;
font-size : 10px;line-height : 10px;
width: 20px;
height: 30px;
position: relative;
top: 0px;
padding: 2px 2px;
left: 0px;
right: 0px;
}



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



 /* コーナーバナー */

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

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

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


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

#agilesscheck 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.recipi {
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 {
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 #cccccc;
-webkit-box-shadow: 1px 1px 2px 1px #cccccc;
}

.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: 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 #cccccc;
-webkit-box-shadow: 1px 1px 2px 1px #cccccc;
}

#otoko p.main_text {
font-size: 90%;
width: 90%;
padding: 7px;
}

#oniclub p.main_text {
font-size: 90%;
width: 85%;
padding: 7px;
}


#agingcare p.main_text {
font-size: 90%;
width: 85%;
padding: 7px;
}

#taberubiyoueki p.main_text {
font-size: 90%;
width: 85%;
padding: 7px;
}

#mainichicheck p.main_text {
font-size: 90%;
width: 85%;
padding: 0px 0px 3px 5px;
}



p.sub_text {
font-size: 80%;
width: 80%;
padding: 0px 0px 3px 5px;
}

p.main_text {
font-size: 90%;
width: 85%;
}

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

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

div.corner_list ul li img.corner_next_img {
float: right;
width: 15px;
height: 15px;
position: relative;
top: 7px;
right: 7px;
}



div.corner_list ul li img.corner_img {
float: right;
background: #FFD5F4;
padding: 5px 10px;
height: 50px;
width: 40px;
height: 40px;
position: relative;
right: 20px;
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 img.coner_img {
float: right;
background: #FFD5F4;
padding: 5px 10px;
width: 55px;
height: 35px;
position: relative;
right: 20px;
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;
}



/* コーナーリスト */
#oniclub div.corner_list ul li{
background: #ffe0ff;
margin: 0px 0px;
padding: 5px 2px;
height: 30px;
background: -webkit-gradient(linear, center top, center bottom, from(#fff8ff), to(#ffe0ff));
background: linear-gradient(top center, #fff8ff 0%, #ffe0ff 100%);
border: solid 1px #FCF;
}



#oniclub div.corner_list ul li{
background: #ffe0ff;
margin: 0px 0px;
padding: 5px 2px;
height: 30px;
background: -webkit-gradient(linear, center top, center bottom, from(#fff8ff), to(#ffe0ff));
background: linear-gradient(top center, #fff8ff 0%, #ffe0ff 100%);
border: solid 1px #FCF;
}


#agilesscheck div.corner_list ul li{
background: #ffe0ff;
margin: 0px 0px;
padding: 5px 2px;
height: 30px;
background: -webkit-gradient(linear, center top, center bottom, from(#fff8ff), to(#ffe0ff));
background: linear-gradient(top center, #fff8ff 0%, #ffe0ff 100%);
border: solid 1px #FCF;
}


#otoko div.corner_list ul li{
background: #ffe0ff;
margin: 0px 0px;
padding: 5px 2px;
height: 30px;
background: -webkit-gradient(linear, center top, center bottom, from(#fff8ff), to(#ffe0ff));
background: linear-gradient(top center, #fff8ff 0%, #ffe0ff 100%);
border: solid 1px #FCF;
}

#mainichicheck div.corner_list ul li{
background: #ffe0ff;
margin: 0px 0px;
padding: 5px 2px;
background: -webkit-gradient(linear, center top, center bottom, from(#fff8ff), to(#ffe0ff));
background: linear-gradient(top center, #fff8ff 0%, #ffe0ff 100%);
border: solid 1px #FCF;
}

#taberubiyoueki div.corner_list ul li{
background: #ffe0ff;
margin: 0px 0px;
padding: 5px 2px;
height: 30px;
background: -webkit-gradient(linear, center top, center bottom, from(#fff8ff), to(#ffe0ff));
background: linear-gradient(top center, #fff8ff 0%, #ffe0ff 100%);
border: solid 1px #FCF;
}



#agingcare div.corner_list ul li{
background: #ffe0ff;
margin: 0px 0px;
padding: 5px 2px;
height: 30px;
background: -webkit-gradient(linear, center top, center bottom, from(#fff8ff), to(#ffe0ff));
background: linear-gradient(top center, #fff8ff 0%, #ffe0ff 100%);
border: solid 1px #FCF;
}

.smp{
text-align: center;
margin: 10px 10px;
}


/* コーナーリスト */