@charset "UTF-8";

/*----------------------------------------------------------------------
	Jop Information Peach (since 2007/10/02)
	created by N.Ohwada

	contents/special/trend/content.css
	1.Link
	2.Content index.html
	3.Content yougashi.html
------------------------------------------------------------------------*/


/* 1.Link
------------------------------------------------------------------------*/

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

	content
	
-----------------*/

div#content a:link {
	color:#333333;
	text-decoration: underline;
}

div#content a:visited {
	color: #333333;
	text-decoration: underline;
}

div#content a:hover {
	color: #666666;
	text-decoration: underline;
}

div#content a:active{
	color: #666666;
	text-decoration: underline;
}

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

	PageTopButton
	
-----------------*/

div#content div.pagetopBox a:link {
	color:#333333;
	text-decoration: none;
	border-bottom: dotted 1px #333333;
	font-size: 10px;
}

div#content div.pagetopBox a:visited {
	color: #333333;
	text-decoration: none;
	border-bottom: dotted 1px #333333;
	font-size: 10px;
}

div#content div.pagetopBox a:hover {
	color: #666666;
	text-decoration: none;
	border-bottom: dotted 1px #666666;
	font-size: 10px;
}

div#content div.pagetopBox a:active{
	color: #666666;
	text-decoration: none;
	border-bottom: dotted 1px #666666;
	font-size: 10px;
}

div#content div.pagetopBox p {
	padding-bottom:10px;
	text-align: right;
}

/* 2.Content index.html
------------------------------------------------------------------------*/

div#content div.blockTitleBox {
	width:780px;
	margin-bottom: 20px;
	padding-bottom: 1px;
	border-bottom: solid 1px #79655d;
}

div#content div.blockTitleBox div.blockTitleInBox {
	width: 780px;
	height: 20px;
	background-color: #bf9e8f;
}

div#content div.ouboBtn {
	width: 780px;
	text-align: right;
	margin-bottom: 20px;
}

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

	topBox
	
-----------------*/

div#content div#topBox {
	width: 780px;
}

div#content div#topBox div#shopTop {
	width: 780px;
	margin-bottom: 20px;
	padding-bottom: 2px;
	border-bottom: solid 1px #ff5a77;
}

div#content div#topBox div#shopTop div#shopTopArea {
	width: 770px;
	line-height: 1;
	padding: 2px 10px 6px 0;
	text-align: right;
}

div#content div#topBox div#shopTop div#shopTopInBox {
	width: 774px;
	border: solid 1px #ff5a77;
	padding: 2px;
}

div#content div#topBox div#shopTop div#shopTopInBox div#shopTopShopName {
	line-height:1;padding: 9px 0 8px 10px;
	font-size: 18px;
	font-weight: bold;
	background-color: #ffa9b9;
}

div#content div#topBox div#shopTop div#shopTopInBox div#shopTopGroupName {
	height:22px;
	padding: 0 0 0 10px;
	font-weight: bold;
	border-bottom: solid 6px #ffa9b9;
	background: #ffdce2 url(../images/groupNameBg.jpg) no-repeat right top;
}

div#content div#topBox div#shopTop div#shopTopInBox div#shopTopGroupName p {
	line-height: 22px;
}

div#content div#topBox div#shopTop div#shopTopInBox div#shopTopInBox02 {
	display: block;
}

div#content div#topBox div#shopTop div#shopTopInBox div#shopTopInBox02 div#shopTopJumpBox {
	float: left;
	width: 500px;
	padding: 10px 0 5px 10px;
}

div#content div#topBox div#shopTop div#shopTopInBox div#shopTopInBox02 div#shopTopJumpBox ul {
	display: block;
}

div#content div#topBox div#shopTop div#shopTopInBox div#shopTopInBox02 div#shopTopJumpBox ul li {
	float: left;
	line-height: 1;
	margin-right: 8px;
	padding-right: 8px;
	font-size: 10px;
	background: url(../images/shopPipe.gif) no-repeat right center;
}

div#content div#topBox div#shopTop div#shopTopInBox div#shopTopInBox02 div#shopTopJumpBox ul li#jumpRight {
	float:left;
	line-height:1;
	font-size:10px;
	background: none;
}

div#content div#topBox div#shopTop div#shopTopInBox div#shopTopInBox02 div#shopTopMatchBox {
	float: right;
}

div#content div#topBox div#shopTop div#shopTopInBox div#shopTopInBox02 div#shopTopMatchBox div#shopTopMatchImg {
	float: left;
	padding: 7px 8px 3px 0;
}

div#content div#topBox div#shopTop div#shopTopInBox div#shopTopInBox02 div#shopTopMatchBox div#shopTopMatchTxt {
	float: left;
	padding: 7px 6px 3px 0;
}

div#content div#topBox div#shopTop div#shopTopInBox div#shopTopInBox02 div#shopTopMatchBox div#shopTopMatchPer {
	float: left;
	line-height: 1;
	padding: 6px 10px 5px 0;
	color: #ff0000;
	font-size: 20px;
	font-weight: bold;
}

div#content div#topBox div#shopTopImg {
	margin-bottom: 20px;
}

div#content div#topBox div#shopTopSubject {
	line-height:1;
	padding-bottom: 20px;
	padding-left: 10px;
	color: #ff5a77;
	font-size:16px;
	font-weight:bold;
}

div#content div#topBox div#shopTopTxt {
	margin-bottom: 20px;
	padding: 0 10px;
}

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

	boshuBox
	
-----------------*/

div#content div#boshuBox {
	width: 780px;
}

div#content div#boshuBox div#boshuInBox01 {
	width: 780px;
	margin-bottom: 10px;
}

div#content div#boshuBox div#boshuInBox01 div#subTitle01Box {
	width: 518px;
	margin-bottom: 10px;
	padding-bottom:7px;
	background: url(../images/dotLine.gif) repeat-x left bottom;
}

div#content div#boshuBox div#boshuInBox01 ul {
	list-style-type: square;
	margin-left: 20px;
}

div#content div#boshuBox div#boshuInBox02 {
	display: block;
	width: 780px;
	margin-bottom: 10px;
}

div#content div#boshuBox div#boshuInBox02 div#boshuInBox02Left {
	float: left;
	width: 518px;
}

div#content div#boshuBox div#boshuInBox02 div#boshuInBox02Left table {
	width: 518px;
	margin-bottom: 20px;
	border: solid 1px #9b8278;
}

div#content div#boshuBox div#boshuInBox02 div#boshuInBox02Left table th {
	width:140px;
	vertical-align: top;
	padding:10px;
	border: solid 1px #9b8278;
	border-right: solid 1px #d7b7bc;
	background-color: #ffd2da;
}

div#content div#boshuBox div#boshuInBox02 div#boshuInBox02Left table td {
	vertical-align: top;
	padding: 10px;
	border: solid 1px #9b8278;
}

div#content div#boshuBox div#boshuInBox02 div#boshuInBox02Left table td table {
	width: 100%;
	margin-bottom: 0;
	border: none;
}

div#content div#boshuBox div#boshuInBox02 div#boshuInBox02Left table td table td {
	vertical-align: top;
	padding: 0;
	border: none;
}

div#content div#boshuBox div#boshuInBox02 div#boshuInBox02Left table td table td.systemSubject {
	vertical-align: top;
	padding: 0 10px 0 0 ;
	border: none;

}

div#content div#boshuBox div#boshuInBox02 div#boshuInBox02Left div#subTitle02 {
	width: 518px;
	padding-bottom: 7px;
	margin-bottom: 10px;
	background: url(../images/dotLine.gif) repeat-x left bottom;
}

div#content div#boshuBox div#boshuInBox02 div#boshuInBox02Right {
	float: right;
	width: 252px;
}

div#content div#boshuBox div#boshuInBox02 div#boshuInBox02Right div#nozokuBnr {
	width: 252px;
	margin-bottom: 10px;
}

div#content div#boshuBox div#boshuInBox02 div#boshuInBox02Right div#nozokuBnr {
	width: 252px;
	margin-bottom: 10px;
}

div#content div#boshuBox div#boshuInBox02 div#boshuInBox02Right div.nozokiImg {
	width: 252px;
	margin-bottom: 6px;
}

div#content div#boshuBox div#boshuInBox02 div#boshuInBox02Right div.nozokiTxt {
	width: 232px;
	margin-bottom: 20px;
	padding: 0 10px;
	font-size: 10px;
}

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

	staffMsgBox
	
-----------------*/

div#content div#staffMsgBox {
	width: 780px;
}

div#content div#staffMsgBox div.staffMsgInBox {
	display: block;
	width: 780px;
	margin-bottom: 20px;
}

div#content div#staffMsgBox div.staffMsgInBox div.staffMsgInBoxLeft {
	float: left;
	width: 190px;
}

div#content div#staffMsgBox div.staffMsgInBox div.staffMsgInBoxRight {
	float: right;
	width: 560px;
	padding-right: 10px;
}

div#content div#staffMsgBox div.staffMsgInBox div.staffMsgInBoxRight p.staffMsgSubject {
	margin-bottom: 16px;
	padding-bottom: 7px;
	color: #ff5a77;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/dotLine.gif) repeat-x left bottom;
}

div#content div#staffMsgBox div.staffMsgInBox div.staffMsgInBoxRight p.staffMsgTxt {
	margin-bottom: 10px;
}

div#content div#staffMsgBox div.staffMsgInBox div.staffMsgInBoxRight p.staffMsgName {
	text-align: right;
}

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

	ceoMsgBox
	
-----------------*/

div#content div#ceoMsgBox {
	width: 780px;
}

div#content div#ceoMsgBox div#ceoMsgInBox {
	display: block;
	width: 780px;
	margin-bottom: 20px;
}

div#content div#ceoMsgBox div#ceoMsgInBox div#ceoMsgInBoxLeft {
	float: left;
	width: 488px;
	padding-left: 10px;
}

div#content div#ceoMsgBox div#ceoMsgInBox div#ceoMsgInBoxLeft p#ceoNsgSubject {
	margin-bottom: 16px;
	padding-bottom:7px;
	color: #ff5a77;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/dotLine.gif) repeat-x left bottom;
}

div#content div#ceoMsgBox div#ceoMsgInBox div#ceoMsgInBoxRight {
	float: right;
	width: 252px;
}

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

	shopInfoBox
	
-----------------*/

div#content div#shopInfoBox {
	width: 780px;
}

div#content div#shopInfoBox div#shopInfoInBox {
	display: block;
	width: 780px;
	margin-bottom: 20px;
}

div#content div#shopInfoBox div#shopInfoInBox div#shopInfoInBoxLeft {
	float: left;
	width: 498px;
	padding-left: 10px;
}

div#content div#shopInfoBox div#shopInfoInBox div#shopInfoInBoxLeft table {
	width: 498px;
}

div#content div#shopInfoBox div#shopInfoInBox div#shopInfoInBoxLeft table th {
	width: 118px;
	padding: 10px 0;
	vertical-align: top;
	border-bottom: solid 1px #999999;
}

div#content div#shopInfoBox div#shopInfoInBox div#shopInfoInBoxLeft table th p {
	padding-left: 12px;
	background: url(../images/headPoint.gif) no-repeat left center;
}

div#content div#shopInfoBox div#shopInfoInBox div#shopInfoInBoxLeft table td {
	padding: 10px 10px 10px 0;
	vertical-align: top;
	border-bottom: solid 1px #999999;
}

div#content div#shopInfoBox div#shopInfoInBox div#shopInfoInBoxRight {
	float: right;
	width: 252px;
}

div#content div#shopInfoBox div#shopInfoInBox img#shopSiteImg {
	border: solid 1px #bf9e8f;
}

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

	groupBox
	
-----------------*/

div#content div#groupBox {
	width: 780px;
}

div#content div#groupBox div#groupBoxTxt {
	width: 770px;
	margin-bottom: 16px;
	padding-left: 10px;
}

div#content div#groupBox table {
	width: 780px;
	margin-bottom: 20px;
	border: solid 1px #9b8278;
}

div#content div#groupBox table th {
	width:96px;
	vertical-align: top;
	padding:10px;
	border: solid 1px #9b8278;
	border-right: solid 1px #d7b7bc;
	background-color: #ffd2da;
}

div#content div#groupBox table td.groupShopName {
	vertical-align: top;
	padding: 10px;
	border: solid 1px #9b8278;
}

div#content div#groupBox table td.groupShopName div.groupShopNameIn {
	display: block;
}

div#content div#groupBox table td.groupShopName div.groupShopNameIn div.groupShopNameLeft {
	float: left;
	width: 460px;
}

div#content div#groupBox table td.groupShopName div.groupShopNameIn div.groupShopNameRight {
	float: right;
	width: 180px;
	text-align: right;
}

div#content div#groupBox table td.groupShopArea {
	width: 252px;
	vertical-align: top;
	padding: 10px;
	border: solid 1px #9b8278;
}