@charset "UTF-8";

/* 全体構造
---------------------------------------------------- */




/*スケジュール
---------------------------------------------------- */


#spacer2 {
margin:0 auto;
width:800px;
height: 70px;
background: url(../images/space2.gif) no-repeat;
text-indent: -9999px;
}



/*サイドナビ
---------------------------------------------------- */


#side_navi{
float:left;
width:167px;

margin: 10px 0 0px 0;
}

#navi_l01 {
float:left;
width:167px;
height: 450px;
margin:0;
text-align:left;
background: url(../order/images/side_navi.gif) no-repeat;

}

#navi_l01 ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}

#navi_l01 li {
	margin: 0;
	padding: 0;
 height: 45px;
	text-indent: -9999px;
	position:absolute;
}
#navi_l01 li a,#navi_l01 strong {

  text-decoration: none;	
  display: block;
 height: 45px;
}


#navi_l01 li#sb01 {
 left:0;
 top:0px;
width:167px;
}

#navi_l01 li#sb02 {
 left:0;
 top:45px;
width:167px;
}
#navi_l01 li#sb03 {
 left:0;
 top:90px;
width:167px;
}
#navi_l01 li#sb04 {
 left:0;
 top:135px;
width:167px;
}
#navi_l01 li#sb05 {
 left:0;
 top:180px;
width:167px;
}
#navi_l01 li#sb06 {
 left:0;
 top:225px;
width:167px;
}

#navi_l01 li#sb07 {
 left:0;
 top:270px;
width:167px;
}

#navi_l01 li#sb08 {
 left:0;
 top:315px;
width:167px;
}

#navi_l01 li#sb09 {
 left:0;
 top:360px;
width:167px;
}

#navi_l01 li#sb10 {
 left:0;
 top:405px;
width:167px;
}

#navi_l01 li#sb01 a:hover {
background: url(../order/images/side_navi.gif) -167px 0px;
}
#navi_l01 li#sb01 strong {
background: url(../order/images/side_navi.gif) -334px 0px;
}

#navi_l01 li#sb02 a:hover {
background: url(../order/images/side_navi.gif) -167px -45px;
}
#navi_l01 li#sb02 strong {
background: url(../order/images/side_navi.gif) -334px -45px;
}

#navi_l01 li#sb03 a:hover {
background: url(../order/images/side_navi.gif) -167px -90px;
}
#navi_l01 li#sb03 strong {
background: url(../order/images/side_navi.gif) -334px -90px;
}

#navi_l01 li#sb04 a:hover {
background: url(../order/images/side_navi.gif) -167px -135px;
}
#navi_l01 li#sb04 strong {
background: url(../order/images/side_navi.gif) -334px -135px;
}

#navi_l01 li#sb05 a:hover {
background: url(../order/images/side_navi.gif) -167px -180px;
}
#navi_l01 li#sb05 strong {
background: url(../order/images/side_navi.gif) -334px -180px;
}

#navi_l01 li#sb06 a:hover {
background: url(../order/images/side_navi.gif) -167px -225px;
}
#navi_l01 li#sb06 strong {
background: url(../order/images/side_navi.gif) -334px -225px;
}

#navi_l01 li#sb07 a:hover {
background: url(../order/images/side_navi.gif) -167px -270px;
}
#navi_l01 li#sb07 strong {
background: url(../order/images/side_navi.gif) -334px -270px;
}

#navi_l01 li#sb08 a:hover {
background: url(../order/images/side_navi.gif) -167px -315px;
}
#navi_l01 li#sb08 strong {
background: url(../order/images/side_navi.gif) -334px -315px;
}

#navi_l01 li#sb09 a:hover {
background: url(../order/images/side_navi.gif) -167px -360px;
}
#navi_l01 li#sb09 strong {
background: url(../order/images/side_navi.gif) -334px -360px;
}

#navi_l01 li#sb10 a:hover {
background: url(../order/images/side_navi.gif) -167px -405px;
}
#navi_l01 li#sb10 strong {
background: url(../order/images/side_navi.gif) -334px -405px;
}


/*ボディ要素
---------------------------------------------------- */

#con_l02{
float:right;
width:596px;
text-align:left;
background: url(../order/images/bace.jpg) repeat-y;

}




.sa_l{
clear:both;
float:left;
width:366px;
height:300px;
text-align:left;
margin: 0 0 0px 0;
}

.sa_r{
float:right;
width:183px;
height:300px;
text-align:left;
margin: 0 0 0px 0;
}


.sa_l01{
float:left;
width:130px;
height:168px;
text-align:left;
margin: 0 10px 0px 0;
}

.sa_l02{
float:left;
width:130px;
height:168px;
text-align:left;
margin: 0 10px 0px 0;
}

.sa_l03{
float:left;
width:130px;
height:168px;
text-align:left;
margin: 0 10px 0px 0;
}

.sa_l04{
float:left;
width:130px;
height:168px;
text-align:left;
margin: 0 0 0px 0;
}

.sa_l05{
float:right;
width:271px;
height:168px;

margin: 0 0 0px 0;
}






#head_s{
width:596px;
height:270px;
text-align:left;
text-indent: -9999px;
background: url(../sample/images/s_top.jpg) no-repeat;
}


#sa_c01{
width:337px;
height:23px;
text-align:left;
text-indent: -9999px;
background: url(../sample/images/sa_c01.gif) no-repeat;
}

#sa_t01{
float:left;
width:167px;
text-align:left;
margin: 0 0 30px 0;
}

#sa_t01 p{
font-size:0.8em;
letter-spacing:1px;
color:#666666;
line-height: 1.5em;
margin:10px 0 0px 0;
text-indent:0px;
}

#sa_t {
width:164px;
height:35px;
background: url(../sample/images/t_news.gif) no-repeat;
text-indent: -9999px;
}

#b_logo {
width:164px;
height:253px;
background: url(../sample/images/b_logo.jpg) no-repeat;
text-indent: -9999px;
}










#foot_s {
line-height:100%;
clear:both;
width:596px;
height:84px;
text-indent: -9999px;
background: url(../sample/images/s_foot.jpg) no-repeat;
}





#con_l03 {
width:556px;
margin: 0px 0px 0px 20px;
}
 

#con_l03 p {
letter-spacing:1px;
color:#000000;
line-height: 1.5em;
text-indent:0px;
}



#con_l03 a:link {
  color: #333333;
  background: transparent;
  text-decoration: none;
}
#con_l03 a:visited {
 color: #333333;
  background: transparent;
  text-decoration: none;
}
#con_l03 a:hover, a:active {
 color: #FF4400;
  background: transparent;
text-decoration: underline;
}



#con_l03 h4 {
font-size:1em;
letter-spacing:0.8px;
font-weight:bold;
color:#0A4268;
line-height: 1em;
margin:10px 0 8px 0;
text-indent:8px;
background: url(../order/images/tate.gif) no-repeat 0 2px;
background-position: left center;
}




#ca0 {
width:250px;
height:15px;
text-indent: -9999px;
margin:0px 0 10px 0;
background: url(../order/images/c0.gif) no-repeat;
}

#fla_h {
float:left;
width:256px;
height:240px;
text-indent: -9999px;
margin: 15px 0px 0px 0px;
 background: url(../order/images/fla_img.jpg) no-repeat;
 }
 
#logo2 {
width:156px;
height:31px;
text-indent: -9999px;
margin: 0px 0px 0px 0px;
 background: url(../sample/images/t_bn.gif) no-repeat;
 }
 
 #logo3 {
width:157px;
height:75px;
text-indent: -9999px;
margin: 0px 0px 0px 0px;
 background: url(../sample/images/logologo.gif) no-repeat;
 }
#raku {
width:143px;
height:38px;
text-indent: -9999px;
margin: 10px 0px 0px 0px;
 background: url(../sample/images/e.gif) no-repeat;
 }