@charset "utf-8";
/*
Theme Name: HIRATA
Theme URI: http://www.hirata-iida.com
Description: 平田商会 コーポレートサイト用テーマ
Version: 1.0
Author: FirstElement
Author URI: http://www.firstelement.jp
Tags: blue, green, two columns, Flash

*/


/*----------------------------
crearfix
------------------------------*/

#header:after,
#header-home:after,
#main:after,
#menu:after,
.case:after,
.search_category:after,
.search_50on:after,
.list:after,
.list li:after,
.list_pickup li:after,
.category:after,
.contentcaption p:after,
.text:after {
	content: url(pixel.gif);
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
	
 /*IE6--------------*/	

*html #header,
#header-home,
#main,
#menu,
.case,
.search_category,
.search_50on,
.list,
.list li,
.list_pickup li,
.category,
.contentcaption p,
.text  {
	zoom:1;
}

 /*IE7--------------*/

*:first-child+html #header,
*:first-child+html #main,
*:first-child+html .case {
	zoom:1;
}

/*----------------------------
common
------------------------------*/

body {
	margin:0px;
	padding:0px;
	background-image: url(/_images/back_body.png);
	background-repeat: repeat-x;
	color: #333333;
	}
html* #box {
	font-size:90%;
	}
#home {
	background-image: url(/_images/back_body_home.png);
	}
	
#box {
	width: 940px;
	margin: 0 auto;
}

dd,ul,li,h1,h3,h4,h5,a img,img,form,p {
	margin:0px;
	padding:0px;
	border:none;
	}

a:link{
	color:#262A67;
	text-decoration:none;
	}
	
a:visited{
	color:#330066;
	text-decoration:none;
	}
	
a:hover {
	color:#262A67;
	text-decoration: underline;
	}

h1 {
	clear:left;
	/*margin-left:20px;*/
	}

h1 a {
	background-image: url(/_images/img_logo1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 245px;
	overflow:hidden;
	/*margin-left: 60px;*/
	}
	

#right .search_category h4 a,
#right .search_50on h4 a   {
	color: #666666;
	}
	
#right .search_category h4 a:hover,
#right .search_50on h4 a:hover   {
	color:#262A67;
	}
	
h2 {
	clear: both;
	margin: 0px;
	padding: 0px;
	}
	
#left h4 {
	background-repeat: no-repeat;
	background-position: 3em center;
	padding-left: 5px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-bottom: 10px;
	margin-top: 10px;
	clear:both;
	}
	#left .vision  h4 {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	}

#left .search_category h4 {
	/*float: left;
	width: 96px;*/
	}
	
h4#machine {
	background-image: url(/_images/text_s_machine.gif);
	}
	
h4#tool {
	background-image: url(/_images/text_s_tool.gif);
	}
	
h4#equipment {
	background-image: url(/_images/text_s_equipment.gif);
	}
	
h4#material {
	background-image: url(/_images/text_s_moteriol.gif);
	}	
	
	h4#develop{
	background-image: url(/_images/text_s_development.gif);
	}	

#right h4 {
	background-repeat: no-repeat;
	background-position: right 1.5em;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
	}	
	
#right .search_category h4,
#right .search_50on h4  {
	float: right;
	margin-top: 0px;
	text-align: right;
	height: 2.5em;
	color: #666666;
	font-size: 130%;
	width:60px;
	}
	
#right .serach_freeword h4  {
	margin-top: 0px;
	color: #666666;
	font-size: 90%;
	}	
		
.case_osusume h4 {
	font-weight: normal;
	margin-bottom: 7px;
	}
	
#left h5 {
	background-color: #EEF4F5;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 9px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	width: 531px;
	font-size: 100%;
	color: #333333;
}



/*---------------------------
header
-----------------------------*/

#header {
	margin: 0 auto;
	padding: 0px;
	/*float: left;*/
	height:120px;
	width: 860px;
	background-image:url(/_images/back_header.jpg);
	background-repeat:no-repeat;
	background-position:center 56px;
	}
	
#header-home {
	margin: 0 auto;
	padding: 0px;
	height:73px;
	width: 860px;
	}

	
#description {
	float:left;
	font-size: 11px;
	height: 18px;
	/*margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;*/
	/*margin-left: 20px;*/
	padding-top: 5px;
	}
	
#searchform {
	background-image: url(/_images/back_search.png);
	background-position: right top;
	background-repeat: no-repeat;
	float: right;
	height: 56px;
	width: 254px;
	padding: 0px;
	/*margin-right: 20px;*/
	}
	
/*#home #searchform {
	background-image: url(/_images/back_search.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	float: right;
	height: 50px;
	width: 254px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 17px;
	margin-left: 0px;
	}*/
	
#searchform p {
	text-indent:-9999px;
	/*font-size: 70%;
	color: #999999;
	height: 21px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 13px;*/
	}
	
#searchform #s {
	width: 180px;
	margin-left: 13px;
	margin-right: 5px;
	font-size: 90%;
	height: 15px;
	}

/*---------------------------------------
END header
-----------------------------------------
menu
--------------------------------------*/

#menu {
	background-image: url(/_images/back_menu.gif);
	background-repeat: no-repeat;
	background-position:center top;
	height: 55px;
	width: 860px;
	margin: 0 auto;
	list-style:none;
	}

#menu li {
	display:inline;
	margin:0px;
	padding:0px;
	float: left;
	display:block;
	height: 55px;
	width: 137px;
	}
	#menu .menu1  {
	display: block;
	height: 45px;
	text-indent: -1000px;
	width: 91px;
	}	
#menu li a {
	display: block;
	height: 45px;
	width: 137px;
	text-indent: -1000px;
	}
#menu li a:hover,
.activ a {
	display: block;
	height: 45px;
	width: 137px;
	text-indent: -1000px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	}
#menu .menu1 a {
	display: block;
	height: 45px;
	text-indent: -1000px;
	width: 91px;
	overflow:hidden;
	}
	
#menu .menu1 a:hover,
.activ1 a  {
	display: block;
	height: 45px;
	text-indent: -1000px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	width: 91px;
	}


#submenu li a {
	font-size: 90%;
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: url(/_images/icon_submenu.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#submenu li a {
	font-size: 90%;
	width: 200px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 9px;
	display:block;
}

#submenu li a:hover {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	font-size: 90%;
	text-decoration: none;
	display:block;
	width: 200px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 9px;
}

#submenu {
	padding-top: 10px;
}
/*---------------------------------------
END menu
-----------------------------------------
right
----------------------------------------*/

#right {
	float: right;
	width: 250px;
	padding-top:8px;
	margin:0px;
	}
	
#right .case {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #828F9A;
	border-bottom-color: #828F9A;
	border-left-color: #828F9A;
	background-image: url(/_images/back_case_right.gif);
	background-repeat: no-repeat;
	background-color: #E9EFF3;
	margin: 0 0 10px 0;
	padding: 10px;
	}
	
#right .osusume{
	padding: 5px 20px;
	background-color: #E9EFF3;
	margin: 0px 0px 7px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #828F9A;
	border-bottom-color: #828F9A;
	border-left-color: #828F9A;
	font-size: 80%;
	text-align:justify;
	}
	
.osusume h4 {
	text-align: center;
	margin-bottom: 5px;
}
.osusume p {
	text-align: right;
	margin-bottom: 5px;
}
	
.osusume-image {
	background-image: url(/_images/back_img_osusume.png);
	background-repeat:no-repeat;
	text-align: center;
	height: 134px;
	width: 250px;
	padding-top: 7px;
	margin: 0px;
	}
	
.osusume img {
	height: 130px;
	}
	
#right .banner {
	margin-bottom: 7px;
	display:block;
	}

#wp-calendar th,
#wp-calendar td {
	text-align:right;
	}
.case .calendar-caption {
	font-size:80%;
	text-align:center;
	}
	
#right .search_category {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	}
#right .search_category li  {
	list-style:none;
	font-size: 80%;
	margin-left: 10px;
	}
	#right .search_50on li  {
	list-style:none;
	font-size: 80%;
	margin-left: 10px;
	display:block;
	}
	
#right .search_category a {
	display: block;
	}

#right .search_50on a {
	padding-right: 2px;
	padding-left: 2px;
	}

#right .search_50on {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	clear: both;
	padding-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
}
	
#right .serach_freeword {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	clear: left;
	padding-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	}
	
#right .serach_freeword input {
	margin-left: 9px;
	margin-top: 0px;
	margin-bottom: 10px;
	width:190px;
	}
	
#corporate_index {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #828F9A;
	padding-top: 10px;
	font-size: 80%;
	padding-right: 20px;
	}

/*------------------------------------
END side
--------------------------------------
contents
--------------------------------------*/

#main {
	width:860px;
	margin: 0 auto;
	}

#left {
	float: left;
	width: 600px;
	background-repeat: no-repeat;
	padding-bottom: 14px;
	}

#left .case {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #828F9A;
	border-left-color: #828F9A;
	padding-top: 20px;
	padding-bottom: 14px;
	padding-left: 24px;
	display: block;
	width: 540px;
	background-image: url(/_images/back_case.gif);
	background-repeat: no-repeat;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #828F9A;
	text-align: justify;
	padding-right: 24px;
	line-height: 1.8em;
	}

#left .case .text {
	font-size: 90%;
	line-height: 1.7em;
	margin-bottom: 15px;
}
#left .case .text2 {
	font-size: 90%;
	line-h.news 15px;
	margin-left: 9px;
}
	#left .vision .text {
	font-size: 150%;
	margin-bottom: 25px;
	margin-left: 15px;
}
	#left .vision .daihyou {
	font-size: 130%;
	font-weight: bold;
}
#left .link .text {
	font-size: 90%;
	line-h.news 15px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.entry {
	margin-right: 24px;
	margin-bottom: 15px;
}

.entry img {
	margin-bottom: 10px;
	padding: 2px;
	float: right;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
}

.pagenavi {
	text-align: center;
}
.contentcaption {
	background-image:url(/_images/head_lead_content.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top: 21px;
	/*padding-bottom: 15px;*/
	display: block;
	width: 590px;
	text-align: justify;
	font-size:90%;
	line-height:1.3em;
	}
.contentcaption p {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #6FA3B1;
	border-left-color: #6FA3B1;
	padding: 5px 24px;
	width:auto;
	background-color: #FFFFFF;
}	
.contentcaption p:first-letter {
	font-size: 200%;
	font-weight: bold;
	float: left;
	line-height: 1em;
	margin: 3px 5px 3px 0px;
	}


.list {
	font-size: 90%;
	list-style-type: none;
}
.list dt {
	font-weight: bold;
	float: left;
	display:block;
	width: 100px;
	padding: 3px 0;
	text-align:right;
}
.list dd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	/*display:block;*/
	float: left;
	padding: 3px 0;
	margin-left:10px;
}

.list li,
.list_pickup li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	display:block;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*.list li span {
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}*/	

.pickup {
	font-size: 90%;
	margin-top: 10px;
}

.pickup img {
	padding: 2px;
	float: left;
	margin-right: 10px;
	border: 1px solid #CCCCCC;
	/*height: 80px;
	width: 80px;*/
}

.pickup h4 {
	/*float: left;*/
	/*width: 400px;*/
	margin-top: 0px;
	margin-bottom: 10px;
}

.pickup strong {
	float: left;
	width: 400px;
	font-weight: normal;
	font-size: 90%;
	line-height: 1.3em;
	margin-left: 9px;
}

.orange {
	color: #FE6601;
	}
	
.gray {
	color: #999999;
	}
	
.pagenevi {
	font-size: 80%;
	text-align: center;
	width: 540px;
	margin-bottom: 0px;
	padding-top: 15px;
	}



/*home---------------------*/

.news {
	font-size: 90%;
	background-image: url(/_images/back_news.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #828F9A;
	border-left-color: #828F9A;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 24px;
	display: block;
	width: 540px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #828F9A;
	padding-right: 24px;
	list-style-type: none;
	}

#home .news {
	border-bottom: none;
	}
	
#home .news .date {
	margin-right: 10px;
	width: 540px;
}


#left .search_category {
	border-bottom: 1px solid #CCCCCC;
	width: 98px;
	margin-right:10px;
	float:left;
	font-size:85%;
	line-height:1.3em;
	}
	
#left .search_category li {
	list-style-type: none;	
	margin-left: 9px;	
	margin-bottom: 10px;
	}
	
#left .search_50on {
	border-bottom: 1px solid #CCCCCC;
	width: 540px;
	clear:both;
	}
	
#left .search_50on li {
	display: block;
	float: left;
	width: 41px;
	margin-left: 9px;
	margin-bottom: 20px;
	}

#left .search_50on a {
	display: block;
	}
	
#left .serach_freeword {
	clear: left;
	}
	
#left .serach_freeword input {
	margin-left: 9px;
	margin-top: 10px;
	}
/*	
.link a {
	text-align: center;
	display: block;
	padding: 2px;
	float: left;
	width: 170px;
	margin-right: 2px;
	font-size: 70%;
	}
	
.link em {
	text-align: center;
	display: block;
	font-size: 70%;
	height: 50px;
	}*/

.link img {
	float:left;
	margin-right:10px;
	}

	
/*--------------------------
END home
-----------------------------
maker
----------------------------*/
dl.maker {
	margin-left: 25px;	
}
dl.maker dt {
	width: 340px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
dl.maker dd {
	width:150px;
}
/*-----------------------
END maker 
/*--------------------------
corporate
----------------------------*/
.corporate {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 9px;
	}

dl.corporate dt {
	width: 100px;
	color:#4F7A9C;
	line-height:1.5em;
	}

dl.corporate dd {
	width: 415px;
	line-height:1.5em;
	}



/*
footer
-------------------------*/
#footer1 {
	background-image: url(/_images/back_footer_1.png);
	background-repeat: repeat-x;
	background-color: #D0D0D0;
	font-size: 80%;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	/*padding-right: 80px;
	padding-left: 80px;*/
	}
	
#footer1 p {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	}
	
#footer2 {
	background-image: url(/_images/back_footer_2.png);
	background-repeat: repeat-x;
	background-color: #404754;
	font-size: 80%;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	/*padding-right: 80px;
	padding-left: 80px;*/
	}
	
#footer2 p {
	background-image: url(/_images/back_footer_contact.png);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
	}
	
#footer2 strong {
	background-image: url(/_images/img_logomark.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	display: block;
	font-weight: normal;
	}
	
#footer2 em {
	font-style: normal;
	font-weight: bold;
	}

#footer3 {
	background-image: url(/_images/back_footer_3.png);
	background-repeat: repeat-x;
	background-color: #ACC0CF;
	font-size: 80%;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	/*padding-right: 80px;
	padding-left: 80px;*/
	}
	
#footer3 p {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-right: 20px;
	text-align: right;
	margin-bottom: 0px;
	padding-top: 20px;
	background-image: url(/_images/back_credit.png);
	background-repeat: repeat-x;
	height: 40px;
	}


/*-----------------------
single
-------------------------*/
.entry .date {
	font-size: 80%;
	color: #666666;
}

.entry .text {
	margin-top: 10px;
	background-color: #E9EFF3;
	padding-top: 15px;
	padding-right: 9px;
	padding-bottom: 15px;
	padding-left: 9px;
}

/*-----------------------
END single
-------------------------*/

/*-----------------------
for IE
-------------------------*/

#wp-calendar {
	font-size: 90%;
	margin-left: 20px;
}
.golink {
	padding-top: 10px;
	clear: left;
	display:block;
	font-weight: bold;
}.red {
	color: #FF0000;
}
.kakomi {
	background-color: #F1F2EA;
	padding: 10px;
	margin-bottom: 10px;
}
.kakomi strong {
	font-size: 120%;
}
.entry ul {
	margin-left: 15px;
}