@charset "EUC-JP";

/* --------------------------------------------------
header
-------------------------------------------------- */

#headerTop { /*　トップ専用　*/
	width: 100%;
	min-width: 950px;
	height: 328px;
	margin: 0 auto;
	background: url(../images/common/header_top.jpg) no-repeat top center !important;
	text-indent: -9999px;
	text-align: center;
	background-color: #000;
}

#headerTop .TopTitle,
#headerTopExc .TopTitle {
	height: 320px;
}
#headerTop .title a,
#headerTopExc .title a {
	display: inline-block;
	width: 950px;
	height: 180px;
}

/* --------------------------------------------------
navi - Top
-------------------------------------------------- */

#NaviBox { /*　トップ専用　*/
	width: 100%;
	min-width: 950px;
	height: 76px;
	margin: 0 auto;
	background: url(../images/top/navi_bg_top.jpg) no-repeat top center !important;
}

#NaviBoxTop { /*　トップ下部　*/
	width: 862px;
	height: 147px;
	margin: 0 auto;
	background: url(../images/top/naviglobal.jpg) no-repeat top center !important;
}

#NaviBox ul {
	width: 670px;
	margin: 0 auto;
	padding: 0;
}
#NaviBoxTop ul{
	width: 870px;
	margin: 0 auto;
	padding: 0;
}
.navbutton {
	width: 310px;	
	height: 90px;
	float: left;
	margin: -3px 0 0 0;
}
.senja{
	padding: 0;
}
.senjutsu{
	padding: 0 0 0 50px;
}

.navbutton a {
	width: 310px;	
	height: 90px;
	overflow: hidden;
	display: block;
	background-image: url(../images/common/navi_btn_top.png);
	text-indent: 100%;
}

.navbutton a{ text-indent: -9999px; }

.senja a { background-position: 0 0; }
.senja a:hover { background-position: 0 -85px; }

.senjutsu a { background-position: 315px 0; }
.senjutsu a:hover { background-position: 315px -85px; }

/* --------------------------------------------------
AdBox
-------------------------------------------------- */
#AdBox{
	width: 950px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: center;
	line-height: 1.6em;
}
.PreInfo{
    padding-bottom: 5px;
    font-size: 120%;
}
.PreInfo a,
.PreInfo a:hover{
	color: #FFF;
}

.PreTxt{
    width: 680px;
    margin: 0 auto;
    font-size: 90%;	
    padding-bottom: 5px;
    color: #F1CFFF;
}
.AdLink{
    width: 870px;
    margin: 0 auto;
	font-size: 90%;
}
.AdLink a,
.AdLink a:hover,
.AdLink a:visited{ text-decoration: underline; color: #f0ff00; }

.AdLink a:hover{ text-decoration: none; }

/* --------------------------------------------------
NewBox
-------------------------------------------------- */
#NewBox{
	width: 862px;
	height: auto;
	margin: 0 auto;
	background: url(../images/top/new_rp.jpg) center center repeat-y;
	position: relative;
}
#NewBoxTop{
	width: 862px;
	height: auto;
	margin: 0 auto;
	background: url(../images/top/new_top.jpg) center top no-repeat;
}
#NewBoxBtm{
	width: 862px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 63px 0;
	background: url(../images/top/new_btm.jpg) center bottom no-repeat;
}

#NewBox .Left{
	width: 420px;
	float: left;
}
#NewBox .Right{
	width: 420px;
	float: right;
}

#NewBox .Left .Icon{
    width: 107px;
    height: 133px;
    position: absolute;
    top: 20px;
    left: 30px;
}
#NewBox .Right .Icon{
    width: 107px;
    height: 133px;
    position: absolute;
    top: 20px;
	right: 30px;
}

#NewBox .Left .Menu{
    width: 381px;
    height: 144px;
    padding: 130px 0 0 30px;
}
#NewBox .Right .Menu{
    width: 381px;
    height: 144px;
    padding: 130px 0 0 4px;
}

#NewBox .Left .Menu a,
#NewBox .Right .Menu a{
	display: inline-block;
}

#NewBox .Left .Read{
    width: 350px;
    color: #020063;
    padding: 0 0 0 55px;
	font-size: 90%;
	line-height: 1.5em;	
}
#NewBox .Right .Read{
    width: 350px;
    color: #020063;
    padding: 0 0 0 20px;
	font-size: 90%;
	line-height: 1.5em;	
}

#NewBox .Left .Price{
    width: 350px;	
    color: #020063;
    text-align: right;
    padding: 5px 0 0 60px;
	font-size: 90%;
	line-height: 1.5em;
}
#NewBox .Right .Price{
    width: 350px;	
    color: #020063;
    text-align: right;
    padding: 5px 0 0 30px;
	font-size: 90%;
	line-height: 1.5em;
}

/*　Normal　*/
/*
#NewBox .NewIcon{
	width: 52px;
	height: 33px;
	position: absolute;
	left: 50px;
	top: -16px;
}
*/
#NewBox .NewTit{
    width: 189px;
    height: 56px;
    position: absolute;
    left: 330px;
    top: 12px;
}
/* First */
#NewBox .IchiTit{
    width: 268px;
    height: 55px;
    position: absolute;
    left: 295px;
    top: 11px;
}

/* --------------------------------------------------
Predict
-------------------------------------------------- */
#PredictTop{
	width: 862px;
	height: 289px;
	margin: 0 auto;
	background: url(../images/top/sp_toptit.jpg) center top no-repeat;
	position: relative;
}
#PredictTop .Text{
	position: absolute;
	top: 87px;
	left: 160px;
}

#Predict{
	width: 862px;
	height: 361px;
	margin: 0 auto;
	background: url(../images/top/sp_menubox.jpg) center top no-repeat;
	position: relative;
}
#Predict .Menu{
    width: 500px;
    margin: 0 auto;
    padding: 46px 0 0 0;	
}
#Predict .Price{
    width: 500px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    color: #583200;
    font-size: 80%;
    text-align: center;
}

/* --------------------------------------------------
FreeBox
-------------------------------------------------- */
#FreeBoxTop{
	width: 870px;
	height: 284px;
	margin: 0 auto;
	background: url(../images/top/free_top.jpg) center top no-repeat;
	position: relative;
}
#FreeBoxTop .Tit{
    position: absolute;
    top: 48px;
    left: 330px;
}
#FreeBoxTop .Adv{
    position: absolute;
    top: 30px;
    left: 80px;
}
#FreeBoxTop .Text{
    width: 320px;
    padding: 177px 0 0 320px;
    color: #020063;
}

#FreeBox{
	width: 870px;
	height: 210px;
	margin: 0 auto;
	background: url(../images/top/free_menubox.jpg) center top no-repeat;
	position: relative;
}
#FreeBox .MenuBox{
	width: 435px;
	float: left;
}
#FreeBox .MenuBox .Icon{
	width: 107px;
	height: 133px;
	padding: 40px 10px 0 35px;
	float: left;
}
#FreeBox .MenuBox .Title{
    width: 250px;
    padding: 55px 0 0 0;
    font-size: 22px;
    line-height: 1.6em;
	float: left;
}

#FreeBox .Title a,
#FreeBox .Title a:visited{
	color: #691B1B;
    text-decoration: underline;
	font-weight: bold;
	display: inline-block;
}
#FreeBox .Title a:hover{
	color: #C20000;
	text-decoration: underline;
}

#FreeBoxBtm{
	width: 870px;
	height: 100px;
	margin: 0 auto;
	background: url(../images/top/free_btm.jpg) center top no-repeat;
	position: relative;
}
#FreeBoxBtm .btnInfo{
    width: 388px;	
    margin: 0 auto;
    padding: 5px 0 0 0;
}

/* --------------------------------------------------
Rec
-------------------------------------------------- */

#RecBox{
	width: 950px;
	margin: 0 auto 30px;
	background: url(../images/top/rec_rp.jpg) center center repeat-y;
	position: relative;
}
#RecBoxTop{
	width: 950px;
	margin: 0 auto;
	padding: 300px 0 0 0;
	background: url(../images/top/rec_top.jpg) center top no-repeat;
}
#RecBoxBtm{
	width: 950px;
	margin: 0 auto;
	padding: 0 0 80px 0;
	background: url(../images/top/rec_btm.jpg) center bottom no-repeat;
}
.RecTit01{
	position: absolute;
	left: 330px;
	top: 30px;
}
.RecTit02{
	position: absolute;
	left: 180px;
	top: 130px;
}

#RecBox dl{
	width: 660px;
	margin: 0 auto
}

.RecIcon{
	float: left;
}
.RecMenu{
	width: 500px;
	padding: 25px 0 0 5px;
	font-size: 160%;
	float: left;
	line-height: 1.5em;
	font-weight: bold;
}
.RecPrice{
	width: 310px;
	padding: 20px 35px 0 0;
	color: #000;
	text-align: right;
	float: right;
}

/* --------------------------------------------------
LoveBox
-------------------------------------------------- */
#LoveBox{
	width: 870px;
	height: auto;
	margin: 30px auto 0;
	background: url(../images/top/love_menu_rp.jpg) center center repeat-y;	
	position: relative;
}
#LoveTop{
	width: 870px;
	height: 416px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/top/love_menu_adv01.jpg) center top no-repeat;
}
#ULoveTop{
	width: 870px;
	height: 294px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/top/love_menu_adv02.jpg) center top no-repeat;
}

#LoveBtm {
	width: 870px;
	margin: 0 auto;
	padding: 0;
	/*background: url(../images/top/love_menu_btm.jpg) center bottom no-repeat;*/
}

#LoveBox .Tit{
	width: 450px;
	height: 60px;
    padding: 103px 0 0 205px;
}
#LoveBox .Adv_1{
    width: 210px;
    height: 250px;
    padding: 0 0 0 70px;
	float: left;
}
#LoveBox .Adv_2{
    width: 210px;
    height: 250px;
    padding: 25px 0 0 70px;
	float: left;
}

#LoveBox .AdvText_1{
    width: 395px;
    color: #96003E;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5em;
	margin: 95px 0 0 380px;
}
#LoveBox .AdvText_2{
    width: 405px;
    color: #96003E;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 105px 0 0 88px;
	float: left;
}

/* push */
#LoveBox .MenuSpBox{
	width: 870px;
	margin: 0 auto;
	background: url(../images/top/menusp_rp_01.jpg) center center repeat-y;
	position: relative;		
}
#LoveBox .MenuSpTop{
	width: 870px;
	margin: 0 auto;
	background: url(../images/top/menusp_top_01.jpg) center top no-repeat;	
}
#LoveBox .MenuSpBtm{
	width: 870px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	background: url(../images/top/menusp_btm_01.jpg) center bottom no-repeat;	
}

/* --------------------------------------------------
MarrBox
-------------------------------------------------- */
#MarrBox{
	width: 870px;
	height: auto;
	margin: 0 auto;
	background: url(../images/top/life_menu_rp01.jpg) center center repeat-y;
	position: relative;
}
#MarrTop{
    width: 870px;
    height: 424px;
    margin: 0 auto;
    padding: 0;
    background: url(../images/top/life_menu_adv01.jpg) center top no-repeat;
}

#MarrBox .Tit{
    width: 450px;
    height: 60px;
    padding: 72px 0 0 285px;
}
#MarrBox .Adv_1{
    width: 210px;
    height: 250px;
    padding: 0 0 0 40px;
    float: left;
}
#MarrBox .AdvText_1{
    width: 405px;
    color: #5C0096;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 130px 0 0 371px;
}

/* push */
#MarrBox .MenuSpBox{
	width: 870px;
	margin: 0 auto;
	background: url(../images/top/menusp_rp_02.jpg) center center repeat-y;
	position: relative;		
}
#MarrBox .MenuSpTop{
	width: 870px;
	margin: 0 auto;
	background: url(../images/top/menusp_top_02.jpg) center top no-repeat;	
}
#MarrBox .MenuSpBtm{
	width: 870px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	background: url(../images/top/menusp_btm_02.jpg) center bottom no-repeat;	
}

/* --------------------------------------------------
WorkBox
-------------------------------------------------- */
#WorkBox{
	width: 870px;
	height: auto;
	margin: 0 auto;
	background: url(../images/top/life_menu_rp02.jpg) center center repeat-y;
	position: relative;
}
#WorkTop{
    width: 870px;
    height: 302px;
    margin: 0 auto;
    padding: 0;
    background: url(../images/top/life_menu_adv02.jpg) center top no-repeat;
}
#WorkBtm {
	width: 870px;
	margin: 0 auto;
	padding: 0 0 170px 0;
	background: url(../images/top/life_menu_btm.jpg) center bottom no-repeat;
}

#WorkBox .Adv_1{
    width: 210px;
    height: 250px;
    padding: 17px 0 0 70px;
	float: left;
}
#WorkBox .AdvText_1{
    width: 405px;
    color: #002E96;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5em;
	margin: 120px 0 0 95px;
	float: left;
}

/* push */
#WorkBox .MenuSpBox{
	width: 870px;
	margin: 0 auto;
	background: url(../images/top/menusp_rp_03.jpg) center center repeat-y;
	position: relative;		
}
#WorkBox .MenuSpTop{
	width: 870px;
	margin: 0 auto;
	background: url(../images/top/menusp_top_03.jpg) center top no-repeat;	
}
#WorkBox .MenuSpBtm{
	width: 870px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	background: url(../images/top/menusp_btm_03.jpg) center bottom no-repeat;	
}

/* --------------------------------------------------
RecBox
-------------------------------------------------- */
#RecBox{
	width: 950px;
	height: auto;
	margin: 0 auto;
	background: url(../images/top/rec_menu_rp.jpg) center center repeat-y;
	position: relative;
}
#RecBoxTop{
	width: 950px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	background: url(../images/top/rec_menu_top.jpg) center top no-repeat;
}
#RecBoxBtm {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 170px 0;
	background: url(../images/top/rec_menu_btm.jpg) center bottom no-repeat;
}

#RecBox .MenuBox{
	width: 950px;
	height: auto;
	margin: 5px auto 0;
	background: url(../images/top/rec_Listmenu_rp.jpg) center center repeat-y;
	position: relative;	
}
#RecBox .MenuTop{
	width: 950px;
	margin: 0 auto;
	padding: 35px 0 0 0;
	background: url(../images/top/rec_Listmenu_top.jpg) center top no-repeat;	
}
#RecBox .MenuBtm{
	width: 950px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	background: url(../images/top/rec_Listmenu_btm.jpg) center bottom no-repeat;	
}

#RecBox .Menu a{ color: #3c0012; display: inline-block; }
#RecBox .Menu a:visited{ color: #3c0012; font-weight: bold; }
#RecBox .Menu a:hover{ color: #d1006c; text-decoration: none; }

/* --------------------------------------------------
Menu
-------------------------------------------------- */
.BIcon{
    position: absolute;
    top: 20px;
    left: 48px;
}
.BIconL{
    position: absolute;
    top: -6px;
    left: 18px;
}
.BIconR{
    position: absolute;
    top: -6px;
    left: 60px;
}

/* puch */
.MenuSpBox .Icon{
    width: 107px;
    height: 133px;
    padding: 40px 15px 0 50px;
    float: left;
}
.MenuSpBox .Menu{
    width: 570px;
    padding: 30px 0 20px 30px;
    float: left;
    font-size: 140%;
    font-weight: bold;
    line-height: 1.5em;
}
.MenuSpBox .Read{
    width: 570px;
    padding: 0 0 10px 30px;
    line-height: 1.4em;
    color: #200000;
    float: left;
}
.MenuSpBox .Price{
    width: 570px;
    padding: 0 80px 0 0;
    font-size: 90%;
    line-height: 1.4em;
    color: #200000;
    float: right;
    text-align: right;
}

/* LoveBox */
#LoveBox .Menu a{ color: #bd1347; display: inline-block; }
#LoveBox .Menu a:visited{ color: #bd1347; }
#LoveBox .Menu a:hover{ color: #fc4c9b; text-decoration: none; }

/* MarrBox */
#MarrBox .Menu a{ color: #90019d; display: inline-block; }
#MarrBox .Menu a:visited{ color: #90019d; }
#MarrBox .Menu a:hover{ color: #f617b4; text-decoration: none; }

/* WorkBox */
#WorkBox .Menu a{ color: #004d9c; display: inline-block; }
#WorkBox .Menu a:visited{ color: #004d9c; }
#WorkBox .Menu a:hover{ color: #0085eb; text-decoration: none; }

/* --------------------------------------------------
Menu Left & Right
-------------------------------------------------- */
#LoveBox .LR{
	width: 854px;
	margin: 0 auto 7px;
	background: url(../images/top/menu_rp_01.png) center center repeat-y;
	overflow: hidden;	
}
#LoveBox .LR .Top{
	width: 854px;
	background: url(../images/top/menu_top_01.jpg) center top no-repeat;
	overflow: hidden;
}
#LoveBox .LR .Btm{
	width: 854px;
	background: url(../images/top/menu_btm_01.jpg) center bottom no-repeat;
	overflow: hidden;	
}

#MarrBox .LR{
	width: 854px;
	margin: 0 auto 7px;
	background: url(../images/top/menu_rp_02.png) center center repeat-y;
	overflow: hidden;	
}
#MarrBox .LR .Top{
	width: 854px;
	background: url(../images/top/menu_top_02.jpg) center top no-repeat;
	overflow: hidden;
}
#MarrBox .LR .Btm{
	width: 854px;
	background: url(../images/top/menu_btm_02.jpg) center bottom no-repeat;
	overflow: hidden;	
}

#WorkBox .LR{
	width: 854px;
	margin: 0 auto 7px;
	background: url(../images/top/menu_rp_03.png) center center repeat-y;
	overflow: hidden;	
}
#WorkBox .LR .Top{
	width: 854px;
	background: url(../images/top/menu_top_03.jpg) center top no-repeat;
	overflow: hidden;
}
#WorkBox .LR .Btm{
	width: 854px;
	background: url(../images/top/menu_btm_03.jpg) center bottom no-repeat;
	overflow: hidden;	
}

.Lft{
    width: 370px;
    padding: 10px 0 20px 20px;
    margin: 0;
    float: left;
	position: relative;
}
.Rgt{
    width: 370px;
    padding: 10px 0 20px 65px;
    margin: 0;
    float: left;
	position: relative;
}

.Lft .Icon,
.Rgt .Icon{
	width: 115px;
	float: left;
}
.Lft .Menu,
.Rgt .Menu{
	width: 250px;
	padding: 25px 0 0 0;
	font-size: 120%;
	text-align: left;
	line-height: 1.5em;
	float: left;
	font-weight: bold;
}
.Lft .Read,
.Rgt .Read{
    width: 340px;	
    padding: 0 0 0 20px;
    color: #300;
    text-align: left;
    line-height: 1.4em;
    clear: both;
}
.Lft .Price,
.Rgt .Price{
    padding: 10px 0 5px 0;
    text-align: right;
    color: #300;
	font-size: 90%;
}

#LoveBox .Rgt .BackImg{
    min-width: 380px;
    min-height: 241px;
    margin: 28px 0 0 0;
    background: url(../images/top/love_right.png) center center no-repeat;
}
#MarrBox .Rgt .BackImg{
    min-width: 370px;
    min-height: 241px;
    margin: 28px 0 0 0;
    background: url(../images/top/marr_right.png) center center no-repeat;
}
#WorkBox .Rgt .BackImg{
    min-width: 370px;
    min-height: 241px;
    margin: 20px 0 0 0;
    background: url(../images/top/life_right.png) center center no-repeat;
}

/* --------------------------------------------------
Menu Left onry
-------------------------------------------------- */
#LoveBox .Lonly{
	width: 854px;
    margin: 0 0 0 7px;	
    background: url(../images/top/menu_rpL_01.png) center left repeat-y;
    overflow: hidden;
    text-align: left;
}
#LoveBox .Lonly .Top{
	width: 854px;
	background: url(../images/top/menu_topL_01.jpg) top left no-repeat;
	overflow: hidden;
}
#LoveBox .Lonly .Btm{
	width: 854px;
	background: url(../images/top/menu_btmL_01.jpg) bottom left no-repeat;
	overflow: hidden;	
}

#MarrBox .Lonly{
	width: 854px;
    margin: 0 0 0 7px;
	background: url(../images/top/menu_rpL_02.png) center left repeat-y;
    overflow: hidden;
    text-align: left;
}
#MarrBox .Lonly .Top{
	width: 854px;
	background: url(../images/top/menu_topL_02.jpg) top left no-repeat;
	overflow: hidden;
}
#MarrBox .Lonly .Btm{
	width: 854px;
	background: url(../images/top/menu_btmL_02.jpg) bottom left no-repeat;
	overflow: hidden;	
}

#WorkBox .Lonly{
	width: 854px;
    margin: 0 0 0 7px;
	background: url(../images/top/menu_rpL_03.png) center left repeat-y;
	overflow: hidden;
	text-align: left;
}
#WorkBox .Lonly .Top{
	width: 854px;
	background: url(../images/top/menu_topL_03.jpg) top left no-repeat;
	overflow: hidden;
}
#WorkBox .Lonly .Btm{
	width: 854px;
	background: url(../images/top/menu_btmL_03.jpg) bottom left no-repeat;
	overflow: hidden;	
}