@charset "shift_jis";
/*----------------------------
  CSS hisaki Document 2008.09
  Last Update 2008.10.06 hisaki
  

　├共通設定
　├枠設定
　├ヘッダ
　├サイドナビ
　├コンテンツ部
　├フッタ
　└


----------------------------*/


/*####################　共通設定　####################*/

*{margin:0; padding:0; font-style:normal;}
hr {display:none;}
a {overflow:hidden; text-decoration:none; color:;}
a img {border:none;}
ul {list-style:none;}
table {font-size:100%;}
p {line-height:1.5;}


.wrap,
.contentsBox {zoom:1; clear:both;}
.wrap:after,
.contentsBox:after,
p.pageTop:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

.alphafilter{}

html {overflow-y:scroll;}
body {
	line-height:1.35;
	text-align:center;
	color:#333333;
	font-size:12px;
	font-style:normal;
	font-family:sans-serif;
	behavior:url("http://www.nagagutsu-family.jp/common/js/csshover.htc");
	}
*html body {font-family:"ＭＳ Ｐゴシック";}	/* for IE6 */
*:first-child+html body {font-family:"メイリオ","ＭＳ Ｐゴシック",sans-serif;}	/* for IE7 */




/*####################　枠設定　####################*/

#Header {
/*	background:url(../img/wall-header.gif) 0 0 no-repeat;*/
	border-top:4px solid #006600;
	width:780px;
	margin:0 auto;
	text-align:left;
	}
#Container {
	margin:0 auto;
	width:780px;
	text-align:left;
	}

#Main {
	display:inline;
	float:right;
	width:576px;
	}

#Sub {
	display:inline;
	float:left;
	width:204px;
	}

	p.pageTop a{
	clear:both;
	background:url(../img/button-pagetop.gif) 0 0 no-repeat;
	width:95px;
	margin-bottom:15px;
	margin-left:680px;
		display:block;
		height:18px;
		text-indent:-9999px;
		cursor:pointer;
		}

#Footer {
	clear:both;
	width:780px;
	margin:0 auto;
	text-align:left;
	}


/*####################　ヘッダ　####################*/

#Header h1{
	background:url(../img/wall-header-logo.gif) 0 0 no-repeat;
	display:inline;
	float:left;
	clear:left;
	width:252px;
	height:68px;
	margin:10px 0 9px 0;
	}
#Header h1 a{
	display:block;
	height:68px;
	text-indent:-9999px;
	}
#Header ul{
	display:inline;
	float:right;
	text-align:right;
	border-left:1px solid #cccccc;
	margin:3px 6px 16px 0;
	max-width:500px;
	_width:255px;
	padding:0;
	}

#Header ul li{
	display:inline;
	float:left;
	border-right:1px solid #cccccc;
	margin:0 0 0 8px;
	padding-right:10px;
	color:#027d33;
	font-size:13px;
	}
#Header ul li a{ color:#027d33;}
#Header ul li a:hover{
	color:#027d33;
	border-bottom:1px solid #027d33;
	}
#Header dl{
	display:inline;
	float:right;
	clear:right;
	width:290px;
	height:42px;
	margin:0 6px 10px 0;
	}
#Header dt{
	background:url(../img/wall-header-contact.gif) 0 0 no-repeat;
	width:290px;
	height:42px;
	}
#Header dt a{
	display:block;
	height:42px;
	text-indent:-9999px;
	}

	
#Header dd{ display:none;}
#Header dl:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

/*####################　グローバルナビ　####################*/

#Navi {
	clear:both;
	width:780px;
	height:37px;
	margin:0 auto 4px;
	}
#Navi ul{
	text-align:left;
	}
#Navi ul li{
	float:left;
	width:130px;
	height:37px;
	}
#Navi ul li.navi01{ width:131px;}
#Navi ul li.navi06{ width:129px;}
#Navi ul li a{
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:37px;
	text-indent:-9999px;
	}
#Navi ul li.navi01 a{ background-image:url(../img/navi01.gif);}
#Navi ul li.navi02 a{ background-image:url(../img/navi02.gif);}
#Navi ul li.navi03 a{ background-image:url(../img/navi03.gif);}
#Navi ul li.navi04 a{ background-image:url(../img/navi04.gif);}
#Navi ul li.navi05 a{ background-image:url(../img/navi05.gif);}
#Navi ul li.navi06 a{ background-image:url(../img/navi06.gif);}
#Navi ul li a:hover{background-position:0 -37px;}

#PageIndex #Navi ul li.navi01 a{background-position:0 -37px;}
#PageItem #Navi ul li.navi02 a{background-position:0 -37px;}
#PageAbout #Navi ul li.navi03 a{background-position:0 -37px;}
#PagePayment #Navi ul li.navi04 a{background-position:0 -37px;}
#PageCarriage #Navi ul li.navi05 a{background-position:0 -37px;}
#PageFaq #Navi ul li.navi06 a{background-position:0 -37px;}

/*####################　コンテンツ部　####################*/

.contentsBox {
	clear:both;
	width:570px;
	margin:0 0 15px 6px;
	}


/*　カート
-------------------------------------*/
#Main #CartBox{
	width:570px;
	margin-bottom:5px;
	}

#Main #CartBox p{
	display:inline;
	float:left;
	width:376px;
	margin:0;
	}
#Main #CartBox p.service{background:url(../img/wall-service.gif) 0 0 no-repeat;
	width:376px;
	height:32px;
	font-size:0;
	}
#Main #CartBox p.service a{background:url(../img/wall-service.gif) 0 0 no-repeat;
	display:block;
	height:32px;
	text-indent:-9999px;}
	
#Main #CartBox p.service a:hover{background:url(../img/wall-service02.gif) 0 0 no-repeat;}
#Main #CartBox p.cartButton{
	background:url(../img/button-cart.gif) 0 0 no-repeat;
	display:inline;
	float:right;
	width:194px;
	height:32px;
	margin:0;
	}
#Main #CartBox p.cartButton a{
	display:block;
	height:32px;
	text-indent:-9999px;
	}

/*　検索BOX
-------------------------------------*/
#Main form.search{
	background:url(../img/wall-searchbox.gif) 0 0 no-repeat;
	width:549px;
	height:31px;
	margin:0 0 13px 17px;
	}
#Main form.search p{display:none;}
#Main form.search input.textarea{
	display:inline;
	float:left;
	width:158px;
	height:15px;
	_height:18px;
	margin:6px 14px 6px 219px;
	padding:1px 3px;
	border:1px solid #999999;
	}
#Main form.search input.button{
	width:58px;
	height:22px;
	margin-top:4px;}

/*　パンくずリスト
-------------------------------------*/

#PanList{
	margin-bottom:0;
	zoom:1;
	}
#PanList h3{ display:none;}
#PanList ol{
	display:inline;
	float:left;
	width:570px;
	margin:0 0 0 6px;
	padding:0 0 15px 0;
	zoom:1;
	}
#PanList ol li{
	display:inline;
	float:left;
	margin-right:10px;
	font-size:10px;
	}
#PanList ol li a{ color:#0099cc;}
#PanList ol li a:hover{ text-decoration:underline;}

#PanList ol:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}


/*　お問い合わせバナー
-------------------------------------*/

#Main #ContactBox{
	background:url(../img/link-contact.jpg) 0 0 no-repeat;
	clear:both;
	width:549px;
	height:135px;
	margin:0 0 50px 18px;}
#Main #ContactBox h3,
#Main #ContactBox dl{display:none;}
#Main #ContactBox p{
	width:549px;
	height:135px;
	}
#Main #ContactBox p a{
	display:block;
	height:135px;
	text-indent:-9999px;
	}
/*####################　サイドナビ　####################*/

#Sub h2,
#Sub .functionBox h3{display:none}

#Sub .functionBox ul{
	background:url(../img/wall-sub-fc01top.gif) 0 0 no-repeat;
	width:204px;
	height:183px;
	_height:256px;
	padding:73px 0 0 18px;
	}
#Sub .functionBox li{
	display:inline;
	float:left;
	width:55px;
	height:55px;
	margin:0 4px 4px 0;
	}
#Sub .functionBox li a{
	display:block;
	height:55px;
	text-indent:-9999px;
	}
#Sub .functionBox li.menu01 a:hover{background:url(../img/ico-sub-fc01.gif) 0 0 no-repeat;}
#Sub .functionBox li.menu02 a:hover{background:url(../img/ico-sub-fc02.gif) 0 0 no-repeat;}
#Sub .functionBox li.menu03 a:hover{background:url(../img/ico-sub-fc03.gif) 0 0 no-repeat;}
#Sub .functionBox li.menu04 a:hover{background:url(../img/ico-sub-fc04.gif) 0 0 no-repeat;}
#Sub .functionBox li.menu05 a:hover{background:url(../img/ico-sub-fc05.gif) 0 0 no-repeat;}
#Sub .functionBox li.menu06 a:hover{background:url(../img/ico-sub-fc06.gif) 0 0 no-repeat;}
#Sub .functionBox li.menu07 a:hover{background:url(../img/ico-sub-fc07.gif) 0 0 no-repeat;}
#Sub .functionBox li.menu08 a:hover{background:url(../img/ico-sub-fc08.gif) 0 0 no-repeat;}
#Sub .functionBox li.menu09 a:hover{background:url(../img/ico-sub-fc09.gif) 0 0 no-repeat;}

#PageItem.function01 #Sub .functionBox li.menu01 a{background:url(../img/ico-sub-fc01.gif) 0 0 no-repeat;}
#PageItem.function02 #Sub .functionBox li.menu02 a{background:url(../img/ico-sub-fc02.gif) 0 0 no-repeat;}
#PageItem.function03 #Sub .functionBox li.menu03 a{background:url(../img/ico-sub-fc03.gif) 0 0 no-repeat;}
#PageItem.function04 #Sub .functionBox li.menu04 a{background:url(../img/ico-sub-fc04.gif) 0 0 no-repeat;}
#PageItem.function05 #Sub .functionBox li.menu05 a{background:url(../img/ico-sub-fc05.gif) 0 0 no-repeat;}
#PageItem.function06 #Sub .functionBox li.menu06 a{background:url(../img/ico-sub-fc06.gif) 0 0 no-repeat;}
#PageItem.function07 #Sub .functionBox li.menu07 a{background:url(../img/ico-sub-fc07.gif) 0 0 no-repeat;}
#PageItem.function08 #Sub .functionBox li.menu08 a{background:url(../img/ico-sub-fc08.gif) 0 0 no-repeat;}
#PageItem.function09 #Sub .functionBox li.menu09 a{background:url(../img/ico-sub-fc09.gif) 0 0 no-repeat;}

#Sub .functionBox p{
	background:url(../img/wall-sub-fc01bottom.gif) left bottom no-repeat;
	padding:0 20px 23px 20px;
	color:#ffffff;
	}
#Sub .categoryBox,
#Sub .guideBox{margin-bottom:7px;}


#Sub .categoryBox li,
#Sub .guideBox li{
	background:url(../img/wall-sub-gray01.jpg) left bottom no-repeat;
	padding:0 6px 1px 4px;
	}
#Sub .categoryBox li.end,
#Sub .guideBox li.end{
	background:url(../img/wall-sub-gray02.jpg) left bottom no-repeat;
	padding-bottom:4px;}

#Sub .categoryBox li a,
#Sub .guideBox li a{
	background:url(../img/ico-arrow-blue.gif) 6px 8px no-repeat;
	display:block;
	margin-left:8px;
	padding:5px 0 5px 20px;
	color:#0099cc;
	}
*:first-child+html #Sub .categoryBox li a,
*:first-child+html #Sub .guideBox li a{	padding:6px 0 3px 14px;}

#Sub .categoryBox li.end a,
#Sub .guideBox li.end a{padding-bottom:9px;}
#Sub .categoryBox li a:hover,
#Sub .guideBox li a:hover,
#Sub .categoryBox li.end a:hover,
#Sub .guideBox li.end a:hover{
	background:url(../img/ico-arrow-orange.gif) 6px 8px no-repeat;
	color:#FF9900;
	text-decoration:underline;
	}
#Sub .rankingBox{
	background:url(../img/wall-sub-green03.gif) left bottom no-repeat;
	margin-bottom:7px;
	padding-bottom:12px;}
#Sub .rankingBox dl{
	clear:both;
	padding-bottom:10px;
	zoom:1;
	}
#Sub .rankingBox dl.menu01{background:url(../img/wall-sub-green01.gif) 0 0 repeat-y;} 
#Sub .rankingBox dl.menu02{background:url(../img/wall-sub-green02.gif) 0 0 repeat-y;} 
/*#Sub .rankingBox dl.end{background:url(../img/wall-sub-green03.gif) left bottom no-repeat;}*/ 

#Sub .rankingBox dt{
	display:inline;
	float:right;
	width:93px;
	_width:108px;
	margin:6px 10px 5px 0;
	color:#ff9900;
	font-weight:bold;
	}
#Sub .rankingBox dt.top{
	padding-left:15px;
	background-position:0 3px;
	background-repeat:no-repeat;
	width:93px;
	_width:108px;
	}
#Sub .rankingBox dt.gold{background-image:url(../img/ico-gold.gif);}
#Sub .rankingBox dt.silver{background-image:url(../img/ico-silver.gif);}
#Sub .rankingBox dt.bronze{background-image:url(../img/ico-bronze.gif);}
#Sub .rankingBox dt.photo{
	background:#FFFFFF;
	float:left;
	width:53px;
	margin:14px 0 0 22px;
	border:1px solid #666666;
	overflow:hidden;
	}
#Sub .rankingBox dd{
	display:inline;
	float:right;
	clear:right;
	width:108px;
	margin:0 10px 0 0;
	color:#FF0000;
	}
#Sub .rankingBox dd a{color:#0099cc;}
#Sub .rankingBox dd a:hover{
	color:#ff9900;
	text-decoration:underline;
	}
#Sub .rankingBox dl:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#Sub .linkBox { margin-bottom:20px;}
#Sub .linkBox p{margin:0 0 7px 10px;}

	

/*####################　フッタ　####################*/

#Footer .footerlink01{
	background:url(../img/wall-footer.gif) 0 0 no-repeat;
	width:780px;
	}
#Footer .footerlink01 h2{
	background:url(../img/title-footer.gif) 0 0 no-repeat;
	display:inline;
	float:left;
	width:149px;
	height:38px;
	margin:9px 30px 0 25px;
	}
#Footer .footerlink01 h2 a{
	display:block;
	height:38px;
	text-indent:-9999px;
	}
#Footer .footerlink01 ul{
	display:inline;
	float:right;
	clear:right;
	width:560px;
	margin:15px 0 15px 0;
	}
#Footer .footerlink01 ul.link02{ margin-top:0;}
#Footer .footerlink01 ul li{
	display:inline;
	float:left;
	margin-right:15px;
	font-size:10px;
	zoom:1;
	}
#Footer .footerlink01 ul li.end{ margin-right:0;}
#Footer .footerlink01 ul li a{color:#ffffff;}
#Footer .footerlink01 ul li a:hover{
	color:#ffffff;
	text-decoration:underline;
	}
#Footer .footerlink01:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#Footer .footerlink02{
	clear:both;
	background:url(../img/wall-address.gif) 0 0 no-repeat;
	width:780px;
	text-align:center;
	}
#Footer .footerlink02 h2{ display:none;}
address {
	margin:0 auto 0;
	font-size:0;
	padding:12px 0 12px 0;
	}
/*end*/