@charset "utf-8";

/*
Theme Name: Pj Group 
Theme URI: 
Description: 
Author: Stylement 
Author 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,form,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:100%;;
}

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

body {
	height: auto;
	font-size: 85%;
	line-height: 1.4;
	color: #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:#2D92cc; }
a:hover { text-decoration:none; }



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

02.layout 

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

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

#pj_contentsAreaInner:after,
.contentsBox:after,
#pj_mainArea .contentsBox .txtBox ul li:after,
.newsBox .newsListLatest:after,
.newsBox .newsListLatest li:after,
.newList:after,
.newList li:after,
.newsBox .newsList:after,
.newsBox .newsList li:after,
#pj_02 #pj_mainArea #shopTab:after,
#pj_mainArea h2:after,
.newList:after,
.newList li:after,
#pj_03 .contentsBox dl:after,
#pj_04 .contentsBox p:after,
#pj_mainArea .contentsBox .txtBox ul:after,
#pj_mainArea .contentsBox .txtBox ul.recommendMenu02:after,
#pj_mainArea .mapBox ul:after,
#pj_02 p.adress:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	font-size: 0.1em;
}

#pj_contentsAreaInner,
.contentsBox,
#pj_mainArea .contentsBox .txtBox ul li,
.newsBox .newsListLatest,
.newsBox .newsListLatest li,
.newsBox .newsList,
.newsBox .newsList li,
#pj_02 #pj_mainArea #shopTab,
#pj_mainArea h2,
.newList,
.newList li,
#pj_03 .contentsBox dl,
#pj_04 .contentsBox p,
#pj_mainArea .contentsBox .txtBox ul,
#pj_mainArea .contentsBox .txtBox ul.recommendMenu02,
#pj_mainArea .mapBox ul,
#pj_02 p.adress
{ /*for ie6,7*/ zoom:1; }


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

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

body {
	_text-align:center;
		background:url(../images/pj/pj_bg_01.jpg) 0 0 repeat-x;
}

body, html { height: 100%; }

#pj_wrap {
	position:relative;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
}


#pj_footer { position:absolute; bottom:0; width:100%;  }
#footInner { width:980px; height:70px; margin:0 auto; }


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

#pj_00 style

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

/*** footer ***/

/*****  #pj_footer  *****/

#pj_footer { border-top:1px solid #CCC; }
#pj_footer #footInner { position:relative; }
#pj_footer #footInner a#pageTop {
	position:absolute; top:-15px; right:0px;
	display:block; width:180px; height:0px; padding-top:15px; overflow:hidden;
	background:url(../images/pj/foot_btn_pagetop.gif) 0 0 no-repeat;
	}

#pj_footer #footInner ul { padding-top:10px;}
#pj_footer #footInner ul li { float:left; margin-right:10px;}
#pj_footer #footInner ul li a { display:block; height:0px; padding-top:9px; overflow:hidden; }
#pj_footer #footInner ul li a:hover { opacity:0.6; filter: alpha(opacity=60); }

#pj_footer #footInner ul li.footNavi01 a { width:34px; background:url(../images/pj/foot_btn.gif) 0 0 no-repeat; }
#pj_footer #footInner ul li.footNavi02 a { width:45px; background:url(../images/pj/foot_btn.gif) 0 -20px no-repeat; }
#pj_footer #footInner ul li.footNavi03 a { width:88px; background:url(../images/pj/foot_btn.gif) 0 -40px no-repeat; }
#pj_footer #footInner ul li.footNavi04 a { width:105px; background:url(../images/pj/foot_btn.gif) 0 -60px no-repeat; }
#pj_footer #footInner ul li.footNavi05 a { width:62px; background:url(../images/pj/foot_btn.gif) 0 -80px no-repeat; }
#pj_footer #footInner ul li.footNavi06 a { width:71px; background:url(../images/pj/foot_btn.gif) 0 -100px no-repeat; }

#pj_footer #footInner address.logo { position:absolute; bottom:30px; right:0; }
#pj_footer #footInner address#copyright {
	position:absolute; bottom:10px; right:0;
	width:367px; height:0px; padding-top:11px;
	overflow:hidden;
	background:url(../images/pj/copyright.gif) 0 0 no-repeat;
}


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

#pj low style

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

#pj_01 #pj_wrap { background:url(../images/pj/pj01_bg_main.jpg) center 0 no-repeat; }
#pj_02 #pj_wrap { background:url(../images/pj/pj02_bg_main.jpg) center 0 no-repeat; }
#pj_03 #pj_wrap { background:url(../images/pj/pj03_bg_main.jpg) center 0 no-repeat; }
#pj_04 #pj_wrap { background:url(../images/pj/pj04_bg_main.jpg) center 0 no-repeat; }

/* header */
#pj_header {
	position:relative;
	width:980px;
	height:69px;
	padding:0;
	margin:0 auto;
}

#pj_globalNavi {
	position:absolute;
	top:0;
	right:0;
}

#pj_globalNavi li {
	float:left;
}

.breadcrumb { position:absolute; left:168px; top:45px; font-size:83%; color:#FFF; }

/* header end*/

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

/*** contentsArea ***/
#pj_contentsAreaOuter { width:1062px; margin:0 auto; }

#pj_contentsArea {
	width:980px;
	margin:0 auto;
	padding:5px 0 100px;
	background:url(../images/pj/pj_bg_02.gif) 0 0 no-repeat;
}

#pj_contentsAreaInner { padding:16px 0 0; background-color:#FFF;	}

h1 {
	width:960px;
	margin:50px auto 40px;
	}


#pj_contentsArea #pj_mainArea {
	float:left;
	width:740px;
	padding:0 0 0 20px;
}

#pj_contentsArea a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}

#pj_mainArea h2 {
	margin:0;
	min-height:20px;
	_height:20px;
	padding:10px 10px 7px;
	background:url(../images/pj/pj_tit_bg.jpg) 0 0 no-repeat;
}

#pj_mainArea .categoryBox {
	clear:both;
	position:relative; 
	margin:0 0 30px 0;
	padding:0 0 10px; 
	border:1px solid #E6E6E6;
	border-top:none;
	zoom:1;
}

#pj_mainArea h2 em { font-weight:bold; margin:0 2em 0 0 ;}
/* contentsArea end*/

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

		pj00 style

**********************/
#pj_00 { background:url(../images/pj/pj00_bg_01.jpg) 0 0 repeat-x; }
#pj_00 #flashArea { width:1062px; margin:0 auto -6px; position:relative; z-index:15; }
#pj_00 #flashArea p { text-align:center; }
#pj_00 h2 span { float:left; }
#pj_00 h2 span.view { float:right; }
#pj_00 .newsBox { padding:9px 0 0 9px; margin:0 0 15px;}
#pj_00 .newsBox .newsListLatest li { float:left; width:364px; padding:0; }
#pj_00 .newsBox .newsListLatest li span.img { display:block; float:left; }
#pj_00 .newsBox .newsListLatest li span.img img { 	border:1px solid #E6E6E6; }
#pj_00 .newsBox .newsListLatest li span.txt { display:block; float:right; width:215px; padding:0 15px 0 0; line-height:1.2; }
#pj_00 .newsBox .newsListLatest li span.txt span.day { display:block; font-weight:bold; padding:0 0 10px 0; white-space:normal; }
#pj_00 .newsBox .newsListLatest li span.txt span.day img { margin:0 0 0 10px; }
#pj_00 .newsBox .newsListLatest li span.txt em.tit { display:block; margin:0 0 5px; font-weight:bold; }
#pj_00 .newsBox .newsListLatest li span.txt span.sub { font-size:83%; }
#pj_00 .newsBox .newsListLatest li span.txt span.sub a {
	display:block;
	float:right;
	padding:0 0 0 12px;
	margin:0.5em 0 0;
	font-size:91.6%;
	background:url(../images/pj/pj_icon_01.gif) 0 3px no-repeat;
	text-decoration:none;
	color:#333; }

#pj_00 .newsBox .newsList li { float:left; width:364px; padding:15px 0 0; }
#pj_00 .newsBox .newsList li span.day {
	float:left;
	display:block;
	width:67px;
	font-weight:bold;
	font-size:91.6%;
}

#pj_00 .newsBox .newsList li span.day img {	display:block; margin:3px 0 0; }
#pj_00 .newsBox .newsList li a { float:right; display:block; width:272px; padding:0 15px 0 0;  font-size:91%; }

#pj_00 .twtr-tweet-text { font-size:x-small; }
#pj_00 .twtr-ft img { display:none; }
#pj_00 .twtr-ft a,
#pj_00 .twtr-ft span { float:none !important; }
#pj_00 .twtr-join-conv {
	text-align:left !important;
	text-indent:-9999px !important;
	overflow:hidden;
	height:40px;
	background: url(../images/pj/pj_twitter_button.png) 0 0 no-repeat;
}

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

		pj01 pj04 style

**********************/
#pj_01 h2 em,
#pj_04 h2 em { margin:0 1em 0 0;; }
#pj_01 h2 img,
#pj_04 h2 img { position:relative; top:2px; }

#pj_01 .contentsBox,
#pj_04 .contentsBox { padding:7px 0 0 9px; margin:0 0 15px;}
#pj_01 .newList li,
#pj_04 .newList li { float:left; width:364px; padding:15px 0 0; }
#pj_01 .newList li span.img,
#pj_04 .newList li span.img { display:block; float:left; }
#pj_01 .newList li span.img img,
#pj_04 .newList li span.img img { 	border:1px solid #E6E6E6; }
#pj_01 .newList li span.txt,
#pj_04 .newList li span.txt { display:block; float:right; width:220px; padding:0 15px 0 0; line-height:1.3; }
#pj_01 .newList li span.txt span.day,
#pj_04 .newList li span.txt span.day { display:block; font-weight:bold; padding:0 0 10px 0; white-space:normal; }
#pj_01 .newList li span.txt span.day img,
#pj_04 .newList li span.txt span.day img { margin:0 0 0 10px; }
#pj_01 .newList li span.txt span.tit,
#pj_04 .newList li span.txt span.tit { display:block; margin:0 0 5px; }


#pj_01 .contentsBox h3,
#pj_04 .contentsBox h3 { padding:0.5em 10px 2em 0; font-weight:bold; font-size:150%; }

#pj_01 .contentsBox h3 img,
#pj_04 .contentsBox h3 img { position:relative; top:-3px; }

.contentsBox { zoom:1; }

#pj_04 .contentsBox h4 {
	padding:0 0 5px;
	margin:1em 10px 10px 0;
	color:#218CCA;
	background:url(../images/pj/pj_bor_01.gif) 0 bottom repeat-x; }
	
#pj_01 .contentsBox p,
#pj_04 .contentsBox p { margin:0 10px 1em 0; }

#pj_01 .contentsBox p img,
#pj_04 .contentsBox p img { display:block; margin-bottom:1em;}


/* text posting style */
#pj_01 .post .contentsBox p strong,
#pj_04 .post .contentsBox p strong { font-weight:bold; }

#pj_01 .post .contentsBox blockquote,
#pj_04 .post .contentsBox blockquote { margin:1em 10px 1em 2em; font-size:80%; }

#pj_01 .post .contentsBox ul,
#pj_04 .post .contentsBox ul { margin:0.5em 1em; }
#pj_01 .post .contentsBox ul li,
#pj_04 .post .contentsBox ul li { list-style:disc; }

#pj_01 .post .contentsBox ol,
#pj_04 .post .contentsBox ol { margin:0.5em 1.5em; }

#pj_01 .post .contentsBox p em,
#pj_04 .post .contentsBox p em { font-style:italic; }


/* recruit style */
#pj_04 .contentsBox .infoBox { margin:0 10px 0 0;  zoom:1;}
#pj_04 .contentsBox .infoBox p { font-size:90%; margin:0; }
#pj_04 .contentsBox .infoBox .box01 { width:40%; float:left; }
#pj_04 .contentsBox .infoBox .box02  { width:50%; float:right; }
#pj_04 .contentsBox .infoBox .box02 p { margin:0 0 0 20px; }
#pj_04 .contentsBox .infoBox .box02 p.tit { margin:0; }


/* page style */
.articleNavi { margin:-20px 0 0; }
.articleNavi li { display:inline; padding:0 15px; }
.articleNavi li.previous { padding:0 15px 0 0; border-right:1px solid #333; }
.articleNavi li.page { padding:0 10px 0; border-right:1px solid #333; }
p.back { margin:5px 0 0; }

.articleNavi li,
p.back { color:#333; font-size:85%; }
.articleNavi li a,
p.back a { color:#333; }


/* archive style */
.sideNavi {
	padding:0 0 6px;
	margin:0 0 20px;
	background:url(../images/pj/pj_bg_side_02.gif) 0 bottom no-repeat;
	zoom:1; }

.sideNaviInner {
	padding:6px 0 0;
	background:url(../images/pj/pj_bg_side_01.gif) 0 0 no-repeat; }

.sideNaviContents {
	padding:3px 10px 0;
	background:url(../images/pj/pj_bg_side_03.gif) 0 0 repeat-y; }

.sideNavi h2 {
	padding:2px 10px;
	background:url(../images/pj/pj_bg_side_04.gif) 0 0 repeat;
	font-weight:bold;
	font-size:91%;
	color:#2C8CCA;}

.sideNavi ul {
	padding:7px 10px 14px;
}
.sideNavi ul li { color:#fff; }
.sideNavi ul li a {
	padding:0 0 0 10px;
	font-weight:bold;
	font-size:91%;
	color:#FFF;
	background:url(../images/pj/pj_icon_01.gif) 0 -47px no-repeat;
}


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

			pj02 style

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

/***/
#pj_02 #pj_tubArea {
	position:relative;
	z-index:10;
	width:980px;
	margin:0 auto -5px;
	overflow:hidden;
}

#pj_02 #shopTab li {
	float:left;
}

#pj_02 #shopList {
	clear:both;
	height:97px;
	width:996px;
	margin:0 -44px 0 0;
	padding:12px 0 0 28px;
	background:url(../images/pj/pj02_bg_01.jpg) 0 0 repeat-x; }

#pj_02 #shopList.oversea {
	width:1023px;
	padding:12px 0 0 35px;
	margin:0 -80px 0 0;
}

#pj_02 #shopList li { float:left; width:18%; margin:0; text-align:center; }
#pj_02 #shopList.oversea li { float:left; width:190px; margin:0 145px 0 0; text-align:center; }

#pj_02 #shopList li img { display:block; margin:0 auto 8px; }
#pj_02 #shopList.oversea li img { display:block; margin:0; }

#pj_02 #shopList li a.linkIcon {
	padding:0 0 0 15px;
	color:#333;
	text-decoration:none;
	background:url(../images/pj/pj_icon_01.gif) 0 2px no-repeat;  }

/***/
#pj_02 #pj_mainArea h2 em { margin:0 1em 0 0;}
#pj_02 #pj_mainArea h2 span { float:left; }
#pj_02 #pj_mainArea h2 .country { float:right; }

#pj_02 #pj_mainArea .contentsBox { padding:0 0 15px; margin:0 20px; }
#pj_mainArea .contentsBox.line { border-bottom:1px solid #238CCA; }

#pj_mainArea .contentsBox .goTop { position:absolute; bottom:0; right:0; zoom:1; }

#pj_mainArea .contentsBox .imgBox { float:left; width:200px; margin:15px 0 0 ; }
#pj_mainArea .contentsBox .txtBox { float:right; width:478px; margin:15px 0 0; }

#pj_mainArea .contentsBox .imgBox p { margin:0 0 20px; }
#pj_mainArea .contentsBox .imgBox ul li { margin:0 0 10px; font-size:80%; }
#pj_mainArea .contentsBox .imgBox ul li img { display:block; margin:0 0 3px; }


#pj_mainArea .contentsBox .txtBox h3 { margin:0 0 1.5em; }
#pj_mainArea.oversea .contentsBox .txtBox h3 { margin:0 0 0.5em; }

#pj_mainArea .contentsBox .txtBox p { margin:0 0 1em; zoom:1; font-size:85%; }
#pj_mainArea .contentsBox .txtBox p.line { margin:0 0 1em; padding:0 0 15px; border-bottom:1px solid #238CCA; }
#pj_mainArea .contentsBox .txtBox p.lineB { margin:0 0 1em; padding:0 0 15px; border-bottom:2px solid #238CCA; }
#pj_mainArea .contentsBox .txtBox p.tel { float:left; }
#pj_mainArea .contentsBox .txtBox p.adress { clear:both; margin:0; }
#pj_mainArea .contentsBox .txtBox p.adress a { margin:0 0 0 10px; }
#pj_mainArea .contentsBox .txtBox p.time { clear:both; }
#pj_mainArea .contentsBox .txtBox p em  { display:block; margin:0 0 0.5em; font-weight:bold; }
#pj_mainArea .contentsBox .txtBox ul { float:left; padding:0 0 0 5px; width:275px; }
#pj_mainArea .contentsBox .txtBox ul li { float:left; margin:0 1px 0 0;}
#pj_mainArea .contentsBox .txtBox div.shopInfo { padding:15px 0; border-top:1px solid #238CCA; }
#pj_mainArea .contentsBox .txtBox div.shopInfo.line {
	padding:15px 0;
	margin:0 0 15px;
	border-top:1px solid #238CCA;
	border-bottom:2px solid #238CCA;
}

#pj_mainArea.oversea .contentsBox .txtBox p.adress a { margin:2px 10px 0 0; display:block; float:left; }
#pj_mainArea .contentsBox .txtBox .last { margin:0; }

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

		pj03 style

**********************/
#pj_03 .contentsBox { padding:10px 20px 0; }
#pj_03 .contentsBox h3 { margin:1em 0 0; font-weight:bold; }
#pj_03 .contentsBox dl dt,
#pj_03 .contentsBox dl dd { float:left; }

#pj_03 .bgImg { background:url(../images/pj/pj03_bg_01.jpg) right bottom no-repeat; }
#pj_03 .bgImg .contentsBox { padding:30px 20px 0; }
#pj_03 .bgImg .contentsBox p { margin:20px 0 30px; }



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

#pj_sideContents { float:right; padding:0 20px 0 0 ; width:180px; }

#pj_sideContents .bnrList01 li { margin:0 0 15px; }
#pj_sideContents .bnrList02 { padding:10px 0 0; }
#pj_sideContents .bnrList02 li { margin:0 0 15px; }
#pj_sideContents .bnrList02 li a { font-size:10px; }

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

ul#pj_footNavi li a {
	padding:0 0 0 13px;
	background:url(../images/pj/or_icon.gif) 0 -51px no-repeat;
	color:#333;
	text-decoration:none; }


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

	#wp_page_numbers style

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


#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	background: #fff;
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

#wp_page_numbers {
	margin-top: -20px;
	width: 100%;
	background: #fff;
}
#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
}

#wp_page_numbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	color: #aaa;
	font-family: Arial;
	font-size: 12px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#wp_page_numbers li a:hover {
	color: #ff00a4;
	border-top: 2px solid #ff00a4;
	border-bottom: 2px solid #f1f1f1;
}

#wp_page_numbers li.space {
	font-size: 12px;
	font-family: Arial;
	color: #aaa;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	color: #fff;
	background: #45b9f6;
	border-top: 2px solid #45b9f6;
	border-bottom: 2px solid #45b9f6;
	
}
#wp_page_numbers li.active_page a:hover  {
	color: #fff; /* IE fix */
	border-top: 2px solid #00679d;
	border-bottom: 2px solid #45b9f6;
}

#wp_page_numbers li.page_info {
	float: left;
	font-size: 12px;
	font-family: Arial;
	color: #aaa;
	display: block;
	padding: 3px;
	padding-right: 5px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}