/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ /
	global.css目次:
	┗基本スタイル
	 ┣リンク色
	 ┗レイアウト
	┣ヘッダ要素
	┣H1
	┣フッタ　
	┣幅　
	┣スペース　
	┣フォント
	┣表示
	┣ヘルプバルーン表示
	┗clearfix
/ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* 基本スタイル------------------------------------------------ */

* {
	margin: 0px;
	padding: 0px;
}
html,body{
	height:100%;
}
body {
	background:#f0f1ef url(https://img1.kakaku.k-img.com/images/engawa/bg_allbox.gif) repeat-y center;
	padding:0;
	color: #333333;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro" ,Osaka ,arial ,verdana ,sans-serif;
}
html>/**/body {font-size /*\**/: small\9 }

.none {
	height: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	border: 0px;
}
.vt {
	vertical-align: top;
}
.vm {
	vertical-align: middle;
}
.vb {
	vertical-align: bottom;
}
.alignL {
	text-align: left;
}
.alignR {
	text-align: right;
}
.alignC {
	text-align: center;
}
html>body .alignC {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.floatClear {
	clear: both;
}
img {
	border: 0px;
}
ul,ol {
	padding: 0px;
	margin: 0px;
}
.block {
	display:block;
}

/* リンク色
------------------------------------------------ */
a:link {
	color: #0000dd;
	text-decoration: underline;
}
a:visited {
	color: #993399;
}
a:hover {
	color: #0099ff;
	text-decoration: underline;
}
/* レイアウト
------------------------------------------------ */
#all {
	padding:0;
	margin: 0;
	text-align: center;
}
/* 幅リキッド */
#contents {
	margin: 0px auto;
	text-align: left;
}
/* 幅930 */
#contents930 {
	width: 930px;
	margin: 0px auto;
	text-align: left;
}
#engawa {
	background:#fff;
	width:100%;
	height:100%;
	min-height:100%;
}
body > #engawa {
　height:auto;
}


/* ヘッダ要素
------------------------------------------------------------------------------------------------ */
#header {
	width:100%;
}
#header .subArea,
#header .logoArea {
	text-align:left;
}
#header .subArea {
	height:17px;
	color:#fff;
	font-size:10px;
	line-height:17px;
	text-indent:7px;
}
#contents930 #header .subArea {background:url(https://img1.kakaku.k-img.com/images/engawa/global/bg_subttl.gif) no-repeat left bottom;}
	/* color */
	#default #header .subArea {	background-color:#8dc13f;}
	#yellow #header .subArea {	background-color:#feae00}
	#blue #header .subArea {	background-color:#3398cc;}
	#pink #header .subArea {	background-color:#ffa4d1;}
	#brown #header .subArea {	background-color:#aa8044;}
#header .logoArea {
	float:left;
	background:url(https://img1.kakaku.k-img.com/images/engawa/global/bg_rogo.gif) no-repeat;
	width:35%;
	height:45px;
	margin-top:8px;
	padding-left:6px;
}
#header .logoArea h1{
	display:inline;
}
#header .logoArea .toKakaku {
	margin:0 0 0 61px;
}
#header .logoArea img {
	vertical-align:bottom;
}
#header .logoArea .toKakaku img {
	vertical-align:top;
	margin-top:32px;
}
#header .sMenuArea {
	float:right;
	width:50%;
}
#header .sMenuArea,
.guideArea,
.loginArea {
	text-align:right;
	font-size:13px;
}
.guideArea a,
.loginArea a {
	padding:2px 2px 0px 18px;
	text-decoration:none;
}
.guideArea {
	margin:15px 0 5px 0;
}
.guideArea .guide {
	background:url(https://img1.kakaku.k-img.com/images/engawa/global/icon_guide.gif) no-repeat left center;
}
.guideArea .kakakusite {
	background:url(https://img1.kakaku.k-img.com/images/engawa/bg_dot_h.gif) repeat-y 5px;
}
.loginArea .myengawa {
	background:url(https://img1.kakaku.k-img.com/images/engawa/global/icon_engawa.gif) no-repeat left center;
}
.loginArea .sign {
	background:url(https://img1.kakaku.k-img.com/images/engawa/global/icon_login.gif) no-repeat left center;
}
.loginArea .register {
	padding:2px 2px 0px 22px;
	background:url(https://img1.kakaku.k-img.com/images/engawa/global/icon_register.gif) no-repeat left center;
}
.loginArea .sign {
	background:url(https://img1.kakaku.k-img.com/images/engawa/global/icon_login.gif) no-repeat left center;
}
.loginArea .mypage {
	background:url(https://img1.kakaku.k-img.com/images/engawa/global/icon_mypage.gif) no-repeat left center;
}

/* H1
------------------------------------------------ */
.h1Area {
	position: relative;
	width:100%;
	padding-bottom:1px;
	border-top:3px solid #efefde;
	border-bottom:1px solid #e2e2c7;
}
	* html #contents .h1Area {
		position: static;
		width: 100%;
		margin-bottom:7px;
		padding-bottom:1px;
		border-top:3px solid #efefde;
		border-bottom:1px solid #e2e2c7;
	}

.h1deco {
	border-top:1px solid #e2e2c7;
	width:100%;
	background:url(https://img1.kakaku.k-img.com/images/engawa/global/bg_h1.gif) repeat-x top;
}
.h1bg {
	margin-left:10px;
	text-align:left;
}
.h1Area img {
	position: absolute;
	top: 3px;
	right: 5px;
	width: 24px;
	height: 24px;
	display: block;
}
	* html #contents .h1Area img {
		width: 24px;
		height: 24px;
		float: right;
		position: static;
	}
* html #contents h1 {float: left;} 

.h1Area img.iconAd {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 60px;
	height: 20px;
	display: block;
}
	* html #contents .h1Area img.iconAd {
		width: 60px;
		height: 20px;
		float: right;
		position: static;
	}
/* H1 ------------------- */
.h1Area h1 {
	padding: 7px 30px 7px 15px;
	font-size: 122%;
	font-weight: bold;
	line-height: 120%;
	background:url(https://img1.kakaku.k-img.com/images/engawa/global/point_h1.gif) no-repeat left center;
}
	.h1Area h1 a,h1 a:visited,h1 a:hover {
		font-weight: bold;
		color: #333;
		text-decoration: none;
	}
	.h1Area h1 .subtitle {
		font-size: 92%;
		color: #E65C51;
		font-weight	: bold;
		margin-left:15px;
	}

/* path ------------------- */
.path {
	text-align:left;
	padding:5px 0 5px 10px;
}

/* ページの先頭へ
------------------------------------------------ */
.pageTop {
	background:#e8e8cb ;
	margin-top:20px;
	padding:6px 0;
	width:100%;
	text-align:right;
}
.pageTop a {
	background:url(https://img1.kakaku.k-img.com/images/engawa/global/icon_pagetop.gif) no-repeat right center;
	margin:0 10px;
	padding-right:13px;
}

/* フッタ
------------------------------------------------ */
#footer {
	clear: both;
	width:100%;
	color:#666;
}
#footer .footerNavi {
    margin: 1px 17px 0;
    padding: 12px 2px 0;
	color:#666;
}
#footer .footerNavi dl {
	list-style:none;
	width:100%;
	margin-bottom:10px;
}
#footer .footerNavi dt,
#footer .footerNavi dd {
	display:inline;
	margin:3px 0;
	font-size:85%;
	color:#777;
	line-height:1.5;
	word-break:break-all;
}
#footer .footerNavi dt {
	font-weight:bold;
	margin-right:2px;
}
#footer .footerNavi dd {
	color:#ccc;
}
#footer .footerNavi dd a {
	margin-right:2px;
}
#footer .footerNavi dd a,
#footer .footerNavi dd a:visited {
	color:#666;
	text-decoration:none;
}
#footer .footerNavi dd a:hover {
	color:#09f;
}
#footer .footerCc {
	width:100%;
	padding:7px 0;
	text-align:center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#footer .footerCc a,
#footer .footerCc a:visited {
	color:#666;
}
#footer .footerCc a:hover {
	color:#09f;
}
#footer .copyRight {
	text-align:center;
	padding:7px 0;
	font-size:85%;
}
/* フッタB　サイト内リンク */
#footer .footerNavi-new {
    margin: 0 17px 18px;
	background: #f5f5f5;
	padding:12px 12px 0;
}
#footer .footerNavi-new ul {
	padding: 0 0 10px 0;
	margin: 0px;
    color: #666666;
	text-align: left;
}
#footer .footerNavi-new ul li.theme {
	font-weight:bold;
	color: #777777;
	padding-right:2px;
}
#footer .footerNavi-new ul li {
	display:inline;
	color: #CCCCCC;
	font-size: 85%;
	line-height: 1.5;
}
#footer .footerNavi-new ul li a,
#footer .footerNavi-new ul li a:link, 
#footer .footerNavi-new ul li a:visited {
    color: #666666;
	text-decoration: none;
}
#footer .footerNavi-new ul li.theme a,
#footer .footerNavi-new ul li.theme a:link, 
#footer .footerNavi-new ul li.theme a:visited {
    color: #666666;
	text-decoration: none;
}
#footer .footerNavi-new ul li a:hover {
	color:#09f;
	text-decoration: none;
}
#footer .footerNavi-new ul li.theme a:hover {
	color:#09f;
	text-decoration: none;
}

/* 幅
------------------------------------------------ */
.w930{
	width: 930px;
}
.w750{
	width: 750px;
}
.w700{
	width: 700px;
}
.w605{
	width: 605px;
}
.w150{
	width: 150px;
}
.w135{
	width: 135px;
}
.w120{
	width: 120px;
}
.w90{
	width: 90px;
}
.wLiquid {
	width: 100%;
}
/* スペース
------------------------------------------------ */
.mTop5 {
	margin-top: 5px;
}
.mTop8 {
	margin-top: 8px;
}
.mTop10 {
	margin-top: 10px;
}
.mTop15 {
	margin-top: 15px;
}
.mTop20 {
	margin-top: 20px;
}
.mTop30 {
	margin-top: 30px;
}

.mLeft5 {
	margin-left: 5px;
}
.mLeft10 {
	margin-left: 10px;
}
.mLeft20 {
	margin-left: 20px;
}
.mRight5 {
	margin-right: 5px;
}
.mRight10 {
	margin-right: 10px;
}

.mBtm5 {
	margin-bottom: 5px;
}

.mBtm10 {
	margin-bottom: 10px;
}
.p8 {
	padding: 8px;
}
.pTop5 {
	padding-top: 5px;
}
.pTb40 {
	padding: 40px 0px;
}

/* フォント
------------------------------------------------ */
.font10 {
	font-size: 10px;
}
.font11 {
	font-size: 11px;
}
.font12 {
	font-size: 12px;
}
.font14 {
	font-size: 14px;
}
.font17 {
	font-size: 17px;
}
.font10L {
	font-size: 77%;
}
.font11L {
	font-size: 85%;
}
.font12L {
	font-size: 92%;
}
.font14L {
	font-size: 107%;
}
.font17L {
	font-size: 129%;
}
.font20 {
	font-size: 20px;
}
.fontNormal {
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
.fontRed {
	color: #FF0000;
}
/* 表示
------------------------------------------------ */
.hand {
	cursor: pointer;
}
.hidden {
	display: none;
}

/* ヘルプバルーン表示
------------------------------------------------ */
.bl_top, .bl_topL, .bl_topR, 
.bl_mid, 
.bl_btm, .bl_btmL, .bl_btmR { behavior: expression(IEPNGFIX.fix(this));} 

.helpBT {
	cursor:pointer;
}
.balloon {
position:absolute;
width:324px;
display:none;
z-index:999;
}
.bl_top {
width:324px;
height:10px;
overflow:hidden;
}
.bl_topL {
width:324px;
height:27px;
overflow:hidden;
}
.bl_topR {
width:324px;
height:27px;
overflow:hidden;
}


.bl_mid {
width:324px;
}
.bl_mid .Inbox { padding:0 13px 1px 10px; }
.bl_mid .Inbox table {
border-top:1px solid #ababab;
border-left:1px solid #ababab;
}
.bl_mid .Inbox table th,
.bl_mid .Inbox table td {
border-bottom:1px solid #ababab;
border-right:1px solid #ababab;
background:none;
padding:5px;
line-height:140%;
vertical-align:top !important;
}
.bl_mid .Inbox table td.list { background:#f2f5f7;}
.bl_mid .Inbox table.catalog {
border:none;
width:100%;
}
.bl_mid .Inbox table.catalog td {
border:none;
width:33%;
text-align:center;
padding:3px;
}
.bl_mid .Inbox table th {
background:#e5ecf0;
padding:3px 5px;
font-weight:bold;
}
.bl_btm {
width:324px;
height:34px;
text-align:right;
}
.bl_btmL {
width:324px;
height:49px;
text-align:right;
}
.bl_btmR {
width:324px;
height:49px;
text-align:right;
}

.balloon p.Title {
border-left:5px solid #7f7f7f;
padding:0 5px;
margin:0 0 10px 0;
font-weight:bold;
text-align:left;
}

.bl_btm .close, .bl_btmL .close, .bl_btmR .close { 
padding:3px 13px 0 10px; 
}

.balloon p {
color:#333333;
margin:0;
padding:0px 0 10px 0;
}
.balloon p.caption {
font-size:88%;
padding:0px 0 0px 0;
}

/*テーブル用スタイル*/
.bl_mid table.specList{
	border-left:1px solid #ababab;
	border-bottom:1px solid #ababab;
	border-collapse:collapse;
	border-spacing:0;
	width:300px;
	margin-bottom:10px;
}

.bl_mid table.specList th{
	background:#E5ECF0;
}

.bl_mid table.specList th, .bl_mid table.specList td{
	border-right:1px solid #ababab;
	border-top:1px solid #ababab;
	padding:2px 4px 4px 4px;
	text-align:center;
}

/* wordBreak 
------------------------------------------------ */
table.wordBreak, td.wordBreak {
	word-break:break-all;
	word-wrap:break-word;
}
div.wordBreak, p.wordBreak, dl.wordBreak, dt.wordBreak, dd.wordBreak, ul.wordBreak, li.wordBreak, h2.wordBreak, h3.wordBreak, h4.wordBreak {
	word-wrap:break-word;
}
span.wordBreak, strong.wordBreak {
	word-wrap:break-word;
	white-space:pre-wrap;
}

/* clearfix
------------------------------------------------ */
#header:after,
.h1Area:after,
.h1bg:after,
#mainContents:after,
#main:after,
#main #linkList ul:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*end*/