body { margin: 0px; }
em {
color:#ff0000 ;
font-style: normal;
}
.font10  { color: #4a4a4a; font-size: 10px; line-height: 14px; text-decoration: none }
.font12  { color: #4a4a4a; font-size: 12px; line-height: 16px; text-decoration: none }
a:link { color: #4a4a4a; font-size: 100%; line-height: 16px; text-decoration: none }
.font10_num { color: #7c724a; font-size: 10px; line-height: 14px; text-decoration: none  }
.td_alt  { background-image: url(../images/header_space.gif) }

td { color: #4a4a4a; font-size: 12px; line-height: 16px; 
text-decoration: none }





p .msg03{
font-size:80%;
}


/*ソート＆表示方法*/
.rmenu{
mwargin:2px 0px 2px 10px;
width:450px;
height:15px;
font-size:80%;
}

.rmenu_t{
margin:2px 0px 2px 0px;
width:450px;
height:15px;
font-size:80%;
}

.rmenu .menu01,
.rmenu_t .menu01{
float:left;
width:65px;
padding:1px 0px 1px 0px;
color:#796C55;
text-align:center;
background-color:#ECB933;
border-style:solid;
border-width:0px;
border-color:#BAB4A5;
/*font-size:80%;*/
}

.rmenu .menu02,
.rmenu_t .menu02{
padding:1px 0px 1px 0px;
float:left;
color:#ECB933;
/*font-size:80%;*/
}

.menu02 a:link,
div#rightArea p.menu02 a:visited,
div#rightArea p.menu02 a:active{
color:#9F9584;
}

.menu02 a:hover{
color:#796C55;
}

.tdlmenu{
margin:2px 0px 2px 0px;
width:450px;
height:15px;
font-size:90%;
}

.tdlmenu .tdlmenu01{
float:left;
width:65px;
padding:1px 0px 1px 0px;
color:#796C55;
text-align:center;
background-color:#D6D0C5;
border-style:solid;
border-width:0px;
border-color:#BAB4A5;
font-size:90%;
}

.tdlmenu .tdlmenu02{
padding:1px 0px 1px 0px;
float:left;
color:#ECB933;
font-size:90%;
}


/********* 選択商品の確認とダウンロードボタン *********/
div.downloadbtn{
text-align:right;
margin:0px 12px 0px 0px;
}

div.downloadbtn_t{
text-align:right;
margin:0px 3px 0px 0px;
}

div.downloadbtn a img,
div.downloadbtn_t a img{
border-style:none;
}
/**********************************/


/*--- ページ送り --*/
.page{
clear:left;
color:#B6B39E;
text-align:right;
margin:20px 10px 20px 0px;
/*font-size:80%;*/
}

table td .page{
clear:left;
color:#B6B39E;
text-align:right;
margin:20px 10px 20px 0px;
/*font-size:80%;*/
}

/**　ダウンロードの説明　**/
.explain{
font-size:11px;
padding-left:3px;
}


/**　ダウンロード完了ページ　**/ /* 2009.07 サイト機能アップグレード */
.download-message {
	width: 500px;
	margin-left : auto ;
	margin-right : auto ;
	text-align:center;
	padding:0px 10px 0px 10px;
	font-size:1.2em;
	color:#666666;
	}
.dlflink{
	text-align: left;
	color:#B6B39E;
	margin:20px 10px 20px 160px;
}

/**********************************/


/* ■■COMMON
-------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}

html {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	}

body {
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
	font-size: 62.5%;
	margin: 0 auto;
	text-align: center;
	color: #666;
	background: #fff;
	height: 100%;
	}

img {
	border: 0;
	}

.clear {
	clear: both;
	}

ul li a {
	overflow: hidden;
	}

a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #949494; text-decoration: underline; }
a:active { color: #000; text-decoration: none; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}

.clearfix { display: inline-block; }

/* exlude MacIE5 */
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* end exlude MacIE5 */

p {
	font-size: 1.2em;
	line-height: 1.8;
	padding-bottom: 12px;
	}

.txt10 {
	font-size: 0.83em;
	}


.red {
	color: #af3146;
	}










/* ■■HEADER
-------------------------------------------------------------------*/
h1 {
	font-size: 1.5em;
	line-height: 1;
	text-indent: -999em;
	width: 768px; height: 84px;
	background: url(../images/header.gif) left top no-repeat;
	}


/* ■■BASE
-------------------------------------------------------------------*/
#main {
	width: 768px;
	margin: 0 auto;
	text-align: left;
	color: #666;
	background: #fff;
	}


/* ■検索フォーム -----*/
#search {
	width: 690px;
	padding: 0 38px;
	margin-top: 20px;
	}

#search .area-block {
	width: 690px;
	background: #fbfbfb;
	border: 1px solid #ebebeb;
	margin-bottom: 20px;
	}

#search .search-ttl {
	padding: 30px 0 0 27px;
	text-align: left;
	}

#search .search-subttl {
	padding: 24px 0 18px 0;
	text-align: center;
	}

#search table {
	text-align: left;
	}

#search .form-area {
	height: 156px;
	background: url(../images/bg_search_02.gif) left top repeat-x;
	text-align: center;
	}

#search .example {
	padding: 20px 18px 0 18px;
	font-size: 1.2em;
	line-height: 1.6;
	text-align: left;
	}

#search p {
	font-size: 1.2em;
	line-height: 1.6;
	text-align: center;
	}

#search p.s-btn {
	padding: 10px 0 20px 0;
	text-align: center;
	}

#search input {
	margin-top: 10px;
	}

#example {
	width: 500px;
	padding-bottom: 20px;
	}

#example p {
	font-size: 1.2em;
	line-height: 1;
	}

#example table {
	width: 500px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}

#example td {
	padding: 3px 8px 3px 8px;
	font-size: 1.2em;
	line-height: 1.6;
	text-align: left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#example td.blue {
	background: #f1f9ff;
	}


/* ■一覧 -----*/
#navi-top {
	padding: 12px 8px;
	}

#navi-top .sort {
	float: left;
	width: 554px;
	padding: 3px 0 20px 0;
	}

#navi-top .sort-mark {
	float: left;
	width: 47px;
	vertical-align: bottom;
	}

#navi-top .sort-list {
	float: right;
	width: 507px;
	text-align: left;
	}

#navi-top .title {
	float: left;
	width: 108px;
	padding: 3px 0 20px 0;
	vertical-align: bottom;
	}

#navi-top .dl {
	float: right;
	width: 198px;
	vertical-align: bottom;
	}

#navi-top ul {
	padding: 3px 0 0 15px;
	color: #000;
	font-size: 1.2em;
	line-height: 1.2;
	}

#navi-top li {
	display: inline;
	padding: 0 3px;
	}

#navi-top .delimit {
	margin-left: 2px;
	padding-left: 0.7em;
	border-left: 1px solid #c9c9c9;
	}

#navi-top .result {
	float: left;
	font-size: 1.4em;
	line-height: 1.4;
	color: #3c3c3c;
	font-weight: bold;
	}

#navi-top .page {
	float: right;
	}

#list {
	width: 768px;
	}

#list .cell-block {
	width: 768px;
	text-align: center;
	background: url(../images/bg_list.gif) left top repeat-y;
	margin-bottom: 20px;
	}

#list .cell-top {
	width: 768px;
	}

#list ul li {
	list-style: none;
	}

#list ul {
	padding: 0 8px;
	}

#list li.cell {
	display: inline;
	padding-bottom: 15px;
	}

#list li.cell {
	float: left;
	width: 170px;
	}

#list .cell_01 {
	width: 170px;
	}

#list .cell_02 {
	width: 170px;
	padding-left: 24px;
	}

#list .cell_03 {
	width: 170px;
	padding-left: 24px;
	}

#list .cell_04 {
	width: 170px;
	padding-left: 24px;
	}

#list .inner {
	margin: 0 14px;
	text-align: center;
	}

#list .frame {
	width: 140px; height: 140px;
	background: #fff;
	border: 1px solid #e1e5e7;
	text-align: center;
	}

#list .photo {
	margin: 19px;
	}

#list .code {
	width: 170px;
	text-align: left;
	}

#list span {
	font-size: 1.0em;
	line-height: 1.8;
	text-align: left;
	padding-left: 16px;
	}

#list .btn-area {
	width: 140px;
	text-align: left;
	padding: 3px 0 0 0;
	}

#list .btn-l {
	float: left;
	}

#list .btn-r {
	float: right;
	}

ul.name {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 15px 0 0 0;
	text-align: left;
	}

li.mark {
	font-size: 1em;
	line-height: 1.4;
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../images/square.gif) 0 0.40em no-repeat;
	}

#list .cell-btm {
	width: 768px;
	}

/* ■詳細 -----*/
#detail {
	padding: 0 24px;
	text-align: center;
	}

#detail .area-block {
	width: 720px;
	background: url(../images/bg_detail.gif) left top repeat-y;
	margin-bottom: 20px;
	}

#detail .area-top {
	width: 720px;
	}

#detail .detail-area {
	padding: 0 30px;
	text-align: left;
	}

#detail .name-area {
	padding: 0 0 15px 30px;
	text-align: left;
	}

#detail .p-name {
	font-size: 1.2em;
	line-height: 1.6;
	color: #3c3c3c;
	font-weight: bold;
	}

#detail input {
	margin-right: 10px;
	}

#detail .area-btm {
	width: 720px;
	}

.detail-area .frame p{
	margin-top:20px;
	}

#detail .frame {
	float: left;
	width: 170px;
	background: #fff;
	border: 1px solid #d4d9db;
	text-align: center;
	margin:0px;
	}

#detail .frame .micon{
	border-bottom: 1px solid #d4d9db;
}

#detail .photo {
	margin: 14px;
	}

#detail .photo-line {
	width: 170px;
	background: #d4d9db;
	}

#detail .info {
	float: right;
	width: 458px;
	padding: 0 0 20px 30px;
	text-align: left;
	}

#detail p {
	font-size: 1.2em;
	line-height: 1.6;
	}

#detail ul li {
	list-style: none;
	}

#detail li {
	font-size: 1.2em;
	line-height: 1.8;
	}

#navi-bottom {
	padding: 0 8px;
	}

#navi-bottom .page {
	float: right;
	}


.detailcheck{
	margin-top:3px;
	margin-left:3px;
	}


/********* カテゴリ *********/ /* 2009.07 サイト機能アップグレード */
li.category {
	font-size: 1.2em;
	line-height: 1.4;
	margin: 0 0 3px 30px;
	padding: 0 0 0 10px;
	background: url(../images/square.gif) 0 0.40em no-repeat;
	}

div.showcate,div.pankuzu,div.result-pankuzu {
	font-size:1.3em;
}

div.showcate {
	margin:0px 5px 5px 30px;
}

div.pankuzu {
	text-align: left;
	margin:15px 5px 15px 30px;
}


/********* 商品一括選択 *********/ /* 2009.07 サイト機能アップグレード */
#navi-top .col-select {
	float: left;
	width: 554px;
	padding: 3px 0 3px 0;
	}

#navi-top .select-mark {
	float: left;
	width: 47px;
	vertical-align: bottom;
	}

#navi-top .select-menu {
	float: right;
	width: 507px;
	text-align: left;
	}


/********* システムメッセージ *********/ /* 2009.07 サイト機能アップグレード */
#message-head {
	text-align: left;
	background: url(../images/header_space.gif) repeat-x;
}

.system-message {
	width:700px;
	margin-left : auto ;
	margin-right : auto ;
	text-align:left;
	padding:20px 10px 0px 10px;
	font-size:1.2em;
	color:#666666;
}

.system-message h2 {
	font-size: 1.4em;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 30px;	
	}
.system-message ul {
	margin: 7px 0px 30px 30px;
	}
.system-message li {
	font-size: 1.2em;
	line-height: 150%;
	margin-top: 6px;
	}


dl.attention {
	width: 700px;
	margin-left : auto ;
	margin-right : auto ;
	text-align : left ;
	font-size : 1.2em;
}
dl.attention dt {
	padding:20px 10px 10px 10px;
	font-size: 1.2em;
	font-weight: bold;
}
dl.attention dd {
	border: dashed 1px  #666666;
	padding:20px ;
	}



/********* 選択商品一覧ページ *********/
.bntitle{
background-color:#D6D0C5;
text-align: left;
/*width:485px;*/
height::auto;
padding:3px 0px 3px 15px;
margin:8px 10px 2px 0px;
color:#9F9584;
font-size:100%;
font-weight:bold;
}

/*検索結果*/
.count{
padding:0px 0px 0px 2px;
margin:1px 10px 5px 0px;
font-size:100%;
text-align:right;
color:#7C7B93;
}

.downloadsetting{
font-size:95%;
text-align:left;
color:#333333;
margin:5px 0px 10px 0px;
border:solid 1px #ECB933;
padding:5px 5px 15px 35px;
line-height: 110%;
}

.downloadsetting p{
font-size:105%;
padding:2px 0px 2px;
margin:0px 0px 0px;
}


.download_title{
font-size:100%;
color:#cc0000;
}


.download_comment{
font-size:105%;
}


/*一覧商品を全て選択*/
.func{
margin:0px 10px 5px 0px;
text-align:right;
color:#B6B39E;
font-size:80%;
}

p.func a:link,
p.func a:visited,
p.func a:active{
color:#000;
}

p.func a:hover{
color:#949494;
}

.bline{
width:485px;
border-bottom:solid 1px #D6D3CB;
padding:2px 0px 2px 0px;
}

.bline .bspec{
font-size:100%;
line-height: 110%;
float:left;
margin:2px 0px 0px 12px;
width:300px;
}

.bspec p{
padding:0px 0px 0px;
margin:0px 0px 0px;
}

.bline .btn{
float:left;
margin-left:10px;
width:auto;
text-align:right;
}

.sbox{
border:1px solid gray;
background-color: #FFFFFF;
width:172px;
height:102px;
margin-bottom: 10px;
}

.sbox img{
margin-left:auto;
margin-right: auto;
}

/********* footer *********/ /* 2009.07 サイト機能アップグレード */
#footer {
	width:700px;
	margin-left : auto ;
	margin-right : auto ;
	text-align: right;
	padding:20px 10px 0px 10px;
	font-size:1.2em;
	color:#666666;
}

.hide { display: none; }