/**
 *  CSS for the Newly Created Layout
 *
 *  Created: 2009/1/20
 */

/***************************************
 *  サイトのタグのデフォルト設定
 *  ※ココには最低限のものだけ入れる事
 ***************************************/

*{
	margin:0;
	padding:0;
}

ol,ul {
	list-style:none;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

a{
	color:#0033CC;
}

img{
	border:0;
}

ul li img{
	vertical-align:middle;
}

/***************************************
 *  スペシャルクラスの定義
 *  ※ ココには本当に頻繁に使うもの
 *     だけを入れること
 ***************************************/

.fl{
	float:left;
	display:inline;
}

.cb{
	clear:both;
}

.link{
	color:#0033CC;
    text-decoration:underline;
    cursor:pointer;
}

/*
 * メイリオがデフォルトになっているブラウザで、
 * 同じエレメント内にあるimgにvertical-alignがbaseline以外に設定されていると
 * text-decorationにunderlineがついている文字がうまく表示できない問題を解決するハック用。
 * そのエレメントにこのクラス名をつける。
 * 注意：PHPで判定してIEでのみ使用すること。
 */
.meiryo
{
	font-family:"メイリオ",	"Meiryo";
}

/***************************************
 *  レイアウト定義
 ***************************************/

body{
    font-family: Arial, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, sans-serif;
    font-size: 9pt;
    *font-size: small;
    *font: x-small;
	text-align:center;
	background-color:#F7F7F7;
	margin:0;
}

div#page_wrapper{
	width:972px;
	margin:0 auto;
	text-align:left;
	background-color:white;
}

div#page{
	border:1px solid #E2E2E2;
}

div#page_header{
}

div#page_top{
	height:145px;
	padding-bottom:0px;
}

div#site_logo{
	width:235px;
	height:145px;
	background:url(/images/header/alike_logo__002.png) no-repeat;
}

div#site_logo a{
	display:block;
	width:235px;
	height:145px;
}

div#menu_and_search{
	width:735px;
	height:145px;
}

div#page_title{
	text-align:right;
	width:720px;
	height:30px;
	line-height:30px;
}

div#page_title h1{
/*color:#606060;*/
font-size:9pt;
font-weight:bold;
}

div#page_menu{
	height:35px;
	font-size:9pt;
}

div#page_menu_monitor{
	width:120px;
	height:27px;
	overflow:hidden;
}

div#page_menu_monitor a{
	display:block;
	padding-left:27px;
	line-height:13px;
	background:url(/images/header/icons_header__001.png) 0 0 no-repeat;
	text-align:center;
}

div#page_menu_clipcontest{
	width:140px;
	height:27px;
	overflow:hidden;
}

div#page_menu_clipcontest a{
	display:block;
	padding-left:27px;
	background:url(/images/header/icons_header__001.png) 0 -27px no-repeat;
	line-height:26px;
	text-align:center;
}

div#page_menu_society{
	width:100px;
	height:27px;
	overflow:hidden;
}

div#page_menu_society a{
	display:block;
	padding-left:27px;
	background:url(/images/header/icons_header__001.png) 0 -54px no-repeat;
	line-height:26px;
	text-align:center;
}

div#page_menu_usersearch{
	width:125px;
	height:27px;
	overflow:hidden;
}

div#page_menu_usersearch a{
	display:block;
	padding-left:27px;
	background:url(/images/header/icons_header__001.png) 0 -81px no-repeat;
	line-height:13px;
	text-align:center;
}

div#page_menu_aboutalike{
	width:130px;
	height:27px;
	overflow:hidden;
}

div#page_menu_aboutalike a{
	display:block;
	padding-left:27px;
	background:url(/images/header/icons_header__001.png) 0 -108px no-repeat;
	line-height:13px;
	text-align:center;
}

div#page_menu_login{
	width:104px;
	height:27px;
	overflow:hidden;
}

div#page_menu_login a{
	display:block;
	padding-left:27px;
	background:url(/images/header/icons_header__001.png) 0 -135px no-repeat;
	text-align:center;
}

div#page_menu_login a#login{
	line-height:13px;
}

div#page_menu_login a#logout{
	line-height:26px;
}

div#main_search{
	height:55px;
	background:url(/images/header/main_search_bg__001.png) no-repeat;
}

div#main_search_genre{
	padding:0;
	margin:25px 0 0 17px;
	width:125px;
	height:22px;
}

div#main_search_genre select{
	border:1px solid gray;
	font-size:8pt;
	width:123px;
	height:20px;
	padding:0;
}

div#main_search_area{
	margin:25px 0 0 28px;
	padding:0;
	width:123px;
	height:20px;
}

div#main_search_area input{
	border:1px solid gray;
	width:121px;
	height:18px;
	line-height:18px;
	padding:0;
	margin:0;
}

div#main_search_keywords{
	margin:25px 0 0 27px;
	padding:0;
	width:266px;
	height:20px;
}

div#main_search_keywords input{
	border:1px solid gray;
	width:266px;
	height:18px;
	line-height:18px;
	padding:0;
	margin:0;
}

div#main_search_submit{
	padding:0;
	margin:25px 0 0 17px;
	width:96px;
	height:22px;
}

div#main_search_submit input{
	display:block;
	background:url(/images/header/main_search_button.png) no-repeat 0 0;
	width:96px;
	height:22px;
	border:0;
}

div#main_search_submit input.hover{
	background:url(/images/header/main_search_button.png) no-repeat 0 -30px;
}

div#alt_search{
	position:relative;
	height:25px;
	background:url(/images/header/alt_search__002.png) no-repeat;
}

a#alt_search_area{
	height:25px;
	width:226px;
	outline:none;
	background:url(/images/header/alt_search__002.png) no-repeat 0 0;
}

a:hover#alt_search_area{
	background:url(/images/header/alt_search__002.png) no-repeat 0 -27px;
}

a#alt_search_map{
	height:25px;
	width:207px;
	outline:none;
	background:url(/images/header/alt_search__002.png) no-repeat -226px 0;
}

a:hover#alt_search_map{
	background:url(/images/header/alt_search__002.png) no-repeat -226px -27px;
}

div.alt_search_menu{
	display:none;
	position:absolute;
	width:150px;
	height:69px;
	background:url(/images/header/search_menu__002.png) no-repeat 0 0;
}

div#alt_search_menu_area{
	top:25px;
	left:0;
	z-index:1;
}

div#alt_search_menu_map{
	top:25px;
	left:226px;
	z-index:1;
}

a.alt_search_menu_selection_restaurant{
	display:block;
	width:150px;
	height:23px;
}

a:hover.alt_search_menu_selection_restaurant{
	background:url("/images/header/search_menu__002.png") no-repeat 0 -78px;
}

span.alt_search_menu_selection_restaurant{
	display:block;
	width:150px;
	height:23px;
}

a.alt_search_menu_selection_hotel{
	display:block;
	width:150px;
	height:23px;
}

span.alt_search_menu_selection_hotel{
	display:block;
	width:150px;
	height:23px;
}

a:hover.alt_search_menu_selection_hotel{
	background:url("/images/header/search_menu__002.png") no-repeat 0 -101px;
}

a.alt_search_menu_selection_beauty{
	display:block;
	width:150px;
	height:23px;
}

span.alt_search_menu_selection_beauty{
	display:block;
	width:150px;
	height:23px;
}

a:hover.alt_search_menu_selection_beauty{
	background:url("/images/header/search_menu__002.png") no-repeat 0 -124px;
}

div#my_menu{
	width:970px;
	height:42px;
	margin-top:3px;
	background:url(/images/header/mypage.png) no-repeat 0 0;
}

a#my_menu_top{
	margin-left:15px;
	width:128px;
	height:42px;
}

a:hover#my_menu_top{
	background:url(/images/header/mypage.png) no-repeat -15px -50px;
}

a#my_menu_clips{
	width:147px;
	height:42px;
}

a:hover#my_menu_clips{
	background:url(/images/header/mypage.png) no-repeat -143px -50px;
}

a#my_menu_photos{
	width:141px;
	height:42px;
}

a:hover#my_menu_photos{
	background:url(/images/header/mypage.png) no-repeat -290px -50px;
}

a#my_menu_messages{
	width:146px;
	height:42px;
}

a:hover#my_menu_messages{
	background:url(/images/header/mypage.png) no-repeat -431px -50px;
}

a#my_menu_journals{
	width:104px;
	height:42px;
}

a:hover#my_menu_journals{
	background:url(/images/header/mypage.png) no-repeat -577px -50px;
}

a#my_menu_friends{
	width:146px;
	height:42px;
}

a:hover#my_menu_friends{
	background:url(/images/header/mypage.png) no-repeat -681px -50px;
}

a#my_menu_profile{
	width:128px;
	height:42px;
}

a:hover#my_menu_profile{
	background:url(/images/header/mypage.png) no-repeat -827px -50px;
}

div#page_body_wrapper{
	padding:0 10px;
}

div#page_body{
	width:950px;
}

div#page_footer{
	padding:0 10px
}

/***************************************
 *  その他
 ***************************************/