@charset "utf-8";
/* ------------------------------------------------------------ set */

#main h3.line { color: #fff;}

/* ------------------------------------------------------------ nav */
#nav				{ padding: 25px 0; }
#nav li a 			{ padding: 3px 48px; } 
#nav li a:hover 	{ background: url(../../images/yuzu/common/bg_nav.gif);}
#nav li a.on { background: #f6d993; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#view .title		{ width: 980px; padding: 0 10px; margin: 0 auto; }
#view.pages			{ background: url(../../images/yuzu/common/fv.jpg) center top no-repeat; background-size: cover; padding: 80px 0 0; }
#view.pages h2		{ padding: 0 0 60px; font-size: 35px; font-weight: bold; color: #fff; }
#view #bread 		{ background: url(../../images/common/opc_w.png); padding: 10px 0;}
#view.pages #bread { }
#navigation 		{ display: none; }


/* ------------------------------------------------------------ bread */

#bread ul li a { color: #0495b6;}

/* ------------------------------------------------------------ contact_us */
#contact_us dl 			{ border: 10px solid #f6e3ba; }
#contact_us dl dt 		{ background: url(../../images/yuzu/common/contact_01.gif) no-repeat center center; font-size: 26px; color: #fff; font-weight: bold;}
#contact_us dl dd 		{ padding: 0 0 30px 0; }
#contact_us dl dd h4 	{ padding: 0 0 25px; font-size: 26px; color: #000; font-weight: bold;}
#contact_us dl dd ul li div img { float: left; padding: 15px 10px 0 0;}
#contact_us dl dd ul li div p { float: left; width: 210px; text-align: left; font-size: 32px; font-family: arial; font-weight: bold; color: #000;}
#contact_us dl dd ul li div p a { font-size: 32px; font-family: arial; font-weight: bold;}
#contact_us dl dd ul li div p span { display: block; color: #000; font-size: 16px; line-height: 100%;}


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ set */
#view .title			{ width: auto; }

#view.pages			{ background: url(../../images/yuzu/common/view_sp.jpg) center center no-repeat; background-size: cover; padding: 0; }
#view.pages .title		{ width: auto; padding: 40px 0; }
#view.pages h2			{ background: none; padding: 0 20px; font-size: 20px; font-weight: bold; color: #fff; }
#view.pages #bread 		{ background: #fff; }
#view.pages #bread ul { padding: 0 3%;}

/* ------------------------------------------------------------ #nav */
#nav					{ padding: 0; }
#nav li a 				{ border-top: 4px solid #f6d993; } 

/* -------------------------- contact_us */
#contact_us dl 					{ padding: 1px 0 0; border-width: 5px;}
#contact_us dl dt 				{ background-size: 90% 70%; font-size: 16px; font-weight: bold; line-height: 130%; padding: 20px 0;}
#contact_us dl dd 				{ padding: 0; }
#contact_us dl dd ul li 		{ float: none; border: none; width: auto; padding: 0 0 15px; font-weight: bold; }
#contact_us dl dd ul li:first-child { border: none; }
#contact_us dl dd ul li div { width: 280px; margin: 0 auto;}
#contact_us dl dd ul li.btn 	{ width: 100%; background: #f6f6f6; padding: 10px 0; font-size: 16px; }
#contact_us dl dd ul li.btn img { width: 94%; height: auto;}