@charset 'Shift_JIS';

/* ========================================
OUTLINE
	JMSサイト
	トップページ用CSS

CONTENT
	00：BASE SETTINGS
	01：HEADER
	02：MAIN
	03：NAVIGATION
	04：CONTENTS
	05：FOOTER
======================================== */


/*======================================== */
/* 00：BASE SETTINGS
/*======================================== */

body {
	background: url(../images/tbody_bg01.gif) center top repeat-x;
	color: #333;
}

/*======================================== */
/* 01：HEADER
/*======================================== */

#header {
	position: relative;
	height: 91px;
	background: url(../images/theader_bg01.gif) top center;
}

#headerInner {
	height: 91px;
	background: #fff url(../images/theader_bg02.gif) bottom center no-repeat;
}

#headerInner h1 {
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 3;
	width: 345px;
	height: 90px;
	overflow: hidden;
	background: url(../images/thd_logo01.gif) left top no-repeat;
	text-indent: -9999em;
}

#headerInner dl {
	margin: 25px 7px 0 0;
}

#headerInner p {
	position: absolute;
	top: 7px;
	right: 19px;
}

/*======================================== */
/* 02：MAIN
/*======================================== */

#main {
	position: relative;
	width: 901px;
	margin: 0 auto;
	padding: 0;
	background: #fff url(../images/tmain_bg01.gif) top center;
}

#mainInner {
	padding: 3px 10px 0 10px;
	background: url(../images/tmain_bg02.jpg) top center no-repeat;
}

/* ======================================== */
/* 03：NAVIGATION
/* ======================================== */

/* 新規加盟をご検討のお客様
---------------------------------------- */

#tNav {
	position: absolute;
	top: -19px;
	left: 522px;
	width: 355px;
	height: 600px;
	background: url(../images/tnav_bg01.jpg) 50% 58px no-repeat;
}

#tNav #tNavRead {
	padding-left: 10px;
}

#tNav ul#tNavMenu {
	padding:0 0 19px 7px;
	background: url(../images/tnav_btn_ov.gif) 7px 0 no-repeat;
}

#tNav ul#tNavMenu li#tNavMenuMeri {
	height: 26px;
	margin-bottom: 5px;
	padding-left: 119px;
}

#tNav #tNavInfo {
	width: 321px;
	margin-left: 17px;
	padding-bottom: 10px;
	background: #fff;
}

#tNav #tNavInfo form {
	padding: 6px 0 0px 10px;
}


#tNav #tNavInfo form select {
	float: left;
	margin-right: 5px;
	height:1.8em;
}

#tNav #tNavInfoBtn {
	clear: both;
	padding-left: 122px;
	background: url(../images/tnav_info_btn01ov.gif) 122px 0 no-repeat;
}

#tNav ul#tNavBtmenu {
width:341px;
margin:0 auto;
margin-top:45px;
padding-left:2px;
}

#tNav ul#tNavBtmenu li {
display:block;
	margin-top: 0;
	padding-bottom:6px;
}

#tNav ul#tNavBtmenu li.imgArf{
font-size:1px;
}

.imgArf a{
	display:block;
	}

.imgArf a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	}


/* ======================================== */
/* 04：CONTENTS
/* ======================================== */

#tContets {
	width: 478px;
	padding: 16px 0 30px 20px;
}

#tContets h3 {
	height: 27px;
	margin-bottom: 8px;
}

#tContets .tSection {
	background: url(../images/tmain_bg03.gif) left 35px repeat-x;
}

/* JMSのサービスご紹介
---------------------------------------- */

#topSectA {
	margin-bottom: 10px;
}

#topSectA #tSectAread {
	padding: 5px 0 0 8px;
}

#topSectA ul {
	background: url(../images/tmain_a_btn_ov.gif) left top no-repeat;
}

#topSectA ul li {
	float: left;
}

#topSectA ul li a {
	display: block;
	float: left;
}

/* お知らせ
---------------------------------------- */

#topSectC {
	width: 480px;
	padding-bottom:20px;
	clear:both;
}

#topSectC dl {
	padding-top: 5px;
  height:14.5em;
  overflow-y: scroll;
  padding-right:5px;
}

#topSectC dl dt{
	padding:5px 0 0 30px;
	line-height: 1.8em;
	background: url(../common/images/mark01.gif) 8px 0.5em no-repeat;
	color:#064c8f;
	font-size: 0.84em;
	line-height:1.5em;
	font-weight:bold;
}

#topSectC dl dd{
	padding: 0 0 5px 30px;
	background: url(../images/tmain_c_line01.gif) 2px bottom repeat-x;
}

/* JMSについて
---------------------------------------- */

#topSectB {
	width: 480px;
}

#topSectB #tSectBread {
	padding: 9px 13px 5px 13px;
}

#topSectB #tSectBbtn {
	float: left;
	padding-left:10px;
	background: url(../images/tmain_b_btn01ov.gif) 10px 0 no-repeat;
}





/*======================================== */
/* 05：FOOTER
/*======================================== */

#footer {
	background: url(../images/tfooter_bg01.gif);
}

#footerInner {
	background: url(../images/tfooter_bg02.gif);
}