/**
 * Basic
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

body{
	/*margin-top:-15px;*/
}
	
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
/*ol,ul {
	list-style:none;
}*/
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

p{
  line-height:1.5;
  margin:1em 0;
  }
  
    
/**
 * font
 */
 .size1{
	 font-size:85%;
 }
 
/**
 * Rollover
 */
 a img:hover{
  /* IE */
  filter: alpha(opacity=70);
  /* Safari Opera */
  opacity:0.70;
  /* Firefox Netscape */
  -moz-opacity:0.70;
}
 
/* ************************************************ 
 *	共通設定
 * ************************************************ */

body {
	color: #000000;
	font-size:80%;
	font-family: "lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
	line-height: 1.6em;
	background:url(https://img02.shop-pro.jp/PA01121/312/etc/background.jpg?20101130170721) #f7f5ed repeat-y center top;
	text-align:center;
}

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

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}

p.lead{
	font-size:115%;
	line-height:1.6;
}

p.caution{
	font-size:85%;
	color:#777;
}

strong{
	font-size:115%;
	/*color:#C00;*/
}


/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:0px auto;
	width:950px;
	text-align:left;
	border-top:solid 5px #000;
	background:url(https://img02.shop-pro.jp/PA01121/312/etc/background_contents.gif?20101130190952) repeat-y;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header{
	position:relative;
}

.header .navi{
	position:absolute;
	top:0px;
	right:0;
}

/*　画面左側メニューの幅　*/
.side {
	float: left;
	width:160px;
	padding:20px;
}

.side .logo{
	margin-bottom:20px;
}

.side h3{
	padding:3px 10px;
	background-color:#000;
	margin:20px 0 10px 0;
	color: #FFF;
	font-size:105%;
}

.side .menu p{
	padding:5px 0;
	border-bottom:dotted 1px #000;
	font-size:110%;
	font-weight:bold;
	margin:0;
}

.side .menu p a {text-decoration: none; outline:0;}
.side .menu p a:hover {
  color: #666;
  text-decoration:none;
  outline:0;
}


.side .search{
	padding:10px;
	background-color:#EEE;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom:20px;
	text-align:center;
}

.side .free_page{
	line-height:1.8;
}

.main .main_contents ol{
	margin-left:20px;
}

.main .main_contents ol li{
	margin-bottom:0.5em;
	line-height:1.5;
}


/*　画面右側の幅　*/
.main {
	float: left;
	width: 710px;
	padding:20px;
}

.main .main_contents{
	clear:both;
	margin-top:20px;
}

.main .main_contents h2{
	margin:10px 0 10px 0;
	background-color:#000;
	color: #FFF;
	padding:7px 10px;
	font-size:120%;
}

.main .main_contents h2.home{
	margin:2em 0 1em 0;
	background-color:#FFF;
	color:#000;
	padding:0;
}


.main .main_contents h3{
	margin:30px 0 10px 0;
	border-bottom:solid 2px #000;
	padding-bottom:0.5em;
	font-size:150%;
}

/*.main .main_contents h4{
	margin:1em 0 0.5em 0;
	font-size:120%;
	padding-left:0.5em;
	line-height:1;
	border-left: solid 4px #000;
}*/

.main .main_contents h4{
	margin:1em 0 0.5em 0;
	font-size:115%;
	padding:7px 15px;
	background-color:#EEE;
	line-height:1;
	border-left: solid 4px #000;
}

.main .main_contents .box_item{
	width:132px;
	float:left;
	margin:5px;
	line-height:1.3;
}

.main .main_contents .box_item a {text-decoration: none; outline:0;}
.main .main_contents .box_item a:hover {
  color: #666;
  text-decoration:none;
  outline:0;
}


.main .main_contents .box_item.sub_category{
	text-align:center;
	vertical-align:middle;
}

.main .main_contents .box_item.sub_category img{
	margin:0 0 0.5em 0;
}

.main .main_contents .box_item .name_item{
	font-size:85%;
	line-height:1.3;
}

/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:left;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}

/*　フッター（コピーライト）　*/
.footer {
 clear:both;
 background-color:#000;
 color:#FFF;
 padding:20px;
}

.footer a {text-decoration: underline; outline:0;}
.footer a:link {color:#FFF;outline:0;}
.footer a:visited {color: #FFF; outline:0;}
.footer a:active {color: #FFF; outline:0;}
.footer a:hover {
  color: #CCC;
  text-decoration:none;
  outline:0;
}

.footer p.copy{
	font-size:85%;
}

#group-list {
	/*border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;*/
	margin:1em 0;
	text-align:center;
}


/**
 * list
 */
.page{
	clear:both;
	margin:10px 0;
	text-align:center;
}

.sort{
	text-align:right;
}

.page_index{
	margin:2em 0 1em 0;
	font-size:85%;
}

.page_index a {text-decoration: none; outline:0;}
.page_index a:hover {
  color: #666;
  text-decoration:none;
  outline:0;
}

/**
 * detail
 */
.detail_main_image{
	text-align: center;
	margin:20px 0 0 0;
}

.btn{
	margin:1em 0;
}

.detail_main{
	background:url(https://img02.shop-pro.jp/PA01121/312/etc/back_detail_data.gif?20101202151920) repeat-y;
	float:left;
	width:710px;
}

table.detail_data{
	margin-top:1em;
}

table.detail_data th,
table.detail_data td{
	padding:5px;
}

.detail_left{
	float:left;
	width:460px;
	margin-right:20px;
	/*border-right:dotted 1px #000;*/
}

.detail_right{
	float:left;
	width:229px;
}


 
/**
 * clearfix
 */
.clearfix: after{
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}

* html .clearfix{
  display: inline-block;
}

/**
 * ie7
 */
*: first-child+html .clearfix {
  display: inline-block;
}

/**
 * ie8
 */
html>/**/body .clearfix
{
  display: inline-block;
}

/**
 * フォーム
 */
 input, textarea
{
  padding: 2px;
  vertical-align: middle;
  font-size:100%;
  /*margin: 0.2em 0;*/
  vertical-align: middle;
}

input[type="text"], input[type="password"], input[type="submit"], input[type="button"], input[type="file"], input[type="reset"], textarea
{
  border: 1px solid #CCC;
  /*width: 25em;*/
border-radius: 3px;        /* CSS3草案 */  
 -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */  
}

.form .date, .form .position
{
  width: 8em;
}

.form .zip_code, .form .price 
{
  width: 6em;
}

.form .user_id, .form .password, .form .name, .form .states, .form .city, .form .tel
{
  width: 12em;
}

.form .company_name
{
  width: 12em;
}

.form .full_name, .form .address,.form .user_id_2, .form .password_2,.form .mail_2
{
  width: 26em;
}

textarea.comment{
	width:98%;
}

.form .mail, .form .uri
{
  width: 20em;
}

label{
	margin-left:0.3em;
}



/*table*/
table.data{
	width:100%;
	border-collapse:collapse;
}

table.data th{
	background-color:#DDD;
	width:25%;
}
table.data th,
table.data td{
	padding:5px;
	border:solid 1px #000;
}

table.data.delivery_charge th,
table.data.delivery_charge td{
	padding:3px;
	font-size:85%;
	line-height:1.2;
}

table.data.delivery_charge td{
	white-space:nowrap;
	text-align:right;
	width:5em;
}


table.data2{
	width:100%;
	border-collapse:collapse;
}

table.data2 th,
table.data2 td{
	padding:5px;
	border:solid 1px #000;
}

table.data2 th{
	font-weight:bold;
	white-space:nowrap;
}