@media screen and (min-width: 641px) {
#mainArea_top {
width:807px;
margin: 0 auto 0 auto;
}

.pan_iti {
margin: 0px 0px 0px 10px;	
padding: 0px 0px 0px 0px;	
}

.image_base {
margin: 0px 0px 0px 0px;	
padding: 0px 0px 0px 0px;
text-align: center;	
}

.image_space {
margin: 0px 0px 0px 0px;	
padding: 40px 0px 0px 0px;	
}

.under_menu1 {
margin: 0px 0px 0px 0px;	
padding: 30px 0px 0px 0px;	
}



/* satei menu*/
#satei_bo {
width: 525px;
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
background-color: red;
}

#order_bo a{
display:block;
text-align:center;
width:525px;
height: 85px;
margin:20px auto 30px;
text-indent:-9999px;
background: url(../img/satei_toi_s01.png) center top no-repeat ;

}

#order_bo a:hover{
background: url(../img/satei_toi_s01_on.png) center top no-repeat ;
}


#nagare_bo {
width: 650px;
margin: 0 auto 0 auto;
padding: 0px 0px 10px 0px;
}

#nagare_bo a{
display:block;
width:650px;
height: 40px;
color:#FFFFFF;
font-size: 22px;
font-weight: bold;
text-decoration:none;
text-align:center;
margin: 40px auto 0px auto;
padding: 20px 0px 5px 0px;
background:#06C;
text-decoration: none;
}

#nagare_bo a:hover{
color: #FFFFFF;
background:#06F;
text-decoration: none;
}

#h3_box {
width:737px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;	
}
#h3_box h3{
width:780px;
height: 58px;	
margin: 0px auto 0px auto;
padding:19px 0px 0px 35px;
background: url(../img/h3k_002.png) center top no-repeat ;
background-position: 0px 0px; 
font-size: 150%;
color:#592f1a;
font-weight: bold;
clear:both;
text-align: left;
}

#h3_box p{	
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
font-size: 100%;
text-align: left;
line-height: 24px;
clear:both;
}

#h4_box {
margin: 0px 0px 0px 0px;	
padding: 0px 0px 0px 0px;	
}
#h4_box h4{
width:780px;
height: 58px;	
margin: 0px auto 0px auto;
padding: 17px 0px 0px 35px;
background: url(../img/h4k_001.jpg) center top no-repeat ;
background-position: 0px 0px; 
font-size: 150%;
color:#FF4500;
font-weight: bold;
clear:both;
text-align: left;
}

#h4_box p{	
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
font-size: 120%;
text-align: left;
color:#696969;
line-height: 24px;
clear:both;
}

#h5_box {
margin: 0px 0px 0px 0px;	
padding: 0px 0px 0px 0px;	
}
#h5_box h5{
width:780px;
margin: 0px 0px 15px 0px;	
padding: 10px 0px 5px 0px;
font-size: 120%;
font-weight: bold;
clear:both;
text-align: left;
border-bottom: 1px dotted #696969;
}

#h5_box p{	
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
font-size: 120%;
text-align: left;
color:#696969;
line-height: 24px;
clear:both;
}

#saxbox {
width:727px;
margin: 20px auto 0px auto;
padding:5px 5px;
background-color:  #F5F5F5 ;
border: 1px solid #C0C0C0 ;
}
#saxbox .line_text{
margin:0px 0px 0px 0px;
padding:10px 0px 10px 15px;
font-size: 121%;
border-bottom: 1px dotted #C0C0C0;
text-align:left;
font-weight: bold;
}
#saxbox p{	
margin: 0px 0px 0px 0px;
padding: 15px 0px 10px 10px;
font-size: 100%;
text-align: left;
line-height: 24px;
clear:both;
}

.base_ text{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 24px;
text-align: left;
color:red;
line-height: 24px;
clear:both;
}


.base_p p{
width:727px;	
margin: 0px 0px 0px 0px;
padding: 5px 5px;
font-size: 120%;
text-align: left;
line-height: 24px;
clear:both;
}
.base_p p{	
margin: 0px 0px 0px 0px;
padding: 15px 0px 10px 5px;
font-size: 100%;
text-align: left;
line-height: 24px;
clear:both;
}

.blue_textbox {	
margin: 0px 0px 0px 0px;
padding: 30px 0px 30px 50px;
font-size: 100%;
color: red ;
text-align: left;
color: #4682B4 ;
line-height: 24px;
clear:both;
}



.text_link{	
margin: 30px 0px 30px 0px;
padding: 0px 0px 0px 15px;
text-align: left;
}

.text_link_bold{	
margin: 50px 0px 30px 0px;
padding: 0px 0px 0px 30px;
text-align: left;
font-weight: bold;
font-size: 150%;
}



table td.td_head2 {
background-color: #DCDCDC;
text-align: center;
vertical-align:middle;
white-space: nowrap;
color: #656565;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #C0C0C0;
border-right-color: #C0C0C0;
border-bottom-color: #C0C0C0;
border-left-color: #C0C0C0;
font-size: 95%;
font-weight: bold;
background-image: url(img/td_head.gif);
background-repeat: repeat-x;
padding: 0px 8px;
line-height: 22px;	
}
table td.td_odd2 {
	background-color: #FFFFFF;
	text-align: left;
		vertical-align:middle;
padding: 4px;
border: 2px solid #C0C0C0;
border-right-width: 2px;
border-right-color: #C0C0C0;
font-size: 95%;
background-image: url(img/td_odd.gif);
background-repeat: repeat-x;
line-height: 19px;	
padding: 0px 8px;
}

.space{
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.space2{
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.img_right {float:right; padding-left:15px; padding-bottom:20px;}


}


@media screen and (max-width: 640px) {
#mainArea_top {
width:auto !important;
margin: 0 auto 0 auto;
padding:0 10px;
}

.pan_iti {
margin: 0px 0px 0px 10px;	
padding: 0px 0px 0px 0px;	
}

.sp .image_base img {
	width: 90%;
	margin: 0 5%;
}

.image_space {
margin: 0px 0px 0px 0px;	
padding: 40px 0px 0px 0px;	
}

.under_menu1 {
margin: 0px 0px 0px 0px;	
padding: 30px 0px 0px 0px;	
}



/* satei menu*/
#satei_bo {
width: 525px;
margin: 0 auto 0 auto;
padding: 0px 0px 0px 0px;
background-color: red;
}

#order_bo a{
display:block;
text-align:center;
width:90%;
margin:20px auto 30px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feba95+0,fe834a+100 */
background: #feba95; /* Old browsers */
background: -moz-linear-gradient(top, #feba95 0%, #fe834a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feba95 0%,#fe834a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feba95 0%,#fe834a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feba95', endColorstr='#fe834a',GradientType=0 ); /* IE6-9 */
color: #1f1f1f;
text-decoration: none;
padding: 20px 0;
font-size:18px;
border-radius:15px;
}

#order_bo a:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feba95+0,fe834a+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fe834a+0,feba95+100 */
background: #fe834a; /* Old browsers */
background: -moz-linear-gradient(top, #fe834a 0%, #feba95 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fe834a 0%,#feba95 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fe834a 0%,#feba95 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe834a', endColorstr='#feba95',GradientType=0 ); /* IE6-9 */
}


#nagare_bo {
width: 650px;
margin: 0 auto 0 auto;
padding: 0px 0px 10px 0px;
}

#nagare_bo a{
display:block;
width:650px;
height: 40px;
color:#FFFFFF;
font-size: 22px;
font-weight: bold;
text-decoration:none;
text-align:center;
margin: 40px auto 0px auto;
padding: 20px 0px 5px 0px;
background:#06C;
text-decoration: none;
}

#nagare_bo a:hover{
color: #FFFFFF;
background:#06F;
text-decoration: none;
}

#h3_box {
width:100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;	
}
#h3_box h3{
width:auto !important;
height: 58px;	
margin: 0px auto 0px auto;
padding:19px 0px 0px 35px;
background: url(../img/h3k_002.png) center top no-repeat ;
background-position: 0px 0px; 
font-size: 150%;
color:#592f1a;
font-weight: bold;
clear:both;
text-align: left;
}

#h3_box p{	
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
font-size: 100%;
text-align: left;
line-height: 24px;
clear:both;
}

#h4_box {
margin: 0px 0px 0px 0px;	
padding: 0px 0px 0px 0px;	
}
#h4_box h4{
width:780px;
height: 58px;	
margin: 0px auto 0px auto;
padding: 17px 0px 0px 35px;
background: url(../img/h4k_001.jpg) center top no-repeat ;
background-position: 0px 0px; 
font-size: 150%;
color:#FF4500;
font-weight: bold;
clear:both;
text-align: left;
}

#h4_box p{	
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
font-size: 120%;
text-align: left;
color:#696969;
line-height: 24px;
clear:both;
}

#h5_box {
margin: 0px 0px 0px 0px;	
padding: 0px 0px 0px 0px;	
}
#h5_box h5{
width:780px;
margin: 0px 0px 15px 0px;	
padding: 10px 0px 5px 0px;
font-size: 120%;
font-weight: bold;
clear:both;
text-align: left;
border-bottom: 1px dotted #696969;
}

#h5_box p{	
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
font-size: 120%;
text-align: left;
color:#696969;
line-height: 24px;
clear:both;
}

#saxbox {
width:auto !important;
margin: 20px auto 0px auto;
padding:5px 5px;
background-color:  #F5F5F5 ;
border: 1px solid #C0C0C0 ;
}
#saxbox .line_text{
margin:0px 0px 0px 0px;
padding:10px 0px 10px 15px;
font-size: 121%;
border-bottom: 1px dotted #C0C0C0;
text-align:left;
font-weight: bold;
}
#saxbox p{	
margin: 0px 0px 0px 0px;
padding: 15px 0px 10px 10px;
font-size: 100%;
text-align: left;
line-height: 24px;
clear:both;
}

.base_ text{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 24px;
text-align: left;
color:red;
line-height: 24px;
clear:both;
}


.base_p p{
width:auto !important;	
margin: 0px 0px 0px 0px;
padding: 5px 5px;
font-size: 120%;
text-align: left;
line-height: 24px;
clear:both;
}
.base_p p{	
margin: 0px 0px 0px 0px;
padding: 15px 0px 10px 5px;
font-size: 100%;
text-align: left;
line-height: 24px;
clear:both;
}

.blue_textbox {	
margin: 0px 0px 0px 0px;
padding: 30px 0px 30px 50px;
font-size: 100%;
color: red ;
text-align: left;
color: #4682B4 ;
line-height: 24px;
clear:both;
}



.text_link{	
margin: 30px 0px 30px 0px;
padding: 0px 0px 0px 15px;
text-align: left;
}

.text_link_bold{	
margin: 50px 0px 30px 0px;
padding: 0px 0px 0px 30px;
text-align: left;
font-weight: bold;
font-size: 150%;
}



table td.td_head2 {
background-color: #DCDCDC;
text-align: center;
vertical-align:middle;
white-space: nowrap;
color: #656565;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #C0C0C0;
border-right-color: #C0C0C0;
border-bottom-color: #C0C0C0;
border-left-color: #C0C0C0;
font-size: 95%;
font-weight: bold;
background-image: url(img/td_head.gif);
background-repeat: repeat-x;
padding: 0px 8px;
line-height: 22px;	
}
table td.td_odd2 {
	background-color: #FFFFFF;
	text-align: left;
		vertical-align:middle;
padding: 4px;
border: 2px solid #C0C0C0;
border-right-width: 2px;
border-right-color: #C0C0C0;
font-size: 95%;
background-image: url(img/td_odd.gif);
background-repeat: repeat-x;
line-height: 19px;	
padding: 0px 8px;
}

.space{
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.space2{
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.under_menu1 h4 { font-weight:bold !important; padding-left:10px; padding-bottom:10px;}

.img_right { float:none !important; }
.img_right img { max-width:100%; padding-bottom:10px;}

}