@charset "UTF-8";

@import url(../../../../css/common/reset.css);
@import url(../../../../css/common/basic.css);




a:hover img{
	/*モダンブラウザ用*/
	opacity:0.8;
	/*IE7以下用*/
	filter:alpha(opacity=80);
	/*IE8用*/
	-ms-filter:"alpha(opacity=80)";
}



#contentsField {
	float: right;
	width: 760px;
	background-image: none!important;
}

.model {
	padding: 40px;
	width: 680px;
	background: url(img/bg.jpg) repeat-x left top;
}
.model .title {
	margin-top: 35px;
	height: 31px;
	background: url(img/titlebg.jpg) repeat-x left center;
}
.model .tokuten {
	margin-top: 10px;
}
.model p {
	margin-top: 8px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.5em;
}
.model .pattern {
	margin-top: 30px;
}
.model .button {
	margin-top: 10px;
}
.model .button a {
	margin-right: 10px;
}
.model .yuusou {
	margin-top: 10px;
	padding: 2px 6px;
	font-size: 13px;
	border: solid 1px #000000;
}
.model .privacy {
	margin-top: 18px;
	color: #444444;
}
.model .privacy span {
	font-weight: bold;
	color: #ee4444;
}
.model .contact {
	margin-top: 18px;
	padding: 4px 12px;
	background-color: #dddddd;
}
.model .contact span {
	font-weight: bold;
}
.model .bnr {
	margin: 40px 0;
	padding-top: 20px;
	width: 100%;
	border-top: solid 1px #aaaaaa;
	text-align: center;
}
.model .bnr div {
	margin-top: 15px;
	dixplay: inline-block;
	/display: inline;
	/zoom: 1;
}






















div#contents {
	padding: 0px;
	margin-bottom: 20px;
}

/* ================================================================================
	div#leftPanel
================================================================================ */
#leftPanel {
	width: 180px;
	float:left;
}
#storeMainNav,
#storeSubNav {
	margin-bottom: 10px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
}
#storeMainNav ul li,
#storeSubNav ul li {
	line-height: 0px;
}

#contentsField {
	float: right;
	width: 760px;
	background-image: url(/img/imgGlobal/parts/contentsFieldBg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#contentsFieldTop,
#contentsFieldBottom {
	height: 10px;
	background-image: url(/img/imgGlobal/parts/contentsFieldBgLid.gif);
	background-repeat: no-repeat;
}
#contentsFieldTop {
	background-position: center top;
}
#contentsFieldBottom {
	background-position: center bottom;
}
#storeBoard {
	position: relative;
	margin-bottom: 10px;
}
.goHome {
	position: absolute;
	top: 75px;
	left: 50px;
}
#storeInfo p#storeInfoP,
#storeInfoBody {
	border-left:1px solid #999;
	border-right:1px solid #999;
}
#storeInfo {
	border-top:1px solid #999;
}
#storeInfoList {
}
#storeInfoList li {
	background-image:url(/img/imgGlobal/rightPanel/rpShadow.gif);
	background-repeat:no-repeat;
	border-bottom:1px solid #999999;
	padding:10px;
	background-color: #FFF;
}
#storeInfoList li h3 {
	color:#600;
	font-size:12px;
	margin-bottom:5px;
}
#storeInfoList li p {
	font-size:10px;
	line-height:1.3;
}
.btnAccess a {
background-image:url("/img/imgGlobal/parts/btnAccessTop.gif");
background-position:center center;
background-repeat:no-repeat;
display:block;
float:right;
height:22px;
overflow:hidden;
text-indent:-9999px;
width:96px;
}
.btnAccess a:hover {
	background-position: center top;
}
.btnAccess a:active {
	background-position: center bottom;
}

/* ================================================================================
	#contentsFieldBody
================================================================================ */
#contentsFieldBody {
	width: 670px;
	margin-right: auto;
	margin-left: auto;
}

p#category {
	margin-bottom: 10px;
}

#contentsFieldBody strong {
	color: #224FA2;
}


/* ================================================================================
	Color Settings
================================================================================ */
.unitTitle,
.styleNote {
	background-color:#FFF3F1;
}
.unitTitle h2 {
	background-color:#224FA2;
	color:#FFF;
}
.styleBase h2 {
	color:#D1644D;
}
ul.listDetails {
	border-color: #224FA2 !important;
}


/* ================================================================================
	h1(div#titArea)
================================================================================ */
div#titArea {
	margin-bottom: 15px;
}

div#titArea h1 {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 5px;
	line-height: 1.3em;
}

div#titArea h1 span {
	font-size: 16px;
}


div#titArea h1#comment {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 5px;
}

div#titArea p {
	font-size: 12px;
	color: #333333;
}

/* ================================================================================
	Layout Settings
================================================================================ */
/* section */
.section {
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border: 1px solid #C8C8C8;
	margin-bottom: 10px;
	padding: 19px 19px 9px;
}

/* unitWrap */
.unitWrap {
	background-image: url(/img/imgGlobal/parts/promo/border.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 10px;
	padding-top: 10px;
}

.underLine {
	background-image: url(img/border.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 15px;
}

/* unitTitle */
.unitTitle {
	margin-bottom: 0px;
}
.unitTitle h2 {
	font-size:16px;
	margin-top: 20px;
	padding-top: 0.25em;
	padding-right: 0.5em;
	padding-bottom: 0.25em;
	padding-left: 0.5em;
}
.unitTitle p {
	padding: 0.25em 0.5em;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #DA7967;
	line-height: 1.2em;
	margin-bottom: 5px;
}
.aligncenter {
margin:0px 0 0;
text-align:center;
}
.aligncenter img {
}

.unitImg			{ float: left; }
.unitImg2			{}
.unitContents	{ float: right; }
.ps160 .unitImg img	{ width: 160px; }
.ps200 .unitImg img	{ width: 200px; }
.ps220 .unitImg img	{ width: 220px; }
.ps240 .unitImg img	{
	width: 240px;
}
.ps260 .unitImg img	{ width: 260px; }
.ps280 .unitImg img	{ width: 280px; }
.ps300 .unitImg img	{ width: 300px; }
.ps350 .unitImg img	{ width: 350px; }
.ps630 .unitImg2 img	{ width: 630px; }
.ps160 .unitContents { width: 460px; }
.ps200 .unitContents { width: 420px; }
.ps220 .unitContents { width: 400px; }
.ps240 .unitContents {
	width: 380px;
}
.ps260 .unitContents { width: 360px; }
.ps280 .unitContents { width: 340px; }
.ps300 .unitContents { width: 320px; }
.ps350 .unitContents { width: 270px; }

.unitContents p {
	line-height: 1.4em;
}

.unitWrap dl {
	font-size: 12px;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.unitWrap dl dt {
}

.unitWrap dl dt.left {
	float: right;
	width: 120px;
}

.unitWrap dl dt.right {
	float: left;
	width: 240px;
}

.unitWrap dl dd {
	padding-left: 1em;
}

/* ================================================================================
	div.unitText(画像ない用)
================================================================================ */
.unitText {
	width: 630px;
	margin-top: 15px;
}

.unitText p {
	margin-top: 10px;
}

.unitText dl {
}

.unitText dl dt {
}

.unitText dl dd {
	padding-left: 1em;
}



/* ================================================================================
	div.textArea(コメント用)
================================================================================ */
div.textArea {
	padding: 10px;
	background-color: #FFF3F1;
	margin-top: 10px;
}

div.textArea p {
	font-size: 12px;
	line-height: 1.4em;
}


/* ================================================================================
	styleBase 基本スタイル
================================================================================ */
.styleBase p {
	margin-bottom: 10px;
}
.styleBase h2 {
	font-size: 16px;
}
ul.listDetails {
	border-left: 4px solid;
	padding-left: 6px;
	margin-top: 10px;
	line-height: 1.3em;
	font-size: 12px;
}
ul.listDetails li {
	margin-bottom: 5px;
}

.styleNote {
	padding: 10px;
}

.notes {
	font-size: 10px;
	line-height: 1.3;
}

/* ================================================================================
	unitList
================================================================================ */

/*Layout設定*/
ul.unitList {
	margin-left: -12px;
}
ul.unitList li {
	margin-left: 12px;
	margin-bottom: 15px;
	width: 202px;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
}
ul.unitList li > div {
	width:202px;
	display:block;
}
/*ie7以下用CSShack*/
html ul.unitList li {
	/display: inline;
	/zoom:1;
}

/*style設定*/
ul.unitList li img {
	display: block;
	margin-bottom: 2px;
}
ul.unitList li p.size,
ul.unitList li p.price {
	border-left: 4px solid #999;
	padding-left: 4px;
}
ul.unitList li p.size {
	font-size: 10px;
}
ul.unitList li p.price {
	font-size: 12px;
}

/* 相殺 */
ul.unitList .listDetails {
}
ul.unitList .listDetails li {
	margin-left: 0px;
	margin-bottom: 10px;
	width: auto;
	display: -moz-inline-box;
	display: block;
	vertical-align: top;
}


/* ================================================================================
	common
================================================================================ */
