@charset "utf-8";

/* ---------------------------------------------------
	contents
--------------------------------------------------- */
#contents {
	float:left;
	width:600px;
	font-size:1.2em;
}

/*#contents p,*/
#contents ul,
#contents ol,
#contents dl {
	margin:0 0 1em;
}

/* ul, ol 
#contents ul,
#contents ol {
	margin:1em 0;
	padding:0;
}

#contents ul li {
	margin:0 0 0 1.5em;
	padding:0 0 0 5px;
}

#contents ol li {
	margin:0 0 0 2em;
	padding:0;
}*/




/* ---------------------------------------------------
	reading
--------------------------------------------------- */
#reading h2 {
	width:590px;
	height:50px;
	margin:1px 0 20px;
	padding:80px 0 0 10px;
	background:url(../img/bg_tit_01.jpg) no-repeat left top;
	color:#404040;
	font-weight:normal;
	font-size:1.3em;
}



/* ---------------------------------------------------
	webpage
--------------------------------------------------- */
#webpage h2 {
	width:600px;
	height:130px;
	margin:1px 0 20px;
}


/* ----------------------
	.table
---------------------- */
#webpage table.table {
	width:600px;
	border-collapse:collapse;
	border-top:1px solid #ddd;
}

#webpage table.table th {
	width:120px;
	padding:10px;
	background-color:#eee;
	border-bottom:1px solid #ddd;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

#webpage table.table td {
	width:440px;
	padding:5px 10px;
	border-bottom:1px solid #ddd;
}


/* ----------------------
	access
---------------------- */
#webpage .access {
	clear:both;
	width:600px;
	margin:0 0 30px;
}

#webpage .access .gmap {
	float:left;
	width:352px;
	margin:0 15px 0 0;
}

#webpage .access .gmap iframe {
	border:1px solid #ccc;
}

#webpage .access .info {
	float:left;
	width:230px;
}



/* ----------------------
	ec_list
---------------------- */
#ec_list {
	width:600px;
	margin:20px 0;
}

/* ul */
#ec_list ul {
	margin:0;
	padding:0;
}

#ec_list ul li {
	float:left;
	width:300px;
	height:230px;
	margin:0 0 20px;
	padding:0;
}

#ec_list .tit {
	margin:0 0 3px;
}

#ec_list .info {
	float:left;
	width:130px;
}

#ec_list .thumb {
	float:left;
	width:160px;
}

#ec_list .thumb a img { padding:1px; border:1px solid #ddd; }
#ec_list .thumb a:hover img { border:1px solid #ff3300; }



/* ----------------------
	shop
---------------------- */
.shop {
	margin:15px 0 0;
}

#contents .shop p.tit {
	margin:0 0 5px;
	padding:5px;
	background-color:#ddd;
}
.shop .sns {
	margin-bottom: 30px;
	border: 5px solid #ddd;
	padding: 10px;
}


.shop .info {
	float:left;
	width:245px;
	margin:0 8px 0 0;
}

.shop .gmap {
	float:right;
	width:345px;
}

.shop .gmap iframe {
	border:1px solid #ccc;
}


/* ----------------------
	#distribute
---------------------- */
#distribute {
	margin-top: 20px;
	width: 600px;

}

#distribute .maker {
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#distribute .maker h4 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

#distribute .maker p img {
	float:left;
	margin:0 10px 10px 0;
}

#distribute .maker p.right img {
	float:right;
	margin:0 0 10px 10px;
}
#distribute .info {
	margin:1em 0 40px;
	padding:10px;
	border:5px solid #ddd;
}
#distribute .info .sns {
	margin-top: 10px;
}
#distribute .info .sns img {
	margin-top: 5px;
}

#distribute .fmbtn {
	margin-top: 10px;
	padding: 2px;
	margin-left: 200px;
}



#distribute #mailmagazine h4 {
	margin-bottom: 20px;
	margin-top: 20px;
}
#distribute #mailmagazine {
	margin-bottom: 50px;
}



/* ---------------------------------------------------
	brandlist
--------------------------------------------------- */

#brandlist {
	width: 600px;
	margin-bottom: 40px;

}



#brandlist ul {
	width:600px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#brandlist li {
	float:left;
	width:149px;
	height:77px;
	margin-bottom:0;
	padding:10px 0;
	list-style:none;
	text-align:center;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	
}
#brandlist li img {
	margin:5px 0;
}





/* ----------------------
	contact
---------------------- */
#contact table { margin:10px 0 20px; }
#contact table.table td { padding:10px; }

#contact p.info {
	margin:1em 0 40px;
	padding:10px;
	border:5px solid #ddd;
}


/* ----------------------
	recruit
---------------------- */
#recruit .applicants h4 {
	margin:0 0 10px;
	padding:0;
	border-left:none;
}


/* table */
#recruit table {
	width:600px;
	margin:0 0 30px;
	border-collapse:collapse;
	border:1px solid #ccc;
}

#recruit table th {
	padding:5px 10px;
	width:110px;
	border:1px solid #ccc;
	background-color:#eee;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
}

#recruit table td {
	padding:5px 10px;
	border:1px solid #ccc;
}



/* ----------------------
	ceotalk
---------------------- */
#ceotalk .fright {
	float:right;
	width:130px;
	text-align:center;
}

#ceotalk .fright img { margin:0 0 5px; }

#ceotalk .fleft {
	float:left;
	width:450px;
}

#ceotalk .fleft p {
	margin:0 0 1em;
	line-height:1.8;
}



/* ----------------------
	sitemap
---------------------- */
#sitemap ul {
	margin:0;
	padding:0;
}

#sitemap ul li {
	margin:0 0 10px;
	padding:0 0 1px;
	list-style:none;
}

#sitemap ul li a {
	zoom:1;
	display:block;
	padding:5px 10px 5px 20px;
	background:url(../img/ico_pan.gif) no-repeat 10px center #eee;
	border-bottom:1px solid #ccc;
}

#sitemap ul li a:hover {
	background:url(../img/ico_pan.gif) no-repeat 10px center #e6e6e6;
	text-decoration:none;
}

/* 2nd */
#sitemap ul li ul {
	margin:0 0 0 1em;
}

#sitemap ul li li {
	margin:0;
	padding:0;
	list-style:none;
}

#sitemap ul li li a {
	display:block;
	padding:5px 10px 5px 25px;
	background:url(../img/ico_link.gif) no-repeat 10px center;
	border-bottom:none;
}

#sitemap ul li li a:hover {
	background:url(../img/ico_link.gif) no-repeat 10px center;
	text-decoration:underline;
}




/* ----------------------
	#cate_index
---------------------- */
#cate_index {
	width:600px;
}

/* section */
#cate_index .section {
	float:left;
	width:286px;
	margin:0 20px 20px 0;
	padding:1px;
	border:1px solid #ccc;
}

#cate_index .right {
	float:right;
	margin:0 0 20px 0;
}

#cate_index .section h3 {
	margin:0;
	padding:0;
	background:none;
}

#cate_index .section h3 a {
	display:block;
	padding:5px 10px;
	background-color:#ddd;
	color:#ff3300;
}

#cate_index .section h3 a:hover {
	background-color:#d3d3d3;
	text-decoration:none;
}

#cate_index .section p { margin:10px; }

#cate_index .section p.detail { text-align:right; }
#cate_index .section p.detail a {
	zoom:1;
	padding-left:15px;
	background:url(../img/ico_link.gif) no-repeat left center;
}




/* ---------------------------------------------------
	side
--------------------------------------------------- */
#side {
	float:right;
	width:160px;
	font-size:1.2em;
}




/* ---------------------------------------------------
	contract>catalog
--------------------------------------------------- */
#catalog h4 {
	margin-top: 30px;
	margin-bottom: 15px;
}
#catalog {
	padding-bottom: 20px;
}


#catalog p {
	width: 570px;
	border: 5px solid #DDD;
	padding: 10px;
	margin-bottom: 15px;
}
#catalog ul li {
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-bottom-width: 1px;
	padding: 10px;
	list-style-position: inside;
	position:relative;
}

#catalog ul li img {
	position:absolute;
	top:4px;
	right:0;
}






/* ---------------------------------------------------
	contract>makerlist
--------------------------------------------------- */
#makerlist h4 {
	margin-top: 30px;
	margin-bottom: 15px;
}
#makerlist p {
	width: 570px;
	border: 5px solid #DDD;
	padding: 10px;
	margin-bottom: 15px;
}


#makerlist dl {
	width: 600px;
	letter-spacing: -0.4em; /*隙間をなくすためのハック*/
	margin-bottom: 15px;
}

#makerlist dl dt {
	width: 580px;
	background-color: #DDD;
	letter-spacing:normal; /*隙間をなくすためのハック*/
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}

#makerlist dl dd {
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/

    /display: inline; /*for ie5～7*/
    /zoom: 1; /*for ie5～7*/
	width: 140px;
	word-break: break-all;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	letter-spacing:normal; /*隙間をなくすためのハック*/
	vertical-align: top;
	padding: 5px;
	font-size: 0.8em;
}