@charset "UTF-8";




@media only screen and (max-width: 480px) {




/*======================================

	h2 
	
========================================*/


p{
	padding:0 0 0 0;
	margin:16px 0 4px 0 ;
}

p.detail{
	font-size:12px;
	line-height:18px;
	color:#663300;
	padding:0 0 0 0 ;
	margin:0 0 0 0 ;
}

.purchase-page-h3{
	font-size:22px;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	padding:12px 12px 12px 12px;
	margin:0 0 20px 0;
	background: #fff;
	font-weight: 400;
}


/*======================================

	purchase_menu
	
========================================*/

.side-banner img{
	width: 100%;
}

#purchase_leftmenu{
	padding:0px 0px 0px 0px;
	margin:20px 0 30px 0;

}

#purchase_leftmenu ul{
	border-top:1px solid #aaa;
	width:100%;
	padding:0 0 0 0;
	margin:0px 0 0 0;
	list-style: none;
}

#purchase_leftmenu ul li{
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	padding:12px 12px 12px 12px;
	margin:0px 0 0 0;
	font-size:14px;
}


/*======================================

	purchase_footer
	
========================================*/

#purchase-footer {
	text-align:center;
	padding:0 0 0 0;
	margin:45px 0 20px 0;
}
#purchase-footer img {
	width: 100%;
	margin:0 auto 20px auto;
}

#purchase-footer-tel img{
	width: 100%;
	margin:0 auto 20px auto;
}



/*======================================

	purchase_top
	
========================================*/


#purchase_top{
	padding:0px 0px 0px 16px;
	margin:0 0 0 0;
}

#purchase_top_tobira{
	width:634px;
	height:318px;
	padding:0px 0px 0px 0px;
	margin:0 0 30px 0;
	background: transparent url(../i/purchase_top.jpg) no-repeat 0 0px;
}
#purchase_top02{
	width:634px;
	height:294px;
	padding:0px 0px 0px 0px;
	margin:0 0 30px 0;
	background: transparent url(../i/purchase_top02.jpg) no-repeat 0 0px;
}

#purchase_top02 h3{
	text-indent:-9999em;
}




/*======================================

	purchase_genre
	
========================================*/


#purchase_genre{
	padding:0px 0px 0px 16px;
	margin:0 0 0 0;
}


#purchase_genre h4{
	font-size:20px;
	font-weight: 400;
	padding:8px 0 6px 16px;
	margin:42px 0 0 0;
	border:1px solid #aaa;
	background: #fff;
}


#purchase_genre h5{
	font-size:18px;
	font-weight: 400;
	padding:12px 0 6px 16px;
	margin:36px 0 20px 0;
	background: #fffff;
	border-left:1px solid #aaa;	
	border-top:1px solid #aaa;	
}

	
.genre_detail{
	border:0px solid #333333;
	padding:8px 8px 8px 8px;
	margin:0 0 24px 0;
	background: #eee;
}

.purchase_info_left{
	float:left;
}

.purchase_info_right{
	float:right;
}

.purchase_info_footer{
	clear: both;
}




/*======================================

	purchase_faq
	
========================================*/


#purchase_faq{
	padding:0px 0px 0px 16px;
	margin:0 0 0 0;
}



#purchase_faq h4{
	font-size:20px;
	font-weight: 400;
	padding:8px 0 6px 16px;
	margin:42px 0 0 0;
	border:1px solid #aaa;
	background: #fff;
}


#purchase_faq h5{
	font-size:18px;
	font-weight: 400;
	padding:12px 0 6px 16px;
	margin:36px 0 0 0;
	background: #fffff;
	border-left:1px solid #aaa;	
	border-top:1px solid #aaa;	
}

	


/*======================================

	purchase_flow
	
========================================*/


#purchase_flow{
	padding:0px 0px 0px 16px;
	margin:0 0 0 0;
}



#purchase_flow h4{
	font-weight: 400;
	font-size:20px;
	padding:8px 0 6px 16px;
	margin:42px 0 0 0;
	background: #fff;
	color:#333;
	border:1px solid #aaa;
}


#purchase_flow h5{
	font-size:16px;
	padding:12px 0 6px 0;
	margin:24px 0 0 0;
	background: #fffff;
	color:#663300;	
}

.arrow {
	padding:0 0 0 0;
	margin:24px 0 24px 0;
	height:50px;
	width:50px;
	text-indent:-9999em;
	background: transparent url(../i/purchase_flow_arrow.png) no-repeat 0px 0px;
}

/*======================================

	purchase_area
	
========================================*/


#purchase_area{
	padding:0px 0px 0px 16px;
	margin:0 0 0 0;
}

#purchase_area img{
	width:100%;
	height:auto;
}



/*======================================

	purchase_message
	
========================================*/


#purchase_message{
	padding:0px 0px 0px 16px;
	margin:0 0 0 0;
}



#purchase_message h4{
	font-size:18px;
	padding:0px 0 0px 0px;
	margin:42px 0 0 0;
	background: #ffffff;
	color:#336600;
	border:0px solid #663300;
}




/*======================================

	purchase_footer
	
========================================*/


#purchase_footer {
	background: transparent;
	width: 634px;
	padding: 32px 0 18px 0;
	margin: 32px 0 0 0;
	text-align: center;
	color: #000000 ;
}


#purchase_footer_menu{
	background: transparent ;
	margin: auto;
	padding: 45px 0 45px 0 ;
	font-size:13px;
}

#purchase_footer_menu ul{
	background: transparent; 
	padding: 0 0 0 0 ;
	margin: auto;
}

#purchase_footer_menu li{
	display:inline;
	list-style:none ;
	background: transparent; 
	padding: 0 0 0 0 ;
	margin: 0 8px 0 0 ;
	color: #000000 ;
}





/*======================================

	purchase_form 
	
========================================*/

#purchase_form{
	padding:0px 0px 60px 16px;
	margin:0 0 0 0;
}




#inquiry_form dl,dt,dd {
margin: 0;
padding: 0;
font-size:13px;
line-height:20px;
}

#inquiry_form dl {
border: 1px solid #999999;
border-top: none;
background: #663300;
}

#inquiry_form dt,dd {
display: block;
width: 100%;
padding: 8px;
}

#inquiry_form dt {
width: 100%;
border-top: 1px solid #999999;
font-weight:bold;
color:#ffffff;
}

#inquiry_form dd {
width: 100%;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
background: #eee;
color:#333333;
}

#inquiry_form input[type="text"] {
width: 100%;
font-size:16px;
padding: 12px;
color: #333333;
}
#inquiry_form textarea {
font-size:15px;
padding: 12px;
color: #333333;
}




}/*max-width: 480px*/






@media only screen and (min-width: 481px) {






/*======================================

	h2 
	
========================================*/


p{
	padding:0 0 0 0;
	margin:16px 0 4px 0 ;
}

p.detail{
	font-size:12px;
	line-height:18px;
	color:#663300;
	padding:0 0 0 0 ;
	margin:0 0 0 0 ;
}

.purchase-page-h3{
	font-size:22px;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	padding:12px 12px 12px 12px;
	margin:0 0 20px 0;
	background: #fff;
	font-weight: 400;
}


/*======================================

	purchase_menu
	
========================================*/

.side-banner img{
	width: 100%;
}

#purchase_leftmenu{
	padding:0px 0px 0px 0px;
	margin:20px 0 30px 0;

}

#purchase_leftmenu ul{
	border-top:1px solid #aaa;
	width:100%;
	padding:0 0 0 0;
	margin:0px 0 0 0;
	list-style: none;
}

#purchase_leftmenu ul li{
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	padding:12px 12px 12px 12px;
	margin:0px 0 0 0;
	font-size:14px;
}


/*======================================

	purchase_footer
	
========================================*/

#purchase-footer {
	text-align:center;
	padding:0 0 0 0;
	margin:45px 0 20px 0;
}
#purchase-footer img {
	width: 480px;;
	margin:0 auto 20px auto;
}

#purchase-footer-tel img{
	width: 480px;;
	margin:0 auto 20px auto;
}


/*======================================

	purchase_top
	
========================================*/


#purchase_top{
	padding:0px 0px 0px 16px;
	margin:0 0 0 0;
}

#purchase_top_tobira{
	width:634px;
	height:318px;
	padding:0px 0px 0px 0px;
	margin:0 0 30px 0;
	background: transparent url(../i/purchase_top.jpg) no-repeat 0 0px;
}
#purchase_top02{
	width:634px;
	height:294px;
	padding:0px 0px 0px 0px;
	margin:0 0 30px 0;
	background: transparent url(../i/purchase_top02.jpg) no-repeat 0 0px;
}

#purchase_top02 h3{
	text-indent:-9999em;
}




/*======================================

	purchase_genre
	
========================================*/


#purchase_genre{
	padding:0px 0px 0px 16px;
	margin:0 0 0 0;
}


#purchase_genre h4{
	font-size:20px;
	font-weight: 400;
	padding:8px 0 6px 16px;
	margin:42px 0 0 0;
	border:1px solid #aaa;
	background: #fff;
}


#purchase_genre h5{
	font-size:18px;
	font-weight: 400;
	padding:12px 0 6px 16px;
	margin:36px 0 20px 0;
	background: #fffff;
	border-left:1px solid #aaa;	
	border-top:1px solid #aaa;	
}

	
.genre_detail{
	border:0px solid #333333;
	padding:8px 8px 8px 8px;
	margin:0 0 24px 0;
	background: #eee;
}

.purchase_info_left{
	float:left;
}

.purchase_info_right{
	float:right;
}

.purchase_info_footer{
	clear: both;
}




/*======================================

	purchase_faq
	
========================================*/


#purchase_faq{
	padding:0px 0px 0px 16px;
	margin:0 0 0 0;
}



#purchase_faq h4{
	font-size:20px;
	font-weight: 400;
	padding:8px 0 6px 16px;
	margin:42px 0 0 0;
	border:1px solid #aaa;
	background: #fff;
}


#purchase_faq h5{
	font-size:18px;
	font-weight: 400;
	padding:12px 0 6px 16px;
	margin:36px 0 0 0;
	background: #fffff;
	border-left:1px solid #aaa;	
	border-top:1px solid #aaa;	
}

	


/*======================================

	purchase_flow
	
========================================*/


#purchase_flow{
	padding:0px 0px 0px 16px;
	margin:0 0 0 0;
}



#purchase_flow h4{
	font-weight: 400;
	font-size:20px;
	padding:8px 0 6px 16px;
	margin:42px 0 0 0;
	background: #fff;
	color:#333;
	border:1px solid #aaa;
}


#purchase_flow h5{
	font-size:16px;
	padding:12px 0 6px 0;
	margin:24px 0 0 0;
	background: #fffff;
	color:#663300;	
}

.arrow {
	padding:0 0 0 0;
	margin:24px 0 24px 0;
	height:50px;
	width:50px;
	text-indent:-9999em;
	background: transparent url(../i/purchase_flow_arrow.png) no-repeat 0px 0px;
}

/*======================================

	purchase_area
	
========================================*/


#purchase_area{
	padding:0px 0px 0px 16px;
	margin:0 0 0 0;
}

#purchase_area img{
	width:100%;
	height:auto;
}



/*======================================

	purchase_message
	
========================================*/


#purchase_message{
	padding:0px 0px 0px 16px;
	margin:0 0 0 0;
}



#purchase_message h4{
	font-size:18px;
	padding:0px 0 0px 0px;
	margin:42px 0 0 0;
	background: #ffffff;
	color:#336600;
	border:0px solid #663300;
}




/*======================================

	purchase_footer
	
========================================*/


#purchase_footer {
	background: transparent;
	width: 634px;
	padding: 32px 0 18px 0;
	margin: 32px 0 0 0;
	text-align: center;
	color: #000000 ;
}


#purchase_footer_menu{
	background: transparent ;
	margin: auto;
	padding: 45px 0 45px 0 ;
	font-size:13px;
}

#purchase_footer_menu ul{
	background: transparent; 
	padding: 0 0 0 0 ;
	margin: auto;
}

#purchase_footer_menu li{
	display:inline;
	list-style:none ;
	background: transparent; 
	padding: 0 0 0 0 ;
	margin: 0 8px 0 0 ;
	color: #000000 ;
}





/*======================================

	purchase_form 
	
========================================*/

#purchase_form{
	padding:0px 0px 60px 16px;
	margin:0 0 0 0;
}




#inquiry_form dl,dt,dd {
margin: 0;
padding: 0;
font-size:13px;
line-height:20px;
}

#inquiry_form dl {
border: 1px solid #999999;
border-top: none;
background: #663300;
}

#inquiry_form dt,dd {
padding: 8px;
}

#inquiry_form dt {
border-top: 1px solid #999999;
clear: left;
float: left;
width: 200px;
font-weight:bold;
color:#ffffff;
}

#inquiry_form dd {
margin-left: 200px;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
background: #eee;
color:#333333;
}

#inquiry_form input[type="text"] {
width: 100%;
font-size:15px;
padding: 12px;
color: #333333;
}
#inquiry_form textarea {
font-size:15px;
padding: 12px;
color: #333333;
}




}/*min-width: 481px*/