@charset "utf-8";

body,div,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,th,td { 
    margin:0;
    padding:0;
}

body{
    font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 80%;
    color: #333;
    text-align: center;
    background-color: #CCC;
    background-repeat: repeat;
    background-image: url(../images/common/body_bg.gif);
}

/* 全体の分け方 */
  
div#container {
    width : 762px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom:10px;
    margin-top:10px;
    text-align: left;
    border:solid 1px #CCC;
    background-color: #FFF;
    background-repeat: no-repeat;
}  

div#head {
    width: 760px;
    height: 180px;


}  




div#blank{width:700px;
height:400px;}


div#head h1{
    font-size:110%;
    margin-top: 0px;

}  

div#titleImg {
    width: 760px;
    height:160px;
    clear:both;
    margin-top: 15px;
}  

div#toPtitleImg {
    width: 760px;
    height:230px;
    clear:both;
    margin-top: 15px;
}  



div#main {
    width: 760px;
    margin-top: 5px;
	margin-bottom: 5px;
    background-color: #FFF;
}  

div#LInner {
    width: 377px;
    margin-top: 5px;
    float:left;
}  

div#RInner {
    width: 581px;
    margin-top: 14px;
    float:right;
    text-align: left;
    background-image: url(../images/grad_img/foot_gra_grey_bottom.png);
    background-repeat: repeat-x;
    background-position: bottom;
}  


div#top_appeal{
    width: 360px;
    height:60px;
    margin-top: 5px;
    margin-right:auto;
    margin-left:auto;
    background-image: url(../img/body_img/grad_img/gra_blue_top.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}  

div#renew{
    width: 340px;
    height:100px;
    margin-top: 5px;
    margin-right:auto;
    margin-left:auto;
    overflow:auto;

}  

dl.renew dt{font-size:70%;
color:#999;}

dl.renew dd{font-size:100%;
color:#999;}


div#toPInner {
    width: 580px;
    float:right;
    margin-bottom:10px;
    border: 1px dotted #CCC;
    background-image: url(../images/grad_img/foot_gra_grey_bottom.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

div#toPInner p {
    background-color:#FFF;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 5px;
}


div#BotInner {
    width: 500px;
    margin-top: 5px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:10px;
    border: 1px dotted #CCC;
    background-image: url(../images/course/home_orange.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
	
}


div#InnerForm {
    width: 700px;
    margin-top: 5px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:10px;
}  

div#InnerForm form{font-size:90%;}
form li{padding:5px;}

div#toPInner img{
    padding:5px;
}  



div#toPInnerMap {
    width: 700px;
    margin-top: 5px;
    margin-right:auto;
    margin-left:auto;
    text-align:left;
    margin-bottom:15px;
}  


div#toPInner table{width: 100%;
table-layout: fixed;
border-collapse:collapse;
border:solid 1px #CCC;
}
div#toPInner td{
    padding: 5px;
    font-size:100%;
    border:solid 1px #CCC;
}

div#toPInner th{
    color:#333;
    font-size:105%;
    padding-top:7px;
    text-align:center;
    border:solid 1px #CCC;
    font-weight:normal;
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #F00;
}
    
div#toPInner caption{
    font-size:120%;
    margin-top:10px;
    padding:5px 0;
    color:#F00;
    background:url(../img/body_img/grad_img/gra_pin_small.gif) repeat-x;    
}

/*application*/

div#RInner table{width: 100%;
table-layout: fixed;
border-collapse:collapse;
border:solid 1px #CCC;
}
div#RInner td{
    padding: 5px;
    font-size:100%;
    border:solid 1px #CCC;
}

div#RInner th{
    color:#333;
    font-size:105%;
    padding-top:7px;
    text-align:center;
    border:solid 1px #CCC;
    font-weight:normal;
    background-image: url(../images/grad_img/h2_blue.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}
    
div#RInner caption{
    font-size:120%;
    margin-top:10px;
    padding:5px 0;
    color:#F00;
    background:url(../img/body_img/grad_img/gra_pin_small.gif) repeat-x;    
}




div#navi {
    width: 170px;
    float:left;
    text-align:center;
    background-color: #FFF;

}  

div#navi li{
	width:150px;
    margin-left:6px;
 


}

div#navi ul{
	width:150px;
    margin-top:16px;
 


}


div#navi a{
    font-size:90%;
    width: 150px;
    height:27px;
    display:block;
    border:solid 1px #CCC;
    text-align:left;
    padding-left:6px;
    font-weight: bolder;
}  




div#foot {
    width: 760px;
    height:30px;
    clear: both;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    border-top: solid 1px #ccc;
    background-color:#FFF;
    background-image: url(../images/grad_img/foot_gra_grey_bottom.png);
    background-repeat: repeat-x;
    background-position: bottom;
}  

div#foot img{  
float:left;
padding-left:5px;
padding-right:15px;
}  
/* クラス専用*/

    
img.Rimg {
    float:right;
    margin:12px;
    
}
    
img.Limg {
    float:left;
    margin:12px;
    
}
.aLLclear{
	clear:both;}

table.center td{text-align:center;}

/* テキスト装飾*/


p,li,dt,dl { line-height: 1.6;

}


dl.history dt{
    font-size:90%;
    color:#333;
    }
    
dl.bold dt{
    font-size:90%;
    color:#F00;
    font-weight:bold;
    }
dl.bold2 dt{
    font-size:90%;
    color:#009;
    font-weight:normal;
    }
dl.bold2 dd{
    margin-bottom:15px;
    }


blockquote{
    background-color:#FFF;
    border:dotted 1px #999;
}

dl.history dd{
    font-size:90%;
    color:#333;
    margin-bottom:5px;
    border-bottom:solid 1px #999;}
    

.textSpace{padding:5px;}

.colMark {color:#F30;}
.app_text {color:#F30;
font-size:120%;
font-weight:bold;}


li { list-style-type :none;
font-size:105%;
}
ol.appli li{
    list-style:decimal;
}



div#RInner li {
    list-style-type :decimal;
    font-size:100%;
    margin-left: 35px;
    margin-right: 20px;
}

div#RInner ul {
    list-style-type :none;
    margin-bottom: 20px;
     margin-top: 15px;}



div#main dl {
    list-style-type :none;
    font-size:105%;
    margin-left: 5px;}






h1{
    font-size:120%;
    font-weight:bold;
    margin:5px;
    padding-left:3px;
    padding-bottom:3px;
    color: #666;
    background-image: url(../images/grad_img/foot_gra_grey.png);
    background-repeat: repeat-x;
    background-position: left;
}


h2{
    font-size:130%;
    padding-left:4px;
    padding-bottom:0px;
    margin:15px 5px;
    color: #333;
    background-image: url(../images/grad_img/h2_blue.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}


h3{
    font-size:105%;
    color:#F30;
    font-style:normal;
    font-weight:bolder;
    padding-left:4px;
    padding-bottom:3px;
    margin:5px;
}

p{    padding-left:6px;
    padding-bottom:3px;
}
 
h4{
    color:#00C;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    margin-bottom:15px;
    margin-top:5px;
    line-height: 1.6;
    margin-left: 15px;
} 

img {border: 0;


}


address {
    font-style:normal;
    font-size: 80%;
}  



/*  ナビリンク  */ 

 
 
 
#navi a:link {
    color:#333;
    text-decoration:none;
    background-image: url(../images/grad_img/foot_gra_grey_bottom.png);
    background-position: left;
    background-repeat: repeat-x;
}  
#navi a:visited {
    color:#333;
    text-decoration:none;
    background-image: url(../images/grad_img/foot_gra_grey_bottom.png);
    background-position: center;
}  
#navi a:hover {
    color:#333;
    text-decoration:none;
    background-image: url(../images/common/gra_navi_roll.png);
}  
#navi a:active {  
    color:#666;  
}  

/*  リンク  */ 

 
a{
    color:#03F;
    text-decoration:none;
}  


a:link {
    color:#03F;
    text-decoration:none;
}  
a:visited {
    color:#03F;
    text-decoration:none;
}  
a:hover {  
    text-decoration:underline;  
}  
a:active {
    color:#999;
}  

.pictmargin {margin:10px;}

hr{  /* 線の幅 */
height: 0px;  /* <hr>の実線を消す */
border: 0px;  /* borderを一旦リセットする（基本設定でしていれば不要）*/
border-top:solid 1px #CCC;  /* 線の太さ　線の種類　線の色 */

}