@charset "utf-8";

body {
	margin: 10px 0 0 0; padding: 0;
	color: #333333;
	font-size: 90%;
	font-family: "Verdana", "Helvetica", "Arial", "Lucida Sans Unicode", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif";
	line-height: 1.6;
}
h1,h2,h3,h4,h5,h6 {line-height: 1.6;}
h2 {font-size: 1.2em;}
h3 {margin: 0; font-size: 1.2em;}
p,li,dt,dl {line-height: 1.6; text-align: justify;}
p {margin: 0 0 1em 0;}
a img {border: 0;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {}
.hidden {display: none; visibility: hidden;}
.clear {clear: both;}


/* レイアウト */
.main {width:840px; height:600px; margin: 0 auto 0 auto;}
.login {text-align:right; margin: 5px 0 5px 0;}
.header {zoom:100%; height:65px;}
.header:after {content:"."; height:0; clear:both; display:block; visibility:hidden;}
.logo {width:340px; float:left;}
.menu {float:left;}
.box_menu {zoom:100%;}
.box_menu:after {content:"."; height:0; clear:both; display:block; visibility:hidden;}
.box_menu a {color:#FFFFFF;  background:none; font-size:14px}
.box_menu a:hover {color:#000000;} 
.box_menu_l {width:12px; height:65px; background:url(../images/menu_l.gif) no-repeat; float:left;}
.box_menu_c {color:#FFFFFF; font-size:14px; width:476px; height:65px; background:url(../images/menu_c.gif) repeat; float:left;}
.box_menu_r {width:12px; height:65px; background:url(../images/menu_r.gif) no-repeat; float:left;}
.contents {zoom:100%; margin:25px 0 30px 0;}
.contents:after {content:"."; height:0; clear:both; display:block; visibility:hidden;}
.contents2 {zoom:100%; margin:25px 0 15px 0;}
.contents2:after {content:"."; height:0; clear:both; display:block; visibility:hidden;}
.sub_contents {padding: 0 15px 0 15px;}
.footer {height:75px; background:url(../images/footer_line.gif) repeat-x}
.google_ad {margin:0 0 20px 0;}

/* トップページレイアウト */
.top_contents {text-align:center;margin:10px 0 0 0;}
.top_text {width:734px; margin: 0 auto 10px auto;}


/* コーディネートレイアウト */
.cordinate_left {width:410px; float:left;}
#cordinate_space_wrapper {width:390px; height:500px;background:url(../images/cordinate_space_bg.gif) no-repeat; margin: 0;}
#cordinate_space {width:360px; height:470px;margin: 15px auto 0 auto;border: 0px solid #000000;}
#comments_space_wrapper {width:390px; height:90px;background:url(../images/comments_space_bg.gif) no-repeat; margin: 0;}
#comments_space {width:360px; margin: 21px auto 0 auto;}
.cordinate_right {width:430px; float:left;}
.search_condition {margin:0 0 5px 0;}
.count_wrapper {zoom:100%; margin:0 0 10px 0;}
.count_wrapper:after {content:"."; height:0; clear:both; display:block; visibility:hidden;}
.tops_service, .bottoms_service, .photozou_service {float:left;width:220px;text-align:right;}
#tops_count, #bottoms_count, #photozou_count {float:left; width:200px;}
.cordinate_reccomend_text {width:375px; font-size: 12px; margin:10px 0 0 0; background: #FFEEE6; border: 1px solid #F76E3C; text-align: center; padding: 5px;}


/* リストレイアウト */
.cordinate_list {zoom:100%;}
.cordinate_list:after {content:"."; height:0; clear:both; display:block; visibility:hidden;}
.cordinate_list_wrapper {width:420px; height:310px; background:url(../images/list_bg.gif) no-repeat; margin:0; float:left;}
.cordinate_list_wrapper2 {width:420px; height:310px; background:url(../images/list_bg2.gif) no-repeat; margin:0; float:left;}
.cordinate_list_wrapper4 {width:420px; height:310px; background:url(../images/list_bg4.gif) no-repeat; margin:0; float:left;}
.cordinate_list_reccomend {width:825px; margin:5px 0 15px 0; float:left;}
.cordinate_list_reccomend_text {width:700px; margin:0 auto 0 auto; background: #FFEEE6; border: 1px solid #F76E3C; text-align: center; padding: 6px;}
.cordinate_list_item {margin:10px 10px 5px 10px;}
.cordinate_list_tool {font-size: 12px; margin:0 5px 0 5px;}
.cordinate_list_count {font-size: 14px; font-weight:bold; color:#CC3333;background-color:#ffe9e9;}
.cordinate_list_comment {margin:5px 0 5px 0;}
.cordinate_list_comment2 {margin:2px 0 3px 0;}
.cordinate_list_type {margin:0; padding:0;}
.cordinate_list_type h2 {font-size: 120%; background: url(../images/star.gif) no-repeat 2px 5%; display: inline; padding-left: 25px;}
.cordinate_list_type div {padding: 0 0 0 25px; margin: 0;}
.cordinate_list_service {width:830px; text-align:right;margin:0;}


#quick {
	width:300px;
	position:absolute;
	display:none;
	font-size: 12px;
	border: #75a3ed 1px solid;
	background-color:#EDF4F8;
	padding:5px 5px 5px 0;
}

#quick ul {
	list-style-type: none;
	margin: 0 0 3px 5px;
	padding: 3px;
}

#quick li {
	line-height: 130%;
	margin: 0;
	padding: 5px 3px 3px 20px;
	background: transparent url(../images/comment.gif) no-repeat 0% 5px;
}



/* 新着リストレイアウト */
.new_list {zoom:100%;}
.new_list:after {content:"."; height:0; clear:both; display:block; visibility:hidden;}
.new_list_wrapper {width:365px; height:310px; background:url(../images/list_bg3.gif) no-repeat; margin:0; float:left;}
.new_list_item {margin:10px 10px 5px 10px;}
.new_list_tool {font-size: 12px; margin:0 5px 0 5px;}
.new_list_comment {margin:2px 0 3px 0;}


/* 共通スタイル */
.alt_text {display: none;}
.border_img {border: 1px solid #D3C9CA;}
.large {font-size: 16px;}
.medium {font-size: 15px;}
.small {font-size: 12px;}
.small_warning {font-size: 12px; color: #CC0000;}
.warning {color: #FF0000;}
.oidurl {color:#545454; font-size: 10px; text-decoration:none; font-weight:normal;}

/* ページング */
div.pager {
	margin: 10px auto 0 auto;
	font-size: 90%;
	text-align: center;
	padding: 4px;
}

div.pager a, div.pager span {
	margin-right: 2px;
	padding: 4px 6px;
}

div.pager a {
	color: #105cb6;
	background-color: #fff;
	border: 1px solid #9aafe5;
	text-decoration: none;
}

div.pager a:hover {
	color: #003;
	background-color: #fff;
	border: 1px solid #2e6ab1;
}

div.pager span.current {
	color: #fff;
	background-color: #2e6ab1;
	border: 1px solid #2e6ab1;
	font-weight: bold;
}

div.pager span.nextprev {
	border: 1px solid #ddd;
	color: #999;
	background-color: #fff;
}

div.pager a.nextprev {
	font-weight: bold;
}

/* テキスト */
.inputtext175 {width:175px;}
.inputtext200 {width:200px;}
.inputtext250 {width:250px;}
.inputtext310 {width:310px;}
.inputtext330 {width:330px;}
.inputtext350 {width:350px;}
.inputtext450 {width:450px;}


table.tb {border: #D3C9CA 1px solid;}
td.bh {border-bottom: #D3C9CA 1px solid; background-color:#f0e9e9; padding-left:10px; color: #333333;}
td.bc {border-bottom: #D3C9CA 1px solid; border-left: #D3C9CA 1px solid; background-color:#FFFFFF;}
td.bhb {background-color:#f0e9e9; padding-left:10px; color: #333333;}
td.bcb {border-left: #D3C9CA 1px solid; background-color:#FFFFFF;}


.errorBox {
	background-color:#FFFFCC;
	border: 1px solid #CC0000;
	padding: 6px; 
	margin: 0 auto 15px auto;
	text-align: left; 
	color: #CC0000;
}
.confirmBox {
	background-color:#EDF4F8;
	border: 1px solid #000066; 
	padding: 6px; 
	margin: 0 auto 15px auto;
	text-align: left; 
	color: #000066;
}

#tooltip {
	width:300px;
	position:absolute;
	display:none;
	font-size: 12px;
	border: #75a3ed 1px solid;
	background-color:#EDF4F8;
	padding:5px 5px 5px 0;
}

#tooltip ul {
	list-style-type: none;
	margin: 0 0 3px 5px;
	padding: 3px;
}

#tooltip li {
	line-height: 130%;
	margin: 0;
	padding: 5px 3px 3px 20px;
	background: transparent url(../images/help_i.gif) no-repeat 0% 5px;
}


a.detail_external {
	background: url(../images/link_external.gif) center right no-repeat;
	font-size: 16px;
	font-weight: bold;
	padding-right: 12px;
}
a.link_external {
	background: url(../images/link_external.gif) center right no-repeat;
	padding-right: 12px;
}


/* 個別スタイル */
.openid_login {
	background: url(../images/login_bg.gif) no-repeat;
	background-position: 0 50%;
	color: #000;
	padding: 3px 2px 3px 18px;
	border: 1px solid #AAAAAA;
	font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
	width: 350px;
}

.title_line {height:30px; background:url(../images/title_line.gif) repeat-x top}
h1.title_logo {margin: 0;}
h2.title_cordinate {background: url(../images/title_cordinate.gif) no-repeat;width: 440px;height: 40px;margin: 0;}
h2.title_detail {background: url(../images/title_detail.gif) no-repeat;width: 340px;height: 40px;margin: 0;}
h2.title_login {background: url(../images/title_login.gif) no-repeat;width: 340px;height: 40px;margin: 0;}
h2.title_list {background: url(../images/title_list.gif) no-repeat;width: 340px;height: 40px;margin: 0;}
h2.title_mycordinate {background: url(../images/title_mycordinate.gif) no-repeat;width: 340px;height: 40px;margin: 0;}
h2.title_nickname {background: url(../images/title_profile.gif) no-repeat;width: 340px;height: 40px;margin: 0;}
h2.title_term {background: url(../images/title_term.gif) no-repeat;width: 340px;height: 40px;margin: 0;}
h2.title_about {background: url(../images/title_about.gif) no-repeat;width: 340px;height: 40px;margin: 0;}
h2.title_help {background: url(../images/title_help.gif) no-repeat;width: 340px;height: 40px;margin: 0;}
h2.title_new {background: url(../images/title_new.gif) no-repeat;width: 340px;height: 40px;margin: 0;}
h2.title_bond {background: url(../images/title_bond.gif) no-repeat;width: 340px;height: 40px;margin: 0;}
.sub_title {margin: 0 0 5px 0;}
.title_box {margin: 0 0 10px 0; border-bottom: 1px solid #BBBBBB;}


#popup_comment {
	height:110px;
	width:460px;
	display:none;
	position:absolute;
	z-index:9999;
}

.comments_wrapper {
/*	width: 700px;*/
}
.comments ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.comments li {
	margin: 0;
}
.comments ul div div {
	padding: 0;
}
.comments ul div div div {
	padding: 5px 10px 5px 10px;
}
.comments li {
	background: #e5e5e5 url(../images/corner_l_t.png) no-repeat left top;
}
.comments li div.comment_comment {
	background: url(../images/corner_r_t.png) no-repeat right top;
}
.comments li div.comment_comment div {
	background: url(../images/corner_r_b.png) no-repeat right bottom;
}
.comments li div.comment_comment div div {
	background: url(../images/corner_l_b.png) no-repeat left bottom;
}
.comment_meta {
	background: #FFFFFF url(../images/speech_bubble.png) no-repeat 40px 0;
	margin: 0;
	padding: 0;
	height: 11px;
}
.comment_table {
	background: #FFFFFF;
	margin: 0 0 12px 0;
	padding: 0;
}

.round_box {
	background: #F8F4F4;
}
.round_top div {
	background: url(../images/round_tl.png) no-repeat top left;
}
.round_top {
   background: url(../images/round_tr.png) no-repeat top right;
}
.round_bottom div {
	background: url(../images/round_bl.png) no-repeat bottom left;
}
.round_bottom {
	background: url(../images/round_br.png) no-repeat bottom right;
}

.round_top div, .round_top, .round_bottom div, .round_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.round_content {margin: 0 15px;}


/*つながりレイアウト*/
.cordinate_count {font-size: 12px; font-weight:bold; color:#CC3333;background-color:#ffe9e9;}
td.bond_td {border-bottom: 1px dashed #c9d5f8;}
.friend {padding: 0 15px 0 15px; margin: 25px 0 35px 0;}
.bond {padding: 0 15px 0 15px; margin: 0 0 35px 0;}
.bond_rev {padding: 0 15px 0 15px; margin: 0 0 35px 0;}
.friend div h3 {font-size: 120%; background: url(../images/friend.gif) no-repeat 2px 5%; display: inline; padding-left: 30px;}
.bond div h3 {font-size: 120%; background: url(../images/bond.gif) no-repeat 2px 5%; display: inline; padding-left: 30px;}
.bond_rev div h3 {font-size: 120%; background: url(../images/bond_rev.gif) no-repeat 2px 5%; display: inline; padding-left: 30px;}