@charset 'UTF-8';
@import url(navi.css);

/*---------------------------------------------------------------------------
	body
---------------------------------------------------------------------------*/

body {
	background : url(../img/parts/bodytop_bg.jpg) 0px 70px repeat-x;
}

h1 {
	float: left;
	margin-top: 2px;
}
#header p {
	font-size: 11px;
	padding: 4px 0 2px;
	float: left;
}
#headnavi-box {
	width : 340px;
	float : right;
	margin-top : 4px;
	padding: 0;
	background : url(../img/parts/search_bg.jpg) no-repeat;
	text-align: right;
}

*html #headnavi-box {
	width : 363px;
}

/*---------------------------------------------------------------------------
	Main Visual
---------------------------------------------------------------------------*/
#mainvis {
	width: 960px;
}





/*---------------------------------------------------------------------------
	Content Layout
---------------------------------------------------------------------------*/
#content {
	width: 970px;
	margin-top: 0px;
	background: none;
	position: relative;
	left: -5px;
}
*html #content {
	position: relative;
	left: -3px;
}

#contentLeft {
	width: 640px;
	float: left;
}


#contentRight {
	width: 320px;
	float: right;
	background: none;
}







/* ================================================================ *
	
	Block Parts
	
 * ================================================================ */
 
 h2 {
 	line-height: 20px;
	margin-top: 28px;
 }
 h2#new-article {
	float:left;
	position: relative;
	left: -228px;
	height: 20px;
	width: 130px;
	margin-top: 12px;
}

 #h2-new {
	position: relative;
 }
 .listbox2 {
 	padding: 0px 10px 1px 15px;
 	background: url(../img/parts/toplistbox_bg02.jpg) 0 bottom no-repeat;
 }



/*----------- Topics Box  -----------*/
#topics,#case {
	clear : both;
	font-size : 0.8em;
	margin : 0 0 20px;
	padding : 10px 0 0;
	width : 290px;
}

#topics dt, #case dt {
	clear : both;
	float : left;
}
#topics dd, #case dd {
	margin : 0 0 10px;
	padding-left : 6.5em;
}

/* 新聞記事より */
.topics-cat1 {
	font-size: 10px;
	color: #FFFFFF;
	padding: 2px;
	background-color: #F57923;
}

/* 他サイト記事より */
.topics-cat2 {
	font-size: 10px;
	color: #FFFFFF;
	padding: 2px;
	background-color: #4A9AD9;
}

/* プレスリリース */
.topics-cat3 {
	font-size: 10px;
	color: #FFFFFF;
	padding: 2px;
	background-color: #2fcd1d;
}


/*----------- Button Setting -----------*/
.btn {
	display : inline;
	float : right;
	margin : -35px 10px 0 0;
	text-align: right;
}
.btn li {
	display : inline;
}
.btn a {
	display : block;
	height : 24px;
	overflow : hidden;
}

/*----------- Go Archives List -----------*/

#topics-btn a, #case-btn a{
	margin-top: 20px;
	width : 95px;
	height: 14px;
	font-size: 0.7em;
		padding-right: 18px;
}
#topics-btn a {
	background : url(../img/icon/liststyle11.gif) right 2px no-repeat;
}
#case-btn a {
	background : url(../img/icon/liststyle12.gif) right 2px no-repeat;
}
#topics-btn a:hover {
	background : url(../img/icon/liststyle13.gif) right 2px no-repeat;
}
#case-btn a:hover {
	background : url(../img/icon/liststyle14.gif) right 2px no-repeat;
}


/*----------- QuickNavi Button -----------*/
 .quicknavi-btn  {
 	margin: 20px 0 0 5px;
 }
 .quicknavi-btn img {
 	margin-right: 4px;
 }
  .quicknavi-btn p {
	font-size: 0.7em;
 }
 
 
 
/*----------- Tab AJAX -----------*/
#tabcontent {
	margin-top: 15px;
	margin-bottom: 0px;
}
#tabcontent ul {
	float : right;
	margin : -30px 0 0;
	width : 640px;
	background: url(../img/parts/tabcontent_upbg.jpg) left bottom no-repeat;
/*	padding-left: 228px;*/
}
#tabcontent li {
	display:inline;
	float: right;
}
#tabcontent li a.tabnavi01, #tabcontent li a.tabnavi02 {
	float : left;
	height: 39px;
	width: 140px;
	margint: 0;
}
 
 
/*----------- Table Style -----------*/
table.table01 {
	clear: both;
    width:600px;
    border-collapse: collapse;
    border-spacing: 10px;
	margin: 5px 0 20px 28px;
	font-size: 10px;
}

table.table01  th {
	width: 120px;
	text-align: left;
	line-height: 1.2;
	padding-top: 30px;
	padding-right: 20px;
	font-weight: normal;
}

table.table01  th img {
	float: left;
}

table.table01  th.thfirst {
	padding: 3px 0;
	margin: 0px 0;
}

table.table01  td {
    text-align: center;
	vertical-align: top;
}

table.table01  td.td01 {
	width: 120px;
    text-align: left;
	padding-bottom: 8px;
}

table.table01  td.td01 img {
	margin-top: 3px;
}

table.table01  td.td04 {
	width: 120px;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
}

table.table01  tr.tr01 {
    background-color: #E9E9EB;
}

table.table01 td.hot-col {
	text-align:left;
	padding: 5px 0px 2px 0;
}
/*----------- Otameshi -----------*/
.try {
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	font-size: 0.8em;
}
.tdtry {
	border: 1px solid #CCCCCC;
	padding: 4px;
}
.thtry {
	border: 1px solid #CCCCCC;
	padding: 4px;
	background-color: #ECECEE;
	width: 120px;
}


/*-- Counts Box --*/

table.table01 th.thcount {
	padding-top: 3px;
}

th.thcount p {
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 5px;
	color: #333333;
}
th.thcount a:link, th.thcount a:visited {
	display: block;
	width: 123px;
	height: 30px;
	line-height: 30px;
	background: url(../img/btn/top_golist01.gif) left bottom no-repeat;
	text-align: center;
	color: #FFFFFF;
}
.num-red {
	color: #C6235A;
}


.pwcount:after {
	content: "."; 
	display: block; 
	clear: both;
	height: 0;
	visibility: hidden;
}
dl.pwinfo , dl.pwcount {
	width: 120px;
	margin: 0;
	padding: 0;
}

.pwcount dt {
	width : 40px;
}
.pwinfo dt,
.pwcount dt,
.pwcount dt img {
	clear : both;
	float : left;
}

.pwinfo dd {
	margin : 0 0 0px;
	padding-left : 6em;
}
.pwcount dd {
	height : 25px;
	text-align: right;
	margin : 0 0 5px;
/*	padding-top : 1px;*/
	line-height : 40px;
	vertical-align: middle;
}

dl.pwcount dd em {
	font-style: normal;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}

/* ----- お試し購入売り切れ ----- */

#sold-out {
	clear: both;
	margin-bottom: 20px;
	color: #FF0000;
}
#sold-out #head {
	margin-bottom: 5px;
	font-size: 1.9em;
	font-weight: normal;
}
#sold-out #inq-btn {
	float: right;
	margin: 0px;
	padding-right: 5px;
}