@charset "UTF-8";

body {
    background-color: #fff;
}
/* パンくず */
#sp {
   /* margin-top:10px;*/
}

#sp_ranking_pan{
    padding:5px 0 0 5px;
    height:20px;
    font-size:10px;
    margin-bottom:10px;

}

#rococoInfo {
    width: 100%;
    font-size:12px;
    font-weight:normal;
    margin: 15px auto 0;
    text-align:left;
    line-height:1.5em;
	max-width: 640px;
}
#rococoInfo h1 {
text-align:center;
font-size:20px;
width:100%;
}
#rococoInfo p.subTxt {
    text-align:center;
    margin-bottom: 20px;
}
#InfoWrapper {
    width: 100%;
    margin: 0 auto;
    background: #efefef;
}


.link_button{
	text-align: center;
	border: 1px solid #cccccc;
	width: 80%;
	margin: 0 auto 30px;
	max-width: 500px;
	border-radius: 4px;
	font-size: 14px;
}

.link_button a{
	display: block;
	padding: 1em 0;
}



/*共通*/

#rococoInfo h2 {
/*width:100%;*/
height: 52px;
font-size:14px;
line-height:52px;
/*text-indent:10px;*/
border-bottom:1px #c9c9c9 solid;
display: block;
position: relative;
/*border-bottom: 1px solid #D9D9D6;*/
background: #efefef;
text-decoration: none;
cursor: pointer;
padding-left: 5%;
}

#rococoInfo h2:after {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-top: 2px solid #111111;
    border-right: 2px solid #111111;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

#rococoInfo dt {
display:block;
width:95%;
height: 52px;
font-size:14px;
line-height:52px;
/*text-indent:10px;*/
border-bottom: 1px #c9c9c9 dotted;
position: relative;
background: #F7F7F7;
text-decoration: none;
cursor: pointer;
padding-left: 5%;
}

#rococoInfo dt:after {
    position: absolute;
    top: 50%;
    right: 40px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-top: 2px solid #202020;
    border-right: 2px solid #202020;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#rococoInfo dd {
    height: auto;
    padding:10px 5% 20px;
    margin: 0;
    background-color: #fff;
}
/* 共通 備考 */
#rococoInfo h6 {
    margin-top: 20px;
    margin-bottom: 3px;
    font-size:12px;
}
#rococoInfo p {
    margin-bottom:10px;
    font-size:12px;
}
#rococoInfo ul {
    margin-bottom: 35px;
}
#rococoInfo li {
    margin-bottom: 5px;
}
#rococoInfo .reference {
    background-color:#ffe0d9;
    padding: 10px;
}
#rococoInfo .insideRefarence li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1.5em;
    margin-bottom: 10px;
}
#rococoInfo .textRed {
    color:red;
}
#rococoInfo .textBlue {
    color:#102EC2;
}
#rococoInfo .textCenter {
    text-align:center;
}
/* メインテキスト */
#rococoInfo ul.MainText {
    margin-top: 10px;
}
#rococoInfo ul.MainText li {
    margin-bottom: 5px;
}
/* テーブル */
#rococoInfo .chartTable {
    border-collapse:collapse;
    border: solid 1px #ccc;
    margin-top: 15px;
    width: 100%;
}
#rococoInfo .chartTable th {
    background-color: #eee;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    text-align:center;
}
#rococoInfo .chartTable td {
    background-color: #fff;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    text-align:center;
}
#rococoInfo .ascendingList {
    display: block;
    margin-bottom: 0.5em;
    padding-bottom: 0.2px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    margin-top: 1.5em;
}

/* レビューの書き方 */

#rococoInfo ul.sp_review_writing {

}

#rococoInfo .reviewSTEP{
	display:block;
	background-color:#333;
	width:100%;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	color:#FFF;
	margin-bottom:10px;
	padding:2px 0 2px 0;
	text-align:center;
}