@charset "Shift_JIS";

/* ---------------------------------

JONAの概要

----------------------------------*/



/* メインナビゲーション */
div.outline_navi{
margin:0;
padding:0;
background:url(../img/outline_line.gif) no-repeat bottom;
width:524px;
height:48px;
margin-bottom:35px;
margin-left:auto;
margin-right:auto;
}
div.outline_navi ul{
margin:0;
padding:0;
list-style:none;
font-size:smaller;
}
div.outline_navi li{
margin:0;
padding:0;
float:left;
margin-left:auto;
margin-right:auto;
}
div.outline_navi li a{
margin:0;
padding:0;
display:block;
height:45px;
text-indent:-9999px;
margin-left:auto;
margin-right:auto;
float:left;
}
div.outline_navi li.outline01 a{
width:79px;
background:url(../img/outline01_out.gif);
}
div.outline_navi li.outline02 a{
width:121px;
background:url(../img/outline02_out.gif);
}
div.outline_navi li.outline03 a{
width:120px;
background:url(../img/outline03_out.gif);
}
div.outline_navi li.outline04 a{
width:91px;
background:url(../img/outline04_out.gif);
}
div.outline_navi li.outline05 a{
width:113px;
background:url(../img/outline05_out.gif);
}
div.outline_navi li.outline01 a:hover{
width:79px;
background:url(../img/outline01_over.gif);
}
div.outline_navi li.outline02 a:hover{
width:121px;
background:url(../img/outline02_over.gif);
}
div.outline_navi li.outline03 a:hover{
width:120px;
background:url(../img/outline03_over.gif);
}
div.outline_navi li.outline04 a:hover{
width:91px;
background:url(../img/outline04_over.gif);
}
div.outline_navi li.outline05 a:hover{
width:113px;
background:url(../img/outline05_over.gif);
}
div.outline_navi li.outline01_over{
width:79px;
height:45px;
background:url(../img/outline01_over.gif);
}
div.outline_navi li.outline02_over{
width:121px;
height:45px;
background:url(../img/outline02_over.gif);
}
div.outline_navi li.outline03_over{
background:url(../img/outline03_over.gif);
width:120px;
height:45px;
}
div.outline_navi li.outline04_over{
background:url(../img/outline04_over.gif);
width:91px;
height:45px;
}
div.outline_navi li.outline05_over{
background:url(../img/outline05_over.gif);
width:113px;
height:45px;
}
.outline01_img{
margin-bottom:30px;
}
.outline04_img{
float:right;
margin-left:10px;
}




/* NEXT BACK ナビゲーション */
div.outline_nextbacknavi{
clear:both;
height:30px;
margin-top:30px;
}
div.outline_nextbacknavi ul{
font-size:12px;
width:100%;
margin:0;
padding:0;
list-style:none;
}
div.outline_nextbacknavi li{
margin:0;
padding:0;
}
.back{
float:left;
}
.next{
float:right;
}
div.outline_nextbacknavi li.back a{
background:url(../img/arrow_back_gray.gif) no-repeat left center;
padding-left:16px;
color:#989887;
}
div.outline_nextbacknavi li.next a{
background:url(../img/arrow_next_gray.gif) no-repeat right center;
padding-right:16px;
color:#989887;
}
div.outline_nextbacknavi li.back a:hover{
background:url(../img/arrow_back_green.gif) no-repeat left center;
padding-left:16px;
color:#8DA653;
}
div.outline_nextbacknavi li.next a:hover{
background:url(../img/arrow_next_green.gif) no-repeat right center;
padding-right:16px;
color:#8DA653;
}
h1.outline01{
background:url(../img/outline_title2.gif) no-repeat bottom center;
width:524px;
height:40px;
text-indent:-9999px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
}
#outline01_content{
margin-bottom:20px;
text-align:left;
}
#outline01_content .day{
color:#B681BD;
font-weight:bold;
}
#outline01_content .title{
color:#4d4d4d;
margin-bottom:10px;
}
#outline01_content p{
padding:0;
margin:0;
}





/* 全体構文 */
.outline_title{
font-size:14px;
margin-bottom:4px;
font-weight:bold;
color:#8DA653;
padding-bottom:3px;
text-align:left;
}
.outline_title02{
font-size:14px;
font-weight:bold;
color:#8DA653;
padding-bottom:3px;
text-align:left;
}

.outline01_content01{
text-align:left;
margin-bottom:60px;
}
.outline01_img{
margin-bottom:30px;
}

.outline01_content02{
text-align:left;
margin-bottom:50px;
}
.outline02_img{
float:right;
margin-left:10px;
}
.outline03_img{
float:right;
margin-left:10px;
}


/* customized by T.Y.
----------------------------------*/
.outline01_ul{
text-align:left;
font-size:12px;
line-height:1.5em;
margin:10px;
padding:0;
letter-spacing: 0.04em; 
}




/*
p.history{
width:470px;
font-size:12px;
margin-top:20px;
margin-bottom:20px;
margin-left:20px;
line-height:2;
}
p.history02{
width:400px;
font-size:12px;
margin-top:-20px;
margin-left:76px;
line-height:2;
}*/