/* General Styles 
---------------------------------------------------*/
body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
text-align:left;
}

img {
border: none;
background: transparent;
}

.hide {display: none;}
.content {margin-top: 2px;}
a:link {color: #663300; text-decoration:none;}
a:visited {color: #663300; text-decoration: none;}
a:active {color: #FF9900; text-decoration: none;}
a:hover {color: #FF9900; text-decoration:underline;}

/* main menu
---------------------------------------------------*/
/*---------------------------
  ▼ページ本体(２段組）
-------------------------- */
#layout{
margin-left:auto;
margin-right:auto;
text-align: left;
width: 800px;
} 

#pagebody{
	width: 800px;
}

#main{
	float: left;
	margin: 0;
	width: 610px;
}

#right{
	float: right;
	width: 190px;
	margin-right: 0;
}
/*---------------------------
  ▼ヘッダ
---------------------------*/

#headtop{
	width:800px;
}

#header{
	width:800px;
	height:80px;
	border-top: 2px solid #FF6600;
	margin-top:0;
	padding:0;
	clear: both;
}

.logo{
	margin:0;
	padding:0;
	float:left;
	height:95px;
	width:301px;
	font-size:0;
}

#headerad{
	margin: 10px 17px 2px 0px;
	font-size:0px;
	padding:0;
	float:right;
	height:60px;
	width:468px;
	line-height:0;
}
/*------------------
  ヘッダナビゲーション
------------------*/
#h_navi{
	float:left;
	width:800px;
}

#h_navi ul{
	margin: 0;
	padding-left:0;
}

#h_navi li{
	display:block;
	float: left;
	text-indent: -9999px;
}

#h_navi li a{
	display:block;
	text-decoration:none;
}

#h_navi li#love a {
	height:22px;
	width:141px;
	background: url(../img/nav_global_love.gif) no-repeat;
}

#h_navi li#love2{
	height:22px;
	width:141px;
	background: url(../img/nav_global_love_up.gif) no-repeat;
}

#h_navi li#love a:hover {
	height:22px;
	width:141px;
	background: url(../img/nav_global_love_up.gif) no-repeat;
}

#h_navi li#job a {
	height:22px;
	width:141px;
	background: url(../img/nav_global_job.gif) no-repeat;
}

#h_navi li#job a:hover{
	height:22px;
	width:141px;
	background: url(../img/nav_global_job_up.gif) no-repeat;
}

#h_navi li#job2{
	height:22px;
	width:141px;
	background: url(../img/nav_global_job_up.gif) no-repeat;
}

#h_navi li#life a {
	height:22px;
	width:141px;
	background: url(../img/nav_global_lifestyle.gif) no-repeat;
}

#h_navi li#life a:hover{
	height:22px;
	width:141px;
	background: url(../img/nav_global_lifestyle_up.gif) no-repeat;
}
#h_navi li#life2{
	height:22px;
	width:141px;
	background: url(../img/nav_global_lifestyle_up.gif) no-repeat;
}

#h_navi li#cinema a {
	height:22px;
	width:141px;
	background: url(../img/nav_global_cinema.gif) no-repeat;
}

#h_navi li#cinema a:hover{
	height:22px;
	width:141px;
	background: url(../img/nav_global_cinema_up.gif) no-repeat;
}
#h_navi li#cinema2{
	height:22px;
	width:141px;
	background: url(../img/nav_global_cinema_up.gif) no-repeat;
}

#h_navi li#pre a {
	height:22px;
	width:141px;
	background: url(../img/nav_global_info.gif) no-repeat;
}

#h_navi li#pre a:hover{
	height:22px;
	width:141px;
	background: url(../img/nav_global_info_up.gif) no-repeat;
}

#h_navi li#pre2{
	height:22px;
	width:141px;
	background: url(../img/nav_global_info_up.gif) no-repeat;
}

#h_navi li#bbs a {
	height:22px;
	width:95px;
	background: url(../img/nav_global_bbs.gif) no-repeat;
}

#h_navi li#bbs a:hover{
	height:22px;
	width:95px;
	background: url(../img/nav_global_bbs_up.gif) no-repeat;
}
#h_navi li#bbs2{
	height:22px;
	width:95px;
	background: url(../img/nav_global_bbs_up.gif) no-repeat;
}
/*---------------------------
  ▼ヘッダ メニュー
---------------------------*/
#headmenu {
	width: 800px;
	height: 15px;
	font-size: 10px;
	margin-top: 0px;
	color: #ff6600;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #FEE6D3;
	text-align:left;
}

#headmenu a:link {font-style; normal;	color: #EC5F00;}
#headmenu a:visited {font-style; normal;	color: #EC5F00;}
#headmenu a:hover, a:active {font-style; normal;	color: #EC5F00;}

/*---------------------------
  ▼コンテンツ　上部
---------------------------*/
#up{
	float: left;
	width: 610px;
	height: 210px;
	margin-bottom: 5px;
}

#up-l{
	margin-left: 0;
	float: left;
	width: 300px;
	height: 210px;
}

#up-r{
	margin: 5px 0px 0px 5px;
	float: right;
	width: 305px;
	height: 210px;
	font-size:12px;
	line-height: 1.2em;
}

#up-r h2{
 display:inline;
 font-size:12px;
}

.r1{
	width: 280px;
	height: 70px;
}

.r1 img{
	float:left;
	margin-right: 4px;
	margin-bottom: 4px;
}

.text{
font-size:11px;
margin-top:16px;
color:#6C5A48;
}

.yazim{
	margin-top:2px;
}

#up a:link {color: #660000; text-decoration:underline;}
#up a:visited {color: #660000; text-decoration: underline;}
#up a:active {color: #FF9900; text-decoration: underline;}
#up a:hover {color: #FF9900; text-decoration:underline;}

/*-------------------------------
  ▼コンテンツ内新着情報
-------------------------------*/
.wh-under{
margin:0 0 8px 0;
}

#whatsnew{
background-color: #F2F2F2;
width: 580px;
padding: 0px;
margin:0 0 5px 0;
}

#whatsnew ul{
	padding: 2px;
	margin:1px 0 0 0;
}

#whatsnew li{
text-align: left;
	font-size: 11px;
	color:#333333;
	line-height: 1.4em;
	list-style-type: none;
	margin:0;
}

.yazi{
margin:3px 3px 1px 5px;
}

.new{
margin-left:2px;
}

#whatsnew a:link {color: #333333; text-decoration:underline;}
#whatsnew a:visited {color: #333333; text-decoration: underline;}
#whatsnew a:active {color: #FF9900; text-decoration: underline;}
#whatsnew a:hover {color: #FF9900; text-decoration:underline;}


/*-------------------------------
  ▼コンテンツ内特集リンク
-------------------------------*/
/*
#tu{
text-align:left;
width: 482px;
font-size: 11px;
color:#FF0000;
list-style-type: none;
margin:0 0 0 10px;
padding: 0;
}

.yazi-o{
margin-right:5px;
}

#tu a:link {color: #FF0000; text-decoration:underline;}
#tu a:visited {color: #FF0000; text-decoration: underline;}
#tu a:active {color: #FF9900; text-decoration: underline;}
#tu a:hover {color: #FF9900; text-decoration:underline;}
*/

#tu{
text-align:left;
width: 482px;
font-size: 12px;
color:#333333;
list-style-type: none;
margin:0 0 0 10px;
padding: 0;
}

.yazi-o{
margin-right:5px;
}

#tu a:link {color: #333333; text-decoration:underline;}
#tu a:visited {color: #333333; text-decoration: underline;}
#tu a:active {color: #FF9900; text-decoration: underline;}
#tu a:hover {color: #FF9900; text-decoration:underline;}

/*-------------------------------
  ▼コンテンツ　注目コンテンツ
-------------------------------*/
#middle{
float: left;
width: 610px;
margin-bottom:5px;
}

#middle-l{
float: left;
width: 305px;
}

#middle-r{
float: right;
width: 305px;
}

.box1{
margin-left:0;
margin-top:2px;
width: 298px;
height: 102px;
border:solid 1px #bba894;
}

.box2{
margin-top:2px;
width: 298px;
height: 102px;
border:solid 1px #bba894;
}

.middle_photo{
float: right;
padding: 0px;
margin: 0px;
vertical-align: top;
font-size:0;
}

.middle_title{
wi\dth: 218px;
height: 23px;
float: left;
padding: 0;
margin: 0 0 5px 0;
vertical-align: top;
color:#6C5A48;
font-size:0;
}

.middle_text{
wi\dth: 215px;
margin-left:5px;
margin-top:3px;
font-size:11px;
line-height: 1.2em;
color:#6C5A48;
vertical-align:top;
}

.middle_text2{
width: 290px;
margin-left:8px;
margin-top:5px;
font-size:11px;
line-height: 1.2em;
color:#6C5A48;
}

.middle_link{
width: 290px;
margin-left:8px;
margin-top:2px;
font-size:10px;
line-height: 1.2em;
color:#6C5A48;
}


.middle_textb{
wi\dth: 215px;
margin-top:4px;
margin-bottom:2px;
margin-left:8px;
font-size:11px;
color:#6C5A48;
font-weight:bold;
vertical-align:top;
}

.yazim2{
margin-right:3px;
}

.b_lovebook{
height:23px;
width:218px;
margin-top:0;
margin-left:0;
background: url(../img/lovebook.gif) no-repeat;
text-indent:-9999px;
float:left;
}

.b_news{
height:23px;
width:218px;
margin-top:0;
margin-left:0;
background: url(../img/news.gif) no-repeat;
text-indent:-9999px;
float:left;
}

.b_interview{
height:23px;
width:218px;
margin-top:0;
margin-left:0;
background: url(../img/interview.gif) no-repeat;
text-indent:-9999px;
float:left;
}

/*-------------------------------
  ▼コンテンツ　おすすめコンテンツ
-------------------------------*/
#down{
float: left;
width: 610px;
margin-bottom:5px;
}

#down-l{
float: left;
width: 305px;
}

#down-r{
float: right;
width: 305px;
}

.box3{
margin-top:2px;
width: 298px;
height: 93px;
border:solid 1px #bba894;
}

.box4{
margin-top:2px;
width: 298px;
border:solid 1px #bba894;
height: 93px;
}

.down_photo{
float: right;
padding: 0px;
margin: 0px;
vertical-align: top;
font-size:0;
}

.down_title{
wi\dth: 218px;
height: 19px;
float: left;
padding: 0;
margin: 0 0 15px 0;
vertical-align: top;
color:#6C5A48;
font-size:0;
}

.down_text{
margin-left:18px;
font-size:11px;
line-height: 1em;
color:#6C5A48;
}

.down_text2{
wi\dth: 218px;
font-weight:bold;
margin-left:8px;
margin-bottom:4px;
font-size:12px;
color:#6C5A48;
vertical-align:top;
}

.tex_bbs{
margin-left:12px;
line-height: 1.3em;
font-size:11px;
color:#6C5A48;
letter-spacing:-1px;
}

.red{
margin-top:2px;
margin-left:21px;
color:#ff6600;
font-size:11px;
}

.b_love{
height:19px;
width:218px;
margin-top:0;
margin-left:0;
background: url(../img/lovetitle.gif) no-repeat;
text-indent:-9999px;
float:left;
}

.b_job{
height:19px;
width:218px;
margin-top:0;
margin-left:0;
background: url(../img/jobtitle.gif) no-repeat;
text-indent:-9999px;
float:left;
}
.b_life{
height:19px;
width:218px;
margin-top:0;
margin-left:0;
background: url(../img/lifetitle.gif) no-repeat;
text-indent:-9999px;
float:left;
}
.b_cinema{
height:19px;
width:218px;
margin-top:0;
margin-left:0;
background: url(../img/cinematitle.gif) no-repeat;
text-indent:-9999px;
float:left;
}
.b_pre{
height:19px;
width:218px;
margin-top:0;
margin-left:0;
background: url(../img/pretitle.gif) no-repeat;
text-indent:-9999px;
float:left;
}
.b_bbs{
height:19px;
width:218px;
margin-top:0;
margin-left:0;
background: url(../img/bbstitle.gif) no-repeat;
text-indent:-9999px;
float:left;
}

.b_astrogy{
height:23px;
width:218px;
margin-top:0;
margin-left:0;
background: url(../img/astrogytitle.gif) no-repeat;
text-indent:-9999px;
float:left;
}

.new{
margin-left:4px;
color:#ff0000;
font-size:10px;
}

#down a:link {color: #660000; text-decoration:underline;}
#down a:visited {color: #660000; text-decoration: underline;}
#udown a:active {color: #FF9900; text-decoration: underline;}
#down a:hover {color: #FF9900; text-decoration:underline;}

/*-------------------------------
  ▼コンテンツ　pickupコンテンツ
-------------------------------*/
#pickup{
float: left;
width: 610px;
margin-top:5px;
padding: 0;
}

.career{
float: left;
width: 300px;
padding:0;
margin-right: 5px;
}

.c_text{
float:left;
font-size: 10px;
margin-left: 5px;
margin-top: 10px;
margin-right: 2px;
line-height:1.3em;
}

.c_img{
font-size: 0px;
margin-right: 4px;
margin-top: 5px;
float:right;
}

.flower{
float: left;
width: 150px;
margin-left: 3px;
}

.f_text{
float:left;
font-size: 10px;
width:100px;
margin-top:10px;
}

.f_img{
font-size: 0px;
margin-right: 2px;
float:right;
margin-top: 10px;
}

.gather{
float: left;
width: 150px;
margin: 0;
}

.g_text{
float:left;
font-size: 10px;
width:100px;
margin-top:10px;
margin-left: 1px;
}


.g_img{
font-size: 0px;
margin-right: 2px;
float:right;
margin-top: 10px;
}


/* Right Col Styles 
---------------------------------------------------*/

/*---------------------------
  ▼新着情報
---------------------------*/
#r_navi{
 margin-top: 2px;
	width: 186px;
	background: url(../img/new_info.gif) no-repeat;
	background-position: 0em 0px;
	background-color: #fef1e7;
	border-bottom: dotted 1px #663300;
}

#r_navi p{
	margin: 0;
	text-indent: -9999px;
}

#r_navi ul{
	padding: 1px;
	margin: 10px 2px 2px 5px;
}

#r_navi li{
text-align: left;
	font-size: 11px;
	line-height: 1.2em;
	list-style-type: none;
}

/*---------------------------
  ▼テキストリンク
---------------------------*/
.textlink{
text-align: left;
	font-size: 11px;
	line-height: 1.2em;
	list-style-type: none;
	margin: 5px 0px 0px 0px;
	padding: 1px;
}

/*---------------------------
  ▼広告
---------------------------*/
.ad_sp{
	margin: 5px 0px 5px 0px;
	text-align:center;
}

.textad1{
	margin: 0 0 1px 2px;
}

.textad2{
	margin: 0 0 1px 2px;
}

/*---------------------------
  ▼キャリナビ
---------------------------*/
.navi{
	margin: 3px 0px 2px 0px;
	text-align:center;
}

/*---------------------------
  ▼hibiyakadan
---------------------------*/
.hibiya{
	margin: 3px 0px 2px 0px;
	text-align:center;
}


/*---------------------------
  ▼アンケートポイントサービス
---------------------------*/
#r_navi_aq{
 margin-top: 2px;
	width: 186px;
	background: url(../img/anq.gif) no-repeat;
	background-position: 0em 0px;
}

#r_navi_aq p{
	margin: 0;
	text-indent: -9999px;
}

#r_navi_aq ul{
	padding: 1px;
	margin: 5px 2px 2px 5px;
}

#r_navi_aq li{
text-align: left;
	font-size: 11px;
	line-height: 1.2em;
	list-style-type: none;
}

/*---------------------------
  ▼お役立ちリンク
---------------------------*/
#osusume{
 margin-bottom: 10px;
 width: 186px;
}

.rightcol_osusume_pic {
margin: 2px;
width: 49px;
}
.rightcol_osusume_text {
text-align: left;
color: #660000;
font-size:11px;
line-height: 1.1em;
margin-top: 5px;
}

/*---------------------------
  ▼COBS新着
---------------------------*/
#r_navi_cobs{
 margin-top: 2px;
	width: 186px;
	background: url(../img/cobs.gif) no-repeat;
	background-position: 0em 0px;
}

#r_navi_cobs p{
	margin: 0;
	text-indent: -9999px;
}
 
#r_navi_cobs ul{
	padding: 1px;
	margin: 5px 2px 2px 5px;
}

#r_navi_cobs li{
text-align: left;
	font-size: 11px;
	line-height: 1.2em;
	list-style-type: none;
}


/* Footer Styles 
---------------------------------------------------*/
#footer{
	width: 800px;
	margin-top:25px;
	clear: both;
}

#footer img{
	float:right;
	margin:2px 8px 8px 0;
}

#footertext{
	text-align:left;
	color: #FFFFFF;
	font-size: 11px;
	margin: 5px 0px 2px 0px;
	background-color:#FF6600;
	padding:3px;
}

#link{
	text-align:left;
	color: #333333;
	font-size: 10px;
	line-height:11pt;
	margin-left:1em;
	letter-spacing:0.4pt;
}
#copy{
float:left;
	width: 800px;
}

#copy img{
 float:left;
	margin-top:0;
	margin-left:5px;
}

#copy-text{
	text-align:left;
color:#6C5A48;
	font-size: 10px;
	margin-top:6px;
	margin-left:1em;
	letter-spacing:0.6pt;
}

#footertext a:link {color: #FFFFFF; text-decoration:none;}
#footertext a:visited {color: #FFFFFF; text-decoration: none;}
#footertext a:active {color: #FFFFFF; text-decoration: none;}
#footertext a:hover {color: #FFFFFF; text-decoration:underline;}

#link a:link {color: #333333; text-decoration:underline;}
#link a:visited {color: #333333; text-decoration: underline;}
#link a:active {color: #FF6600; text-decoration: underline;}
#link a:hover {color: #FF6600; text-decoration:underline;}