@charset "utf-8";
/* CSS Document */

body {
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.5em;
	color:#666666;
}

body h2 {
    font: bold 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:10px 0 0 0;
	color:#666666;
}


/*===============ここからリストバージョン===============================*/

.family {
    width:766px;
	margin:20px auto;
}

.family .left {
    float:left;
	width:383px;
	margin:0 0 10px 0;
}

.family .left .l2 {
    float:left;
	width:100px;
	height:170px;
	margin:0;
	padding:0;
}

.family .left .r2 {
    float:right;
	width:283px;
	margin:0;
}

.family .left_s .l2 {
    float:left;
	width:100px;
	height:170px;
	margin:0;
	padding:0;
}



/*社長設定*/

.family .left_s {
    float:left;
	width:766px;
	margin:0 0 10px 0;
}

.family .left_s .r2 {
    float:right;
	width:666px;
	margin:0;
}

/*営業部設定*/
.family .left .r2_eigyou {
    float:right;
	width:273px;
	margin:0;
	padding:5px;
}

/*ボタン設定*/
#goto {
    clear:both;
	margin:20px 0 0 250px;
}

#goto a{
	display:block;
	width:250px;
	background:url(../img/goto1.gif) no-repeat;
	height:30px;
	text-decoration:none;
	text-indent:-9999px;
}

#goto a:hover{
	background:url(../img/goto2.gif) no-repeat;
	text-indent:-9999px;
}

#goto2 {
    clear:both;
	margin:0 0 0 250px;
}

#goto2 a{
	display:block;
	width:250px;
	background:url(../img/goto4.gif) no-repeat;
	height:30px;
	text-decoration:none;
	text-indent:-9999px;
}

#goto2 a:hover{
	background:url(../img/goto3.gif) no-repeat;
	text-indent:-9999px;
}

/*仕切り線設定*/
.dotline {
    background-image:url(../img/dotline.gif);
	background-repeat:repeat-x;
	width:766px;
	height:25px;
	margin:20px 0;
	padding:0;
	clear:both;
}

/*出版物設定*/
.book {
    margin:0 0 0 100px;
}

/*ポップアップ設定*/
a.tooltip {color:#003399 }
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}