*{margin:0; padding:0;}
img{border:none;}

/* body */
body{
	text-align:center;
	color:#333;
	font-size:80%;
	line-height:1.5;
	background:#FFFFFF;
	font-family: Arial, Helvetica, メイリオ,"ヒラギノ角ゴ Pro W3",
  "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",
  sans-serif;
	}

#wrapper{
	width:780px;
	text-align:left;
	margin:0 auto;
	background:url(img/shadow.gif);
	}

#header{
	width:760px;
	margin:0 10px;
	height:168px;
	background:url(img/header.jpg);
	position:relative;
	}

#header h1{
        font-size:10px;
        color:#A9A9A9;
	position:absolute; bottom:20px; left:30px;
	}

#header h2{
	position:absolute; top:15px; left:15px;
	}

#contents{
	width:760px;
	margin:0 10px;
	position:relative;
	padding-top:58px;
	background:url(img/contents.gif) repeat-y;
	}

/* main */
#main{
	float:right;
	width:560px;
	min-height:700px;
	}

#m_inner{
	padding:10px;
	}

#topimg{
	margin-bottom:15px;
	}

.img_L{
	float:left;
	margin:0 10px 10px 0;
}

.img_R{
	float:right;
	margin:0 0 10px 10px;
}

.cr1{
	font:16px normal;
	line-height:2.5;
	background:url(img/pagetitle.gif) left center no-repeat;
	padding-left:20px;
	color:#333;
	margin:0 0 1em 0;
	}

.cr2{
	font:16px normal;
	line-height:2.5;
	background:url(img/crossline.gif) left center no-repeat;
	padding-left:20px;
	color:#333;
	margin:1em 0;
	}

.cr3{
	border-left:2px blue solid;
	border-bottom:1px blue dotted;
	padding:2px 0 2px 5px;
	color:#333;
	margin:1em 10px;
	font:1em normal;
	}

.cr1 a, .cr2 a, .cr3 a{
	text-decoration:none;
	font:inherit;
	line-height:inherit;
	}

ul.checklist{
	list-style:none;
	margin:1em 30px 1em 20px;
	background:#F7F7F7;
	border:1px solid #346ABC;
	padding:0 10px;
}


ul.checklist li{
	background:url(img/listmark.gif) left top no-repeat;
	margin:10px 0;
      line-height:16px;
	padding-left:20px;
}

#main p{
	margin:1em 10px;
	}

#b_list a{
	padding:0 18px 0 0;
	margin-right:6px;
	background:url(img/bracket.gif) right center no-repeat;
}

p#b_list{
	line-height:20px;
	height:20px;
	margin:0;
	padding:0 20px 10px 5px;
	}

.point
{
	background-color:#F0E68C;
	color:#B22222;
	font-weight:normal;
}

.red
{
	color:#FF0000;
	font-weight:bold;
}

p.imgToInq{
	display:block;
	text-align:center;
	margin-top:1.5em;

}

.asta
{
	font-size:80%;
	padding:0 10px 0 10px;
}

table#product {
	margin:0; padding:0;
	width:518px;
	background:#CCC;
                line-height:1.5;
}

table#product th{
	margin:0; padding:0;
	background:url(img/tableboard.gif);

}

table#product th img{
	margin:10px;
}

table#product td{
	margin:0; padding:0;
	background:#FFF;
	padding:10px;
	vertical-align:top;
}

table#product td em{
	display:block;
	margin-bottom:10px;
	font:14px normal;
	border-left:4px orange solid;
	padding-left:8px;
}

/* GMap の ID */
#map {	/* マップ内に表示するメッセージ */
			margin: 15px 0 30px 10px;
			font-size: 90%;
		}

/* MT用追加部分 */

.entry{
	font:1em normal;
	line-height:1.5;
	margin:1em 10px;
	}

.entry-c {
	font:1em normal;
	margin: 10px 0;
	padding: 0 30px 0 30px;
	}

.entry-a {
	font:1em normal;
	margin: 10px 0 10px 0;
	padding: 0 30px 0 37px;
	}

.entry-more-link{ text-align: right; }


.gotop {
	text-align: right;
	padding-right: 10px;
	}

/* sub */

#sub{
	float:left;
	width:200px;
	padding-top:10px;
	}

#ob{
	margin:0px 12px 10px;
}

.leftbox {
    background:url(http://www.hpupdate.net/img/leftbox.gif) bottom no-repeat;
    margin:0 10px 10px;
}

.leftbox2{
	width:180px;
	margin:0 10px 10px;
}

.leftbox h3{
    height:39px;
    line-height:39px;
}
.leftbox p, .leftbox dl {
	padding:10px;
	}

.mail{
    margin:0;
    padding:0;
}

a.button{
        display:block;
        text-align:center;
        margin:0 10px;
        width:140px;
        height:42px;
        line-height:42px;
        font-size:12px;
        text-decoration:none;
        background:url(img/button.gif);
        color:#333;
        }

a.button:hover{
        background:url(img/button_om.gif);
        }

#s_button{
        display:block;
        text-align:center;
        margin:0 10px;
        width:140px;
        height:42px;
        line-height:42px;
        font-size:12px;
        text-decoration:none;
        background:url(img/button.gif);
        color:#333;
        }


.leftbox2 ul{
        list-style:none;
        }

.leftbox2 ul li{
        background:url(img/leftli.gif);
        margin:0 12px;
        width:156px;
        height:30px;
        font-size:10px;
	line-height:3;
        }

.leftbox2 ul li a{
        display:block;
        padding-left:12px;
        height:30px;
        text-decoration:none;
        color:#333;
        }

.leftbox2 ul li a:hover{
        background:url(img/leftli_a.gif);
        padding-left:15px;
        }

#hoge{width:160px;}

hr.clear{
	clear:both;
	visibility:hidden;
	}

/* navigator */
#navi{
	position:absolute; top:0; left:0;
	width:760px;
	height:58px;
	background:url(img/navi.gif) no-repeat;
	}

#navi ul{
	list-style:none;
	margin-left:9px;
	}

#navi li{
	float:left;
	width:142px;
	height:50px;
	line-height:50px;
	margin-right:8px;
        margin-top:3px;
	}

#navi a{
	display:block;
	height:inherit;
	line-height:inherit;
	text-decoration:none;
	}

/* footer */
#footer{
	clear : both ;
	height : 90px ;
	background : url(img/footer.jpg) ;
	text-align : center ;
	}

#footer a{
        text-decoration:none;
        color:#333;
        }

#footer ul{
	list-style:none;
	text-align:center;
	padding-top : 20px ;
	padding-bottom : 5px ;
	}

#footer li{
	display:inline;
	border-left : 1px solid #333333;
	padding:0 3px 0 4px;
        font-size:12px;
	}

#footer li a{
        color:#333;
        border-bottom:#333 1px solid;
        }

#footer li a:hover{
        color:#333;
        border-bottom:none;
        }

#footer .noborder{
	border : none;
	}

#footer p{
	padding-top : 5px ;
        font-size:10px;
	}

table{
	font-size:0.8em;
	width:400px;	/* テーブルの幅 */
	border-collapse:collapse;
	margin:0 10px 0 10px;
}

.employ{
	font-size:1em;
	width:480px;	/* テーブルの幅 */
	border-collapse:collapse;
	margin:0 10px 0 10px;
}

.bgc01
{
	background-color	: #DCDCDC;
}

caption{
	margin:0px 10px 0 9px;
}

caption,th,tbody td{
	padding:4px;	/* セルの余白 */
}

caption{
	text-align:left;
}

table th{
	border:1px #C0C0C0 solid;	/* ボーダー指定 */
}

th{
	font-weight:normal;
	background:blue;	/* テーブルヘッダーの色 */
	text-align:left;
}

/* 一時的追加 */
/* ============================
		▼画像▼
============================ */

img {border:none;}
img.floatleft{
              float:left;
              margin:0 10px 20px 0;
              vertical-align:top;
}
img.floatright{
              float:right;
              margin:0 0 20px 10px;
              vertical-align:top;
}
.clear{clear:both;}        /* float､ﾎ･ｯ･｢ */

/* ============================
		▲画像▲
============================ */

/* ============================
		▼flow.html▼
============================ */

/* ▼脚注 */
p.footnote
	{
	font-size:0.8em;
	margin:20px 0 0 0;
	}

p.footnote strong
	{border-bottom:1px solid;}

/* ▼注釈 */
#attention
	{
	margin-right:10px;
	width:160px;
	float:right;
	border:solid 1px;
	font-size:0.9em;
	}
/* 「!」マーク */
#attention img
	{
	float:left;
	margin:-1px 3px 3px -1px;
	}
#attention ul
	{
	font-size:0.9em;
	padding:0 0 5px;
	line-height:130%;
	}

/* ============================
		▲flow.html▲
============================ */
span.annotation{font-size:0.8em;}
.td_left{
		padding:3px;
		background:#CCCCCC;
}

#companylist dd
	{padding-left:100px ;}

#companylist dt
	{float:left;}              /* dtとddを同じ行に配置 */

#companylist dl
	{
	padding-left:20px;
	margin-left:2em;
	margin-bottom:1em;
	}

table.t1{
	background:url(img/tableboard.gif);
	border-right:1px #999 solid;
	border-bottom:1px #999 solid;
	width:500px;
	font-size:1em;
}
table.t1 .colored{
	background:none;
}
table.t1 td{
	background:white;
	border-top:1px #CCC solid;
	border-left:1px #CCC solid;
	border-right:none;
	border-bottom:none;
}

#flow p{
	clear:left; /* ←imgのfloatをクリアする */
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:0px;
	padding-top:0px;
}

#flow img{
	margin:0 20px 0 10px;
	float:left;
}

/* サイトマップのul */

#ul-map{
	margin-left:20px;
	list-style:none;
	line-height:1;
}

#ul-map a{
	text-decoration:none;
}

#ul-map a:hover{
	border:1px blue solid;
}

#ul-map li{
	width:100px;
	font-size:12px;
	margin-top:20px;
	margin-left:0;
	text-align:center;
}


#ul-map li li{
	margin-top:0;
	font-size:10px;

}

#ul-map li ul{
	list-style:none;
}

#ul-map li span{
	display:block;
	padding:2px;
	border:1px #A05A2E solid;
	background:#DFAD8E;
}

#ul-map li li span{
	text-align:right;
	border:none;
	background:none;
	border-bottom:1px #A05A2E solid;
	padding:10px 0 2px 20px;
}

#ul-map li li{
	width:150px;
	margin-left:50px;
	border-left:1px #A05A2E solid;
}

#ul-map li.last{
	border-left:none;
}

#ul-map li.last span{
	border-left:1px #A05A2E solid;
}

#ul-map li.last li span{
	border-left:none;
}

#ul-map li.last li.last span{
	border-left:1px #A05A2E solid;
}

#ul-map li.last li.last li span{
	border-left:none;
}

#ul-map li.last li.last li.last{
	border-left:1px #A05A2E solid;
}

/* Q&A */

#main .q, #main .a,#main .border1 {
margin-left : 15px ;
}
.border1 {
vertical-align : middle;
margin-top : 5px;
}

#main .q p, #main .a p{
 font-size : 12px ;
 line-height : 2.5 ;
 }

#main .q {
    background : url(./img/qaq.gif) no-repeat;
}

#main .q p {
    margin-left : 35px ;
}

#main .a {
    background : url(./img/qaa.gif) no-repeat ;
}

#main .a p {
     margin-left: 35px ;
}

p.arrow_cd {
    text-align : center ;
/*  上下間隔を設定したい場合は下のコメントアウトを解除 */
/*  margin : 0 ;
    padding-top : 20px ;
    padding-bottom : 20px ; */
}

p.arrow_cd img { margin : 0 auto ; }