/*----Base css---*/
body{
     text-align: center;
     margin: 0 auto;
     background-color: #000000;
}

img{
     border: none;
}

a:link{ color: #000000;  text-decoration: underline; }
a:visited{ color: #000000;  text-decoration: underline; }
a:hover{ color: #FF9900;  text-decoration: underline; }

ul,li {
margin: 0;
padding: 0;
list-style: none;
}

#all_wrapp{
     width: 800px;
     margin: 0 auto;
     text-align: left;
}

#wrapp01 {
     background-color: #000000;
     background-image: url(../image/bg.gif);
     background-repeat: repeat-y;
}

#wrapp02 {
     background-color: #CAB944;
}

#wrapp03 {
     background-color: #939B2F;
     background-image: url(../image/bg02.gif);
     background: repeat-y;
}


/*----Header css---*/

#header h1 {
     width: 800px;
     height: 130px;
     background-color: #FFFFFF;
     background: url(../image/header.gif) no-repeat;
     margin: 0;
     padding: 0;
     text-indent: -9999px;
}

/*----Navi css---*/

#header ul {
     width: 850px; 
     height: 30px; 
     margin: 0; 
     vertical-align: top;
}

#header li {
     margin: 0; 
     padding: 0; 
     float: left;
     margin-right: 1px; 
}

#header li a {
     height: 30px; 
     display: block;
     margin-right: 1px; 
     padding: 0; 
     text-indent: -9999px;
}


#header li.navi01 a {
	 width:103px;
     height: 30px; 
     background: url(../image/navi01.gif) no-repeat;
     padding: 0; 
     margin: 0;
}

#header li.navi02 a {
     width: 115px;
	 width:139px;
     height: 30px; 
     background: url(../image/navi02.gif) no-repeat;
     padding: 0; 
     margin: 0;
}

#header li.navi03 a {
     width: 115px; 
     height: 30px; 
     background: url(../image/navi03.gif) no-repeat;
     padding: 0; 
     margin: 0;
}

#header li.navi04 a {
     width: 115px; 
     height: 30px; 
     background: url(../image/navi04.gif) no-repeat;
     padding: 0; 
     margin: 0;
}

#header li.navi05 a {
     width: 225px; 
     height: 30px; 
     background: url(../image/navi05.gif) no-repeat;
     padding: 0; 
     margin: 0;
}

#header li.navi06 a {
     width: 98px; 
     height: 30px; 
     background: url(../image/navi06.gif) no-repeat;
     padding: 0; 
     margin: 0;
}

#header li.navi01 a:hover {
     width: 103px; 
     height: 30px; 
     background: url(../image/navi01_o.gif) no-repeat;
     text-decoration: none; 
}

#header li.navi02 a:hover {
     width: 139px; 
     height: 30px; 
     background: url(../image/navi02_o.gif) no-repeat;
}

#header li.navi03 a:hover {
     width: 115px; 
     height: 30px; 
     background: url(../image/navi03_o.gif) no-repeat;
}

#header li.navi04 a:hover {
     width: 115px; 
     height: 30px; 
     background: url(../image/navi04_o.gif) no-repeat;
}

#header li.navi05 a:hover {
     width: 225px; 
     height: 30px; 
     background: url(../image/navi05_o.gif) no-repeat;
}

#header li.navi06 a:hover {
     width: 98px; 
     height: 30px; 
     background: url(../image/navi06_o.gif) no-repeat;
}

/*----contents css---*/

#introduction {
     clear:both; 
     margin: 0;
     padding: 0;
}
#introduction h2{
     width: 800px; 
     height: 30px;     
     margin: 0;
     padding: 0;
     text-indent: -9999px;
     background-color: #000000;
     background-image: url(../image/introduction.jpg);
     background-repeat: no-repeat;
}

#introduction_text{
     width:760px;
     height:80px;
     margin: 0;
     padding: 10px 20px;
     background-color:#D2C562;
     background-image: url(../image/introduction_text.gif);
     background-repeat: no-repeat;
}

#introduction_text p {
     margin: 0px; 
     padding:0;
     font-size: 13px; 
     line-height: 1.3em; 
}


#container{
     width:800px;
     /*height:568px;*/
     margin-top: 10px;
     padding: 0;
     background-color: #D2C562;
/*     background-image: url(../image/makimono.jpg);
     background-repeat: no-repeat;*/
	 background:url(../image/makimono_mid.jpg) repeat-y;
}

#inner_top{
	width:800px;
	height:23px;
	background:url(../image/makimono02_top.jpg) no-repeat;
}
#inner_bot{
	width:800px;
	height:32px;
	background:url(../image/makimono02_bot.jpg) no-repeat;	
}

#inner {
     width: 675px;
     /*height: 568px;*/
     margin: 0px 11px 10px 109px;
	 
     /*padding-top: 5px;*/
}

#flow{
     margin-top: 20px;
     padding: 0;
}

#flow h3 {
     width: 675px;
     height: 80px;
     margin: 0;
     padding: 0;
     text-indent: -9999px; 
     background-color: #FFFFFF;
     background-image: url(../image/flow.gif);
     background-repeat: no-repeat;
}

#point{
     width: 675px;
     /*height: 415px;*/
     margin-top: 10px;
     padding: 0;
     text-indent: -9999px; 
     background-color: #FFFFFF;
     background-image: url(../image/point.gif);
     background-repeat: no-repeat;
}

#point h3{
     margin: 0;
     padding: 0;
}

#footerlink{
     text-align: center;
     width: 800px; 
     height: 50px; 
     font-size: 11px; 
     text-align: left;
     margin: 0;
     padding: 0;
     background-color: #D2C562;
     display: block; 
     overflow: hidden; 
}

#footerlink ul {
     margin: 0 0 0 10px;
     padding: 0;
}

#footerlink li {
     list-style: none; 
}

#link01 {
     display: block; 
     float: left; 
     margin-right: 10px; 
     padding-top: 5px; 
}

#link02 {
     display: block; 
     float: left; 
     margin-right: 10px; 
     padding-top: 5px; 
}

#link03 {
     display: block; 
     float: left; 
     margin-right: 10px; 
     padding-top: 5px; 
}

#link04 {
     display: block; 
     float: left; 
     margin-right: 10px; 
     padding-top: 5px; 
}


#link05 {
     display: block; 
     float: left; 
     margin-right: 10px; 
     padding-top: 5px; 
}

#link06 {
     display: block; 
     float: left; 
     margin-right: 10px; 
     padding-top: 5px; 
}

#link07 {
     display: block; 
     float: left; 
     padding-top: 5px; 
}

#next{
     display: block; 
     width: 94px; 
     height: 36px; 
     float: right; 
     padding: 0; 
     margin-right: 10px;
     background-color: #D2C562;
     text-indent: -9999px; 
     background-image: url(../image/next_bt.gif); 
     background-repeat: no-repeat; 
}

.marg15{
	margin:15px;
	font-size:12px;
}


.futoji{
	font-weight:bold;
	color:#630;
}

/*---- Footer css ----*/

#footer h3{
     clear:both; 
     margin: 0;
     padding: 0;
     width: 800px;
     height: 37px;
     text-indent: -9999px;
     overflow: hidden;
     background-color: #FFFFFF;
     background-image: url(../image/footer.jpg);
     background-repeat: no-repeat;
}