@charset"Shift-JIS";
/*CSS Information===========
file name:mosaicojp-index.css
editor:Nahomi Okada
=========================*/
*{
margin:0px;
border:0px;
padding:0px;
line-height:100%;
}



body{
width:80%
margin:0;
padding:0;
height:100%;
text-align:center;
/*コンテンツボックスを中央へ寄せます*/
/* IE 向けセンタリング指定 */
}

/*header*/
#header{
width:800px;
height:70px;
top:0px;
margin:0px auto;/* Firefox 向けセンタリング指定 */
}
#header h1{
margin-top:0px;
margin-bottom:0px;
}

/*container*/
#container{
color:#000066;
width:800px;
top:180px;
background-color:#FFFFFF;
border:solid  1px #669999;
margin-top:0px;
margin:0px auto;/* Firefox 向けセンタリング指定 */
}

/*#section_subサブコンテンツ*/

#section_sub{
width:125px;
float:left;
text-align:left;
background-color:#FFFFFF;
}

#section_sub h1{
font-size:95%;
padding-top:0px;
padding-left:1px;
padding-bottom:3px;
margin-left:1px;
margin-right:auto;
color: #669999;
letter-spacing:normal; 
}
#section_sub h2{
font-size:90%;
padding-top:3px;
padding-left:1px;
padding-bottom:3px;
margin-top:10px;
margin-left:1px;
color: #000066;
letter-spacing:normal; 
}
#section_sub h3{
font-size:85%;
padding-top:3px;
padding-left:2px;
padding-bottom:4px;
margin-left:2px;
color: #660000;
line-height:1.2em;
letter-spacing:normal; 
}
#section_sub p{
font-size:90%;
margin-left:1px;
padding-top:5px;
padding-left:1px;
padding-bottom:5px;
line-height:1.3em;
color:#000066;
}

/*#section_subサブコンテンツおわり*/





/*#section1メインコンテンツ*/
#section1{
width:600px;
float:left;
text-align:left;
background-color:#FFFFFF;
}


#section1 h1{
font-size:95%;
padding-top:6px;
padding-left:10px;
padding-bottom:6px;
margin-left:10px;
margin-right:auto;
color: #669999;
letter-spacing: 2pt; 
}


#section1 h2{
font-size:90%;
padding-top:6px;
padding-left:10px;
padding-bottom:6px;
margin-top:10px;
margin-left:10px;
color:#000066;
letter-spacing: 2pt; 
}

#section1 h3{
font-size:90%;
padding-top:7px;
padding-left:10px;
padding-bottom:7px;
margin-left:10px;
color: #660000;
letter-spacing: 2pt; 
}

}
#section1 h4{
font-size:90%;
padding-top:7px;
padding-left:10px;
padding-bottom:7px;
line-height:1.4em;
margin-left:10px;
color:#990000;
letter-spacing: 2pt; 
}

#section1 h5{
font-size:90%;
letter-spacing: 0.2em;
padding-top:7px;
padding-left:10px;
padding-bottom:7px;
margin-left:10px;
color:#CC3333;
letter-spacing: 2pt; 
}


#section1 p{
font-size:90%;
letter-spacing: 0.1em;
margin-left:10px;
padding-top:5px;
padding-left:10px;
padding-bottom:5px;
line-height:1.8em;
color:#000066;
}


#section1 p a{
color: #3333FF;
text-decoration:none;/*リンクunderline_none*/
}
#section1 p a:hover{
color: #ff0099;
text-decolation:underline;
 }/*リンクにマウスが乗った*/
#section1 p a:visited{
color:#006666;
}




/*順不同リストはじまり*/
#section1 ul{
float:none;
width:550px;
list-style-type:none;
font-size:90%;
margin-top: 5px;
margin-bottom: 5px;
margin-left:20px;
color:#000066
}
#section1 ul a{
color: #3333FF;
text-decoration:none;
}
#section1 ul a:hover{
color: #ff0099;
text-decolation:underline;
 }/*リンクにマウスが乗った*/
#section1 ul a: visited{
color: #006666;
}
#section1 li{
line-height: 1.8em;
word-spacing:3px;/*英字スペース*/
}

li.sitemap{
font-size:95%;
margin-left: 30px;
line-height:1.2em;
}

/*順不同リストおわり*/



/*定義リストはじまり*/
#section1 dl{
width:550px;
margin-left:10px;
text-align:left;
font-size:95%;
color: #000066;
}
#section1 dt{
font-weight: bold;
line-height: 1.5em;
letter-spacing: 0.1em;
padding-top:5px;
padding-left:10px;
padding-bottom:5px;
}
#section1 dd{
line-height: 1.5em;
letter-spacing: 0.1em;
padding-top:6px;
padding-left:10px;
padding-bottom:6px;
}

#section1 dl a{
text-decoration:none;
}
#section1 dl a:hover{/*リンクにマウスが乗った*/
color: #ff0099;
text-decoration:underline;
 }

#section1 dt.color1{
font-weight: bold;
line-height: 1.3em;
padding-top:5px;
padding-left:10px;
padding-bottom:5px;
color:#006666;
}

/*定義リストおわり*/


/*アンダーラインリストはじまり*/
#section1 u　a{
color: #3333FF;
text-decoration:none;
}

/*アンダーラインリストはじまり*/


/*テーブルはじまり*/
#section1 table{
font-size:90%;
width:650px;
margin-left:10px;
padding-left:10px;
text-align:left;
color: #000066;
line-height: 1.6em;
}




/*リンク及び空白スペース調整*/
.p1_space{
letter-spacing: 0.2em;}

/*パンくずリストはじまり*/
.p_pankuzu{
float:left;
width:750px;
font-size:80%;
text-align:left;
margin-left:10px;
margin-bottom:5px;
padding-top:3px;
color: #333333;
letter-spacing: 0.3em;
}

.p_non{/*表示させない*/
width: 0;
height: 0;
overflow: hidden;
}

/*テキスト右寄せ*/
.rig1{
text-align: right;
}
/*引用*/
.blockquote{
font-style: italic;
line-height:1.4em;
}


/*class　アンダーライン↓*/
.uline1{
text-decoration:underline;
}
.dotline{
border-bottom: dotted 1px #ff0000; 
}
/*アンダーラインおわり*/


/*class　カラー↓*/
.red{
color:#ff0000;
}
/*class　カラーおわり*/


/*#文字サイズと文字間始まり*/

span.sample1 {font-size: 90%; 
}
span.sample3 {font-size: x-small;
}
span.color1 {color: #990000;
}

span.letter0{letter-spacing:normal; 
}
span.letter1{letter-spacing: 2pt; 
}
span.letter2{letter-spacing: 4pt; 
}
span.letter3{letter-spacing: 6pt;
}

/*#文字サイズと文字間おわり*/




/*イメージ*/
.img1{
float:left;
margin-right:10px;
margin-left:5px;
margin-top:5px;
margin-bottom: 10px;
padding-left:0px;
}
.img2{
float:right;
margin-right:10px;
margin-left:5px;
margin-top:5px;
margin-bottom: 10px;
padding-left:0px;
}



/*ポイント見出し画像*
.point{
margin-right: 0.5em;
vertical-align: middle;
}
/*ポイント見出し画像おわり*/

/*イメージおわり*/
/*各クラス設定おわり*/



/*メニュー↓*/

/*global-naviメインナビゲーション右*/
#global-navi{
width:200px；
float:left;/*firefoxバグ?*/
position:relative;
background-color:#FF3399;
display:inline;
}

/*g_naviメニューはじまり*/
p.g_navi{
margin-top:5px;
font-weight:bolder;
font-size:80%;
text-align:left;
padding-right:5px;
width:180px;
float:right;
}
p.g_navi a{
color: #000033;
border:solid 1px #669999;
font-weight:bolder;
background-color:#99cccc;
display:block;
line-height:2.5em;
padding-left:10px;
text-decoration:none;
}
p.g_navi a:hover{
color: #3333FF;
background-color: #CCFFFF;
}
p.g_navi a:visited{
color: #FFFFFF;
}
p.g_navi span{
display:none;
}
.img_gnavi{
float:right;
margin-right:5px;
margin-left:5px;
margin-top:10px;
margin-bottom: 10px;
padding-left:0px;
}

/*g_naviメニューおわり*/
/*global-naviメインナビゲーションおわり*/

/*menuメインメニュー上*/
p.menu{
font-size:90%;
font-weight:lighter;
/*color: #333300;*/
position:relative;
margin-top:5px;
margin-bottom:5px;
margin-left:10px;
width="780";
}
p.menu a{
text-decoration:none;
color: #3333FF;
padding-left:10px;/*文字と区切り線のスペース*/
padding-right:10px;/*文字と区切り線のスペース*/
}
p.menu a:hover{
/*color: #3333FF;*/
}/*リンクにマウスが乗った*/
p.menu a:visited{
color: #663399;
}
/*menuメインメニューおわり*/
/*メニューおわり*/




/*フッターアドレス*/
#footer address{
clear:both;
position:relative;
width:800px;
float:center;
color: #003333;
border-top:solid 1px #669999;
text-align:center;
font-size:70%;
letter-spacing: 0.1em;
font-style:normal;
background-color: #99cccc;
margin-top:30px;
margin-bottom:0px;
padding-top: 10px;
padding-bottom: 10px;
word-spacing:3px;/*英字スペース*/
line-height:1.2em;
}
#footer address a{
text-decoration:none;
padding-left:5px;/*文字と区切り線のスペース*/
padding-right:5px;/*文字と区切り線のスペース*/
}/*フッターアドレスおわり*/