@charset "shift_jis";
@import url("../../common_css/master.css");

/*
	Copyright: 2006 Howakogyo Co., Ltd. All Right Reserved.
	E-Mail:info@howa-kogyo.co.jp
	
	Made:MIC WebTeam Masataka Asakura, asakura@multimedia.or.jp
	
	Last-Updated: 01 Feb 2006
*/


/*
-------------File Contents--------------

	1. MainImage
	
	2. Category

	3. Contents
		1) PageTitle
		2) PageNavigations
		3) Heading
		4) MiddleHeading
		5) Commons
	
	4. LocalNavigations
		1) LN01：会社概要
		2) LN02：最新ニュース
		3) LN03：採用情報
		4) LN04：お問い合せ

	5. OriginalSettings
		1) P01：会社概要
		2) P02：最新ニュース
		3) P03：採用情報
	
*/




/*
------------1. MainImage----------------
*/

#MainImage{
	background-image:url("../images/main.jpg");
}
#MainImage span{
	background:url("../images/mtitle.gif") no-repeat 566px 90px;
}


/*
------------2. Category----------------
*/

#Category #CategoryTitle h2{
	background-image: url("../images/ctitle.gif");
}


/*
----------------3. Contents----------------
*/


/*==========1) PageTitle===========*/

#Contents #PTitle01 h3{
	border-left-color:#cc0033;
	background-image: url("../images/ptitle01.gif");
}
#Contents #PTitle02 h3{
	border-left-color:#cc0033;
	background-image: url("../images/ptitle02.gif");
}
#Contents #PTitle02News h3{
	border-left-color:#cc0033;
	background: url("../images/ptitle02_news.gif") no-repeat 20px 6px;
}
#Contents #PTitle03 h3{
	border-left-color:#cc0033;
	background-image: url("../images/ptitle03.gif");
}
#Contents #PTitleCo h3{
	border-left-color:#cc0033;
}







/*==========2) PageNavigations===========*/


#PNav li#PN01{
	padding-left:28px;
	background:url("../images/pn01.gif") no-repeat 0 1px;
}
#PNav li#PN02{
	padding-left:28px;
	background:url("../images/pn02.gif") no-repeat 0 1px;
}

#PNav li#PN03{
	padding-left:28px;
	background:url("../images/pn03.gif") no-repeat 0 1px;
}

#PNav li#PN04{
	padding-left:28px;
	background:url("../images/pn04.gif") no-repeat 0 1px;
}



/*==========3) Heading===========*/
#Contents .Heading01, #Contents .Heading02, #Contents .Heading03, #Contents .Heading04{
	border-bottom-color:#cc0033;

}
.Heading01{
	background-image: url("../images/pn01.gif");
}

.Heading02{
	background-image: url("../images/pn02.gif");
}

.Heading03{
	background-image: url("../images/pn03.gif");
}

.Heading04{
	background-image: url("../images/pn04.gif");
}

#Contents .HeadingNews{

		border-bottom: 1px solid #cc0033;
    margin:0;
    padding:0 0 5px 10px;
    
    
    width:515px;
    
    background: no-repeat 10px 2px;
}

/**/
.HeadingNews{
	padding:0 0 0 31px;
	height:auto;
	width:484px;
	font-weight: normal;
	font-size:143%;
	line-height:110%;
	color:#333;
	
}

/*\*/
.HeadingNews{
	font-weight: bold;
}
/**/

/*==========4) MiddleHeading,Commons===========*/



.MHeading01 h5{
	color:#cc0000;
}

.SHeading h6{
	color:#990000;
}

/*==========5) Commons===========*/

caption{
	color:#cc0000;
}




/*
----------------4. LocalNavigations----------
*/

/* ==========1) LN01：会社概要========= */


#LNInfo{
	width:59px;
	
}
#LNInfo a, #LNInfo a:visited{
	width:59px;
	background:transparent url("../lnav_img/ln_info01.gif") no-repeat 1px 0px;
}
#LNInfo a:active, #LNInfo a:hover{
	background:transparent url("../lnav_img/ln_info01.gif") no-repeat 1px 0px;
}

/* PageNow */
#LNav a#LNInfoNow{
	background:transparent url("../lnav_img/ln_info02.gif") no-repeat 1px 0px;
	cursor:default;
	border:none;

}

/* ==========2) LN02：最新ニュース========= */

#LNNews{
	width:89px;
}
#LNNews a, #LNNews a:visited{
	width:89px;
	background:transparent url("../lnav_img/ln_news01.gif") no-repeat 1px 0px;
}
#LNNews a:active, #LNFeature a:hover{
	background:transparent url("../lnav_img/ln_news01.gif") no-repeat 1px 0px;
}

/* PageNow */
#LNav a#LNNewsNow{
	background:transparent url("../lnav_img/ln_news02.gif") no-repeat 1px 0px;
	cursor:default;
	border:none;
}

/* ==========3) LN03：採用情報========= */

#LNCareers{
	width:60px;
}
#LNCareers a, #LNCareers a:visited{
	width:60px;
	background:transparent url("../lnav_img/ln_careers01.gif") no-repeat 1px 0px;
}
#LNCareers a:active, #LNCareers a:hover{
	background:transparent url("../lnav_img/ln_careers01.gif") no-repeat 1px 0px;
}

/* PageNow */
#LNav a#LNCareersNow{
	background:transparent url("../lnav_img/ln_careers02.gif") no-repeat 1px 0px;
	cursor:default;
	border:none;

}

#btnCareers{
	text-align:center;
	margin:-2em auto 0 auto;
}
#dlWMP{
	text-align:center;
	margin:0 auto;
}
#dlWMP p, #imageWrap01{
	width:350px;
	text-align:left;
}
/*
----------------5. OriginalSettings----------
*/

/* ==========1) P01：会社概要========= */

#P01C2 .Heading02 h4, #P01C4 .Heading04 h4{
	letter-spacing:0.5em;
}

#President{
	float:right;
	margin-left:15px;
	width:186px;
}

.PhotoBox03{
	padding:0 0 2px 0;
	width:186px;
	height:178px;
	background:transparent url("../../common_img/bg_photo.gif") repeat-x bottom;
}

.PhotoBox03 div.Photoimg{
	border:1px solid #ccc;
	padding:2px;
	width:180px;
	height:146px;
}


#Sign{
	padding:0 0px 30px 10px;
	width:176px;
}

#BLNavWrapper{
	clear:both;
}

span.maplink{
	padding:0 2px;
}

th{
	padding:8px 0 3px 0;
  border-color:#ccc;
	border-width:0 1px 1px 0;
  border-style : solid ;
  font-size:100%;
  letter-spacing:0.2em;
	font-weight: normal;
}
td{
	padding:8px 3px 5px 8px;
	background-color:#fff;
  border-color:#ccc;
	border-width:0 1px 1px 0;
  border-style : solid ;
  font-size:100%;
  letter-spacing:normal;
  line-height:140%;

}
#P01C1 td img{
	border:1px solid #666;
}

td.td02{
	padding:8px 3px 0px 8px;
}


td.td02 ol li{
	padding:0 0 8px 0;
}
td.td02 ol li.tdlist{
	padding:10px 0 8px 0;
}

td.td02 ul li{
	padding:0 0 0 0;
}



th.thLeft{width:17%;letter-spacing:normal;}
th.thCenter{width:8%;letter-spacing:normal;}
th.thRight{width:75%;letter-spacing:0.5em;}

th.thyear{
	font-weight:normal;
	padding:8px 0px 3px 0px;
	font-size:102%;
	letter-spacing: 0.1em;
	line-height:110%;

}
th.thmonth{
	padding:5px 0px 3px 0px;
	font-weight:normal;
	letter-spacing: normal;
}


th.thyear span{
	font-size:80%;
	letter-spacing: normal;
}

td.tdhistory{
	padding:5px 5px 3px 10px;
}

/*==============地図============== */



#MapImg{
	height:454px;
	width:505px;
	background:transparent url("../../common_img/bg_photo.gif") repeat-x bottom;
}
#MapImgBox{
	border:1px solid #ccc;
	margin:0;
	padding:2px;
	width:499px;
}

#Access{
	padding:0;
	margin:0;
	width:505px;
}
#Access ol{
	padding:0 0 0 23px;
	margin:0;
}
#Access li{
	margin:0;
	padding:0 0 10px 0;
}


.Section04{
	padding:45px 0 0 0;
	margin:0;
	width:525px;
}

#LinkPDF ul{
	padding:0;
	margin:0;
}

#LinkPDF li{
	height:27px;
	background:transparent url("../../common_img/pdficon.gif") no-repeat 0 0px;
	margin:0;
	padding:1px 0 10px 27px;
	list-style:none;
	line-height:130%;
}

#DLGuide{
	padding:20px 0 0 0;
	margin:0;
	width:505px;
}
#DLGuideBox{
	border:1px solid #ccc;
	padding:12px 8px 10px 12px;
	width:485px;
}

#BoxHead{
	padding:0;
	margin:0;
	width:483px;
}
#Icon{
	float:left;
	width:93px;
}
#Link{
	float:right;
	width:390px;
}
#Link ul{
	padding:10px 0 0 10px;
	margin:0;
}
#Link li{
	height:17px;
	background:transparent url("../../common_img/li_arrow01.gif") no-repeat 0 3px;
	margin:0;
	padding:0 0 0 21px;
	list-style:none;
}


#BoxText{
	clear:both;
	padding:10px 0 0 0;
	margin:0;
	width:483px;
}
#BoxText p{
	font-size:86%;
	padding:0;
}


/* ==========2) P02：最新ニュース========= */
#P02C1 .Heading02 h4, #P02C2 .Heading04 h4{
	letter-spacing:normal;
}

#News{
	padding:0 10px;
	margin:0;
	width:485px;
}
#News ul{
	padding:0;
	margin:0;
}

#News li{
	padding:0 0 20px 0;
	margin:0;
	list-style-type:none;
}


#News li dl{
	height:17px;
	width:505px;
	padding:0;
	margin:0;
}

/**/
#News li dl dt{
	font-family: "Trebuchet MS","Lucida Grande",Arial, Helvetica,sans-serif;
	font-size:90%;
	height:17px;
	float:left;
	padding:1px 0 0 0;
	margin:0;
	width:18%;
	line-height:140%;
}
#News li dl dd{
	height:17px;
	float:left;
	padding:0;
	margin:0;
	width:82%;
	line-height:140%;
}

/*\*/
#News li dl dt{
	padding:2px 0 0 0;
	width:14%;
}
#News li dl dd{
	width:86%;
}
/**/



#News li dd a{
	color: #0033ff;
	text-decoration:none;
	border-bottom:1px dotted #0033ff;
}
#News li dd a:visited {
	color: #990099;
	text-decoration:none;
	border-bottom:1px dotted #990099;
}
#News li dd a:active, #News li dd a:hover{ 
	color: #ff3300;
	text-decoration:none;
	border-bottom:1px solid #ff3300;
}

#P02C2 .MHeading01 h5{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:92%;
}

#P02C2 .PhotoBox01{
	float:right;
	padding:0 0 2px 0;
	margin-left:15px;
	width:186px;
	height:178px;
	background:transparent url("../../common_img/bg_photo.gif") repeat-x 0 100%;
}

.PhotoBox135{
	float:right;
	padding:0 0 2px 0;
	margin-left:15px;
	width:186px;
	height:167px;
}


#P02C2 .PhotoBox01 div.Photoimg{
	border:1px solid #ccc;
	padding:2px;
	width:180px;
	height:146px;
}
.PhotoBox135 div.Photoimg{
	height:167px;
	background:transparent url("../../common_img/bg_photo.gif") repeat-x 0 100%;
}
.PhotoBox135 div.Photoimg div{
	height:135px;
	border:1px solid #ccc;
	padding:2px;
}

.text01{
	float:left;
	width:300px;
}
p.caption{
	padding:2px 0 0 0;
	font-size: 0.875em;
	color:#666;
}

#P02C2 #BBWrapper{
	clear:both;
}
#BBNav02{
	text-align:center;
	margin:0 auto;
	padding:0;
}

#BBNav02 ul{
	text-align:center;
	margin:0 auto;
	padding:0;
}
#BBNav02 li{
	height:28px;
	background:transparent url("../../common_img/bt_base.gif") no-repeat 0 0px;
	display:block;
	text-align:center;
	margin:0 auto;
	padding:5px 0px 0 0;
	list-style:none;
	
	width:115px;
}

#BBNav02 li a{	
	text-align:center;
	margin:0 auto;
	display:block;
	text-decoration:none;
	letter-spacing : -1000px;
	text-indent:-9999px;
	font-size:0.1em;
	line-height:130%;
}

/*\*/
BBNav02 li a{
	letter-spacing : normal;
	overflow:hidden;
}
/**/
BBNav02 li a:active, #BBNav li a:hover{	
	letter-spacing : normal;
}


/*------20111226------*/
#news-wrapper{padding:0 0 0 10px;}
.month-date{float:left;marign:0 auto;text-align:center;width:58px;}
.month-date em{font-family:"times new roman", times, serif;font-style:normal;font-size:308%;line-height:1;}
.month-date span{font-size:108%;}
.news-articles{padding-top:40px;}
.news-content{margin-left:58px;padding-left:10px;border-left:1px solid #ccc;}
.news-block{padding-top:20px;}

h6.news-content-heading{margin:0;padding:10px 0 20px 0!important;font-size: 124%;}
.right-pic{float:right;margin-left:10px;}
.left-pic{float:left;}
.right-pic img, .left-pic img{padding:1px;border:1px solid #ccc;}
.pic2-wrap{clear:both;padding-top:10px;}
.pic2-wrap .right-pic{margin-left:0px;}

.news-2nd-wrapper{margin-top:50px;}

#young-persons .left-pic{float:left;margin-right:25px;}

/* ==========3) P03：採用情報========= */

#P03C1 td.tdinfo em{
	font-style:normal;
	margin-right:0.2em;
}
#P03C1 td.tdinfo{word-spacing:0.2em;font-weight:bold;}

td ol{
	padding:0 0 0 23px;
	
}
td ul{
	padding:0 0 0 17px;
	list-style-type:circle;
}

td li{
	padding:0 0 7px 0!important;
	margin:0;
	
}

#dlWMP p{
	font-size:0.875em;
}
.image02{
	float:left;
	width:88px;
	margin-right:1.5em;
}
.imageText{
	float:left;
	padding:0.875em 0 0.2em 0;
}
.imageText a{border-bottom:1px solid!important;}

/* ==========4) P04：お問い合せ========= */

#Required em{
	color:#cc0000;
}
form em{
	color:#cc0000;
}
input:focus, textarea:focus{
	border:1px solid #c00;
}


/* ==========5) ニュース個別========= */
#P02C2 .CText03{
	padding:0px 10px 0 10px;
}

.outline01 dl{
	padding:0 0 0 10px;
	margin:0;
	width:505px;
}

.outline01 dt{
	float:left;
	padding:0 0 10px 0;
	margin:0;
	width:15%;
	letter-spacing: 0.1em;
	line-height:140%;
}

.outline01 dd{
	float:left;
	padding:0 0 10px 0;
	margin:0;
	width:85%;
	line-height:140%;
}

#P02C2 h6{
	padding-top:20px;
}

#P02C2 h5.H5061207{
	padding:20px 0 15px 0;

	font-size:110%;
	letter-spacing:0.1em;
}

.Block01{
	clear: left;
	padding:20px 0px 0 15px;
	width:490px;
}

.Block01 h6{
	padding:0 0 5px 10px!important;
	color:#cc0000;
	border-bottom:1px solid #ccc;
	font-size:110%;
	letter-spacing:0.1em;
}
.Block01 div.TextBlock{
	padding:15px 0 0 10px;
}

.PhotoWrapper{
	padding-left:10px;
	display:inline-block;
	min-height:1em;
}
/*\*/
.PhotoWrapper{
	display:block;
}
/**/
.PhotoWrapper:after{
	content:"";
	height:0;
	display:block;
	clear:left;
	overflow:hidden;
}


.PhotoBox04{
	float:left;
	margin-right:15px;
	padding:0 0px 2px 0;
	width:144px;
	height:142px;
	background:transparent url("../../common_img/bg_photo.gif") repeat-x bottom;
}
.PhotoBox04 div.Photoimg{
	border:1px solid #ccc;
	padding:2px;
	width:138px;
	height:110px;
}


.PhotoBox05{
	float:right;
	margin-left:15px;
	padding:0 0px 2px 0;
	width:180px;
	height:172px;
	background:transparent url("../../common_img/bg_photo.gif") repeat-x bottom;
}
.PhotoBox05 div.Photoimg{
	border:1px solid #ccc;
	padding:2px;
	width:180px;
	height:auto;
}

.PhotoBox06{
	float:right;
	margin-left:15px;
	padding:0 0px 2px 0;
	width:186px;
	height:162px;
	background:transparent url("../../common_img/bg_photo.gif") repeat-x 4px bottom;
}
.PhotoBox06 div.Photoimg{
	border:1px solid #ccc;
	padding:2px;
	width:180px;
	height:auto;
}

#imageWraper01, #imageWraper02{
	padding: 1em 0 0 0;
	text-align:center;
	margin:0 auto;
}

.image01{
	float:left;
}

.image02{
	float:left;
	margin-left:1em;
	width: auto;
}
.image03{
	width: auto;
}


.image01 div, .image02 div, .image03 div{
	padding:2px;
	border:1px solid #ccc;
}

.image01 .pic180 {
	width: 190px;
}

.image02 .pic180 {
	width: 190px;
}
.image03 .pic300 {
	width:306px;
}


.image01 .pic180, .image02 .pic180 {
	padding:2px;
	border:1px solid #ccc;
	width: 180px;
}


.image03 .pic300 {
	padding:2px;
	border:1px solid #ccc;
	width: 300px;
}


p.aLeft{
	text-align:left;
	width:100%;
}


.alignright{
	margin:0em 0 1em 1.5em;
	float:right;
	
}
.alignright02{
	margin:0em 0 1em 0em;
	float:right;
	
}

.alignright img, .alignright02 img{
	padding:2px;
	border:1px solid #ccc;
	display:block;
}
.alignleft{
	margin:0em 1.5em 1em 0;
	float:left;
	
}
.alignleft02{
	margin:0em 0em 1em 0;
	float:left;
	
}
.alignleft img, .alignleft02 img{
	padding:2px;
	border:1px solid #ccc;
	display:block;
}


#CWrapper #Contents #P02C2 ol.news-decimal{
	padding-left:1.775em!important;
	list-style:decimal!important;
}
ol.news-decimal li{
	margin-bottom:1em;
}