@charset "utf-8";

/* =======================================

	FamiNavi --PUBLIC-- TopPageElements

======================================= */

body#setindex {
	background: none!important;
}

/* ------------------------------------

	Header要素

------------------------------------ */
body#setindex #header {
	width: 780px;
	height: 76px;
	position: relative;
	background: none;
}

body#setindex #header h1 {
	width: 150px;
	height: 30px;
	position: absolute;
	top: 25px;
	left: 3px;
}

body#setindex #header h1 a {
	width: 150px;
	height: 30px;
	display: block;
	background: transparent url(../../img/public/faminavi_top_logo.jpg) no-repeat top left;
	text-indent: -9999px;
}

/* ------------------------------------

	Wrapper要素

------------------------------------ */
body#setindex #wrapper {
	width: 780px;
	background: none!important;
}


/* ------------------------------------

	BaseControl

------------------------------------ */
body#setindex #base_control {
	padding: 0!important;
}


/* ------------------------------------
	KeyVisual
------------------------------------ */
body#setindex #index_keyvisual {
	margin-bottom: 10px;
	width: 780px;
	height: 220px;
	position: relative;
}
body#setindex #index_keyvisual #scene01,
body#setindex #index_keyvisual #scene02,
body#setindex #index_keyvisual #scene03,
body#setindex #index_keyvisual #scene04,
body#setindex #index_keyvisual #scene05,
body#setindex #index_keyvisual #scene00 {
	top: 0;
	left: 0;
	width: 780px;
	height: 220px;
	position: absolute;
}
body#setindex #index_keyvisual #scene01 a {
	bottom: 89px;
	right: 65px;
	width: 238px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: transparent url(../../img/public/top_scene01_enter.jpg) no-repeat top left;
	z-index: 99;
}

body#setindex #index_keyvisual ul {
	bottom: 10px;
	right: 5px;
	width: 200px;
	height: 44px;
	position: absolute;
	z-index: 999;
}
body#setindex #index_keyvisual ul li {
	width: 49px;
	height: 44px;
	float: left;
	display: inline;
}
body#setindex #index_keyvisual ul li a {
	width: 49px;
	height: 44px;
	display: block;
}
body#setindex #index_keyvisual ul li a:hover img {
	visibility: hidden!important;
}
body#setindex #index_keyvisual ul li.tmb_sc01 a {background: transparent url(/pc/user/img/public/top_scene01_thumbtn_ov.png) no-repeat top left;}
body#setindex #index_keyvisual ul li.tmb_sc02 a {background: transparent url(/pc/user/img/public/top_scene02_thumbtn_ov.png) no-repeat top left;}
body#setindex #index_keyvisual ul li.tmb_sc03 a {background: transparent url(/pc/user/img/public/top_scene03_thumbtn_ov.png) no-repeat top left;}
body#setindex #index_keyvisual ul li.tmb_sc04 a {background: transparent url(/pc/user/img/public/top_scene04_thumbtn_ov.png) no-repeat top left;}
body#setindex #index_keyvisual ul li.tmb_sc05 a {background: transparent url(/pc/user/img/public/top_scene05_thumbtn_ov.jpg) no-repeat top left;}
body#setindex #index_keyvisual ul li.tmb_sc00 a {background: transparent url(/pc/user/img/public/top_scene00_thumbtn_ov.jpg) no-repeat top left;}


/* ------------------------------------
	ContentsMove
------------------------------------ */
body#setindex #contents_move {
	margin-bottom: 5px;
	width: 780px;
}

body#setindex #contents_move ul {
	margin-bottom: 5px;
	width: 780px;
	height: 145px;
	overflow: hidden;
}
body#setindex #contents_move ul li {
	margin-right: 7px;
	width: 185px;
	height: 145px;
	float: left;
	display: inline;
}

body#setindex #contents_move ul li.comic {
	width: 195px;
}

body#setindex #contents_move ul li.movie {
  border: solid 1px #999999;
}

body#setindex #contents_move ul li.narration {
  border: solid 1px #999999;
}

body#setindex #contents_move ul li a{
	width: 185px;
	height: 145px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
body#setindex #contents_move ul li.comic a{
	width: 195px;
}
body#setindex #contents_move ul li.family a { background: transparent url(../../img/public/btn_family.jpg) no-repeat top left;}
body#setindex #contents_move ul li.links a { background: transparent url(../../img/public/btn_links.jpg) no-repeat top left;}
body#setindex #contents_move ul li.sweet a { background: transparent url(../../img/public/btn_sweet.jpg) no-repeat top left;}
body#setindex #contents_move ul li.guide a { background: transparent url(../../img/public/btn_guide.jpg) no-repeat top left;}
body#setindex #contents_move ul li.comic a { background: transparent url(../../img/public/btn_comic.jpg) no-repeat top left;}
body#setindex #contents_move ul li.movie a { background: transparent url(../../img/public/faminavi_drama.jpg) no-repeat top left;}
body#setindex #contents_move ul li.narration a { background: transparent url(../../img/public/faminavi_narration.jpg) no-repeat top left;}
body#setindex #contents_move ul li.family a:hover,
body#setindex #contents_move ul li.links a:hover,
body#setindex #contents_move ul li.sweet a:hover,
body#setindex #contents_move ul li.guide a:hover,
body#setindex #contents_move ul li.comic a:hover { background-position: 0 -145px;}
body#setindex #contents_move ul li.movie a:hover { background-position: 0 -145px;}
body#setindex #contents_move ul li.narration a:hover { background-position: 0 -145px;}
body#setindex #contents_move ul li.lastChild {
margin-right: 0!important;
}
/* ------------------------------------
	ContentsMove
------------------------------------ */
body#setindex #contents_main {
	margin-bottom: 5px;
	width: 780px;
}

body#setindex #contents_main ul {
	margin-bottom: 10px;
	width: 780px;
	height: 185px;
	overflow: hidden;
}
body#setindex #contents_main ul li {
	margin-left: 15px;
	width: 250px;
	height: 185px;
	float: left;
	display: inline;
}
body#setindex #contents_main ul li.family {
	margin-left: 0;
}

body#setindex #contents_main ul li a{
	width: 250px;
	height: 185px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
body#setindex #contents_main ul li.family a { background: transparent url(../../img/public/btn_family_l.jpg) no-repeat top left;}
body#setindex #contents_main ul li.links a { background: transparent url(../../img/public/btn_links_l.jpg) no-repeat top left;}
body#setindex #contents_main ul li.sweet a { background: transparent url(../../img/public/btn_sweet_l.jpg) no-repeat top left;}
body#setindex #contents_main ul li.family a:hover,
body#setindex #contents_main ul li.links a:hover,
body#setindex #contents_main ul li.sweet a:hover { background-position: 0 -185px;}


/* お知らせ
-----------------------------------------*/
body#setindex #information {
	margin-bottom: 30px;
	width: 515px;
	float: left;
	display: inline;
}

body#setindex #information h2 {
	margin-bottom: 10px;
	width: 515px;
	height: 33px;
	text-indent: -9999px;
	background: transparent url(../../img/public/title_information.gif) no-repeat top left;
	position: relative;
}

body#setindex #information h2 a {
	background: transparent url(../../img/public/info_arrow.gif) no-repeat center left;
	text-indent: 10px;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 10px;
	right: 0;
}

body#setindex #information dl {
	width: 515px;
}
body#setindex #information dl dt {
	padding: 5px 0;
	width: 140px;
	float: left;
	display: inline;
	background: transparent url(../../img/public/info_arrow.gif) no-repeat center left;
	text-indent: 10px;
}
body#setindex #information dl dd {
	padding: 5px 0;
	width: 362px;
	float: right;
	text-align: left;
	display: inline;
}

body#setindex #information div.adobe_reader {
	padding-top: 20px;
	width: 460px;
	line-height: 130%;
}

body#setindex #information div.adobe_reader img {
	margin: 5px 0 40px 15px;
	float: right;
}



/* SITE CONTENTS MOVE [RightArea]
-----------------------------------------*/
body#setindex #contents_elements {
	margin-bottom: 30px;
	width: 250px;
	float: right;
	display: inline;
	text-align: left;
}

body#setindex #contents_elements ul {
	margin-bottom: 10px;
	width: 250px;
}

body#setindex #contents_elements ul li {
	width: 250px;
	height: 40px;
	overflow: hidden;
	position: relative;
}

body#setindex #contents_elements ul li a{
	width: 250px;
	height: 30px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
body#setindex #contents_elements ul li.about a { background: transparent url(../../img/public/btn_about.gif) no-repeat top left;}
body#setindex #contents_elements ul li.mutual a { background: transparent url(../../img/public/btn_reciprocity.gif) no-repeat top left;}
body#setindex #contents_elements ul li.faq a { background: transparent url(../../img/public/btn_faq.gif) no-repeat top left;}
body#setindex #contents_elements ul li.inquiry a { background: transparent url(../../img/public/btn_inquiry.gif) no-repeat top left;}
body#setindex #contents_elements ul li.models a { background: transparent url(../../img/public/btn_models.gif) no-repeat top left;}
body#setindex #contents_elements ul li.regulation a { background: transparent url(../../img/public/btn_regulation.gif) no-repeat top left;}
body#setindex #contents_elements ul li.guide a { background: transparent url(../../img/public/btn_guide.gif) no-repeat top left;}
body#setindex #contents_elements ul li.about a:hover,
body#setindex #contents_elements ul li.faq a:hover,
body#setindex #contents_elements ul li.inquiry a:hover,
body#setindex #contents_elements ul li.models a:hover,
body#setindex #contents_elements ul li.regulation a:hover,
body#setindex #contents_elements ul li.guide a:hover { background-position: 0 -30px;}

body#setindex #contents_elements ul li.mutual {
	height: 56px;
}
body#setindex #contents_elements ul li.mutual a {
	height: 46px;
}
body#setindex #contents_elements ul li.mutual a:hover {
	background-position: 0 -46px;;
}



body#setindex #contents_elements ul li.guide span {
	bottom: 0;
	right: 0;
	position: absolute;
	text-indent: 22px;
	background: transparent url(../../img/public/pdficon.gif) no-repeat top left;
}


/* ファミナビ mobile
-----------------------------------------*/
body#setindex #contents_elements dl {
	width: 250px;
}

body#setindex #contents_elements dl dt {
	margin-bottom: 10px;
	width: 250px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(../../img/public/title_mobile.gif) no-repeat top left;
}
body#setindex #contents_elements dl dd {
	width: 250px;
}
body#setindex #contents_elements dl dd img {
	margin-right: 15px;
	float: left;
	display: inline;
}

/* =======================================

	ClearFixElements

======================================= */
body#setindex #base_control:after,
body#setindex #index_keyvisual ul:after,
body#setindex #contents_move ul:after,
body#setindex #information dl:after,
body#setindex #contents_elements dl:after,
body#setindex #information div.adobe_reader:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

body#setindex #base_control,
body#setindex #index_keyvisual ul,
body#setindex #contents_move ul,
body#setindex #information dl,
body#setindex #contents_elements dl,
body#setindex #information div.adobe_reader {
	display: inline-block;
}
/* =======================================

	hiddentext

======================================= */
.hiddenColor{
	color:#808080;
}