body  {
        margin:0px;
        padding:0px
}


/*ここからデザインの大枠部分
----------------------------------------------- */

.wrap {
        text-align: center;
}


#header{
       width: 780px ;
        height: 90px;
        margin: 0px;
        padding: 10px;
        border: 0px solid #B9AEA0;
        line-height: 130%;
        color: #444444;
        text-align: left;
        vertical-align: top;
        font-size: x-small;
        background-color: #B9AEA0;
        font-weight: normal;
}

#header2 {
        width:780px;
        height: 46px;
        margin: 0px;
        padding: 0px;
        border: 0px solid #cccccc;
	text-align: left;
	vertical-align: top;
        font-size: x-small;
        background-color: #cccccc;

}

.container {
        width: 780px;
        margin: 0px 0px 0px 0px;
        padding: 10px;
        border: 0px solid #F1EDE8;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: x-small;
        background-color: #F1EDE8;
        font-weight: normal;
}

#left-box {
        float : left; 
        width : 190px ; 
        margin: 0px 0px 0px 0px;
        border: 1px solid #F1EDE8;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: x-small;
        background-color: #F1EDE8;
        font-weight: normal;

}

#right-box {
        float : right ; 
        width : 560px ;
        margin: 0px 0px 0px 0px;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: x-small;
        background-color: #F1EDE8;
        font-weight: normal;
}

#top-leftbox{
        float : left ; 
        width : 370px ;
        margin: 10px 0px 0px 0px;
        border: 1px solid #F1EDE8;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: x-small;
        background-color: #F1EDE8;
        font-weight: normal;
}

#top-rightbox {
        float : right ; 
        width : 370px;
        margin: 10px 0px 0px 0px;
        border: 1px solid #F1EDE8;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: x-small;
        background-color: #F1EDE8;
        font-weight: normal;
}

#right-box-kasou {
        float : right ; 
        width : 560px ;
        margin: 10px 0px 0px 0px;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: x-small;
        background-color: #F1EDE8;
        font-weight: normal;
}

#left-box-kasou {
        float : left; 
        width : 190px ; 
        margin: 10px 0px 0px 0px;
        border: 1px solid #F1EDE8;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: x-small;
        background-color: #F1EDE8;
        font-weight: normal;

}

#footer {
        width: 780px;
        margin: 0px 0px 0px 0px;
        padding: 10px;
	text-align: right;
	vertical-align: top;
        font-size: x-small;
        font-weight: normal;
        color: #888888;
        background-image:url(http://www.free-rogo.com/image/004.gif)}

}

/*ここからＢＯＸデザインの部分
----------------------------------------------- */

.main-box{
        width: auto;
        margin: 0px 0px 0px 0px;
        padding: 10px;
        border: none;
	text-align: left;
	vertical-align: top;
        font-size: x-small;
        border: 1px solid #ffffff;
        background-color: #ffffff;
        font-weight: normal;
}

.side-box{
        width: 190px;
        margin: 0px 0px 10px 0px;
        padding: 10px;
        border: 1px solid #aaa888;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: x-small;
        background-color: #ffffff;
}

.card-box{
        width: 100% ;
        margin: 0px 0px 20px 0px;
        padding: 10px;
        border: 1px solid #cccccc;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: x-small;
        background-color: #ffffff;
}


.kakoi{
        width: 100%;
        margin: 15px 20px 15px 20px;
        padding: 10px;
        border: 1px solid #aaa888;
	line-height: 130%;
	color: #444444;
	text-align: left;
	vertical-align: top;
        font-size: x-small;
        background-color: #ffffef;
}

.example { clear: both; } 



/*ここからＨ１〜Ｈ６の部分
----------------------------------------------- */


h1 {  
       font-size: small;
       color: #000000;
       font-weight: normal;
       margin-top: 0px;
       margin-bottom: 0px;
	line-height: 130%;
}


h2 {  
        font-size: small;
        font-weight: bold;
　　　  text-align: left;
        margin: 0px;
}

h2.main {  
       background-image  : url(image/h1-rogo.gif);  
       background-repeat:  no-repeat;
       font-size: 27px ;
       color: #666600;
       font-weight: normal;
       padding: 10px 0px 6px 42px;   
       margin: 0px 0px 10px 0px;  
       line-height: 130%;
}


h2.side-bar {  
        color: #ffffff;
        font-size: x-small;
        font-weight: bold;
　　　  text-align: center;
        padding: 7px 0px 4px 0px;
        width: 190px;
        margin: 6px 0px 0px 0px;
        border: none;
	line-height: 130%;
        background-color: #006688;
}

.aaa {  
        font-size: small;
        font-weight: bold;
　　　  text-align: left;
        margin: 0px;
}


h3 {
        background-image  : url(image/h2.gif);  
        background-repeat:  no-repeat;
        font-size: nolmal;
        color: #000000;
        font-weight: bold;
        padding: 7px 0px 6px 20px;   
        margin: 20px 0px 15px 0px;  
        background-color: #cccccc;
	line-height: 130%;
}

h3.side-bar {  
        color: #ffffff;
        font-size: x-small;
        font-weight: bold;
　　　  text-align: center;
        padding: 8px 0px 4px 0px;
        width: 190px;
        margin: 6px 0px 0px 0px;
        border: none;
	line-height: 130%;
        background-color: #006688;
        background-image  : url(image/.gif);  
}

h3.simple {
        background-color: #F1EDE8;
        padding: 0px 0px 0px 0px;   
        margin: 0px 0px 0px 0px;  
        background-image  : none;  
}




h4 {
        color: #333333;
        font-size: small;
        font-weight: bold;
　　　  text-align: left;
        padding: 0px 0px 0px 0px;
        margin: 10px 0px 0px 0px;
	line-height: 130% ;
}


/*ここから目次の部分（ＵＬ、ＬＩ、ＯＬ）
----------------------------------------------- */

ul{
        margin: 10px 0px 10px 30px;
}

.side-box ul{
        margin: 10px 0px 0px 15px;
}

ul.mark-nasi{
        margin: 10px 0px 10px 0px;
        list-style:none;
}

dt{
        font-size: small;
        line-height: 150%;
        color: #ff6600;
        font-weight: bold;
}


/*ここからテキストの部分（Ｐタグなど）
----------------------------------------------- */

p {
        font-size: x-small;
        line-height: 150%;
        color: #444444;
        margin: 0px 0px 10px 0px;
}

p.nasi {
        font-size: x-small;
        line-height: 150%;
        color: #444444;
        margin: 0px 0px 0px 0px;
}


.aka {
	text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        font-weight: bold;
	color: #ff0000;
}

.ao {
	text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        font-weight: bold;
	color: #3300ff;
}

.ore {
	text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        font-weight: bold;
	color: #ff6600;
}

.kuro {
	text-align: left;
        font-weight: bold;
	color: #000000;
}

/*ここからリンクの部分（Ａタグ）
----------------------------------------------- */


a {
	text-decoration: underline;
	text-size: small;
        line-height:150%;
	}

a:link {
	color: #3300ff;
	}

a:visited {
	color: #3300ff;
	}

a:active {
	color: #ff0000;
	}

a:hover {
	color: #ff0000;
        position:relative; top:2px; left:2px;
	}

#footer a:link {
	color: #888888;
	}

#footer a:visited  {
	color: #888888;
	}

a:hover.nasi {
        position:relative; top:0px; left:0px;
	}

a.card-title {
	text-decoration: none;
        line-height:100%;
	color: #ffffff;
	}



/*ここからテーブルの部分（ｔａｂｌｅタグなど）
----------------------------------------------- */


table.card-main {
        width: auto; 
	padding: 10px;
	font-size: 13px;
	line-height: 130%;
        border: 1px solid #ffffff;
        background-color: #ffffff;
        color: #444444;
}

table.card-subu {
        width: auto; 
	font-size: 13px;
	line-height: 130%;

        background-color: #AACBEE;
        color: #444444;
}

.color1{
        background-color: #EBF3FB; 
	text-align: center;
	padding: 10px;
}

.color2{
        background-color: #ffffff; 
	text-align: left;
	padding: 10px;
}

.color3{
        background-color: #ffffff; 
	width: auto ;
	text-align: left;
	padding: 10px;
}

.color4{
        background-color: #EBF3dd; 
	width: auto ;
	text-align: center;
	padding: 10px;
}



/*ここから画像の部分（ＩＭＧタグ）
----------------------------------------------- */

img{

        border:none;
        margin:  0px 0px 0px 0px;
        padding:  0px 0px 0px 0px;

}