@charset "UTF-8";

/**********************************
FileName: companion.css
*********************************** */

/* コンパニオン紹介
*********************************** */
/* レイアウト */
table#comp_top_container {
	width: 940px;
	margin: 10px auto;
	}

/* 左カラム */
td.comp_top_left_column {
	width: 675px;
	vertical-align: top;
	text-align: left;
	}

/* 中間マージン */
td.comp_top_margin_column {
	width: 15px;
	}

/* 右カラム */
td.comp_top_right_column {
	width: 252px;
	vertical-align: top;
	text-align: center;
	}


/* レイアウト */
#comp_top_cont_rayout {
	width: 668px;
	height:668px;
	margin: 5px 0 40px 0;
	background-image: url(../images/companion/comp_top_bgimg.jpg) ;
	background-repeat: no-repeat;
	border:solid #e6f9f8 1px;
	}

.comp_top_menu {
	width: 308px;
	vertical-align: top;
	text-align: left;
	padding: 0 0 0 16px;
	}
/* IE4-6に適応 */
* html .comp_top_menu {
	width: 324px;
	}

/* メニュー */
#comp_top_menu_title01 {
	margin:20px 0 10px 0;
	}

#comp_top_menu_title01 a {
	border: 0px;
	width: 308px;
	height: 26px;
	background: url(../images/companion/comp_top_sub_01.png) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	overflow:hidden;
}

#comp_top_menu_title01 a:hover{
	background-position:0 -26px; 
	}


#comp_top_menu_title02 {
	margin:20px 0 10px 0;
	}

#comp_top_menu_title02 a {
	border: 0px;
	width: 308px;
	height: 26px;
	background: url(../images/companion/comp_top_sub_02.png) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	overflow:hidden;
}

#comp_top_menu_title02 a:hover{
	background-position:0 -26px; 
	}


#comp_top_menu_title03 {
	margin:20px 0 10px 0;
	}

#comp_top_menu_title03 a {
	border: 0px;
	width: 308px;
	height: 26px;
	background: url(../images/companion/comp_top_sub_03.png) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	overflow:hidden;
}

#comp_top_menu_title03 a:hover{
	background-position:0 -26px; 
	}


#comp_top_menu_title04 {
	margin:20px 0 10px 0;
	}

#comp_top_menu_title04 a {
	border: 0px;
	width: 308px;
	height: 26px;
	background: url(../images/companion/comp_top_sub_04.png) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	overflow:hidden;
}

#comp_top_menu_title04 a:hover{
	background-position:0 -26px; 
	}


#comp_top_menu_title05 {
	margin:20px 0 10px 0;
	}

#comp_top_menu_title05 a {
	border: 0px;
	width: 308px;
	height: 26px;
	background: url(../images/companion/comp_top_sub_05.png) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	overflow:hidden;
}

#comp_top_menu_title05 a:hover{
	background-position:0 -26px; 
	}

.comp_top_menu_txt {
	padding:0 0 0 10px;
	font-size: 95%;
	line-height:150%;
	}
/* IE4-6に適応 */
* html .comp_top_menu_txt {
	font-size: 80%;
	line-height:120%;
	}


/* コンパニオン一覧
*********************************** */

.comp_list_topimg {
	width: 940px;
	margin: 5px auto;
	}

.companion_sub-txt {
	width: 940px;
	font-size:120%;
	line-height:140%;
	text-align:left;
	padding:10px 0 20px 10px;
	}
/* IE4-6に適応 */
* html .companion_sub-txt {
	font-size:110%;
	}

/* 上部ナビ */
#comp_list_navi {
	width: 940px;
	margin: 0 auto 20px auto;
	text-align: left;
	clear:both;
	}

#comp_list_navi ul {
	width: 940px;
	}

#comp_list_navi li {
	float: left;
	list-style-type: none;
	}

.comp_search_sub {
	width: 940px;
	height:19px;
	text-align:left;
	padding:3px 0;
	margin:10px 0 20px 0;
	border-left: solid #E2709D 7px;
	border-bottom: solid #E2709D 1px;
	font-size:130%;
	font-weight:bold;
	color:#444444;
	}
/* IE4-6に適応 */
* html .comp_search_sub {
	height:25px;
	font-size:120%;
	}


/* 写真から探す */
#comp_list_navi li#comp_list_navi01 a {
	border: 0px;
	width: 151px;
	height: 43px;
	background: url(../images/companion/bt_search_ph.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	overflow:hidden;
}

#comp_list_navi li#comp_list_navi01 a:hover{
	background-position:0 -43px; 
	}

#comp_list_navi li#comp_list_navi01_on:hover{
	background-position:0 -86px; 
	}

#comp_list_navi li#comp_list_navi01_on{
	border: 0px;
	width: 151px;
	height: 43px;
	background: url(../images/companion/bt_search_ph.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	overflow:hidden;
	background-position:0 -86px; 
	}


/* 所属から探す */
#comp_list_navi li#comp_list_navi02 a {
	border: 0px;
	width: 151px;
	height: 43px;
	background: url(../images/companion/bt_search_bl.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	overflow:hidden;
}

#comp_list_navi li#comp_list_navi02 a:hover{
	background-position:0 -43px; 
	}

#comp_list_navi li#comp_list_navi02_on:hover{
	background-position:0 -86px; 
	}

#comp_list_navi li#comp_list_navi02_on{
	border: 0px;
	width: 151px;
	height: 43px;
	background: url(../images/companion/bt_search_bl.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	overflow:hidden;
	background-position:0 -86px; 
	}


/* 年齢から探す */
#comp_list_navi li#comp_list_navi03 a {
	border: 0px;
	width: 149px;
	height: 43px;
	background: url(../images/companion/bt_search_age.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	overflow:hidden;
}

#comp_list_navi li#comp_list_navi03 a:hover{
	background-position:0 -43px; 
	}

#comp_list_navi li#comp_list_navi03_on:hover{
	background-position:0 -86px; 
	}

#comp_list_navi li#comp_list_navi03_on{
	border: 0px;
	width: 151px;
	height: 43px;
	background: url(../images/companion/bt_search_age.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	overflow:hidden;
	background-position:0 -86px; 
	}


/* 名前から探す */
#comp_list_navi li#comp_list_navi04 a {
	border: 0px;
	width: 151px;
	height: 43px;
	background: url(../images/companion/bt_search_name.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	overflow:hidden;
}

#comp_list_navi li#comp_list_navi04 a:hover{
	background-position:0 -43px; 
	}

#comp_list_navi li#comp_list_navi04_on:hover{
	background-position:0 -86px; 
	}

#comp_list_navi li#comp_list_navi04_on{
	border: 0px;
	width: 151px;
	height: 43px;
	background: url(../images/companion/bt_search_name.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	overflow:hidden;
	background-position:0 -86px; 
	}


/* 写真リスト */
.comp_list_photo_wrap {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	clear:both;
	border-bottom:dotted #cccccc 1px;
	}
/* IE4-6に適応 */
* html .comp_list_photo_wrap {
	width: 950px;
	}

.comp_list_photo_wrap ul {
	list-style-type: none;
	}


/* 写真リスト最上段のみ */
.comp_list_photo_wrap li.list_top {
	width:120px;
	height:170px;
	float: left;
	margin:10px 8px 0 0;
	padding:0 7px 7px 0;
	border-right:dotted #cccccc 1px;
	}

.comp_list_photo_wrap li.list_top_last {
	width:120px;
	height:170px;
	margin:10px 0 0 0;
	padding:0 0 7px 0;
	border:none;
	}


/* 写真リスト2段目以下 */
.comp_list_photo_wrap li {
	width:120px;
	height:170px;
	float: left;
	margin-right:8px;
	padding:7px 7px 7px 0;
	border-right:dotted #cccccc 1px;
	}

.comp_list_photo_wrap li.list_last {
	width:120px;
	height:170px;
	margin:0;
	padding:7px 0 7px 0;
	border:none;
	}

.comp_list_name {
	width:127px;
	border-right:dotted #cccccc 1px;
	font-size:95%;
	color:#ff6393;
	}
/* IE4-6に適応 */
* html .comp_list_name {
	width:120px;
	font-size:85%;
	border:none;
	}

.comp_list_name_last {
	width:127px;
	height:19px;
	border:none;
	font-size:95%;
	color:#ff6393;
	margin:3px 0 5px 0;
	}
/* IE4-6に適応 */
* html .comp_list_name_last {
	font-size:85%;
	}
.comp_list_name_last a:link,
.comp_list_name a:link{
	color:#ff6393;
	text-decoration:underline;
}
.comp_list_name_last a:visited,
.comp_list_name a:visited{
	color:#ff6393;
	text-decoration:underline;
}
.comp_list_name_last a:hover,
.comp_list_name a:hover{
	color:#ff6393;
	text-decoration:none;
}
.comp_list_name_last a:focus,
.comp_list_name a:focus{
	color:#ff6393;
	text-decoration:none;
}
.comp_list_name_last a:active,
.comp_list_name a:active{
	color:#ff6393;
	text-decoration:none;
}



/* 全部見る */
.bt_s-all a {
	border: 0px;
	width: 251px;
	height: 64px;
	margin:20px 344px 10px 345px;
	background: url(../images/companion/bt_s-all.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	overflow:hidden;
}

.bt_s-all a:hover{
	background-position:0 -64px; 
	}

/* 所属から探す */
.comp_list_bl_wrap {
	width: 940px;
	margin: 0 auto 10px auto;
	text-align: left;
	clear:both;
	}

.comp_list_bl_left {
	float:left;
	width: 450px;
	margin: 0 40px 0 0 ;
	}

.comp_list_bl_right {
	float:right;
	width: 450px;
	margin: 0 0 0 0 ;
	}

/* 年齢から探す */
#comp_serach_age {
	width: 940px;
	margin: 0 auto 30px auto;
	text-align: left;
	clear:both;
	}

#comp_serach_age ul {
	width: 940px;
	}

#comp_serach_age li {
	width:95px;
	float: left;
	list-style-type: none;
	background-image: url(../images/companion/bt_arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px left;
	margin:10px 0 0 20px;
	padding:0 0 0 25px;
	}
/* IE4-6に適応 */
* html #comp_serach_age li {
	width:115px;
	}

/* 名前から探す */
#comp_serach_name {
	width: 940px;
	margin: 0 auto 30px auto;
	text-align: left;
	clear:both;
	}

#comp_serach_name ul {
	width: 940px;
	}

#comp_serach_name li {
	width:34px;
	float: left;
	list-style-type: none;
	background-image: url(../images/companion/bt_arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px left;
	margin:10px 0 0 25px;
	padding:0 0 0 25px;
	}
/* IE4-6に適応 */
* html #comp_serach_name li {
	width:59px;
	}


/* 所属から探す */
#comp_serach_group {
	width: 940px;
	margin: 0 auto 30px auto;
	text-align: left;
	clear:both;
	}

#comp_serach_group ul {
	width: 940px;
	}

#comp_serach_group li {
	width:90px;
	float: left;
	list-style-type: none;
	background-image: url(../images/companion/bt_arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px left;
	margin:10px 0 0 10px;
	padding:0 0 0 25px;
	}
/* IE4-6に適応 */
* html #comp_serach_group li {
	width:120px;
	}


#comp_serach_group a:link,
#comp_serach_name a:link,
#comp_serach_age a:link{
	color:#ff6393;
	text-decoration:underline;
}

#comp_serach_group a:visited,
#comp_serach_name a:visited,
#comp_serach_age a:visited{
	color:#ff6393;
	text-decoration:underline;
}

#comp_serach_group a:hover,
#comp_serach_name a:hover,
#comp_serach_age a:hover{
	color:#ff6393;
	text-decoration:none;
}

#comp_serach_group a:focus,
#comp_serach_name a:focus,
#comp_serach_age a:focus{
	color:#ff6393;
	text-decoration:none;
}

#comp_serach_group a:active,
#comp_serach_name a:active,
#comp_serach_age a:active{
	color:#ff6393;
	text-decoration:none;
}


/* コンパニオン情報
*********************************** */

/* レイアウト */
table#comp_prof_rayout {
	width: 940px;
	margin: 10px auto;
	}

/* 左カラム */
td.comp_prof_left_column {
	width: 680px;
	vertical-align: top;
	text-align: left;
	}

/* 中間マージン */
td.comp_prof_margin_column {
	width: 10px;
	}

/* 右カラム */
td.comp_prof_right_column {
	width: 252px;
	vertical-align: top;
	text-align: center;
	}


/* レイアウト */
table#comp_prof_cont {
	width: 647px;
	margin: 0;
	}

td#comp_prof_cont_left {
	width: 248px;
	vertical-align: top;
	text-align: left;
	}


td#comp_prof_cont_mgn {
	width: 38px;
	}

td#comp_prof_cont_right {
	width: 361px;
	vertical-align: top;
	text-align: left;
	}


/* コンパニオンプロフィールタイトル */
table#comp_prof_title {
	width: 679px;
	border-bottom: solid #febac7 3px;
	}

td#companion_name {
	width: 261px;
	padding:10px 0;
	vertical-align: middle;
	text-align: left;
	font-size:190%;
	font-weight:bold;
	color:#fe5485;
	}

#ranking_txt {
	width:125px;
	vertical-align: middle;
	text-align: right;
	color: #000000;
	font-size: 110%;
	padding:0 5px 0 0;
	}
/* IE4-6に適応 */
* html #ranking_txt {
	font-size: 95%;
	width:130px;
	}


#companion_data {
	width:288px;
	height: 55px;
	}

#companion_data ul {
	}

#companion_data li {
	float: left;
	list-style-type: none;
	}

#companion_data li.ranking_icon{
	width: 100px;
	height: 50px;
	margin-right:5px;
	}

#companion_data li.companion_medal_icon {
	width: 50px;
	height: 50px;
	margin:0 5px;
	}

#companion_data li.companion_class_icon {
	width: 118px;
	height: 40px;
	margin:5px 0 0 5px;
	}


/* コンパニオンプロフィールタイトル 5位以下 */
table#comp_prof_title02 {
	width: 679px;
	border-bottom: solid #febac7 3px;
	}

td#companion_name02 {
	width: 261px;
	padding:10px 0;
	vertical-align: middle;
	text-align: left;
	font-size:190%;
	font-weight:bold;
	color:#fe5485;
	}

#ranking_txt02 {
	width:431px;
	vertical-align: middle;
	text-align: right;
	color: #000000;
	font-size: 110%;
	}
/* IE4-6に適応 */
* html #ranking_txt02 {
	font-size: 95%;
	}

#ranking_txt03 {
	width:120px;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	font-size: 140%;
	font-weight:bold;
	}
/* IE4-6に適応 */
* html #ranking_txt03 {
	font-size: 120%;
	}


#companion_data02 {
	width:128px;
	height: 55px;
	vertical-align: middle;
	text-align:right;
	}


/* コンパニオンプロフィール詳細 */
dl.comp_prof_cont_left_item {
	width: 248px;
	border-bottom: dashed #999999 1px;
	margin: 20px 0 10px 0;
	padding-bottom:3px;
	font-size:110%;
	color: #333333;
}
/* IE4-6に適応 */
* html dl.comp_prof_cont_left_item {
	font-size: 100%;
	}


dl.comp_prof_cont_left_item dt {
	width: 120px;
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	color: #666666;
}
/* IE4-6に適応 */
* html dl.comp_prof_cont_left_item dt {
	width: 120px;
	}


dl.comp_prof_cont_left_item dd {
	margin: 0 0 0 120px;
}


dl.comp_prof_cont_right_item {
	width: 361px;
	border-bottom: dashed #999999 1px;
	margin: 20px 0 10px 0;
	padding-bottom:3px;
	font-size:110%;
	color: #333333;
}
/* IE4-6に適応 */
* html dl.comp_prof_cont_right_item {
	font-size: 100%;
	}

dl.comp_prof_cont_right_item dt {
	width: 150px;
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	color: #666666;
}
/* IE4-6に適応 */
* html dl.comp_prof_cont_right_item dt {
	width: 150px;
	}


dl.comp_prof_cont_right_item dd {
	margin: 0 0 0 150px;
}

/* コンパニオンマイ画像 */
#comp_prof_bottom {
	width: 666px;
	margin: 10px 0px;
	clear:both;
	}

.comp_prof_bottom_myph {
	float:left;
	width: 320px;
	vertical-align: top;
	text-align: left;
	margin: 0 0 0 0;
	}

.myphoto_img_tate {
	width: 165px;
	height: 220px;
	background-image: url(../images/my_photo/my_photo_bg.gif) ;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 26px 0 26px;
	padding: 24px 51px 24px 52px;
	clear:both;
	}
/* IE4-6に適応 */
* html .myphoto_img_tate {
	width: 268px;
	height: 268px;
	}

.myphoto_img_yoko {
	float:left;
	width: 220px;
	height: 165px;
	background-image: url(../images/my_photo/my_photo_bg.gif) ;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 26px 0 26px;
	padding: 51px 24px 52px 24px;
	clear:both;
	}
/* IE4-6に適応 */
* html .myphoto_img_yoko {
	width: 268px;
	height: 268px;
	}

.myphoto_img_yoko img {
	width: 220px;
	height: 165px;
	}

.comp_prof_bottom_interview {
	float:right;
	width: 320px;
	vertical-align: top;
	text-align: left;
	margin:0 0 0 26px;
	}

.comp_prof_bottom_interview_img {
	width:260px;
	padding: 6px 30px 6px 30px;
	}
/* IE4-6に適応 */
* html .comp_prof_bottom_interview_img {
	width: 320px;
	}

.comp_prof_bottom_title {
	margin: 10px 0 5px 0;
	font-weight:bold;
	font-size: 110%;
	}
/* IE4-6に適応 */
* html .comp_prof_bottom_title {
	font-size: 100%;
	}

.comp_prof_bottom_title a:link {
	color:#ff6393;
	text-decoration:underline;
	}
.comp_prof_bottom_title a:visited{
	color:#ff6393;
	text-decoration:underline;
	}
.comp_prof_bottom_title a:hover{
	color:#fb8eaf;
	text-decoration:underline;
	}
.comp_prof_bottom_title a:focus{
	color:#fb8eaf;
	text-decoration:underline;
	}
.comp_prof_bottom_title a:active{
	color:#fb8eaf;
	text-decoration:underline;
	}

.comp_prof_bottom_txt {
	color:#555555;
	margin-bottom: 10px;
	font-size: 90%;
	}
/* IE4-6に適応 */
* html .comp_prof_bottom_txt {
	font-size: 80%;
	}


/* コンパニオン情報 */

.comp_prof_top_img {
	width:940px;
	height:334px;
	background: url(../images/companion/topimg_frame.gif) no-repeat;
	clear:both;
	}
/* IE4-6に適応 */
* html .comp_prof_topimg {
	width:940px;
	height:334px;
	}

/* 左写真　縦 */
.comp_prof_left_img_tate {
	float:left;
	width:225px;
	height:300px;
	margin:17px 0 0 12px;
	padding:0 37px 0 38px;
	}
/* IE4-6に適応 */
* html .comp_prof_left_img_tate {
	width:300px;
	height:300px;
	margin:17px 0 0 6px;
	padding:0;
	}

.comp_prof_left_img_tate img {
	width:225px;
	height:300px;
	}

/* 左写真　横 */
.comp_prof_left_img_yoko {
	float:left;
	width:300px;
	height:225px;
	margin:17px 0 0 12px;
	padding:37px 0 38px 0;
	}
/* IE4-6に適応 */
* html .comp_prof_left_img_yoko {
	width:300px;
	height:300px;
	margin:17px 0 0 6px;
	}

.comp_prof_left_img_yoko img {
	width:300px;
	height:225px;
	}

/* まん中写真　縦 */
.comp_prof_center_img_tate {
	float:left;
	width:225px;
	height:300px;
	margin:17px 0 0 8px;
	padding:0 37px 0 38px;
	}
/* IE4-6に適応 */
* html .comp_prof_center_img_tate {
	width:300px;
	height:300px;
	}

.comp_prof_center_img_tate img {
	width:225px;
	height:300px;
	}

/* まん中写真　横 */
.comp_prof_center_img_yoko {
	float:left;
	width:300px;
	height:225px;
	margin:17px 0 0 8px;
	padding:37px 0 38px 0;
	}
/* IE4-6に適応 */
* html .comp_prof_center_img_yoko {
	width:300px;
	height:300px;
	}

.comp_prof_center_img_yoko img {
	width:300px;
	height:225px;
	}

/* 右写真　縦 */
.comp_prof_righg_img_tate {
	float:left;
	width:225px;
	height:300px;
	margin:17px 0 0 8px;
	padding:0 37px 0 38px;
	}
/* IE4-6に適応 */
* html .comp_prof_righg_img_tate {
	width:300px;
	padding:0 37px 0 35px;
	}

.comp_prof_righg_img_tate img {
	width:225px;
	height:300px;
	}


/* 右写真　横 */
.comp_prof_righg_img_yoko {
	float:left;
	width:300px;
	height:225px;
	margin:17px 0 0 8px;
	padding:37px 0 38px 0;
	}
/* IE4-6に適応 */
* html .comp_prof_righg_img_yoko {
	width:300px;
	position:relative;
	}

.comp_prof_righg_img_yoko img {
	width:300px;
	height:225px;
	}