@charset   "Shift_JIS";

/* /--------------‘S‘Μ ---------------/ */
body{
	/* [disabled]text-align: center; */
	margin: 0 auto;
	font-family: "ƒƒCƒŠƒI","ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-size: 75%; /* 11px */
	line-height:1.5;
	color:#4A4A4A;
	-webkit-text-size-adjust: 100%;
    min-width:960px;
}

a {color:#800000;}
a:hover	{color:#FF377C; text-decoration:none;}
a:visited	{color:#800000 }

h1, h2, h3 {font-weight: normal; margin: 0; padding: 0;}
img	{
	margin: 0;
	padding: 0;
	border:none;
}
.cl	{
	clear:both;
	margin: 0;
	padding: 0;
}
.cl15	{
	clear:both;
	margin: 15px;
	padding: 0;
}
p.cl20 {
    clear:both;
    height:20px;
    color:ffffff;
    text-indent:-10000em;
}


ul,li,dl,dt,dd {
    list-style:none;
    margin:0;
    padding:0;
}

/* /--------------‘S‘Μ END---------------/ */
/* /-------------- ƒwƒbƒ_[ ---------------/ */
#Header {
	width:100%;
	height:100px;
	background-color:#390e01;
}
#HeaderInner {
    margin: 0 auto;
    position: relative;
    width: 960px;

}
h1#Logo {
    text-align: center;
}

#souryou li {
    position: absolute;
    right: 0;
    top: 75px;
	color:#ffffff;
}

#Menu {
	width:100%;
	height:30px;
	background-color:#e84470;
	margin-bottom:15px;
}
#Menuinner {
    margin: 0 auto;
    position: relative;
    width: 960px;
}


#Nav li a {
	font-family:"ƒƒCƒŠƒI","ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
    float: left;
	margin:6px 20px 6px 0;
	font-weight: bold;
}

#SubNav li a{
	font-family:"ƒƒCƒŠƒI","ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-size:12px;
	color:#e84470;
	text-decoration:none;
    float: right;
	margin:6px 20px 6px 0;
	
}

#Nav li a:hover {
	color:#390e01;
	text-decoration:underline;
	font-weight:bold;
}
#SubNav li a:hover {
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold;
}

/* /-------------- ƒwƒbƒ_[  END-------------/ */

/* /-------------- ƒŒƒtƒgƒiƒr ---------------/ */
#side {
width:200px;
text-align:left;
float:left;
}

ul.search_boxWrap {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 50px;
    width: 180px;
	list-style:none;
}

ul.search_boxWrap input[type="image"] {
    cursor: pointer;

}
.search_btn {
    clear: both;
    float: right;
    margin: 5px 0 0 30px;
    padding: 0;
}
.itemsearch li {
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #390e01;
    color: #390e01;
    font-size: 14px;
    list-style: outside none none;
    margin:0 0 5px 0;
    padding: 5px 0 0;
    text-align: left;
    width: 180px;
	font-family: "ƒƒCƒŠƒI","ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

.itemsearch li a{
	color: #390e01;
	text-decoration: none;
}

.itemsearch li a:hover{
	color: #e84470;
}

.form-login {
    border: 1px solid #cccccc;
    height: 16px;
    padding: 2px 0;
    width: 115px;
	margin:2px 0;
}

.loginbtn
{
	text-align:center;
	width:180px;
}

#title-login {
	font-family:"Times New Roman",Georgia,  Times, serif;
	font-size:14px;
	color:#e84470;
	text-align:left;
	position: relative; /*‘Š‘Ξ”z’u*/
background-color: #fff;
padding:0 5px 5px 0;
}

.FS2_holdEmailAddress {
    margin: 5px 0;
    text-align: center;
	font-size:10px;
}

.logintable {
	font-size:9px;
	margin:0 0 0 4px;
}

.touroku  {
	border-top:dotted #390e01 1px;
	padding:5px 0;
	
}

.touroku li a{
	font-size:14px;
	text-decoration:none;
	padding:2px;
	font-family:"ƒƒCƒŠƒI", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

.touroku li a:hover{
	color:#e84470;
}

ul.fsamp_accordionMenu ul{
	display:none;
}

ul.fsamp_accordionMenu{
	margin-bottom:30px;
}

ul.fsamp_accordionMenu>li{
	border-bottom:1px dotted #390e01;
	list-style:none;
	width:180px;

}


ul.fsamp_accordionMenu>li.activeListItem{
	background-color:rgba(0,0,0,0.1);
}

ul.fsamp_accordionMenu>li ul{}

ul.fsamp_accordionMenu>li li{
	border:1px dotted #aaa;
	border-width:1px 0px 0px 0px;
	list-style:none;
	width:150px;
        margin:0 0 0 30px;
}
ul.fsamp_accordionMenu>li li:last-child{
	border-bottom:none;
}

ul.fsamp_accordionMenu li a{
	display:block;
	margin:0 10px 0 0;
	padding:8px 10px 8px 3px;
	background-image:url(http://clathas-online.jp/img/arrow_right_s.png);
	background-position:right center;
	background-repeat:no-repeat;
	overflow:hidden;
	color:#390e01;
	font-size:14px;
}

ul.fsamp_accordionMenu li.hasChildList>a{
	background-image:url(http://clathas-online.jp/img/plus.png);
	text-decoration: none;
}
ul.fsamp_accordionMenu li.hasChildList.selectedItem>a{
	background-image:url(http://clathas-online.jp/img/arrow_right_s.png);
}
ul.fsamp_accordionMenu li.hasChildList.selectedItem>a.noLink{
	background-image:url(http://clathas-online.jp/img/minus.png);
}

ul.fsamp_accordionMenu>li li a{
	padding:8px 0;
	font-size:12px;
}

ul.fsamp_accordionMenu>li a:hover{
	color:#e84470;
}
 
/* /-------------- ƒƒCƒ“ƒRƒ“ƒeƒ“ƒc ---------------/ */	

#wrap	{
	width:960px;
	text-align:center;
	margin: 0 auto;
	overflow:hiden;
	}






/* --- ƒRƒ“ƒeƒ“ƒc--- */
#contents {
	width:760x !important;
	margin:0 auto;
	padding:0;
    float:left;
	text-align:center;
}

/* /-------------- ƒƒCƒ“@ƒoƒi[ ---------------/ */

div#feature_list {

    height: 250px;
    overflow: hidden;
    position: relative;
    width: 760px;
}
div#feature_list ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
ul#tabs {
    right: 0;
    width: 230px;
    z-index: 2;
}
ul#tabs li {
	padding:2px 0;
}
ul#tabs li a {
    display: block;

	
}
ul#tabs li a:hover img{
    opacity: 0.8;
}


ul#output {
    height: 250px;
    position: relative;
    width: 520px;
	left:0;
}

/* /-------------- ƒLƒƒƒvƒVƒ‡ƒ“ ---------------/ */
.caption{
font-family:"Times New Roman",Georgia,  Times, serif;
font-size:18px;
text-align:left;
color:#666666;
border-bottom:#e84470 1px solid;
margin:5px 0;
width:755px;
font-weight:bold;
padding:2px 0 0 5px;
}


/* /-------------- ƒgƒsƒbƒNƒX ---------------/ */
#newinfo {
	width:760px;
	background-color:#ffffff;
	height:310px;
	margin-bottom:10px;
	padding:2px 0;
}

.infolist {
	width:360px;
	height:120px;
	font-family:"ƒƒCƒŠƒI", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-size:12px;
	float:left;
	margin:5px;
	text-align:left;
	padding:5px;
}

.infolist-ue{
	width:360px;
	height:120px;
	font-family:"ƒƒCƒŠƒI", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-size:12px;
	float:left;
	margin:5px;
	text-align:left;
	padding:5px;
	border-bottom:1px dotted #666;
}

.infolist img{
	float:left;
	margin-right:5px;
	border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #ccc;
    color: #666666;

}
.infolist-ue img{
	float:left;
	margin-right:5px;
	border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #ccc;
    color: #666666;

}

.infolist h{
	font-size:14px;
	text-decoration:underline;
}
.infolist-ue h{
	font-size:14px;
	text-decoration:underline;
}
.infolist a{
	text-decoration:none;
}
.infolist-ue a{
	text-decoration:none;
}
/* /-------------- ƒ‰ƒ“ƒLƒ“ƒO ---------------/ */
#b-ranking {
	background: #ffffff none repeat scroll 0 0;
    margin: 10px 0;
    padding: 2px 0;
    position: relative;
    width: 760px;
}

.ranklist p {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #ccc;
    color: #666666;
    float: left;
    font-size: 12px;
    height: 230px;
    margin: 5px;
    text-align: center;
    width: 175px;
}

#rank-tab {
	  position: absolute;
	top: 10px;
    right: 25px;
}




#rank-tab li {
  float: left;
  padding: 2px 10px;
  list-style: none;
  cursor: pointer;
  background-color:#999;
  font-size:12px;
  font-family:"ƒƒCƒŠƒI","ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
  border:1px #FFF solid;
  width:60px;
  text-align:center;
  color:#ffffff;
    font-weight:bold;

}
#rank-tab li.select {
  background: #e84470;

}
.disnon {
  display: none;
}
.rank-content_wrap {
  clear: left;
  width: 750px;
  height: 480px;
  font-size: 20px;
  text-align: center;
  
  color: #fff;
  padding:5px;
}

.select {
  background: #e84470;
}

/*/----ƒ‰ƒ“ƒLƒ“ƒO END---------/*/




/*—Η‚­‚ ‚ιŽΏ–β*/
.faq {
    color: #666666;
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: 720px;
}
.faq_ttl {
    background-color: #F9F5F0;
    border: 1px solid #90755A;
    margin: 20px 0 0;
    padding: 0;
    text-align: left;
    width: 720px;
}
.faq_ttl a {
    color: #90755A;
    text-decoration: none;
}
.faq_ttl a:hover {
    color: #DB7093;
    text-decoration: none;
}
.faq_ttl p {
    color: #90755A;
    font-weight: bold;
    margin: 0;
    padding: 5px 10px;
}
.faq_ttl2 {
    background-color: #90755A;
    border: 1px solid #90755A;
    margin: 0 0 0;
    padding: 0;
    text-align: left;
    width: 720px;
}
.faq_ttl2 p {
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.faq_txt {
 
    margin: 0;
    padding: 0;
    text-align: left;
    width: 720px;
}
.faq_txt p {
    line-height: 1.5em;
    margin: 0;
    padding: 20px;
}
.faq strong {
    color: #696969;
    font-weight: bold;
}
/*—Η‚­‚ ‚ιŽΏ–β END*/

/*ƒVƒ‡ƒbƒsƒ“ƒOƒKƒCƒh*/
.guide {
    color: #666666;
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: 720px;
}
.guide_ttl {
    background-color: #F9F5F0;
    border: 1px solid #90755A;
    margin: 20px 0 0;
    padding: 0;
    text-align: left;
    width: 720px;
}
.guide_ttl a {
    color: #90755A;
    text-decoration: none;
}
.guide_ttl a:hover {
    color: #DB7093;
    text-decoration: none;
}
.guide_ttl p {
    color: #90755A;
    font-weight: bold;
    margin: 0;
    padding: 5px 10px;
}
.guide_ttl2 {
    background-color: #90755A;
    border: 1px solid #90755A;
    margin: 0 0 0;
    padding: 0;
    text-align: left;
    width: 720px;
}
.guide_ttl2 p {
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.guide_txt {
 
    margin: 0;
    padding: 5px;
    text-align: left;
    width: 720px;
}
.guide_txt p {
    line-height: 1.5em;
    margin: 0;
    padding: 5px;
}
.guide strong {
    color: #696969;
    font-weight: bold;
}

#foot {
clear:both;
margin:0 auto;
text-align:center;
width:940px;
}

/* /-------------- ƒtƒbƒ^[ ---------------/ */
#Footer {
	width:100%;
	height:30px;
	background-color:#e84470;
	float:left;
}
#FooterInner {
    margin: 0 auto;
    position: relative;
    width: 960px;

}
	
#FootMenu {
	width:100%;
	height:auto;
	background-color:#390e01;
	float:left;
}
#FootMenuinner {
    margin: 0 auto;
    width: 960px;
	position: relative;
}

#pagetop li a{
    position: absolute;
    right: 0;
    top: 5px;
	color:#ffffff;
	list-style:none;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	}
	
#pagetop li a:hover {
	color:#390e01;

}

#Footlist {
	margin-left:60px;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	text-decoration:none;
	list-style:none;
	font-weight:bold;
	color:#ffffff;
	float:left;
}


#Footlist ul{
	text-align:left;
	list-style:none;
	line-height:20px;
}

#Footlist li a{
	font-family:"ƒƒCƒŠƒI","ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	text-align:left;
	list-style:none;
	font-size:12px;
	text-decoration:none;
	color:#ffffff;
}

#Footlist li a:hover{
	color:#e84470;
}


#eigyoubi {
    position: absolute;
    right: 0;
    top: 150px;
    width: 405px;
	font-size:11px;
	background-color:#4c261a;
	color:#ffffff;
	padding:5px;
	border-radius: 10px;        /* CSS3‘ˆΔ */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome—p */  
    -moz-border-radius: 10px;
	font-family:"ƒƒCƒŠƒI","ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	
	
}

#Copyright {
	clear:both;
	color:#ffffff;
    padding-top: 100px;
    text-align: center;
	font-size:11px;
	font-family:"ƒƒCƒŠƒI","ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif
}

/*==================================
==========GIVE&GIVE’Η‰Α=============
==================================*/

img {
    -webkit-backface-visibility: hidden;
}