/* Edited with EditCSS */

* {
	margin: 0;
	padding: 0;
}

html{height: 100%;}


/* BODY-------------------------------*/
body {
	background: #CCCCCC;
	margin: 0;
	padding: 0;
	line-height:150%;
	letter-spacing: normal;
	color: #333;
	list-style: none;
	text-align: center;
	font-weight: normal;
	font-size: 13px;
	font-family: arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}

/*デフォルト属性 */
a, p, h1, h2, h3, h4, h5, h6, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
}

/* strong */
strong {font-weight: bold;}

/* 画像の属性 */
img {border: none; margin: 0;}

a:link, a:visited, a:active {color: #CC3366;text-decoration: underline;}
a:hover{color : #339966;text-decoration: none;}

/* 基本設定 ----------------------------- */
#base{
	width: 970px;
	margin: 0 auto;
	background: #CCC url("../img/wt_body.jpg") repeat-y;
	text-align: center;
	position: relative;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

#containar {
	width: 970px;
	margin: 0;
	text-align: left;
}

/*  ヘッダー  */
#header {
	height:90px;
	margin: 0;
	color: #FFF;
	background: #FFF url("../img/wt_top.jpg") no-repeat;
	text-align: left;
	width: 970px;
}

#header .logo{
	background: #FFF url("../top_img/logomark_hanwa.gif") no-repeat;
	margin-top:25px;
	margin-left:30px;
	width:260px;
	height:60px;
	float: left;
}
#header .ads {
	margin-:0;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	float: center;
	position: absolute;
	left: 600px;
	top: 70px;
}

#header2 {
	margin: 0;
	color: #FFF;
	text-align: left;
	background: #FFF;
}

#header2 p{
	position: absolute;
	top: 15px;
	left: 770px;
	width: 160px;
	color: #CC3366;
	font-size: 10px;
	font-weight:bold;
	text-align: right;
}
#header2 p a:link, #header2 p a:visited, #header2 p a:active {
	color: #CC3366;
	text-decoration: none;
}
#header2 p a:hover{
	color : #339966;
	text-decoration: none;
}

/* メインメニュー */
#gmenu{
	margin-top: 45px;
	width: 184px;
	height: 250px;
}
#gmenu ul{list-style: none; margin: 0; padding: 0;}
#gmenu li{margin: 0; padding: 0; float: left;}
#gmenu li.nav1 a:link, #gmenu li.nav1 a:visited, #gmenu li.nav1 a:active {
	width: 184px;
	height: 60px;
	text-align: center;
	background: url("../gmenu/1gmenu-01.gif") no-repeat;
	display: block;
}
#gmenu li.nav1 a:hover{background: url("../gmenu/1gmenu-11.gif") no-repeat;color: #FFF;}

#gmenu li.nav2 a:link, #gmenu li.nav2 a:visited, #gmenu li.nav2 a:active {
	width: 184px;
	height: 60px;
	text-align: center;
	background: url("../gmenu/1gmenu-02.gif") no-repeat;
	display: block;
}
#gmenu li.nav2 a:hover{background: url("../gmenu/1gmenu-12.gif") no-repeat;color: #FFF;}

#gmenu li.nav3 a:link, #gmenu li.nav3 a:visited, #gmenu li.nav3 a:active {
	width: 184px;
	height: 60px;
	text-align: center;
	background: url("../gmenu/1gmenu-03.gif") no-repeat;
	display: block;
}
#gmenu li.nav3 a:hover{background: url("../gmenu/1gmenu-13.gif") no-repeat;color: #FFF;}

#gmenu li.nav4 a:link, #gmenu li.nav4 a:visited, #gmenu li.nav4 a:active {
	width: 184px;
	height: 60px;
	text-align: center;
	background: url("../gmenu/1gmenu-04.gif") no-repeat;
	display: block;
}
#gmenu li.nav4 a:hover{background: url("../gmenu/1gmenu-14.gif") no-repeat;color: #FFF;}

#gmenu li.nav5 a:link, #gmenu li.nav5 a:visited, #gmenu li.nav5 a:active {
	width: 184px;
	height: 60px;
	text-align: center;
	background: url("../gmenu/1gmenu-05.gif") no-repeat;
	display: block;
}
#gmenu li.nav5 a:hover{background: url("../gmenu/1gmenu-15.gif") no-repeat;color: #FFF;}

/* 本文枠等の属性 */
#content {
	margin: 0;
	padding: 0;
	overflow: hidden;
	left: 10px;
	word-spacing: 747px;
	text-align: left;
}
#content .top-fl {
	width: 740px;
	height:180px;
	margin: 0;
	color: #FFF;
	text-align: left;
	background: #FFF;
	border-top: 5px solid #CCC;
	border-bottom: 5px solid #CCC;
}



/* 製品紹介BOX */
#pro-box {
	background-color: #FFF;
	width:700px;
	margin: 20px 0 0 15px;
	padding: 0;
	text-align: center;
}
#pro-box .box{
	background: url("../top_img/b_prod_body.gif") repeat-y;color: #CCC;
	width:700px;
	height:90px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#pro-box .top{
	background: url("../top_img/b_prod_t.gif") no-repeat;color: #FFF;
	width:700px;
	height:10px;
	margin: 0;
	padding: 0;
}

#pro-box .bottom{
	background: url("../top_img/b_prod_b.gif") no-repeat;color: #FFF;
	width:700px;
	height:10px;
	margin: 0;
	padding: 0;
}
#pro-box .p-box {
	width:185px;
	overflow: hidden;
	text-align: left;
	float:left;
	margin-left: 35px;
}
#pro-box .p-box h3{
 margin: 0;
	font-size:15px;
	color: #FFF;
}
#pro-box .p-box img{
	margin-top: 10px;
	margin-left: 38px;


	width:80px:
	height:60px
}

/* インフォメーション */
.info{
	margin-top: 20px;
	margin-left: 18px;
	width:700px;
	text-align:left;
	margin-bottom:20px;
}

.info h2{
	margin-top: 20px;
	margin-left: 18px;
	width:700px;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	text-align: left;
	margin:20px 0 20px 0;
	border-bottom:2px solid #CCC;
}
.info dl, dt, dd,{
	font-size: 13px;
	color: #666;
	font-weight: nomal;
}
.info dt{
	width: 180px;
	height:2em;
	background: url("../top_img/w_info.gif") no-repeat;
	text-align:center;
	float:left;
	padding:6px;
	margin-bottom:8px;
}
.info dd {
	width:480px;
	margin-left:200px;
	text-align:left;
	margin-bottom:8px;
}


/* サイドメニュー等の属性 */
#sidebar {
	width: 210px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
	top: 62px;
	left: 753px;
	background-color: #FFF;
}

#sidebar .gr-info{
	margin-top:100px;
}

#sidebar .gr-info img{
	margin:5px 1px;
}


/*フッターナビ*/
.f_navi {
	clear: both;
	text-align: right;
	margin: 0px;
	padding: 10px 250px 15px 15px;
	font-size: 85%;
}


/*フッター*/
#footer{
	width: 970px;
	height: 60px;
	margin: 0;
	color: #333;
	padding: 0;
	text-align: left;
	background: #CCC url("../img/wt_footer.jpg") no-repeat;
}

#footer .post{
	text-align: center;
	padding-top:20px;
	font-size: 11px;
	line-height: 120%;
}
#footer .copyright{
	width:970px;
	height:60px;
	text-align: center;
	padding-top:20px;
	padding-bottom:10px;
	font-size: 11px;
	line-height: 120%;
}