@charset "UTF-8";

/*
	説明　: 基本スタイルシート
	更新日: 2008年12月18日
	制作者: 冨山孝幸
*/

/*
===== 目次 =================================================

	1: 基本構造
	2: メインコンテンツ
	3: プロフィール画面
	4: その他
	5: Topページ(先行会員or非会員選択ページ)
	6: 説明
	7: 各種設定
	8: 使い方
	9: ヘッダーカレント表示再調整
	10: 招待
	11: ヘッダー再調整
	12: FAQ画面用

説明:
基本はcommon.cssで設定されています。このCSSは調整用です。

==========================================================*/

/*
===== 1: 基本構造=========================================*/


body {
	/*　デフォルトフォントサイズ */
	font-size:90%;
	font-family: Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	margin:0;
	padding:0;

}

/* 画像をCSSだけでハイクオリティに縮小サムネイル化（2009/03/25追加 BY IWAMA）*/
img { -ms-interpolation-mode: bicubic; }

/* 破線カット */

a{
	outline:0;
}

th,td {
	margin:3px;
	padding:3px;
}

table {
	border-spacing:1px;
}

/* イメージタグ */

img {
	vertical-align: top;
	border: none;
}

h1 {
	margin:0px 0px 0px 0px;
	font-size:20px;
	color:#333333;
}

h2 {
	font-size:18px;
	margin:0px 0px 0px 0px;
	color:#333333;
}

h3 {
	margin:0px 0px 0px 0px;
	font-size:16px;
	color:#333333;
}

/* hr非表示 */

hr {
	border-bottom:1px solid #CAB9A7;
	border-top:1px dashed #CAB9A7;
	margin:15px 0;
}


/* brクリア \*/

.clearfloat {
	clear:both;
}

/* Pタグ設定 */
p {
	font-size:100%;
	line-height : 1.6;
	margin-top:15px;
}


/*
===== 2: メインコンテンツ=================================*/

#main {
	width:960px;
	background-color:#ffffff;

}


/*基本テーブル構成*/

.table {
	background-color:#ffffff;
	width:1000px;
	line-height:1.5;
	padding-right:35px;
	padding-top:10px;
	padding-bottom:10px;

}

/*プロフィールお題目背景*/

.table_title {
	clear: both;
	width:1000px;
	height:48px;
	background-repeat:x;
	vertical-align:middle;
	padding-left:5px;
	padding-top:5px;
	margin-top:15px;
}

/*基本題字*/

.table h1 {
	width:1000px;
	background-image:url(../images/phase2_h2_back.jpg);
	height:48px;
	background-repeat:no-repeat;
	vertical-align:middle;
	padding-left:24px;
	padding-top:12px;
	font-size:14pt;
	font-weight:bold;
	color:#D0121B;
}

.table h2 {
	margin:0px auto 15px auto;
	font-size:12pt;
	font-weight:bold;
	color:#663300;
	border-bottom:2px dotted #CAB9A7;
}

.table_title h3 {
	margin:0px auto 15px auto;
	line-height:1.5;
	font-size:12pt;
	font-weight:bold;
	color:#663300;
	border-bottom:2px dotted #CAB9A7;

}

/*　テーブルクリア　*/
.table:after {
	clear: both;
}

/*
===== 3: プロフィール画面===================================*/

/* プロフィール名前 */

.smallprofile {
	background-color:#ffffff;
	width:941x;
	line-height:1.5;
	padding:10px;
}

.smallprofile :after {
	clear: both;
}

/* プロフィール左フレーム */

.table_left {
	float:left;
	width:192px;
	height:192px;
	background-image:url(../images/gakubuchi.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
}

.table-setting {
	width:192px;
	height:192px;
}

.table-setting td {
    text-align:center;
	vertical-align: middle;
}

/* プロフィール右フレーム */

.table_right {
	width:300px;
	height:230px;
	margin-left:240px;
} 

/* IE6 5.5 only \*/
* html .table_right {
	margin-left:260px;
}

/*　繋がりパーツCSS　*/

#small-icon {
	clear: both;
	width:900px;
	background-color:#ffffff;
	line-height:1.5;
	padding-left:40px;
	padding-right:35px;
	padding-top:10px;
	/*height:300px;*/
}

/*　繋がりパーツ　テーブルp設定　*/

#small-icon li p {
	padding-bottom:10px;
	text-align:center;
	margin-left:-20px;
	margin-top:10px;
	font-size:14px;
	color:#333333;
	line-height:1.5;
}

#small-icon ul{
	margin-top:10px;
}

#small-icon ul:after{
	clear: both;
}

/* IE7 only \*/
*:first-child+html #small-icon ul
{
	margin-left:40px;
}


/*繋がりテーブル表示*/

#small-icon li {
	background-image:url(../images/gakubuchi_small.jpg);
	margin:0px;
	width:126px;
	height:160px;
	float:left;
	list-style:none;
	padding-left:12px;
	padding-top:12px;
	background-repeat:no-repeat;
	background-position:top left;
}

#small-icon .takasa {
	background-repeat:no-repeat;
	background-position:center center;
	display: block;
	height:100px;
	width:100px;
	text-indent: -9999px;
	text-decoration: none;
}

#small-icon a:focus {
	outline:none;
} 

#small-icon:after {
	clear: both;
}

.profile_name {
	font-size:18px;
	color:#4faf48;
	font-weight:bolder;
}

.main_text {
	font-size:100%;
	color:#333333;
	line-height:1.5;
	align-text:left;
}

.main_text_b {
	font-size:14px;
	color:#333333;
	line-height:1.5;
}

.border {
	margin-top:5px;
	margin-bottom:5px;
}

.bar_icon {
	margin-right:10px;
	width:25px;
	height:25px;
}


.menu_magin {
	margin-left:-40px;
}

.menu_btn_s {
	width:86px;
	height:26px;
	text-align:center;
	font-size:100%;
}

.menu_btn_s a{
	display: block;
	height:26px;
	overflow: hidden;
	padding-top:4px;
	background-image:url(../images/btn_s.gif);
	background-position:top left;
	background-repeat:no-repeat;


}

.menu_btn_s a:hover{
	display: block;
	height:26px;
	background-image:url(../images/btn_s_on.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#FFFFFF;
}


/*
===== 4: その他 ========================================*/

.privacy {
	width: 460px;
	margin:10px;
	padding:10px;
	height:600px;
}

.err {
	color: #FF0000;
}
.necessary {
	color: #FF0000;
	padding-left:5px;
}

/*
===== 5:　Topページ(先行会員or非会員選択ページ)=======*/

.main-index {
	background-color:#ffffff;
	width:883px;
	line-height:1.5;
	padding-left:65px;
	padding-right:35px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	background-position:top;
	background-repeat:repeat-x;

}

.main-index h2{
	font-size:16px;
	margin:10px 0px 0px 0px;
	color:#333333;
}

.main-index h2 a{
	color:#333333;

}

.mainlogo
{
	padding-bottom:10px;

}

/*基本テーブル構成*/

.table-list {
	background-color:#ffffff;
	width:961px;
	line-height:1.5;
	padding-top:10px;
	padding-bottom:10px;
	margin:auto;

}

/*基本題字*/

.setsumei2 h1 {
	width:1000px;
	background-image:url(../images/phase2_h2_back.jpg);
	height:48px;
	background-repeat:no-repeat;
	vertical-align:middle;
	padding-left:24px;
	padding-top:12px;
	font-size:14pt;
	font-weight:bold;
	color:#D0121B;
}


.setsumei2 {
	margin-top:15px;
	width:980px;

}

.setsumei3 {
	margin-top:15px;
	width:961px;

}

.setsumei2 h2 {
	margin:0px auto 15px auto;
	font-size:12pt;
	font-weight:bold;
	color:#663300;
	border-bottom:2px dotted #CAB9A7;
}

.table-list:after {
	clear: both;
}

/*
===== 6:　説明 ========================================*/

.setsumei {
	margin:auto;
	width:900px;

}

.left-images
{
	float:left;
	margin:0px 20px 0px 10px;
	padding:0px;
	font-size:11px;
	width:150px;
	background-color:#f4f4f4;

}

.left-images:after {
	clear: both;
}

.about-start {
margin:10px 0px 10px 0;
font-weight:bolder;
font-size:110%;
}

.about-famigo{
font-weight:bold;
font-size:12pt;
}

.invite {
	clear: both;
	line-height:1.5;
	text-align:center;
}

/*
===== 7: 各種設定=========================================*/

/*左メニュー設定*/

.setting_table_left {
	float:left;
	width:190px;
	background-color:#efebdf;
	height:470px;
	border-right:solid 1px #b49670;
}

.setting_table_left ul {
	margin:0px;
	padding:0px;

}

.setting_table_left li {
	list-style:none;
	margin:0px;
	float:left;
	width: 200px;
	padding-top:8px;
	padding-left:20px;
	padding-right:20px;

}

/*　テーブルクリア　*/
.setting_table_left:after {
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

/*メイン設定*/
.setting_table_right {
	width:780px;
	margin-left:200px;
	margin-top:0px;
}

/* IE6 5.5 only \*/
* html .setting_table_right {
	width:700px;
	margin-left:250px;
	margin-top:0px;
}

.setting_table_right ul {
	margin:0px;
	padding:0px;
}

.setting_table_right li {
	list-style:none;
	float:left;
	margin:0px;
	width: 780px;
	padding-bottom:10px;
	padding-left:20px;
}

.setting_table_right h3 {
	float:left;
	width:130px;
	text-align:left;
	margin:0;
	font-size:90%;
}

.setting_table_right p {
	float:left;
	width:650px;
	text-align:left;
	margin:0;
	font-size:90%;
}

/*　テーブルクリア　*/

.setting_table_right:after {
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

/*
===== 8: 使い方=========================================*/

/*基本テーブル構成*/

.table-howto {
	background-color:#ffffff;
	width:961px;
	line-height:1.5;
	padding-top:10px;
	padding-bottom:10px;

}

/*基本題字*/

.table-howto h1 {
	margin:0px 0px 19px 0px;
	font-size:19px;
	color:#333333;
	border-bottom: 1px solid #D0D0D0;

}

/*基本題字*/

.table-howto h2 {
	margin:0px auto 15px auto;
	font-size:12pt;
	font-weight:bold;
	color:#663300;
	border-bottom:2px dotted #CAB9A7;
}

#number-green {
	font-size:100%;
	color:#663300;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	width:41px;
	hight:28px;
}

.kakomi-howto {
	margin:auto;
	width:961px;
	line-height:1.5;
}

.howto-title {
	clear: both;
	height:26px;
	width:961px;
	margin-bottom: 10px;
}

.howto-title2 {
	clear: both;
	border-bottom: 1px solid #000000;
	background-image:url(../images/howto_bg3.gif);
	background-position:top left;
	background-repeat:repeat-x;
	height:27px;
	width:961px;
	margin-bottom: 10px;
}

.howto-title2 h2 {
	margin:0px auto 15px auto;
	font-size:12pt;
	font-weight:bold;
	color:#ffffff;
	border-bottom:2px dotted #CAB9A7;
}


/* IE7 only \*/
*:first-child+html .howto-title{
	height:27px;
}

/* IE6 5.5 only \*/
* html .howto-title{
	height:28px;
}

#howto-kakudai {
	position: relative;
	width: 350px;
	}

#howto-kakudai2 {
	position: relative;
	width: 600px;
	}
	
#howto-kakudai3 {
	position: relative;
	width: 600px;
	}

#photo-change {
	width: 350px;
	margin: 0;
	padding: 0;
}

#photo-change p {
	width: 352px;
	padding: 0px 0px 2px 0px;
	text-align: center;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	background-color:#efebdf;
}

#photo-change p.setumei2 {
	width: 882px;
	padding: 0px 0px 2px 0px;
	text-align: center;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	background-color:#efebdf;
}

#photo-change p.setumei8 {
	width: 435px;
	padding: 0px 0px 2px 0px;
	text-align: center;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	background-color:#efebdf;
}

#photo-change p.setumei9 {
	width: 602px;
	padding: 0px 0px 2px 0px;
	text-align: center;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	background-color:#efebdf;
}

#photo-d a.change img.kakudai {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
}

#photo-change a.change img.kakudai2 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
}

#photo-change a.change img.kakudai3 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
}

#photo-change a.change:hover {
	background: #fff;
}

#photo-change img {
	border-bottom:solid 1px #000;
}

#photo-change a.change:hover img.kakudai {
	display: block;
	position: absolute;
	top: -120px;
	left: 0px;
	width: 600px;
	height: 353px;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;

}

#photo-change a.change:hover img.kakudai2 {
	display: block;
	position: absolute;
	top: -20px;
	left: 0px;
	width: 860px;
	height: 272px;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	z-index:10;

}

#photo-change a.change:hover img.kakudai3 {
	display: block;
	position: absolute;
	top: -20px;
	left: 0px;
	width: 600px;
	height: 297px;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	z-index:10;

}

/*
===== 9: ヘッダーカレント表示調整============================*/

/* 設定変更 */

#settings  #header
{
  background-position : 0 -132px;
}

/* プロフィール */

#profile #header
{
  background-position : 0 -264px;
}

/* リスト表示 */

#list #header
{
  background-position : 0 -396px;
}

/* 使い方 */

#howto #header
{
  background-position : 0 -396px;
}

/* 家系マップ */

#kakeizu #header
{
  background-position : 0 -396px;
}

/* 家系図の基礎知識 */

#kakeizukiso #header
{
  background-position : 0 -396px;
}

/* 家系公開等に関するルール */

#kakeizurules #header
{
  background-position : 0 -396px;
}

/* マイページ */

#profile #header
{
  background-position : 0 -264px;
}

/* 日記 */

#diary #header
{
  background-position : 0 -660px;
}



/*
===== 10: 招待============================*/

#invite-table {
	margin:auto;
	width:961px;
	background-color:#CCCCCC;
}

#invite-table2 {
	margin:auto;
	width:961px;
}

#invite-table td{
border: 1px #CCCCCC solid;
margin:1px;padding:3px;
}

#list-border2008 td{
border: 1px #CCCCCC solid;
margin:1px;padding:3px;
}

/*
===== 11: ヘッダー再調整=====================================*/

/* ログアウト用ヘッダー */

#header-logout
{
  position : relative;
  height : 132px;
  background : transparent url(/images/notlogin_header.jpg) no-repeat 0 -132px;
}

/* ログアウト用ヘッダー h1 */

#header-logout h1
{
  position : absolute;
  left : 47px;
  top : 43px;
}
/* ログアウト用Ｈ１ アンカー*/

#header-logout h1 a
{
  display : block;
  width : 210px;
  height : 0;
  padding-top : 74px;
  background : url(./blank.gif);
  overflow : hidden;
}

#header-logout #function-nav li
{
  position : absolute;
}

#header-logout #function-nav li a
{
  display : block;
  height : 0;
  background : url(./blank.gif);
  overflow : hidden;
}


#header-logout #function-nav .login-check
{
  left : 668px;
  top : 7px;
}

#header-logout #function-nav .login-check a
{
  width : 60px;
  padding-top : 13px;
}

#header-logout #function-nav .login-check a:hover
{
  background : transparent url(/images/notlogin_header.jpg) no-repeat -668px -7px;
}

#header-logout #function-nav .regist-check
{
  left : 757px;
  top : 7px;
}

#header-logout #function-nav .regist-check a
{
  width : 82px;
  padding-top : 13px;
}

#header-logout #function-nav .regist-check a:hover
{
  background : transparent url(/images/notlogin_header.jpg) no-repeat -757px -7px;
}


#header-logout #function-nav .regist-banner
{
  left : 430px;
  top : 50px;
}

#header-logout #function-nav .regist-banner a
{
  display:block;
  width:468px;
  height:60px;
  text-indent:-9999px;
  background-image : url(/images/banner01_off.gif);
}
#header-logout #function-nav .regist-banner a:hover
{
  display:block;
  width:468px;
  height:60px;
  text-indent:-9999px;
  background-image : url(/images/banner01_on.gif);
}

#header-logout #function-nav .pmark
{
  left : 958px;
  top : 73px;
}

#header-logout #function-nav .pmark a
{
  width : 42px;
  padding-top : 50px;
}


#header-logout #function-nav div .new-regist
{
  left : 479px;
  top : 73px;
}

#header #main-nav .pmark
{
  left : 958px;
  top : 73px;
}

#header #main-nav .pmark a
{
  width : 42px;
  padding-top : 50px;
}

/* 家族名再調整 */

#header .familyname
{
  top : 81px;
}

/* サファリ　インプット再調整 */

body:first-of-type  input{ /* for Safari3 */
	font-size:90%;
}

#mod-table
{

width:100%; 

}
/* ようこそ表示再調整 */

#header #function-nav .welcome-mes
{

  top : 7px;

}

/* clearfix */
#main-container:after,
.clearfix:after
{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

/*
===== 12: FAQ画面用=========================================*/


.faq-table {
	width:961px;
	margin:auto;
}

.faq-table li {
	width:500x;
}

.faq-anser {
	font-weight:bold;
	font-size:12pt;
	color:#fff;border:1px dashed #CAB9A7;
	background-color:#D0121B;padding:0 10px;
	height:20px;
}

.page-topfaq {

float:right;
margin-top:-5px;
font-size:70%;

}

.page-topfaq:after {
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

/* IE7 only \*/

*:first-child+html .page-topfaq {
	margin-top:-20px;
}


/* IE6 5.5 only \*/
* html .page-topfaq {
	margin-top:-20px;
}


/*コミュニティ＋その他共通部分*/
.m_title_t {
/*	background-color:#e6ecf2;*/
	background-image:url(/images/community/t_bg.gif);
	background-repeat:repeat-x
	color:#333333;
	font-weight:bold;
	font-size:15px;
	margin: 0px 0px 0px 0px;
}
.m_title {
/*	background-color:#e6ecf2;*/
	background-image:url(/images/community/t_bg.gif);
	background-repeat:repeat-x
	color:#333333;
	font-weight:bold;
	font-size:15px;
	margin: 20px 0px 0px 0px;
}
.m_title_t01 {
	background-color:#eef3f9;
/*	background-image:url(/images/community/t_bg01.gif);
	background-repeat:repeat-x*/
	color:#333333;
	font-weight:bold;
	font-size:15px;
	margin: 0px 0px 0px 0px;
}
.m_title01 {
	background-color:#eef3f9;
/*	background-image:url(/images/community/t_bg01.gif);
	background-repeat:repeat-x*/
	color:#333333;
	font-weight:bold;
	font-size:15px;
	margin: 20px 0px 0px 0px;
}
.m_title_t02 {
/*	background-color:#eef3f9;*/
/*	background-image:url(/images/community/t_bg01.gif);
	background-repeat:repeat-x*/
	color:#333333;
	font-weight:bold;
	font-size:15px;
	margin: 10px 0px 0px 0px;
	border-bottom:1px solid #c0c0c0;
}
.m_title02 {
/*	background-color:#eef3f9;*/
/*	background-image:url(/images/community/t_bg01.gif);
	background-repeat:repeat-x*/
	color:#333333;
	font-weight:bold;
	font-size:15px;
	margin: 20px 0px 0px 0px;
	border-bottom:1px solid #c0c0c0;
}
.m_title_h {
	width:350px;
	text-align:center;
/*	background-color:#e6ecf2;*/
	background-image:url(/images/community/help/t_bg_h.gif);
	background-repeat:repeat-x
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	margin: 20px 0px 0px 0px;
}
.h_bg {
	width:350px;
	font-size:11px;
	line-height:1.8em;
	background-image:url(/images/community/help/h_bg.gif);
	background-position:bottom;
}
.t_title {
	color:#6f3f0e;font-weight:bold;
	font-size:15px;
	margin: 20px 0px 10px 0px;
}
.contwrap {
	padding:10px 15px 0;
}

/* pagination \*/

div.pagination {padding: 3px;margin: 20px;text-align:center;}
div.pagination a {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #C0C0C0;}
div.pagination a:hover, div.digg a:active {background-color: #F0F0F0;}
div.pagination span.current {padding: 2px 5px 2px 5px;border:1px solid #fff;}
div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;}