@charset "UTF-8";

/*色を変えたら、変更する色
	青ver
	#HEAD,#FOOT=>border:1px solid #99c;
	.object td,.object th=>border : 1px solid #044c92;
	赤黄ver
	=>border : 1px solid #c93;
	=>border : 1px solid #f4924c;
	緑ver
	=>border : 1px solid #9c9;
	=>border : 1px solid #04924c
	黄ver
	=>border : 1px solid #ec9;
	=>border : 1px solid #ffa500;
*/


#HEAD,#FOOT,#SAMPLE_HEAD, #SAMPLE_FOOT{
	border : 1px solid #99c;
}

.object th,.object td{
	border : 1px solid #044c92;
}

*{
	text-align : left;
	border : 0px;
	padding : 0px;
	margin : 0px;
}
	
/* --------------------
	共通
---------------------------------------- */
#DIV_CONT table{
	width : 600px;
	padding : 0px 5px;
	margin : 0px auto;
	margin-top : 10px;
}
/*--------------------*/
	
html{
	width : 100%;
	height : 100%;
}

body{
	width : 100%;
	height : 100%;
	font-family:  "メイリオ","ＭＳゴシック",Arial, Helvetica, sans-serif;
	font-size : 13px;
	background : url(image/frame.gif);
	background-repeat : no-repeat;
	background-position : center center;
	background-attachment : fixed;
	letter-spacing: 0.1ex;
	border : 0px;
	padding : 0px;
	margin : 0px;
}
	
#CONTAINER, #CONTAINER_TD{
	width : 100%;
	height: 100%;
	background : transparent;
	text-align : center;
	vertical-align : middle;
	border : 0px solid #00f;
	padding : 0px;
	margin : 0px auto;
}
	
#MAIN{/*ヘッダフッタを含めたテーブル*/
	width : 640px;
	height : 480px;
	background : url(image/ruled_line.gif);
	background-repeat : repeat;
	background-position : top left;
	vertical-align : middle;
	border : 0px;
	margin : 0px auto;
	
}

#MAIN td{
	line-height : 1.4em;
}
	
#DIV_CONT{
	height : 350px;
	background : transparent;
	border : 0px;
	padding : 0px;
	margin : 0px;
	overflow : auto;
	overflow-x : auto;
	overflow-y : scroll;
}
	
#MENU{
	height : 70px;
	background : transparent;
}
	
#MENU a, #MENU img{
	border : 0px;
}
	
#HEAD,#FOOT{
	height: 30px;
	background : url(image/bg.jpg);
	font : normal 90% auto;
	text-align : center;
	vertical-align : middle;
	padding : 0px 10px;
	margin : 0px;
}
	
#lastud{
	letter-spacing : 0;
	float : left;
	clear : none;
}
	
#lastud:first-letter{
	font-weight : bold;
}
	
#copyright{
	letter-spacing : 0;
	float : right;
	clear : none;
}

/*--------------------トップ*/

/*--------------------インフォ*/
#INFO th{
	background : #eee url(image/arrow.png) left center no-repeat;
	border: 0;
	border-bottom: 1px dotted #999;
	padding: 5px 0 2px 20px;
}
	
#INFO td{
	padding : 5px 0px 5px 1em;
}
	
#circle_summary{
	background : #fff;
	padding-bottom : 10px;
}
	
.info{
	width : auto;
	text-align : left;
	text-indent : -1ex;
	background : #fff;
	padding : 1.5ex;
	margin-bottom : 10px;
}

.info>ul{
	list-style: inside disc;
}


#infolist>dt{
	background: #fff;
}

#infolist>dt>span{
	background: #ccc;
	font-family: Arial Black,'ヒラギノ角ゴ Std W8',sans-serif;
	padding: 2px 0.5em 2px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
}

#infolist>dd{
	background: #fff;
	padding: 1em 0.5em;
	margin: 0 0 2em;
}

#infolist>dd>p{
	margin: 1em 0 1em;
}

#infolist>dd>p:first-child{
	margin: 0 0 1em;
}

#infolist>dd>dl{
	margin: 1em 0 1em 1em;
}

#infolist ul{
	list-style: inside disc;
}
	
/*--------------------カタログ*/
table.object{
	background : #fff;
	border : 1px solid #ccc;
}
	
.obj_cap{
	font : normal 80% auto;
	vertical-align : top;
	padding-left : 1em;
	margin : 0px auto;
}
	
.object th{
	vertical-align : middle;
	background : url(image/bg.jpg);
	background-position : top left;
	text-align : center;
}
	
.object td{
	padding-top : 2px;
	padding-bottom : 2px;
}
	
.th_thum{
	width : 28px;
}

.td_thum{
	width : 158px;
	max-width : 155px;
	text-align : center;
}
	
.td_thum img{
	vertical-align : middle;
	border : 0px solid #00f;
}
	
.th_id{
	width : 58px;
}
	
.td_id{
	width : 98px;
	text-align : center;
}
	
.th_price{
	width : 58px;
}
	
.td_price{
	width : 198px;
	text-align : center;
}
	
.postage{
	font : normal 80% auto;
}
	
.th_title{
	width : 158px;
}
	
.td_title{
	width : 258px;
	letter-spacing : 0.2em;
	text-align : center;
}
	
.th_equiv{
	width : 58px;
}
	
.td_equiv{
	width : 358px;
	letter-spacing : 0.2em;
	padding-left : 1em;
}

.td_download>ul{
	list-style: none inside;
	margin: 0 1em;
}
	
.th_wp{
	width : 218;
}
	
.td_wp{
	text-align : center;
}
	
/*--------------------注文方法*/
#ORDER th{
	background : #FFFCCC;
	border : 1px dashed #807E66;
	padding : 0.5ex;
}
	
#ORDER td{
	background : #fff;
	padding : 5px 0px 5px 1em;
}
	
#shops{
	margin-top : 10px;
}
	
#shops li{
	margin : 0px 2em;
}
	
#ORDER td table{
	width : 95%;
	border : 1px solid #ccc;
	float : left;
}
	
#ORDER td table th{
	vertical-align : middle;
	background : #ccc;
	border : 0px;
}
	
#BANK td ul{
	margin : 10px 0px 10px 2em;
}
	
/*#POSTOFFICE td{
	padding : 0px;
}*/
	
#POSTOFFICE .subject{
	text-align : right;
	vertical-align : top;
}
	
#POSTOFFICE .no_pad{
	padding : 0px;
	border-bottom : 1px solid #ccc;
}
	
table#supplement{
	width : 90%;
	background : #fff;
	border : 1px solid #ccc;
	margin : 0px auto;
	margin-top : 10px;
}
	
#supplement th{
	background : #ccc;
	padding : 0.5ex;
}
	
#supplement td{
	padding : 5px 0px 5px 1em;
}
	
#supplement td ul{
	margin : 10px 2em;
}
	
/*--------------------サンプル*/
body#body_sample{
	width : 100%;
	height : 100%;
	background : url(image/sample.gif);
	background-repeat : no-repeat;
	background-position : center center;
	background-attachment : fixed;
	border : 0px;
	padding : 0px;
	margin : 0px;
}
	
#SAMPLE{/*サンプルテーブル*/
	width : 640px;
	height : 560px;
	/*background : url(image/ruled_line.gif);*/
	background : #fff;
	background-repeat : repeat;
	background-position : top left;
	vertical-align : middle;
	border : 0px;
	margin : 0px auto;
	
}
	
#sample_txt{
	background : #fff;
	font-size: 96%;
	line-height: 1.2;
	vertical-align : top;
	padding : 10px;
}
	
.SOLD_OUT{
	background : #fed;
	color : #c00;
	padding : 5px;
	margin : 0 0 10px 0;
}
	
#SAMPLE_HEAD, #SAMPLE_FOOT{
	height: 30px;
	background : url(image/bg.jpg);
	font-weight: normal;
	text-align : center;
	vertical-align : middle;
	padding : 0px 30px;
	margin : 0px;
}
	
.closeWin
{
	text-align: right;
	height: 1em;
}

/* ----------------------------------------
	モジュール
---------------------------------------- */
.note{
	color: #666;
	font-size: 92%;}
	
.attention{
	color: #c00;}
	
ins {
	background: #f0f0f0;
	text-decoration: none;
}
	
.attention ins{
	background: #fff5f5;
}

.textC{
	text-align: center;
}

.textR{
	text-align: right;
}

.textL{
	text-aling: left;
}
	
sup{
	vertical-align : top;
}

/* --------------------
	clearfix
-------------------- */
.clfx:after{
	content: "";
	display: block;
	clear: both; }

.clfx {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clfx {height: 1%;}
.clfx {display: block;}
/* End hide from IE-mac */