@charset "SHIFT_JIS";
/*--------------------------------------- ITALU-YA.WebSite HK CascadeStyleSheets 2013/11/8-------------------------------*/
/*---------------------------------------------- 基礎枠　各枠 リンク等その他設定 ------------------------------------------*/

/*------------------------------------------ ヘッダーコメント -------------------------------------------------------------*/

P#HC{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 5px;
	color: #000000;
	text-align: left;
}

P.hmbt{					/*-----ヘッダーモバイルサイトリンクボタン------*/
	margin : 0;
	background-color: #afafaf;
	font-size: 12px;	
	color: #ffffff;
	border-width: 1px;
	border-style: dotted;
	border-color: #6f6f6f;
	float: left;
}

P.hmbt a:link{color: #ffffff;text-decoration: none;}
P.hmbt a:visited{color: #ffffff;text-decoration: none;}
P.hmbt a:hover{color: #ffffff;text-decoration: none;}

					/*-----フロート＆シャドウ画像クリア＆SPAN設定------*/
#CLS{clear:both;}
.cl{display:none;}
					/*-----画像枠影設定------*/
#shadow{
	margin: 1px;
	display: inline-block;
	box-shadow: 6px 6px 8px -1px #afafaf, 0 0 0 1px #bfa377;
	border: 1px solid #ffffff;
}

/*--------------------------------------------------- メイン枠設定 ----------------------------------------------------------*/
#BODY{
	margin: 0;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3";
	font-size: 15px;
	color: #303924;
	background-color:#F9FFF2;
}

#BODY a{text-decoration: none;color:#303924;}

#WAKU{
	margin: 0 auto;
	width: 960px;
	background-color: #ffffff;
	background-image: url(a_hk_img/x_right_bkg01.jpg);
	background-position: right;
	background-repeat: repeat-y;
	overflow: hidden;
}

#title{
	margin:140px 0 0 103px;
	width: 70px;
	height: 340px;
	float: left;
	background-image: url(a_hk_img/x_right_title01.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

#HEAD{
	margin: 0;
	width: 100%;
	background-color: #ffffff;
}

#LEFT{
	margin: 0;
	width: 730px;
	float: left;
	background-color: #ffffff;
}

#UPleft{
	width: 100%;
	margin-top: 30px;
}
	/*--UPleft内各ページコンテンツ設定--*/
div#UPleft a.link{
background-color:#9acd324a;
padding:5px;
border-radius:5px;
line-height:3em;
}

#info{
	margin: 0 auto;
	width: 700px;
	height: 650px;
	background-image: url(a_hk_img/x_info01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.info_link{
width: 27px;
height: 131px;
display: block;
position: relative;
top: -550px;
left: 12px;
margin-bottom: -131px;
background-color: #9acd324f;
}

#slv{
	margin: 0 auto;
	width: 700px;
	height: 650px;
	background-image: url(a_hk_img/x_slv01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#car{
	margin: 0 auto;
	width: 700px;
	height: 650px;
	background-image: url(a_hk_img/x_car01.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.car_link{
width: 100px;
height: 100px;
display: block;
position: relative;
top: -536px;
left: 243px;
margin-bottom: -100px;
}

#ord{
	margin: 0 auto;
	width: 700px;
	height: 650px;
	background-image: url(a_hk_img/x_ord01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.ord_link{
width: 40px;
height: 80px;
display: block;
position: relative;
top: -370px;
left: 5px;
margin-bottom: -80px;
}

#DWleft{
	width: 100%;
	height: 263px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#FOOT{
	margin: 0;
	width: 100%;
	height: 27px;
	background-image: url(a_hk_img/x_footer01.jpg);
	background-repeat: no-repeat;
	background-position-x:824px;
}

/*--------------------------------------------------- UP&DWleft & rightコンテンツ ----------------------------------------------------------*/

#HKitem{
	float: left;
	margin: 10px 45px 10px 10px;
}

hr.itemSPS{
	clear: both;
	border-width: 5px;
	border-style: solid;
	border-color: #ffffff;
}

#HKsps{
	float: left;
	margin: 5px 48px 1px 16px;
}

UL#menu {
	margin-left: auto;
	text-align: right;
	padding: 0;
	list-style: none;
	width:90%;
}

UL#menu li{		/*--UL内li各MENU位置の設定--*/
	margin: 21px 12% 30px 0;
	list-style: none;
	float: left;
}

UL#menu a{		/*--UL内アンカー範囲設定--*/
	margin-top: 35px;
	padding: 0;
	list-style: none;
	display: block;
	background-image: url(a_hk_img/x_menu.gif);
	background-repeat: no-repeat;
}

a.info{width:35px;height:160px;background-position:0px -35px;}
a.ord{width:35px;height:160px;background-position:-42px -35px;}
a.car{width:35px;height:160px;background-position:-82px -35px;}
a.slv{width:35px;height:160px;background-position:-122px -35px;}
a.hk{width:35px;height:160px;background-position:-162px -35px;}

ul#menu h6{		/*--UL内リンクしないページ固定設定--*/
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	background-image: url(a_hk_img/x_menu.gif);
	background-repeat: no-repeat;
}

h6.info{width:35px;height:195px;background-position:0px 0px;}
h6.ord{width:35px;height:195px;background-position:-42px 0px;}
h6.car{width:35px;height:195px;background-position:-82px 0px;}
h6.slv{width:35px;height:195px;background-position:-122px 0px;}
h6.hk{width:35px;height:195px;background-position:-162px 0px;}

DIV#pgtp{			/*------------------ ページトップ表示 -----------------*/
	position: relative; top: -80px; left: 780px;
	width: 76px;
	height: 93px;
	margin: 0;
	padding: 0;
	background-image: url(a_hk_img/x_osbear.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#pgtp a{
	margin: 0;
	padding: 1px;
	display: block;
	width: 76px;
	height: 93px;
}

#pgtp a span{display:none;}
/*--------------------------------------------------- ページカウント設定 ----------------------------------------------------------*/

div#cwt span{display:none;}

/*--------------------------------------------------- width960設定 ----------------------------------------------------------*/

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

#WAKU{
	margin: 0 auto;
	width:100%;
	background-color: #ffffff;
	background-image: url(a_hk_img/x_top_bkg01.jpg);
	background-position:top;
	background-repeat: repeat-x;
	position:relative;
	overflow: hidden;
}

#title{margin:0;width: 0;height: 0;}

#HEAD{
	margin: 0;
	width: 100%;
	height:70px;
	background-color: transparent;
	background-image: url(a_hk_img/x_top_title01.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

#LEFT{
	margin: 0;
	width: 100%;
}

#info{
margin: 0 auto;
width: 100%;
height:100%;
background-image:none;
}

#info .cl{
	margin: 10px;
	display:block;
	font-size:15px;
}

.info_link{display:none;}

#car{
margin: 0 auto;
width: 100%;
height:100%;
background-image:none;
}

#car .cl{
	margin: 10px;
	display:block;
	font-size:15px;
}

.car_link{
width: 113px;
height: 113px;
display: block;
position: relative;
top: -363px;
left: 19px;
margin-bottom: -113px;
}

#ord{
margin: 0 auto;
width: 100%;
height:100%;
background-image:none;
}

#ord .cl{
	margin: 10px;
	display:block;
	font-size:15px;
}

.ord_link{
	display:none;
}

#slv {
margin: 0 auto;
width: 100%;
height:100%;
background-image:none;
}

#slv .cl{
	margin: 10px;
	display:block;
	font-size:15px;
}

.cl p{
height:180px;
padding-top:1em;
margin-bottom:3em;
border-top:1px solid #9acd32;
}

.photo_1{
	margin:5px 10px;
	float: left;
	box-shadow:3px 3px 15px -3px;;
}

.photo_2{
	margin: 5px 10px;
	width: 190px;
	float: right;
	box-shadow:3px 3px 15px -3px;;
}

.photo_3{
	margin:0 auto;
	text-align:center;
	box-shadow:3px 3px 15px -3px;;
}

.photo_4{
	width:100%;
	max-width: 400px;
	box-shadow:3px 3px 15px -3px;;
}

#UPleft{
	width: 100%;
	margin-top: 30px;
}

#HKitem{
	margin:0 3% 20px 3%;
	width:27%;
}

#shadow{
	margin:0;
	width: 100%;
	max-width: 180px;
	box-shadow: 6px 6px 8px -1px #afafaf, 0 0 0 1px #bfa377;
	border: 1px solid #ffffff;
}

hr.itemSPS{
	clear: both;
	border-width: 5px;
	border-style: solid;
	border-color: #ffffff;
}

#HKsps{
	margin:0 3%;
	width:27%;
}

#HKsps img{
	width:100%;
	max-width:180px;
}

#DWleft{
	margin:40px 0 200px 0;
	width: 100%;
	background:none;
}

UL#menu {
	margin:0 0 0 10%;
	list-style: none;
	width: 100%;
}

UL#menu li {
	margin: 0 3%;
	width:10%;
	list-style: none;
	float: left;
}

#FOOT{
	margin: 0;
	width: 100%;
	height:150px;
	background-image: url(a_hk_img/x_bottom_bkg01.jpg);
	background-repeat: repeat-x;
	background-position-x: 960px;
	position:absolute;
	bottom:0;
	overflow: hidden;
}

}