/* 本音＆実態白書*/
#tokusex {
margin: 10px 10px 10px 10px;
}

/*プルダウンの文字紫色*/
.purple{
font-size: 95%;
color: #5603C3;
text-align: center;
}


/* リボン用 */
.ribon {
text-align: center;
width: 100%;
}

.ribon2 {
text-align: center;
width: 100%;
}

/* りぼん空白上*/
#bodykirei div.ribon {
margin: 10px 0px 0px 0px;
}

/* 新着*/
#new_caption div.ribon1 {
margin: 10px 0px 0px 0px;
}

.new_caption {
margin: 0 15px;
padding: 0 0 10px 0;
text-align: left;
}

/* 新着*/
#hajimeni {
text-align: center;
}

/*会員登録のボタンの色*/
.kaiinn {
margin-right: auto;
margin-left: auto;
margin-top: 12px;
margin-bottom: 12px;
height: auto;
width: 100px;
height: auto;
text-align: center;
font-size: 14px;
font-weight: bold;
border: solid 1px black;
border-radius: 8px;
-webkit-border-radius: border-radius : 8px;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,pink),color-stop(0.40,white),color-stop(0.60,white),color-stop(1,pink));
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;
}

/*黄色*/
.st_k {
color : #FFFF00;
}


/*9pxセンター*/
#top {
font-size: 9px;
text-align: center;
}

.fop_c {
font-size: 9px;
text-align: center;
}

#ftop {
font-size: 9px;
}

.t1 {
color: black;
font-size: 13px;
}


/*グレー真ん中*/
#t2 {
color: #777777;
font-size: 9px;
text-align: center;
}

/*グレー右*/
#t3 {
color: #777777;
font-size: 9px;
text-align: right;
}

/*グレー左*/
#t4 {
color: #777777;
font-size: 9px;
text-align: left;
}

#keyword {
background-color: #ffffff;
text-align: center;
font-size: 9px;
}

.blue {
background-color: #9872BF;
text-align: center;
color: #ffffff;
font-size: 100%;
margin: 0px 10px 0px 10px;
}

#tokusyu {
text-align: center;
margin: 0px 0px 10px 0px;
}

#tokusyu div.tokusyu_right{
width: 46%;
display: block;
float: right;
padding: 3px 15px 3px 3px;
margin: 0px auto;
}

#tokusyu div.tokusyu_right img{
width: 95%;
}

#tokusyu div.tokusyu_left{
width: 46%;
display: block;
padding: 3px 3px 3px 15px;
top: 0px;
}

#tokusyu div.tokusyu_left img{
width: 95%;
}

/*ピックアップ*/
#pink {
background-color: #9872BF;
text-align: center;
color: #ffffff;
font-size: 100%;
margin: 19px 10px 0px 10px;
}


#pickup div.pickup1 {
background-color: white;
margin: 0px 10px 10px 10px;
padding: 0px 0px 10px 0px;
}

#bodykirei div.sex1 {
text-align: center;
width: 95%;
margin: 0px 10px 0px 10px;
}

#oyakudati div.sex1 {
text-align: center;
width: 95%;
margin: 0px 10px 0px 10px;
}

#keyword div.blue {
text-align: center;
width: 95%;
margin: 10px 10px 0px 10px;
}

#tokusyu div.blue {
text-align: center;
width: 95%;
margin: 10px 10px 0px 10px;
}


#oyakudati div.theme_list {
text-align: center;
width: 95%;
margin: 0px 10px 0px 10px;
background-color:#5603C3;
}

#bodykirei div.hidden {
margin: 0px 10px 0px 10px;
background-color:#5603C3;
padding: 0px 0px 10px 0px;
}

#bodykirei div.kikenai {
text-align: center;
width: 95%;
margin: 0px 10px 0px 10px;
background-color:#5603C3;
}



#oyakudati div.hidden, #bodykirei div.hidden, #kikenai div.hidden, #daiet div.hidden {
margin: 0px 10px 0px 10px;
border: solid 1px #AD8AE1;
background-color: #AD8AE1;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 2px 2px 5px #999;
padding: 0px 0px 10px 0px;
color: #ffffff;
}


.demo1 button   {  
-webkit-border-radius: 10px;
background: #FFFFFF;
width: 300px;
-moz-border-radius: 3px; 
text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;  
-webkit-box-shadow: 1px 1px 2px #E7E7E7;
-moz-box-shadow: 1px 1px 2px #E7E7E7; 
}  

.honnebox{
text-align: left;
margin: 0px 10px 0px 10px;
}

/****全体位置の決定****/
DIV#menu{
    position:absolute;/*△*/
    width:100%;/*○*/
    z-index:100;/*△*/
    font-size:14px;/*△*/
}


/*ファーストキャプション部分*/
#hajimeni div.first_caption{
margin: 0px 10px 0px 10px;
text-align: center;
}

/*本音空白*/
#tokusyu_sex div.honnebox{
margin: 10px 10px 10px 10px;
}

#new div.new_caption{
margin: 10px 10px 10px 10px;
}

#hajimeni div.mytouroku{
margin: 0px 0px 10px 10px;
text-align: center;
}


/* 画像半分 */

.hanbun img{
text-align: center;
width: 100%;
height:100%;
}

/* マイメ登録ボタン用 */

.reg a {
padding : 5px;
color : #ffffff;
text-decoration : none;
display : block;
}

/*ログインリンク色*/
.login a {
padding : 5px;
color : #ffffff;
text-decoration : none;
display : block;
}


/****メインメニュー用スタイル****/
ul.main{
    margin:0px;/*△*/
    padding:0px;/*△*/
    width:100%;/*○*/
    position:relative;/*×*/
    list-style:none;/*△*/
    text-align:center;/*○*/
}
/*通常時*/
.main li.off{
    position:relative;/*×*/
    float:left;/*×*/
    height:1em;/*○*/
    width:100px;/*○*/
    overflow:hidden;/*×*/
    border:1px solid #993300;/*○*/
    background-color:#FFFFFF;/*○*/
}
/*展開時*/
.main li.on{
    float:left;/*×*/
    overflow:hidden;/*×*/
    width:100px;/*○*/
    background-color:#FFFFD5;/*○*/
    border:1px solid #993300;/*○*/
}
.main>li.on{
overflow:visible;/*×*/
}
/*リンクスタイル*/
.main a{
    display:block;/*△*/
    text-decoration:none;/*○*/
}
.main a:hover{
    background-color:#FFFFD5;/*○*/
}

/****サブメニュー用スタイル****/
ol.sub{
    margin:0px;/*△*/
    padding:0px;/*△*/
    position:relative;/*×*/
    left:0.5em;/*○*/
    top:0.5em;/*○*/
    width:120px;/*○*/
    border:1px solid #993300;/*○*/
    border-bottom:0px solid #993300;/*○*/
    background-color:#FFCCCC;/*○*/
    list-style:none;/*△*/
    text-align:left;/*○*/
}
.sub li{
/*必要に応じて追加*/
}
.sub a{
    padding:2px 0px 2px 5px;/*○*/
    display:block;/*△*/
    width:115px;/*○*/
    border-bottom:1px solid #993300;/*○*/
}
.sub a:hover{
    background-color:#FFFFEC;/*○*/
}


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

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

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

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

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

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

li#news {
border-top: solid 5px #9872BF;
}

li#tokushu {
border-top: solid 5px #9872BF;
}

li#topic {
border-top: solid 5px #9872BF;
}

 /* タブ選択時の色 */

li#news.select {
background-color: #9872BF;
border-right: solid 1px #666666;
border-left: solid 1px #666666;
border-bottom: solid 1px #666666;
color: white;
}

li#tokushu.select {
background-color: #9872BF;
border-right: #666666;
border-left: #666666;
border-bottom: solid 1px #666666;
color: white;
}

li#topic.select {
background-color: #9872BF;
border-right: solid 1px #666666;
border-left: solid 1px #666666;
border-bottom: solid 1px #666666;
color: white;
}

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

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

.content_wrap {
clear: both;
background: white;
}


#menu_topic div.sex1 {
padding: 0px 0px 10px 0px;
}

#menu_topic div.sex2 {
text-align:center;
padding: 0px 0px 10px 0px;
}

#menu_topic div.sex3 {
text-align:right;
padding: 0px 0px 10px 0px;
}

#menu_topic div.sex4 {
text-align:left;
padding: 0px 0px 10px 0px;
}

#yokoku div.sex4 {
text-align:left;
padding: 0px 10px 10px 10px;
}



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


#hajimeni div.both{
padding: 0px 0px 19px 0px;
}

/*プルダウン背景色むらさき*/
#kensaku div.c{
background-color: #ffffff;
color: #777777;
padding: 10px 0px 0px 0px;
}


#tokusyu_sex div.hidden{
background-color: #5603C3;
color: #ffffff;
}

#menu_topic div.item p{
font-size: 18px;
}

#tab_menu1, #tab_menu2, #tab_menu3, #tab_menu4 {
width: 95%;
margin: 0 auto;
border: solid 1px #666;
position: relative;
top: -1px;
z-index: 0;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 2px 2px 5px #999;
}

/* リンク色 */
#menu_topic a:link {
color : #115B95;
}

#menu_topic a:visited {
color : #F27911;
}

/* プルダウンリンク色 */
.hidden a:link {
color : #ffffff;
}

.hidden a:visited {
color : #EFF9FF;
}



/* ■プルダウンでメニューが出る■ */

 /* 開閉ボタンのスタイル */
#yoga div.list_open {
width: 90%;
}

div.list_open {
margin: 0 auto;
border: solid 1px #5603C3;
background-color: #5603C3;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 2px 2px 5px #999;
}




#oyakudati div.list_open, #bodykirei div.list_open, #kikenai div.list_open, #daiet div.list_open {
margin: 0px 10px 0px 10px;
border: solid 1px #cdb9e1;
background-color: #cdb9e1;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 2px 2px 5px #999;
}


div.list_open a {
display: block;
margin: 0px 10px 0px 10px;
padding: 13px 0;
-moz-border-radius: 15px;
/* -webkit-border-radius: 15px;
border-radius: 15px; */
background-color: white;
border: solid 1px #5603C3;
text-align: center;
font-size: 80%;
color: #522900;
font-weight: bold;
text-decoration: none;
}

 /* 開閉ボタンの下側の影をなくすスタイル */
#yoga div.list_open + div {
background-color: white;
}

 /* プルダウン部分の四角の中のスタイル */

#yoga div.hidden {
font-size: 80%;
line-height: 22px;
width: 90%;
border: solid 1px #666;
background-color: white;
margin: 0 auto;
height: 180px;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 2px 2px 5px #999;
}

#yoga div ul.theme_list {
padding: 5px 5px;
}

 /* プルダウン内にリストを使う場合のスタイル */

#yoga div ul.theme_list li{
padding: 2px 5px;
height: 12px;
}

/*画像調節（sexの正しい知識）*/
img sex {
width: 95%;
text-align:center;
}

/*行間*/
g {
line-height:27px;
}

 /* ボックス余白 */

 /*
div.li_yoko {
margin: 10px 10px 10px 10px;
text-align:center;
}
 */

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


#tokusyu div.tokusyu_a img{
width: 70%;
margin: 15px 0px 0px 0px;
}