body{

        height:100%;

	color: #cccccc;

	font-size:14px;

        font-family:"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;

	text-align:center;

	margin:0px;

	background-color: LightGrey;

        }





/*全体----------------------------------------------------------------------------------*/

#frame{

	width:820px;

	text-align:left;

	margin: 0px auto;

        height: 900px;

        min-height: 100%;

        background: url(images/back.gif) repeat;

        }



body > #frame {

        height: auto;

}



/*上の青---------------------------------------------------------------------------------*/



#headline{

	width: 820px;　　　

	padding: 0px;

        margin: 0px;

        background: url(images/bar_top.gif) repeat-x;

        height:50px;

        } 



/*左メニューと右コンテンツをいれる箱---------------------------------------------------------------------------------*/

#box{

	width: 820px;

	margin: 0px;

        height: 870px;

	padding: 30px 0px 0px 0px;

}







/*左がわ------------------------------------------------------------------------------------------*/

#l-contents{

	float: left;

	margin-left:20px;

	_margin-left:20px;

　　　　}



p.menutitle{

	font-size:12pt;

	font-weight:bold;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px;

	width: 195px;

	text-align: right;

        }



p.toc   {

	font-size:14pt;

	font-weight:bold;

	margin: 3px 0px 5px 0px;

	padding: 6px 5px;

	width: 200px;

	height:35px;

	background: url(images/toc.gif) no-repeat;

        }





#site-menu {

	float: left;

	list-style: none;

	margin: 0;

	padding: 0;

	width: 200px;



        }



#site-menu li {

	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

	margin: 0;

	padding: 0px;

        display:inline;

        }



#site-menu a {

	display: block;

    height: 35px;

	color: #666666;

	text-align: left;

	padding: 10px 0px 0px 25px;

    margin: 0px;

	text-decoration: none;

	line-height:1.2;

	overflow:hidden;

	zoom: 1;

    background: url(images/menu1.gif) no-repeat;

	_margin:  10px 0px;

        }



#site-menu a:hover {

        background: url(images/menu2.gif) no-repeat;

	color: #330000;

        }



#site-menu a.long {

	display: block;

        height: 50px;

	color: #666666;

	text-align: left;

	padding: 6px 0px 0px 25px;

        margin: 0px 0px 0px 0px;

	text-decoration: none;

	line-height:1.2;

	overflow:hidden;

	zoom: 1;

        background: url(images/menu1_long.gif) no-repeat;

	_margin:  10px 0px;

        }



#site-menu a.long:hover {

        background: url(images/menu2_long.gif) no-repeat;

	color: #cc0000;

        }







/*右がわ----------------------------------------------------------------------------------*/

#r-contents{

	float: left;

	width: 550px;

        padding-left: 20px;

        _padding-left: 0px;

        padding-bottom: 30px;

	_margin-left: 20px;

        }



div .topgazou{

        position:absolute;

        border:1px solid blue;

        }



.r-box{

	margin-top: 20px;

	width:550px;

	padding: 0px;

        }



/*---------------------------------------------------*/



h1{

	font-size: 18px;

    letter-spacing: 0.1em;

	color: #330000;

    margin:  0px; 

    padding: 11px 0px 0px 10px;

    background: url(images/h1.gif) no-repeat;

	height: 40px;

}







h2{

	text-indent:4px;

	font-size:14pt;

	font-weight:bold;

	padding: 0px 0px 0px 6px;

	color: #330000;

    background: url(images/h2.gif) no-repeat;

    margin-top:  2px;

	_margin-top:  10px;

	height: 33px;

        }



p       {

	font-size:11pt;

    line-height:120%;

	color: #330000;

    padding: 2px 14px 2px 10px;

    margin-bottom: 6px;

        }



/*----角丸テーブル-----------------------------------------------------------------------------*/





    div.waku img{

        border:none;}



    div.waku table {

        width:550px; 



        margin-right:16px;

        border-collapse:collapse;

        }





/*ここからフッター---------------------------------------------------------------------------------*/



#fotter{

        clear:both;

　　　　position:relative; top:0px; left:0px;

	    width: 820px;　　　

	    padding: 0px;

        margin: 0px;

        } 



h3      {

        height: 40px;

        margin:0px;

	    font-size:11pt;

	    color: #ffffff;

        padding:7px 0px 0px 0px;

        _padding:7px 0px 6px 0px;

	    text-align: center;

        background: url(images/bar_bottom.gif) no-repeat;

        }


.black {
    margin: 1.5em 0;
    font-weight: bold;
    color: #000;
}

.red {
    margin: 1.5em 0;
    font-weight: bold;
    color: #CC3300;
}

.blue {
    margin: 1.5em 0;
    font-weight: bold;
    color: #00B0F0;
}

.green {
    margin: 1.5em 0;
    font-weight: bold;
    color: #008B00;
}


.under {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #000;
}

.underred {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #D64809;
}
.underboldblue {
    margin: 1.5em 0;
    text-decoration: underline;
    font-weight: bold;
    color: #0000CD;
}
.underblue {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #0259A9;
}
.underpurple {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #7030A0;
}

.underbold {
    margin: 1.5em 0;
    text-decoration: underline;
    font-weight: bold;
    color: #000;
}

.underboldred {
    margin: 1.5em 0;
    text-decoration: underline;
    font-weight: bold;
    color: #FF0000;
}

.impact {
    margin: 1.5em 0;
    font-weight: bold;
    color: #333;
    background-color: #F7CBD4;
}