@charset"shift_jis";

html { 
overflow-y: scroll;
} 

body { 
font-family: "ƒqƒ‰ƒMƒmŠpƒSPro W3", "MS PƒSƒVƒbƒN", sans-serif;
background-color: #0F4A33;
margin: 0px auto;
_text-align: center;
overflow: auto;
}

a { text-decoration: none; }
img { border: none; }

/********************** Header ***************************/
#header { 
width: 764px; height: 174px;
margin: 0px auto;
padding: 103px 0px 0px 186px;
background: url(../images/index1-1.jpg) #ffffff top no-repeat;
_width: 950px; _height: 278px;
 }

.click { position: relative; top: 20px; left: 15px; }

/********************** wrapper ***************************/
#wrapper { width: 950px; height: auto; margin: 0px auto; display:block; }
#wrapper-inner { float: right; width: 763px; height: auto; }

/********************** navi ***************************/
#navi {
display:inline-block;
float: left;
vertical-align:top;
width: 143px; height: 322px;
padding: 35px 22px 0px 22px;
_width: 187px;
 }
#navi img { }

.box { position: fixed; widht: 143px; height: 322px; }

#navi span {
display: block;
width: 143px; height: 47px;
padding: 0px 0px 0px 0px;
background: url(../images/navi/ds2.png) 100% 100%;
margin-bottom: 17px;
}

/********************** center ***************************/
.title01 { margin-top: 20px; }
.title02 { margin-bottom: 20px; }
.title03 { margin-bottom: 5px; }

.ac-h2-01 { margin: 10px 0px 15px 0px; }
.ac-h2-02 { margin: 15px 0px 15px 0px; }

/********************** main ***************************/
#main { 
width: 532px; height: auto;
padding: 35px 10px 0px 20px;
float: left;
_width: 562px;
 }

#main span {
display: block;
width: 532px; height: 90px;
padding: 0px 0px 0px 0px;
background: url(../images/main/ds1.png) 100% 100%;
margin-bottom: 16px;
}

/********************** access ***************************/
#access {
width: 532px; height: auto;
padding: 35px 10px 0px 20px;
float: left;
line-height: 1.0;
_width: 562px;
 }


#access .acc-table1 { margin: 0px; color: #ffffff; font-size: 15px; }
#access .acc-table1 td { padding: 6px 0px 6px 0px; height: 50px; vertical-align: middle; text-align: left; }
#access .acc-table1 img { width: 50px; height: 50px; }
#access .acc-table1 p { padding: 0px 0px 0px 5px; }


#access .acc-table2 { color: #ffffff; font-size: 15px; }
#access .acc-table2 td { height: 25px; vertical-align: top; }

#access .acc-table3 { color: #ffffff; font-size: 15px; }
#access .acc-table3 td { vertical-align: top; }
#access .td04 { padding-left: 50px; padding-top: 10px;}

#access h2 { border-bottom: solid 1px #ffffff; width: 505px; height: 22px; padding-left: 5px; font-size: 15px; font-weight: 500; color: #ffffff; }


#access .iframe { border: solid 2px #016D16; width: 320px; height: 250px; }
#access .small { font-size: 15px; }

#access h1 { border-bottom: double 4px red; width: 510px; height: 22px; font-size: 18px; color: #ffffff; margin-bottom: 15px; }
#access .f-size01 { font-size: 15px; font-weight: 500; }

/********************** ask ***************************/
#ask {
width: 532px; height: auto;
padding: 28px 10px 0px 20px;
float: left;
_width: 562px;
 }

#ask .table03 td { padding-bottom: 10px; line-height: 1.4; font-size: 15px; color: #ffffff; }
#ask .ff01 { vertical-align: middle; padding-right: 5px; }
#ask .asktd01 { padding-left: 15px; }
#ask .asktd02 { padding-right: 5px; }

/********************** company ***************************/
#company { 
width: 532px; height: auto;
padding: 28px 10px 0px 20px;
float: left;
_width: 562px;
line-height: 1.0;
 }

#company table { margin: 10px 0px 0px 10px; }
#company table td { height: 40px; color: #ffffff; font-size: 15px; text-align: left; vertical-align: top;}
#company .td5 { width: 80px; }
#company .td6 { width: 10px;padding-right: 15px; }

#company h2 { border-bottom: solid 1px #ffffff; width: 505px; height: 22px; padding-left: 5px; font-size: 15px; font-weight: 500; color: #ffffff; }

/********************** photo ***************************/
#photo01 {
width: 721px; height: auto;
float: right; 
padding: 35px 22px 0px 20px;
_width: 763px;
 }
#photo01 table { width: auto; height: auto; }
#photo01 table td { text-align: left; padding: 20px 30px 0px 35px; }
#photo01 table p { color: #ffffff; font-size: 10pt;line-height: 1.4; padding-top: 3px; }
#photo01 img {  }

#photo01 .none	{ display: none; }

/********************** access ***************************/
#syouhin {
width: 721px; height: auto;
float: right; 
padding: 35px 22px 0px 20px;
_width: 763px;
 }

#syouhin h2 { margin-top: 10px; border-bottom: solid 1px #ffffff; width: 695px; height: 22px; font-size: 15px; font-weight: 500; color: #ffffff; padding-left: 5px; }

#syouhin .pc1 {
padding: 20px 0px 5px 40px;
font-size: 15px; color: #ffffff;
line-height: 1.5;
 }

/********************** line-up ***************************/
#line-up { 
width: 160px; height: auto;
float: right;
padding: 25px 7px 0px 34px;
_width: 201px;
overflow: hidden;
 }
#line-up p { overflow-x: hidden; overflow-y: scroll; width:150px; margin: 10px 0px 0px 0px; padding: 0px; }
#line-up p img { margin-bottom: 11px; width: 120px; height: 90px; }
#line-up .none { display: none; }

#line-up01 { 
width: 160px; height: 310px;
float: right;
padding: 25px 7px 0px 34px;
_width: 201px;
overflow: hidden;
 }
#line-up01 p { overflow-x: hidden; overflow-y: scroll; height: 300px; width:150px; margin: 10px 0px 0px 0px; padding: 0px; }
#line-up01 p img { margin-bottom: 11px; width: 120px; height: 90px; }
#line-up01 .none { display: none; }

#line-up02 { 
width: 160px; height: 535px;
float: right;
padding: 25px 7px 0px 34px;
_width: 201px;
overflow: hidden;
 }
#line-up02 p { overflow-x: hidden; overflow-y: scroll; height: 500px; width:150px; margin: 10px 0px 0px 0px; padding: 0px; }
#line-up02 p img { margin-bottom: 11px; width: 120px; height: 90px; }
#line-up02 .none { display: none; }

#line-up03 { 
width: 160px; height: 635px;
float: right;
padding: 25px 7px 0px 34px;
_width: 201px;
overflow: hidden;
 }
#line-up03 p { overflow-x: hidden; overflow-y: scroll; height: 600px; width:150px; margin: 10px 0px 0px 0px; padding: 0px; }
#line-up03 p img { margin-bottom: 11px; width: 120px; height: 90px; }
#line-up03 .none { display: none; }

.box2 { position: fixed; width: 160px; }
.box02 { width: 160px; }


.material { margin: 5px 0px 0px 0px; padding: 0px; }
/********************** footer ***************************/
#footer { 
clear: both;
width: 950px; height: 25px;
margin: 0px auto;
padding: 10px 0px;
 }
#footer p { font-size: 12px; text-align: right; color: #ffffff; line-height: 1.0; padding-right: 20px; }

/********************** class etc... ***************************/
.otoiawase1 { margin-left: 50px; }
.otoiawase2 { margin-left: 150px; }

.images-shadow1 { 
display: block;
width: 532px; height: 90px;
padding: 0px 0px 0px 0px;
background: url(../images/main/ds1.png) 100% 100%;
margin-bottom: 15px;
 }

.images-shadow2 {
display: block;
width: 712px; height: 90px;
padding: 0px 0px 0px 0px;
background: url(../images/main/2-2ds.png) 100% 100%;
margin-bottom: 15px;
}