/* キセキの鑑定士　花凜 */
/*  トップ  */

/* -----------------------------
■LINKBOX■■
----------------------------- */
#FreeTit a,
#SpBox dd#WorkMenu a,
#SpBox dd#LoveMenu a{
display:block;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}

#FreeTit a:hover,
#SpBox dd#WorkMenu a:hover,
#SpBox dd#LoveMenu a:hover{
background-position:left bottom;
}


/* -----------------------------
■各TITLE■■
----------------------------- */
.TitImg{
margin:0 auto;
}


/* -----------------------------
MAIN GRADATION
----------------------------- */
#MainGrad{
width:100%;
background:url("../images/title_bg.jpg") repeat-x;
}


/* -----------------------------
TITLE
----------------------------- */
h1#Karin{
width:950px;
height:230px;
margin:0 auto;
background:url("../images/title.jpg") no-repeat;
}


/* -----------------------------
NAVI
----------------------------- */
#NavBox li#senja a,
#NavBox li#senjutsu a,
#NavBox li#special a{
display:block;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
	
#NavBox li a{
width:135px;
height:36px;
margin-right:13px;
background:url(../images/header_nav_img.gif) no-repeat;
}

#NavBox li#senja a{
background-position:-133px 0px;
}
#NavBox li#senja a:hover{
background-position:-133px bottom;
}

#NavBox li#senjutsu a{
background-position:-270px 0;
}
#NavBox li#senjutsu a:hover{
background-position:-270px bottom;
}

#NavBox li#special a{
background-position:-400px 0;
}
#NavBox li#special a:hover{
background-position:-400px bottom;
}



/* -----------------------------
AD
----------------------------- */
#AdBox{
width:950px;
height:54px/*69px*/;
padding-top:15px;
}
#AdBox img{
margin-bottom:5px;
}
#AdBox a{
font-size:14px;
font-weight:bold;
}


/* -----------------------------
NEW
----------------------------- */
p#NewTit{
width:695px;
height:64px;
margin:0 auto;
background:url("../images/top_new_tit.jpg") no-repeat;
text-indent:-99999px;
}
p#IchiTit/*初期投入*/{
width:695px;
height:64px;
margin:0 auto;
background:url("../images/top_ichi_tit.jpg") no-repeat;
text-indent:-99999px;
}

h2#NewMenu{
width:695px;
height:85px;
margin:0 auto;
background:url("../images/top_new_menu.jpg") no-repeat;
}

#NewRead{
width:555px/*695px*/;
margin:0 auto;
padding:5px 70px 35px;
background:url("../images/top_new_bg.jpg") bottom;
text-align:left;
}
#NewPrice{
text-align:right;
font-weight:bold;
}


/* -----------------------------
OSUSUME
----------------------------- */
#OsuBox{
width:740px;
margin:5px auto 0;
background:url("../images/top_osu_bg.jpg") repeat bottom;
}
#OsuTit{
background:url("../images/top_osu_tit.jpg") no-repeat top;
}
#OsuBot{
width:740px;
padding-bottom:30px;
background:url("../images/top_osu_img.jpg") no-repeat bottom;
}
#OsuBox p#Tit{
height:110px;
text-indent:-99999px;
}
#OsuBox ul{
width:600px;
margin:0 auto;
text-align:left;
}
#OsuBox li{
width:570px/*600px*/;
padding-left:30px;
background:url("../images/icon/square.gif") no-repeat;
background-position:0 -97px;
float:none;
}
	/*for IE6 */  
	*html #OsuBox li{
	padding:0 0 6px 30px;
	}

#OsuBox a{
color:#FFF;
font-size:110%;
font-weight:bold;
}
#OsuBox a:hover{
color:#0FF;
}

#OsuBox li p{
padding:3px 0 10px;
color:#FFF;
font-weight:bold;
text-align:right;
}


/* -----------------------------
MESSAGE
----------------------------- */
#MessBox{
width:370px;
height:220px;
margin:20px 0 0 105px;
background:url("../images/top_message.jpg") no-repeat;
float:left;
display:inline;
}

#MessTit{
width:200px;
height:45px;
margin:15px 0 0 25px;
text-indent:-99999px;
}
#MessRead{
width:275px;
height:45px;
margin:12px 0 0 50px;
line-height:20px;
text-align:left;
float:left;
display:inline;
}


/* -----------------------------
FREE
----------------------------- */
#FreeBox{
width:370px;
height:200px/*220px*/;
margin:20px 105px 0 0;
padding-top:25px;
background:url("../images/top_freemenu.jpg") no-repeat;
text-align:left;
float:right;
display:inline;
}

#FreeTit a{
width:350px;
height:150px;
background:url("../images/top_freemenu_bt.jpg") no-repeat;
}


/* -----------------------------
SPECIAL
----------------------------- */
h3#SpeTit{
width:700px;
height:120px;
margin:0 auto;
background:url("../images/top_sp_tit.jpg");
text-indent:-99999px;
}

#SpBox{
width:700px;
height:370px;
margin:0 auto 10px;

background:url("../images/top_sp_bg.jpg");
text-align:left;
}

#SpBox dl{
width:435px;
margin:0 50px 20px;
float:right;
display:inline;
}

#SpBox dt{
width:435px;
height:26px;
text-indent:-99999px;
}

#SpBox p.Read{
height:45px;
padding:0 5px 0 10px;
color:#FFF;
line-height:16px;
}

/*Mac safari3*/
body:nth-of-type(1) #SpBox p.Read { letter-spacing:-1px; line-height:1.2; }
body:first-of-type #SpBox p.Read { letter-spacing:-1px; line-height:1.2; }



#SpBox p.price{
padding:2px 15px 0 0;
color:#FFF;
font-weight:bold;
text-align:right;
}

#SpBox dd#WorkMenu a{
width:435px;
height:60px;
background:url("../images/top_sp_bt1.jpg") no-repeat;
}

#SpBox dd#LoveMenu a{
width:435px;
height:60px;
background:url("../images/top_sp_bt2.jpg") no-repeat;
}



/* -----------------------------
CAMPAIGN 年運用※メニュー画像差し替えで流用できます
----------------------------- */
#CamNenBox{
width:650px;
height:215px;
margin:0 auto;
background:url("../images/top_cam_nenun.jpg") no-repeat;
}
#CamNenBox li{
width:650px;
}
#CamNenBox li#Menu{
height:90px;
}
#CamNenBox li#Price{
height:25px;
color:#FFF;
font-weight:bold;
}
#CamNenBox li.Catch{
height:50px;
text-indent:-99999px;
}


/* -----------------------------
CAMPAIGN Sp03Box
----------------------------- */
#Sp03Box_bk{
	background: url("../images/top_cam_nenun_Sp03_bg.jpg") no-repeat scroll center top transparent;
    height: 190px;
    margin: 0 auto;
    width: 650px;
}
	
#Sp03Box{
	padding: 9px 11px 0px 11px;	
}

#Sp03Box_Work {
	float:left;
	width: 307px;	
}


#Sp03_WorkPrice {
	width: 307px;
	margin: 0 auto;
	text-align:center;
	color: #333333;
    font-weight: bold;
}
	
#Sp03Box_LovePrice {
	width: 307px;
	margin: 0 auto;
	text-align:center;
	color: #333333;
    font-weight: bold;
}	
	
	
#Sp03Box_Love{
	width: 307px;
	float:right;	
}


/* -----------------------------
LOVEMENU*WORKMENU
----------------------------- */
#LoveMenuTit{
width:750px;
height:120px;
margin:0 auto;
background:url("../images/top_love_tit.jpg") no-repeat;
text-indent:-99999px;
}
#WorkMenuTit{
width:750px;
height:120px;
margin:0 auto;
background:url("../images/top_work_tit.jpg") no-repeat;
text-indent:-99999px;
}
#LoveMenuBox,
#WorkMenuBox{
width:750px;
margin:0 auto;
text-align:left;
}
#LoveMenuBox{
background:url("../images/top_love_bg.jpg");
}
#WorkMenuBox{
background:url("../images/top_work_bg.jpg");
}
#WorkMenuBoxBot{
width:750px;
padding-bottom:60px;
background:url("../images/top_work_img.jpg") no-repeat bottom;
}
#WorkMenuBoxBot:after {
content:".";
display:block;
visibility:hidden;
font-size:0.1em;
line-height:0;
clear:both;
}

#LoveIchi,
#WorkIchi{
width:668px/*690px*/;
height:210px/*240px*/;
margin:0 auto;
padding:30px 0 0 22px;
}
#LoveIchi{
background:url("../images/top_love_ichi.jpg") no-repeat;
}
#WorkIchi{
background:url("../images/top_work_ichi.jpg") no-repeat;
}

	ul.IchiMenu li.icon{
	width:85px;
	height:85px;
	}
	ul.IchiMenu li.icon img{
	width:85px;
	height:85px;
	}
	ul.IchiMenu li.menu{
	width:330px;
	height:85px;
	padding-top:4px;
	}

	ul.IchiMenu li.menu h4,
	.MenuLst li.mn h4,
	.MenuLstRgt li.mn h4,
	.MenuLftBox li.mn h4{
	font-size:120%;
	line-height:1.4;
	color:#600099;
	}
	ul.IchiMenu li.menu a,
	.MenuLst li.mn a,
	.MenuLstRgt li.mn a,
	.MenuLftBox li.mn a{
	color:#600099;
	font-weight:bold;
	}
	ul.IchiMenu li.menu a:hover,
	.MenuLst li.mn a:hover,
	.MenuLstRgt li.mn a:hover,
	.MenuLftBox li.mn a:hover{
	color:#2089ff;
	}

#LoveIchi p.read,
#WorkIchi p.read{
width:390px;
padding-left:20px;
line-height:1.5;
float:left;
}

/*Mac safari3*/
body:nth-of-type(1) #LoveIchi p.read,
#WorkIchi p.read { line-height:1.2; }
body:first-of-type #LoveIchi p.read,
#WorkIchi p.read { line-height:1.2; }

/*Mac Firefox3*/
#LoveIchi p.read,
#WorkIchi p.read,  x:-moz-any-link, x:default  { line-height:1.2; }


#LoveIchi p.price,
#WorkIchi p.price{
width:390px;
padding-left:20px;
float:left;
font-weight:bold;
text-align:right;
}

/* -----------------------------
MENU共通
----------------------------- */
/* 左右 */
.MenuBox{
width:690px;
margin:5px auto 0;
background:url("../images/top_mlist_img2.gif") top;
}
.MenuBoxBot{
width:690px;
padding-bottom:25px;
background:url("../images/top_mlist_img3.gif") no-repeat bottom;
}
#LoveMenuBox:after,
#WorkMenuBox:after,
.MenuBoxBot:after,
.MenuLftBoxBot:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

.MenuLst{
width:305px/*345px*/;
height:90px/*110px*/;
padding:20px 20px 0 ;
background:url("../images/top_mlist_img1.gif") ;
float:left;
}
.MenuLstRgt{
width:305px/*345px*/;
height:90px/*110px*/;
padding:20px 20px 0 ;
background:url("../images/top_mlist_img1.gif") ;
float:right;
}

/* 左のみ */
.MenuLftBox{
width:345px;
margin:10px 0 0 30px;
float:left;
background:url("../images/top_mlist_img2.gif");
display:inline;
}
.MenuLftBoxBot{
width:345px;
padding-bottom:25px;
background:url("../images/top_mlist_img3half.gif") no-repeat bottom left;
}

/* MENU中 */
.MenuLst ul,
.MenuLstRgt ul{
width:305px;
margin:0 auto;
}

.MenuLst li.ic,
.MenuLstRgt li .ic{
width:85px;
}
.MenuLst li.ic img
.MenuLstRgt li.ic img{
width:85px;
height:85px;
}

.MenuLst li.mn,
.MenuLstRgt li.mn{
width:200px/*210px*/;
padding:5px 5px 0;
}

.MenuBox .read,
.MenuLftBox .read{
width:275px/*345px*/;
padding:0 35px;
float:left;
}
.MenuBox .read .price,
.MenuLftBox .read .price{
padding-top:5px;
text-align:right;
font-weight:bold;
}


/* -----------------------------
ページトップ
----------------------------- */
#TopBackMenu{
width:730px;
height:20px/*80px*/;
margin:0 auto;
padding:60px 20px 0 0;
background:url("../images/top_love_img.jpg") no-repeat;
text-align:right;
}