@charset "utf-8";

/*
Theme Name: Pj Group 
Theme URI: 
Description: 
Authma: Stylement 
Authma URI: 
Tags: 
Version: 1.0
License: Pj Group

*/


/****************************************************************

 ** site style **

 * <ul>
 * <li>01.common リセットCSS</li>
 * <li>02.layout サイト全体のレイアウト</li>
 * <li>03. common style サイト全体のレイアウト</li>
 * </ul>


 * @version	1.0
 * @see	http://www.pjgroup.jp/

*****************************************************************/


/********************

01.common

********************/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fmam,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	}


dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, p,img,div {
	_text-align:left;
	font-size:12px;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

body {
	height: auto;
	font-size: 12px;
	line-height: 140%;
	colma: #333333;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic" Arial, Helvetica, sans-serif;
}

em, strong { font-style:normal; font-weight:normal; } 

img {	border:none; vertical-align:top; }

ul, dl { list-style-type: none; }

a { text-decoration:underline; color:#333; }
a:hover { text-decoration:none; color:#C00; }



/********************

02.layout 

********************/

/***** clearfix *****/

#ma_00 #ma_header ul#ma_shopNavi:after,
#ma_00 #ma_header ul#ma_functionNavi:after,
#ma_00 #ma_contentsAreaInner:after,
#ma_00 #ma_shopList:after,
#ma_newsArea ul li:after,
#ma_01 #ma_contentsArea .contentsBox .wine:after,
.contentsBox:after
{
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

#ma_00 #ma_header ul#ma_shopNavi,
#ma_00 #ma_header ul#ma_functionNavi,
#ma_00 #ma_shopList,
#ma_00 #ma_contentsAreaInner,
#ma_newsArea ul li,
#ma_01 #ma_contentsArea .contentsBox .wine,
.contentsBox
{ /*fma ie6,7*/ zoom:1; }


/****************************************

	Base layout & style 
		
*****************************************/

body {
	_text-align:center;
		background:url(../images/ma_bg_01.jpg) 0 0 repeat;
}
body, html { height: 100%; }

#ma_wrap {  
/*    position:relative;*/
		width:100%;
		background:url(../images/ma00_bg_01.jpg) 0 0 repeat-x;
 /*   height:auto !impmatant;  
    height:100%;  
    min-height:100%;  */
}

#ma_01 #ma_wrap,
#ma_02 #ma_wrap {
	width:980px;
	margin:0 auto;
	background:url(../images/ma00_bg_02.png) 0 0 repeat-y;
	padding:0 5px 0;
	
}

#ma_wrapInner {
	width:1080px;
	margin:0 auto;
/*	padding:0 0 6px;
	background:url(../images/foot_bg_01.png) center bottom no-repeat;*/}

#footer {/* position:absolute; bottom:0;*/ }


#ma_00 #ma_contentsArea a:hover img,
#ma_01 #ma_contentsArea a:hover img,
#ma_02 #ma_contentsArea a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}

/******************

#ma_00 style

*******************/

/* header */

#ma_00 #ma_header {
	position:relative;
	z-index:10;
	width:1000px;
	height:380px;
	padding:0 0 0 80px;
	background:url(../images/ma00_head_bg_01.png) 0 0 no-repeat;}

#ma_00 #ma_header h1 {}
#ma_00 #ma_header p.mainLead {
	margin:5px 0 0;
}

#ma_00 #ma_header #ma_header_naviArea { float:left; width:200px; padding:20px 0 0; }

#ma_00 #ma_header #ma_header_naviArea ul#ma_shopNavi {
	padding:0 0 0 5px;
}

#ma_00 #ma_header #ma_header_naviArea { float:left; width:200px; padding:20px 0 0; }


#ma_header_imgArea { float:right; width:785px; _position:absolute; z-index:1;}

#ma_00 #ma_header ul#ma_functionNavi {
	position:absolute;
	top:0;
	z-index:10;
	right:60px;
	height:19px;
	width:204px;
	padding:8px 0 0 16px;
	background:url(../images/ma_fNavi_bg.gif) 0 bottom no-repeat;
}

*:first-child+html #ma_00 #ma_header ul#ma_functionNavi {
	height:23px;
	padding:4px 0 0 16px;
}

#ma_00 #ma_header ul#ma_functionNavi li {
	float:left;
	margin:0 13px 0 0;
}

/* header end*/

/*** contentsArea ***/



#ma_00 #ma_contentsArea {
	width:980px;
	margin:0 auto;
	background:url(../images/ma00_bg_01.png) 0 0 repeat-y;
	padding:0 5px 0;
}

#ma_00 #ma_shopList {
	position:relative;
	top:-15px;
	height:233px;
	padding:15px 0 0 15px ;
	background:url(../images/ma00_bg_list.png) 0 0 no-repeat; }

#ma_00 #ma_shopList li {
	float:left;
	width:230px;
	margin:0 10px 0 0;}

#ma_00 #ma_shopList li .shopImg { display:block; margin:0 0 5px; }
#ma_00 #ma_shopList li em { display:block; margin:0 0 3px; }

#ma_00 #ma_contentsArea #ma_mainArea {
	float:left;
	width:650px;
	padding:10px 0 0 30px;
}


#ma_aboutArea h2 { margin:0 0 9px; }
#ma_aboutArea p { margin:0 0 0 10px; }

/****/

#ma_newsArea {
	margin:20px 0 0;
	width:588px;
	position:relative;
}

#ma_newsArea ul {
	margin:10px 0 0;
	padding:0 0 0 8px;}

#ma_newsArea ul li {
	padding:8px 0;
	colma:#FFF; }

#ma_newsArea ul li:first-child { background:none; }


#ma_newsArea ul li span.day {
	display:block;
	float:left;
	width:80px;
	padding:0 0 0 18px;
	background:url(../images/ma_icon.gif) 5px 3px no-repeat;
	font-weight:bold;
}

#ma_newsArea ul li span.txt {
	display:block;
	float:right;
	width:480px;	
}

#ma_newsArea p.view {
	position:absolute;
	top:10px;
	right:0;
}

#ma_newsArea p.view a {
	display:block;
	padding:0 0 0 15px;
	background:url(../images/ma_icon.gif) 0 3px no-repeat;
	colma:#FFF;
	text-decmaation:none; }


/*****/

#ma_00 #ma_sideContentsArea { float:right; padding:8px 30px 0 0; width:240px; }
#ma_sideContentsArea .bannerList li { margin:0 0 10px;}
#ma_sideContentsArea .bannerList li:last-child { margin:0; }

#ma_01 #ma_sideContentsArea .bannerList,
#ma_02 #ma_sideContentsArea .bannerList { padding:10px 0 5px; }
#ma_01 #ma_sideContentsArea .bannerList li,
#ma_02 #ma_sideContentsArea .bannerList li { margin:0 0 10px;}
#ma_01 #ma_sideContentsArea .bannerList li:last-child,
#ma_02 #ma_sideContentsArea .bannerList li:last-child { margin:0; }

#ma_sideContentsArea .naviBox {
	background:url(../images/ma00_bg_box.gif) 0 bottom no-repeat;
	margin:15px 0 0;
	padding:0 0 6px;
}

#ma_01 #ma_sideContentsArea .naviBox,
#ma_02 #ma_sideContentsArea .naviBox {
	width:205px;
	background:url(../images/ma_bg_sideBox.gif) 0 bottom no-repeat;
	margin:15px 0 0;
	padding:0 0 6px;
}

#ma_sideContentsArea .naviBox ul {
	padding:10px 15px 5px;
	border-left:#CDCDCD solid 1px;
	border-right:#CDCDCD solid 1px;	
	}
#ma_sideContentsArea .naviBox ul li {
	margin:0 0 5px;
}

#ma_sideContentsArea .naviBox ul li a {
	display:block;
	padding:0 0 0 18px;
	background:url(../images/ma_icon.gif) 5px 3px no-repeat;}


#ma_sideContentsArea dl { margin:5px 0 0 12px; }
#ma_sideContentsArea dl dt { margin:13px 0 8px; }
#ma_sideContentsArea dl dd { margin:0 0 5px; }
#ma_sideContentsArea dl dd a {
	display:block;
	padding:0 0 0 18px;
	background:url(../images/ma_icon.gif) 5px 3px no-repeat;
}

/* contentsArea end*/



#ma_01 #ma_header,
#ma_02 #ma_header {
	position:relative;
	width:960px;
	height:69px;
	padding:10px 0 0 20px;
	background:url(../images/ma_head_bg.jpg) 0 0 repeat-x;}
	
#ma_01 #ma_header ul#ma_shopNavi,
#ma_02 #ma_header ul#ma_shopNavi {
	position:absolute;
	top:40px;
	right:10px;
}

#ma_01 #ma_header ul#ma_shopNavi li,
#ma_02 #ma_header ul#ma_shopNavi li {
	float:left;
	margin:0 11px 0 0;
}

#ma_01 #ma_header ul#ma_functionNavi,
#ma_02 #ma_header ul#ma_functionNavi {
	position:absolute;
	top:0;
	right:10px;
	height:19px;
	width:204px;
	padding:8px 0 0 16px;
	background:url(../images/ma_fNavi_bg.gif) 0 bottom no-repeat;
}

*:first-child+html #ma_01 #ma_header ul#ma_functionNavi, 
*:first-child+html #ma_02 #ma_header ul#ma_functionNavi {
	height:23px;
	padding:4px 0 0 16px;
}

#ma_01 #ma_header ul#ma_functionNavi li,
#ma_02 #ma_header ul#ma_functionNavi li {
	float:left;
	margin:0 13px 0 0;
}



#ma_01 #ma_contentsArea { padding:25px 0 0; background:url(../images/ma01_bg_01.png) 0 0 no-repeat;}
#ma_02 #ma_contentsArea { padding:25px 0 0; background:url(../images/ma02_bg_01.png) 0 0 no-repeat;}

#ma_01 #ma_contentsArea h1 { margin:10px 0 30px 20px; }
#ma_02 #ma_contentsArea h1 { margin:10px 0 30px 20px; }

#ma_01 #ma_contentsArea p.mainLead { margin:-20px 0 35px 30px; }
#ma_02 #ma_contentsArea p.mainLead { margin:-20px 0 35px 30px; }

#ma_01 #ma_contentsArea #ma_mainArea,
#ma_02 #ma_contentsArea #ma_mainArea {
	float:left;
	width:710px;
	padding:30px 0 0 20px;
}

.contentsBox { position:relative; padding:10px 0 0 10px; margin:0 0 30px; }
#ma_02 #ma_contentsArea .contentsBox .infoBox {
	float:left;
	width:200px;
	background:url(../images/ma_bg_04.jpg) 0 0 repeat;
}

#ma_02 #ma_contentsArea .contentsBox .infoBox  p.adress { padding:10px; color:#FFF; }
#ma_02 #ma_contentsArea .contentsBox .infoBox dl { padding:0 10px 10px; color:#FFF; }

#ma_02 #ma_contentsArea .contentsBox .infoBox dl dt { margin:10px 0 0; }
#ma_02 #ma_contentsArea .contentsBox .infoBox dl dt em { font-weight:bold; }

#ma_01 #ma_contentsArea .imgBox { float:left; width:200px; }

#ma_contentsArea .contentsBox .txtBox { float:right; width:485px;  padding:0 0 40px;  }
#ma_contentsArea .contentsBox .txtBox h3 { margin:0 0 10px; }
#ma_contentsArea .contentsBox .txtBox p { margin:0 0 10px; text-align:justify; }
#ma_contentsArea .contentsBox .txtBox p em { font-weight:bold; display:block; }
#ma_contentsArea .contentsBox .txtBox h4 { margin:10px 0 0; padding:0 0 4px; border-bottom:#990000 solid 2px; font-weight:bold;}
#ma_contentsArea .contentsBox .txtBox dl dt { margin:10px 0 5px; font-weight:bold; }
#ma_contentsArea .contentsBox .txtBox dl dd span { color:#990000; }

#ma_contentsArea .contentsBox .txtBox .btn01 { position:absolute; bottom:0; left:220px; width:400px;  }
#ma_contentsArea .contentsBox .txtBox .btn01 li { float:left; margin:0 10px 0 0; }
#ma_contentsArea .contentsBox .btn02 { position:absolute; bottom:0; right:0; margin:0 !important; }

#ma_contentsArea .contentsBox#shef { margin:10px 10px 30px; padding:10px; background:url(../images/ma_bg_04.jpg) 0 0 repeat;}
#ma_contentsArea .contentsBox#shef .txtBox { float:right; width:460px; }
#ma_contentsArea .contentsBox#shef .txtBox p { color:#FFF; }

#ma_01 #ma_sideContentsArea,
#ma_02 #ma_sideContentsArea { float:right; padding:30px 20px 0 0 ; width:210px; }

#ma_sideContentsArea .sideNavi li { margin:0 0 10px; }

#ma_01 #ma_contentsArea .contentsBox .menu dt { margin:0 0 5px; }
#ma_01 #ma_contentsArea .contentsBox .menu dd { margin:0 0 15px; }

#ma_01 #ma_contentsArea .contentsBox .wine { clear:both; margin:0 -20px 0 0; width:720px; }

#ma_01 #ma_contentsArea .contentsBox .wine li { width:340px; margin:20px 20px 0 0; float:left; }
#ma_01 #ma_contentsArea .contentsBox .wine li dt {
	padding:5px 0;
	margin:0 0 10px;
	background:#333;
	font-weight:bold;
	color:#FFF;
	text-align:center; }
	
#ma_01 #ma_contentsArea .contentsBox .wine li dd {
	text-align:justify;
	margin:0 0 5px;
}


/*** footer ***/

#ma_footer {
	clear:both;
	padding:10px 0 0;
}
	
ul#ma_footNavi {
	padding:5px 0;
	text-align:left;
	background:url(../images/ma_bg_foot.gif) 0 bottom repeat-x;
}
ul#ma_footNavi li {  display:inline; margin:0 0 0 20px; }

ul#ma_footNavi li  a {
	padding:0 0 0 13px;
	background:url(../images/ma_icon.gif) 0 1px no-repeat;
	colma:#FFF;
	text-decmaation:none; }