/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

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

.clearfix { display: inline-table; }

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

body {
	color: #666666;
	font-size: xx-small;
font-family:"Lucida Grande", arial,verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	line-height: 1.8em;
	background-color: #ffffff;
	text-align:center;
	height:700px;
}
html {
	height:100%;
}
a:link, a:visited{
	color: #666666;
	text-decoration: none;
}

a:hover{
	color: #26b3d2;
	text-decoration: underline;
}

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

img {
	border: 0px;
}
h3{
color: #000000;
font-size:26px;
margin: 0px 0px 25px 0px;
padding: 0px;
}
h4{
color:#555555;
font-size:22px;
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", Arial, Verdana, sans-serif;
font-weight: normal;
font-style: normal;
margin: 0px 0px 23px 0px;
padding: 0px;
}
h5{
text-align:justify;
text-justify:distribute;
color: #333333;
font-size:12px;
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", Arial, Verdana, sans-serif;
line-height: 16px;
font-weight: normal;
font-style: normal;
margin: 0px 0px 0px 0px;
padding: 0px;
}
h6{
font-size: small;
font-weight : bold ;
color: #333333;
margin: 5px 0px 5px 0px;
}
h6 a:hover{
	color: #26b3d2;
	text-decoration: underline;
	font-size: small;
font-weight : bold ;
margin: 5px 0px 5px 0px;

}

h7{
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-size:13px;
line-height:160%;
text-align: left;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
font-weight:normal;
color: #000000;
}


           
          


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:0px auto;
	width:950px;
	height:700px;
	text-align:center;
}

/*ヘッダー（ページタイトル）*/
.header {
margin: 50px 0px 20px 0px;
float:left;
}

.about_img{
margin: 0px 0px 94px 0px;
}

.logo{
	float: left;
}

.main_menue{
	width:120px;
	float: left;
	margin: 0px 10px 0px 0px;
	display:inline;
}

/*　メイン　*/
.main {
	margin: 0px 0px 0px 0px;
clear:both;
}



#topics_box{
margin: 0px 0px 0px 0px;
}

#menue_box{
margin: 0px 0px 34px 0px;
}

.product_class{
clear:both;
margin: 0px 0px -20px 0px;
}

#web_class{
float:left;
width:100%;
margin: 30px 0px 20px 0px;
font-size:10px;
font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝",serif;
}

#web_class_syosai{
float:left;
width:100%;
margin: 30px 0px 20px 35px;
font-size:10px;
font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝",serif;
}

#product_logo{
margin: 0px 0px 35px 0px;
}

#store_box{
float:left;
width:950px;
height:100%;
margin:0px 0px 100px 33px;
display:inline;
}
.store_img{
float:left;
width:660px;
margin:-20px 0px 0px 0px;
}

#store_store_img{
float:left;
margin:0px 0px 0px 0px;
display:inline;
}

#tserv_img{
float:left;
width:440px;
margin:0px 0px 50px 1px;
display:inline;
}
#store_menu{
float:left;
width:222px;
margin: 0px 0px 0px 2px;
display:inline;
}

#size_price{
color:#333333;
line-height: 1.4em;
font-size:9px;
font-weight:bold;
margin:0px 0px 0px 12px;
display:inline;
}
.topics_mozi{
float:left;
width:365px;
margin:0px 18px 0px 18px;
display:inline;
}
#topics_footer{
float:left;
	margin:0px 0px 35px 0px;
}
/*　フッター（コピーライト）　*/
.footer {
　　width : 100% ;
	clear: both;
	margin:0px 0px 30px -10px;
	font-size: 9px;
}

.ichiran_box{
	float:left;
}

.productimg_ichi{
	clear: both;
	margin:-50px 0px 0px 0px;
	display:inline;
}

#productimg_box{
	float:left;
	margin:20px 50px 20px 10px;
	display:inline;
}

.productimg_mozi{
float:left;
width:160px;
}

#soldout  {
	width:42px;
	height:9px;
	background:transparent url(http://www.fredrikpackers.com/img/soldout.jpg) no-repeat bottom left;
	text-indent:-9999px;
	margin:0 0 4px 0;
	display:inline;
	padding:0;
}

.productimg_sort{
float:right;
margin:-18px 30px 0px -30px;
display:inline;
}

#prod_img_main_box{
float:left;
width:529px;
height:100%;
margin:-10px 10px 100px 33px;
display:inline;
}

#prod_syosai_main_box{
float:left;
width:345px;
height:100%;
margin: -10px 0px 70px 0px;
display:inline;
}

.prod_name{
margin: 0px 0px 15px 0px;
color: #333333;
font-size:16px;
font-family:"Lucida Grande","Lucida Grande", arial,verdana, "Hiragino Kaku Gothic Pro", sans-serif;
line-height: 1.5em;
line-height: 21px;
font-weight:bold;
font-style:normal;
display:inline;
}

.prod_price{
margin: 0px 0px 15px 0px;
color: #333333;
font-size:12px;
font-family:"Lucida Grande","Lucida Grande", arial,verdana, "Hiragino Kaku Gothic Pro", sans-serif;
line-height: 1.5em;
font-weight:bold;
font-style:normal;
display:inline;
}



#explain_syosai{
width:345px;
text-align:justify;
text-justify:distribute;
color: #333333;
font-size:12px;
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", Arial, Verdana, sans-serif;
line-height: 16px;
font-weight: normal;
font-style: normal;
margin: 0px 0px 0px 0px;
padding: 0px;
display:inline;
}


.prod_inputbox{
margin: 5px 0px 15px 0px;
display:inline;
}
.box_syosai{
width:345px;
margin: 30px 0px 0px 0px;
display:inline;
}

.syosai_side_menu{
width:345px;
}

#custom_store_box{
float:left;
width:950px;
height:100%;
margin:0px 0px 100px 33px;
display:inline;
}

#custom_store_box_2{
float:left;
width:950px;
margin:0px 0px 100px 33px;
display:inline;
}
.custom_main{
width:682px;
height:510px;
text-align:center;
margin:-160px 0px 30px 163px;
}

#custom_logobox{
position:relative;
top:60px;
left:-35px;
z-index:52;
}

.custom_mainimgbox{
width:800px;
  clear: both;
margin:0px 0px 0px 50px;
}


.custom_imgbox{
position:relative;
float:left;
top:-20px;
left:0px;
width:256px;
height:300px;
margin:0px 10px 0px 70px;
display:inline;
z-index:50;
}

#custom_come{
position:relative;
top:-20px;
left:238px;
z-index:49;
}
#custom_storetop{
position:relative;
top:20px;
left:-40px;
z-index:51;
  clear: both; 
}