@charset "UTF-8";

/*初期化用*/
@import "common.css";

/*デザイン用*/
@import "base.css";

/*拡張用*/
@import "advanced.css";


/*--------------------------------------------------------
4-7、メインの設定
--------------------------------------------------------*/

div#main-contents {
	overflow: hidden;
	margin-right: 30px;
	margin-left: 20px;
	_margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*日付選択ボタン*/
div#main-contents .day{
	height: 23px;
	clear: both;
	/*padding-left: 75px;*/
	padding-left: 212px;
	/*_padding-left: 85px;*/
	_padding-left: 222px;
}

div#main-contents .day li{
	list-style-type: none;
	text-align: center;
	margin-right: 2px;
	margin-left: 2px;
	display: inline;
	float: left;
}

/*女の子リスト*/
div#main-contents .box{
	width: 385px;
	float: left;
	margin-left: 10px;
}

div#main-contents .companion{
	height: auto;
	background-color: #FFFFFF;
	display: inline-block;
	border: 1px solid #000000;
	width: 383px;
	_width: 385px;
	padding-bottom: 10px;
}

div#main-contents .companion li{
	display: inline-block;
	height: 300px;
	width: 180px;
	background-image: url(../images_design/companion_back.jpg);
	float: left;
	margin-left: 7px;
	_margin-left: 4px;
	margin-top: 10px;
	text-align: center;
	line-height: 140%;
	color: #FFFFFF;
}

div#main-contents .icon{
	margin-top: 8px;
	margin-bottom: 3px;
	float: left;
	margin-left: 15px;
	_margin-left: 7px;
}

/*ロールオーバー設定*/
div#main-contents .day a{
	width: 90px;
	height: 19px;
	_height: 23px;
	padding-top: 4px;
	background-image: url(../images_design/main_button_form_off.jpg);
	display:block;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
}

div#main-contents .day a:hover{
	background-image: url(../images_design/main_button_form_on.jpg);
	color: #cccccc;
}

div#main-contents .companion a img {
	border: 1px solid #A58629;
}

div#main-contents .companion a:hover img{
	border: 1px solid #E0D672;
}