/* 
Theme Name: HANAKI Produts Co.,Ltd.
Theme URI: http://www.
Description: A theme by <a href="http://www.hikosha.jp">HIKOSHA Inc.</a>.
Version: 0.9
Author: Ueno Takahiro
AUTHOR URI: http://www.
Tags: simple, clean, widgets, widget ready, two columns, fixed width, valid CSS, valid XHTML
*/


/*------------- GENERAL -------------*/

* {
	font-family:  "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	color: #333333;
}

body {
	margin: 0px;
	padding: 0px;
	background:url(images/body_bg.png) repeat-x top;
}

p,div,li,td,th,dt,dd,h1,h2,h3,h4,h5,h6{
	font-size: 12px;
	line-height:20px;
}

form,object{
	margin: 0px;
	padding: 0px;
}

a,a:link,a:visited{
	color: #666;
}

/* クリアー用 */
.clearItem{
	zoom: 100%;
}

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

img { 
	behavior:url("/common/css/iepngfix.htc");
	border:none;
 }
#container {
	margin:0 auto;
	width:860px;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:0;
}


#header {
	width:862px;
	height:114px;
	margin:0 auto;
	padding:0;
	background:url(images/header_bg.png) no-repeat top left;
}

	#logo {
		float:left;
		width:348px;
		display:block;
	}
	#snavi {
		float:right;
		padding:35px 10px 0 0;
		display:block;
	}
	#snavi p {
		float:left;
		font-size:10px;
		margin:0 10px 0 0;
	}
	#snavi img {
		margin:0 3px 0 0;
	}

	#logo h1{
		padding:2px 0 0 0;
		height:14px;
		margin:0;
		font-size:10px;
		font-weight:normal;
	}
	*html #logo h1{
		padding:0;
	}
	#gnavi  {
		padding:20px 0 0 0;
	}

	#gnavi  {
		/padding:15px 0 0 0;
	}
	*html 	#gnavi  {
		padding:12px 0 0 0;
	}

	#gnavi ul {
		width:751px;
		height:2px;
		margin:0 auto;
		padding:0;
	}

	#gnavi ul li {
		display:block;
		width:150px;
		float:left;
		list-stylenone;
		text-align:center;
	}
	#gnavi ul li a {
		color:#333;
		font-size:12px;
	}


#footerContainer {
	margin:0 auto;
	padding:0;
}


	#footer  {
		font-size:10px;
		height:90px;
		padding:0;
		text-align:center;
		margin:0;
		background:url(images/footer_bg.png) no-repeat top left;
		line-height:16px;
	}
	#footer h2 {
		font-size:12px;
		padding:15px 0 0 0;
		margin:0;
	}
	.copyright {
		font-size:10px;
		margin:0 auto;
		text-align:center;
	}
.notice {
	color:#FF0000;
	font-size:10px;
	line-height:12px;
}


/*------------- TOP Page -------------*/

#mainTop .mainImg{
	margin:5px 0 0 0;
}

#mainTop .productList {
	margin:5px auto 15px auto;
	width:845px;
	height:106px;
	background:url(images/product_list_bg.png) no-repeat top left;
}

#mainTop .productList .prev {
	float:left;
}

#mainTop .carousel {
	float:left;
	width:780px;
	margin:0 0 0 15px;
	padding:10px 0 0 0;
}

#mainTop .carousel ul {
	float:left;
}
#mainTop .carousel ul li {
	padding:6px 0 0 10px;
}

#mainTop .productList .next {
	float:right;
}

#mainTop .leftColumn {
	float:left;
	width:524px;
	margin:0 0 0 20px;
}
*html #mainTop .leftColumn {
	margin:0 0 0 10px;
}
#mainTop .rightColumn {
	float:right;
	width:276px;
	margin:0 20px 20px 0;
}
*html #mainTop .rightColumn {
	margin:0 10px 0 0;
}
#mainTop .topics  {
	margin:0 0 30px 0;
	padding:0 0 10px 0;
}
	#mainTop .topics h2 {
		margin:0 0 10px 0;
		padding:0;
	}

	#mainTop .topics div.list {
		margin:0 0 5px 0;
		padding:5px 0 0 5px;
		border-bottom:1px dotted #666;
	}

	#mainTop .topics div.list {
		/padding:5px 0 15px 5px;
	}
	#mainTop .topics span.date {
		display:block;
		width:110px;
		float:left;
		padding:0;
		margin:0 0 10px 0;
		line-height:14px;
	}
	#mainTop .topics p.text {
		display:block;
		float:left;
		padding:0;
		margin:0 0 10px 0;
		line-height:14px;
	}
		#mainTop .topics span img {
			margin:0 5px;
		}

/*------------- Page Base -------------*/

#mainPage  {
	padding:0 0 20px 0;
}

#mainPage .leftColumn {
	float:left;
	width:180px;
	margin:0 0 0 20px;
}
*html #mainPage .leftColumn {
	margin:0 0 0 10px;
}
#mainPage .rightColumn {
	float:right;
	width:620px;
	margin:0 20px;
}
*html #mainPage .rightColumn {
	margin:0 10px 0 0;
}

#mainPage .breadcrumb {
	height:21px;
	background:url(images/bread_bg.png) repeat-x top left;
	font-size:10px;
	padding:0 0 0 20px;
	line-height:12px;
	margin:0;
}

#mainPage h1 {
	height:23px;
	background:url(images/page_h1_bg.png) repeat-x top left;
	font-size:12px;
	padding:1px 0 0 5px;
	margin:10px 0 15px 0;
	color:#FFF;
}

#mainPage h2.text {
	border-bottom:3px solid #666;
	padding:0 0 5px 0;
	font-size:16px;
}

#mainPage h3.text {
	border-bottom:2px solid #CCC;
	padding:0 0 0px 5px;
	font-size:14px;
}

#mainPage h2.textList {
	border-bottom:1px solid #CCC;
	padding:0 0 5px 0;
	font-size:14px;
}

/*------------- Sidebar -------------*/

#sidebar ul  {
	padding:0;
	margin:10px 0 0 0;
}

#sidebar ul li {
	list-style:none;
	margin:0 0 3px 0;
	padding:0;
}


#sidebar .sideBtn {
	margin:0;
}

/*------------- Comapy Profile -------------*/

#mainPage h2 {
	margin:20px 0 20px 0;
	font-size:14px;
}

#mainPage h3 {
	margin:0 0 0 0;
}

#mainPage .copy p.right  {
	text-align:right;
}
#mainPage .copy  {
	padding:0 5px;
	margin:0 0 20px 0;
}

#mainPage .copy div  {
	padding:0 5px;
}
#mainPage .copy img.left  {
	margin:0 10px 0 0;
}

#mainPage .copy table.outline  {
	width:100%;
	border-collapse:collapse;
}

#mainPage .copy table.outline tr td  {
	border-bottom:1px solid #CCC;
	vertical-align:top;
	padding:5px 0;
}

#mainPage .copy table tr td.photo  {
	padding:5px 0;
	font-size:10px;
	color#666;
	margin:3px 5px;
}

#mainPage .copy table tr td.photo img  {
	border:1px solid #EEE;
	padding:2px;
	margin:0 5px;
}


/*------------- AccessMap -------------*/

#mainPage iframe {
	padding:5px;
	margin:5px 0;
	border:1px solid #CCC;
}

/*------------- Product -------------*/

#mainPage table#productList {
	width:100%;
	border-collapse:collapse;
}

	#mainPage table#productList tr td {
		padding:10px;
	}

#mainPage table.statement {
	width:100%;
	border-collapse:collapse;
	margin:0 0 10px 0;
}

#mainPage table.statement tr td,
#mainPage table.statement tr th  {
	vertical-align:top;
	padding:5px;
	border-bottom:1px dotted #CCC;
}


#mainPage table.statement tr th  {
	vertical-align:top;
	padding:5px;
	border:1px solid #CCC;
	background-color:#999;
	width:80px;
	color:#FFF;
}

#mainPage table.detail {
	width:100%;
	border-collapse:collapse;
	margin:10px 0;
}
#mainPage table.detail tr td {
	padding:5px;

	vertical-align:top;
}

#mainPage table.detail tr td {
	padding:5px;
	background-color:#FFF
	vertical-align:top;
	text-align:left;
}
	#mainPage table.detail tr td.size {
		background-color:#FFF;
		width:490px;
	}
	#mainPage table.detail tr td.size p {
		text-align:left;
		color:#FF3300;
		font-size:10px;
		line-height:14px;
		margin:0;
		padding:0 0 0 10px;
		border-left:2px solid #CCC;
	}

#mainPage table.detail tr td img {
	border:1px solid #CCC;
}
#mainPage table.list {
	width:100%;
	border-collapse:collapse;
	margin:0 0 10px 0;
	background-color:#FFF;
}
#mainPage table.list tr td {
	padding:3px;
	font-size:10px;
	border:1px solid #CCC;
	background-color:#FFF;
	text-align:left;
	line-height:14px;
}

#mainPage table.list tr th {
	text-align:left;
	padding:0 5px;
	background-color:#EEE;
	border:1px solid #CCC;
}

#mainPage .note {
	padding:0 5px;
}

#mainPage table.misc {
	border-collapse:collapse;
}

	#mainPage table.misc tr th {
		text-align:left;
		font-size:10px;
		color:#666;
	}
	#mainPage table.misc tr td img {
		border:1px #EEE solid;
		margin:3px;
	}
	#mainPage table.misc tr td.caption {
		font-size:10px;
		color:#666;
		text-align:right;
		line-height:12px;
		padding:2px 3px;

	}

#mainPage table.option {
	border-collapse:collapse;
}
	#mainPage table.option tr td {
		font-size:10px;
		color:#666;
		text-align:center;
		padding:0 10px;
		margin:0;
	}

#mainPage table.misclist {
	border-collapse:collapse;
}

	#mainPage table.misclist tr th {
		font-size:10px;
		text-align:left;
	}
	#mainPage table.misclist tr td {
	padding:3px;
	font-size:10px;
	border:1px solid #CCC;
	background-color:#FFF;
	text-align:left;
	line-height:14px;
	}

#mainPage .copy span.zoom {
	display:block;
	text-align:right;
	height:16px;
	font-size:10px;
	color:#666;
	padding:10px 0 0 0;
	margin:0;
	line-height:10px;
}
#mainPage .copy span.zoom img {
	margin:0 5px;
}

#mainPage .copy div.catch {
	font-size:14px;
	font-weight:bold;
	color:#333;
	margin:0 0 10px 0;
}


/*------------- Contact Form -------------*/

.copyForm {
	marign: 0 10px;
}

	.copyForm h3 {
		font-weight:normal;
		padding:5px 10px;
		margin:10px 0;
		border-bottom:1px dotted #CCC;
	}

	.copyForm div {
		margin:10px 0;

	}
	
/*------------- Misc -------------*/

#mainPage .pageTop {
	text-align:right;
	margin:0;
	padding:0;
	font-size:10px;
}

#post-list dt {
	font-size:10px;
}
#post-list dd {
	margin:0 0 15px 10px;
}

.ddsg-wrapper {
	margin:0 10px;
}

	.ddsg-wrapper h2 {
		display:none;
	}

	.ddsg-wrapper ul {
		list-style:none;
	}
	.ddsg-wrapper ul li {
		margin:0 0 10px 0;
	}
	.ddsg-wrapper ul li ul li {
		margin:0 0 5px 0;
	}

	.ddsg-wrapper ul li ul {
		padding:0 0 0 40px;
	}