/*共通*/
* {
 margin:0;
 padding:0;
}

html{
height:100%;
}

/*背景*/
body{
background-image : url(images/bg01.gif);
padding : 0px;
margin : 0px;
height:100%;
}

/*メインコンテナ*/
#container{
background-color : #ffffff;
background-image : url(images/bg02.jpg);
background-repeat : no-repeat;background-position : center top;
width : 800px;
height : 100%;
min-height: 100%;
border-right-width : 10px;
border-right-style : solid;
border-right-color : #717ca0;
}

body > #container {
height: auto;
}

/*カラム分け*/
#navi01{
width : 180px;
margin-top : 10px;
margin-left : 5px;
margin-right : 5px;
-moz-opacity:0.9;	/*Firefox Mozilla Netscape 6以降*/
opacity:0.9;	/*Safari Opera9.10で確認*/
filter: alpha(style=0, opacity=95);	/*Internet Explorer 4以降*/
}
#main{
width : 600px;
float:right;
-moz-opacity:0.8;	/*Firefox Mozilla Netscape 6以降*/
opacity:0.8;	/*Safari Opera9.10で確認*/
filter: alpha(style=0, opacity=80);	/*Internet Explorer 4以降*/
}
#head{
width : 800px;
height : 80px;
border-bottom-width : 10px;
border-bottom-style : solid;
border-bottom-color : #717ca0;
}

/*メニュー*/
#navi-menu{
background-image : url(images/navi_bg02.gif);
background-repeat : repeat-y;
padding-left : 5px;
padding-right : 5px;
}
#navi-menu div{
background-image : url(images/comm_dot01.gif);
background-repeat : repeat-x;
background-position : center bottom;
}
#navi-menu a{
display : block;
padding-top : 3px;
padding-bottom : 3px;
padding-left : 5px;
}
.img01{
display : block;
padding-top : 3px;
padding-bottom : 3px;
padding-left : 5px;
}
#navi-menu a:hover{
display : block;
background-color : #ffcdc8;
}
.navi-menu02 a{
background-image : url(images/comm_icon01.gif);
background-repeat : no-repeat;background-position : 3px center;
margin : 3px 0px 3px 10px;
font-size : 12px;
text-decoration : none;
color : #000000;
}
.navi-menu02 span{
padding-left : 20px;
}
.navi-menu03{
text-align : center;
margin-top : 5px;
margin-bottom : 5px;
}
.navi-menu03 a{
margin-bottom : 5px;
}


/*メイン部分共通*/
#comm-logo01{
padding-top : 10px;
padding-left : 5px;
padding-bottom : 20px;
}

#main-right{
width : 16px;height : 248px;top : 230px;left : 784px;
position : absolute;
z-index : 1;
visibility : visible;
}

#content{
background-color : #ffffff;
margin-left : 5px;
}

#main-title{
padding : 5px 0px 5px 10px;
border-width : 7px 0px 7px 0px;
border-style : solid;
border-color : #717ca0;
margin : 1px 10px 0px 1px;
}

#main-content{
margin-top : 10px;
margin-left : 30px;
margin-right : 30px;
}

/*メインインデックス*/
#news a{
display : block;
padding : 3px 5px 3px 20px;
background-image : url(images/comm_icon01.gif);
background-repeat : no-repeat;background-position : 3px center;
font-size : 80%;
text-decoration : none;
margin : 3px 0px 3px 0px;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #666666;
color : #004080;
}
#news a:hover{
display : block;
background-color : #ffcdc8;
color : #990000;
}

#news-pick{
font-size : 90%;
padding : 5px 5px 5px 5px;
margin-bottom : 10px;
border-width : 3px 3px 3px 3px;
border-style : double double double double;
border-color : #004080 #004080 #004080 #004080;
}

#news-pick a{
padding : 3px 5px 3px 5px;
font-size : 80%;
text-decoration : none;
margin : 3px 0px 3px 0px;
color : #004080;
}
#news-pick a:hover{
background-color : #ffcdc8;
color : #990000;
}

/*フッター*/
#footer{
font-size : 12px;
line-height : 16px;
color : #666666;
background-image : url(images/footer_bg.gif);
background-repeat : no-repeat;
text-align : right;
padding : 30px 20px 30px 0px;
width : 796px;
height : 120px;
clear : both;
text-justify: auto;
}
.text-main{
  font-size : 80%;
  line-height : 150%;
}