@charset "utf-8";
/*============================*/
/* TOPインラインフレーム用CSS */
/*============================*/

body {
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  line-height : 150%;
  font-size : 80%;
  font-family : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "MS PGothic", "sans-serif";
}

img{
  border:none;
}


  /* リンク ---------------------------------------------------------------- */
a {
  color : #3366cc;
/*  background : transparent;*/
}
a:visited {
/*  background : transparent;*/
}

a:hover,a:active {
/*  background : transparent;*/
}

a:focus{
 outline:none;
}


/* table ---------------------------------------------------------------- */
table{
  margin:0;
  padding:0;
  border-collapse:collapse;
  vertical-align:top;
}

th,td{
  margin:0;
  padding:0;
  vertical-align:top;
}

/* --------------------
	div.contents
-------------------- */
div.contents{
  width:531px;
  background:url(../image/inline/top_f_middle.gif) repeat-y left top;
}


/* ======================================================
	__wrapper_user
====================================================== */
div#wrapper_user{
  width:531px;
}

/* table.first */
div#wrapper_user table.first{
  background:url(../image/inline/bg_green.gif) repeat-x center top;
}
/* table.user */
div#wrapper_user table.user{
  background:url(../image/inline/bg_blue.gif) repeat-x center top;
}
/* table.shop */
div#wrapper_user table.shop{
  background:url(../image/inline/bg_orange.gif) repeat-x center top;
}


/* コンテンツ枠 ---------------------------------------------------------------- */
table table{
  margin:0;
  padding:0;
}

/* 左背景 */
table table td.left{
  width:8px;
  background:url(../image/inline/top_f_left.gif) repeat-y left top;
}

/* 右背景 */
table table td.right{
  width:8px;
  background:url(../image/inline/top_f_right.jpg) repeat-y left top;
}



/* コンテンツテーブル ---------------------------------------------------------------- */
table table table{
  width:129px;
  margin:10px 0;
  border-right:1px solid #E4E6E3;
}

/* 区切り線なし */
table table table.last{
  width:128px;
  border:none;
}

table table table td{
  text-align:center;
}

/* p */
table table table td p{
  margin:0;
}

/* ul */
table table table td ul{
  margin:5px 0;
  padding:0;
  text-align:left;
  list-style:none;
}

table table table td ul li{
  margin:0 5px 3px;
  padding:0px;
  background:url(../image/circle.jpg) no-repeat 3px 5px;
  line-height:1.4em;
}

.li_n{
  margin:0 5px 3px;
  padding:0px;
  background:url(../image/circle_n.jpg) no-repeat 3px 5px;
  line-height:1.4em;
}


/* ----------------------------------
	IE6ハック__<li>下に謎のマージン
	※<li>改行が原因
---------------------------------- */
table table table td ul li{
  _margin-bottom:-10px;
}


table table table td ul li a,
table table table td ul li span.empty{
  display:block;
  margin:0px 0px 0px 15px;
  padding:0px;
}

table table table td ul li span.empty{
  color: #999999;
}




/* 上段 */
table table table td.inner_top{
  height:190px;
}

/* 下段 */
table table table td.inner_bottom{
  height:150px;
}

/*------------------------ 2011年12月リニューアル -------------------------- */
/* 立場共通 */
.contents_area {
	width:515px;
	display:block;
	}
#contents_top {
	width:509px;
	display:block;
	margin-left:10px;
	}
	
#contents_middle {
	width:509px;
	display:block;
	margin-left:10px;
	}
	
#contents_bottom {
	width:509px;
	display:block;
	margin-left:10px;
	}
	


.selector02{  
    border-left:5px solid #013f7f;  
    border-bottom:1px dotted #013f7f;  
    padding:.1em .5em;
	font-weight:bold;
	margin-top:2px;
	font-size:12px;
	color:#000099;
}

.selector02 a {
	text-decoration:none;
	}
	
.selector02 a:hover {
	color:#CC0000;
	}

p.cat6text {
	font-size:10px;
	padding:0px;
	margin:0px;
	}

#top_left {	
	width:243px;
	float:left;
	display:block;
	}
	
#top_right {	
	width:243px;
	float:left;
	display:block;
	margin-left:8px;
	}
	
#middle_left {	
	width:243px;
	float:left;
	display:block;
	}
	
#middle_right {	
	width:243px;
	float:left;
	display:block;
	margin-left:8px;
	}
	
#bottom_left {	
	width:243px;
	float:left;
	display:block;
	}
	
#bottom_right {	
	width:243px;
	float:left;
	display:block;
	margin-left:8px;
	}
	
ul.contents_detail {
	margin-top:3px;
	margin-left:10px;
	padding:0px;
	font-size:90%;
	list-style:none;
	line-height:1.5em;
	}

li.contents_detail a {
	text-decoration:none;
	}
	
li.contents_detail a:hover {
	color:#CC0000;
	}
	
.selector02_b{  
    border-left:5px solid #013f7f;  
    border-bottom:1px dotted #013f7f;  
    padding:.1em .5em;
	font-weight:bold;
	margin-top:2px;
	font-size:12px;
	color:#000099;
}

.selector02_b a {
	text-decoration:none;
	}
	
.selector02_b a:hover {
	color:#CC0000;
	}