@charset UTF-8;

/* ******************************************

    [ index ] 2009.12.25

    01. サイト全体共通設定
    02. リンク設定
    03. container
    04. family net header
    05. family net body
    06. family net footer
    07. [ default ] header
    
****************************************** */

/* ******************************************
    01. サイト全体共通設定
****************************************** */
html {
min-width: 976px;
}

body {
background-color: #ffffff;
margin: 0px;
padding: 0px;
color: #333333;
font-size: 12px;
text-align: center;
/*font-family: Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Pゴシック",sans-serif;*/
line-height: 1.8;
}



/* ******************************************
    02. リンク設定
****************************************** */
a,
a:link,
a:active {
text-decoration: underline;
overflow: hidden;
}

a:visited {
text-decoration: underline;
overflow: hidden;
}

a:hover {
text-decoration: none;
}



/* ******************************************
    03. container
****************************************** */
#fn-container {
width: 976px;
text-align: left;
margin: 0 auto;
padding: 0;
}



/* ******************************************
    04. family net header
****************************************** */
#fn-header {
position: relative;
width: 976px;
height: 106px;
}

#fn-header h1 {
position: absolute;
width: 248px;
height: 106px;
background: #ffffff url("../img/common/familynet_logo.gif") top left no-repeat;
top: 0;
left: 0;
}

#fn-header h1 a {
width: 248px;
height: 106px;
display: block;
}

#fn-header p {
position: absolute;
width: 728px;
height: 90px;
top: 8px;
left: 248px;
}




/* ******************************************
    05. family net body
****************************************** */
#fn-body {
width: 976px;
}

/* トップ・ファミリーBG */
.family-bg {
background: transparent url("../img/common/family_bg.gif") bottom left no-repeat;
}

/* キッズBG */
.kids-bg {
background: transparent url("../img/common/kids_bg.gif") bottom left no-repeat;
}

/* ティーチャーBG */
.teachers-bg {
background: transparent url("../img/common/teachers_bg.gif") bottom left no-repeat;
}





/* ----------------------------------------
	右カラム有りレイアウト
---------------------------------------- */
/* 右カラムエリアを右段へ */
#fn-main {
float: left;
width: 668px;
/*background: transparent url("../img/common/fn_contents_right_bottom.gif") bottom right no-repeat;*/
}

#default-right-column {
float: right;
width: 300px;
}


/* [ default ] 右カラム内レイアウト */
/* スクウェアバナー */
#square-banner-box {
width: 300px;
height: 250px;
margin-bottom: 16px;
}

/* ノーマルバナー */
#normal-banner-box {
width: 300px;
margin-bottom: 16px;
line-height: 1;
}

#normal-banner-box ul {
width: 300px;
}

#normal-banner-box li {
width: 300px;
/*height: 80px;*/
margin-bottom: 8px;
}

/* テキストバナー */
#text-banner-box {
width: 300px;
}

#text-banner-box ul {
margin-bottom: 8px;
/*border-top: dashed 1px #999999;*/
}

#text-banner-box li {
padding: 8px;
line-height: 1.4;
/*border-bottom: dashed 1px #999999;*/
}

#text-banner-box li a {
color: #333333;
}


/* メニュー・コンテンツ 左右振り分け */
#fn-contents {
width: 668px;
background: transparent url("../img/common/fn_contents_right_top.gif") top right no-repeat;
}

#fn-contents02 {
width: 668px;
background: transparent url("../img/common/fn_contents_right_top02.gif") top right no-repeat;
}

#fn-contents-left-menu {
float: left;
width: 161px;
margin: 16px 0 64px;
background: transparent url(../img/common/menu_bg.gif) 0 0 no-repeat;
/*margin-bottom: 64px;*/
}

#fn-contents-right {
float: right;
width: 492px;
padding: 24px 8px 48px 7px;
line-height: 1;
background: transparent url(../img/common/fn_contents_right_top03.gif) 0 0 no-repeat;
}




/* ----------------------------------------
	右カラム無しレイアウト
---------------------------------------- */
/* トップ・ファミリーBG */
.family-bg02 {
/*background-color: aqua;*/
background: transparent url("../img/common/family_bg02.gif") top left repeat-y;
}

/* キッズBG */
.kids-bg02 {
background: transparent url("../img/common/kids_bg02.gif") top left repeat-y;
}

/* ティーチャーBG */
.teachers-bg02 {
background: transparent url("../img/common/teachers_bg02.gif") top left repeat-y;
}

#fn-main02 {
width: 976px;
background: transparent url("../img/common/fn_contents_right_bottom02.gif") bottom right no-repeat;
}

#fn-contents-right02 {
float: right;
width: 800px;
padding: 24px 8px 48px 7px;
line-height: 1;
}

#fn-contents03 {
width: 976px;
background: transparent url("../img/common/fn_contents_right_top02.gif") top right no-repeat;
}





/* ----------------------------------------
	ファミリーネットニュース　2011.7.1以降
---------------------------------------- */
.family-bg-fnn {
background: transparent url("../img/common/family_bg_fnn.gif") top left repeat-y;
}

#fn-main-fnn {
float: left;
width: 668px;
}

#fn-contents-fnn {
width: 668px;
/*background: transparent url("../img/common/fn_contents_right_top02.gif") top right no-repeat;*/
}

#default-right-column-fnn {
float: right;
width: 300px;
}

#fn-contents-left-menu-fnn {
float: left;
width: 152px;
margin-bottom: 64px;
}

#fn-contents-right-fnn {
float: right;
width: 508px;
/*padding: 0 8px 48px 7px;*/
line-height: 1;
}





/* ******************************************
    06. family net footer
****************************************** */
#fn-footer {
width: 100%;
padding: 0;
margin: 0;
}

#fn-footer ul {
width: 432px;
margin: 4px auto 12px;
}

#fn-footer li {
float: left;
width: 100px;
height: 50px;
padding: 4px;
}

#fn-footer p#fn-sub-menu {
font-size: 10px;
text-align: center;
margin-bottom: 16px;
line-height: 1;
}

#fn-footer p#copyright {
font-size: 10px;
text-align: center;
line-height: 1.4;
}




/* ******************************************
    07. [ default ] header
****************************************** */
#default-header {
width: 100%;
height: 32px;
font-size: 10px;
padding: 0;
margin: 0;
line-height: 1;
}

#default-header h2 {
width: 976px;
background: transparent url("../img/common/sol_logo.gif") 0 4px no-repeat;
padding-top: 4px;
margin: 0 auto;
}

#default-header h2 a {
width: 84px;
height: 24px;
display: block;
}

#default-header ul {
width: 976px;
padding-top: 10px;
margin: 0 auto;
}

#default-header li {
float: left;
padding-left: 12px;
margin-right: 8px;
}