@charset "shift_jis";

/*------------------------------ reset -----*/
body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p, th, td { 
	margin:0;
	padding:0;
	line-height:1.4;
	font-size:small;
	font-family:
	Arial,
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	Osaka,
	"ＭＳ Ｐゴシック",
	sans-serif;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
strong, b, th {
	font-style:normal;
	font-weight:normal;
	}
ol, ul {
	list-style:none;
	}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	}
img {
	border:0px none;
	margin:0;
	padding:0;
	vertical-align: bottom
	}
img a {
	border:0px none;
	}
	
/*------------------------------ html/body/#container -----*/
html { height:100%; }
body {
	height:100%;
	color: #333333;
	font-size:100%;
	background: url('../common/back-head.gif') repeat-x left top;
	}
#container {
	width:1000px;
	height:100%;
	margin:0 auto;
	background:url('../common/back-wrapper.gif') repeat-y;
	}
body > #container {
	min-height:100%;
	height:auto;
	}

/*------------------------------ link -----*/
a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover { color: #0066cc; text-decoration: none; }
a:active { color: #0066cc; text-decoration: none; }
a:focus{ outline: none; }/*fireFoxとかで点線を消す*/

#topics dd a:link,
#pan a:link,
a.new:link,
a.linkline:link,
.definition2 dd a:link,
#news dd a:link,
#irnews dd a:link,
.list-text a:link,
.table-list2 td a:link { text-decoration: underline; }

#topics dd a:visited,
#pan a:visited,
a.new:visited,
a.linkline:visited,
.definition2 dd a:visited,
#news dd a:visited,
#irnews dd a:visited,
.list-text a:visited,
.table-list2 td a:visited { text-decoration: underline; }

#topics dd a:hover,
#pan a:hover,
a.new:hover,
a.linkline:hover,
.definition2 dd a:hover,
#news dd a:hover,
#irnews dd a:hover,
.list-text a:hover,
.table-list2 td a:hover { text-decoration: none; }

#topics dd a:active,
#pan a:active,
a.new:active,
a.linkline:active,
.definition2 dd a:active,
#news dd a:active,
#irnews dd a:active,
.list-text a:active,
.table-list2 td a:active { text-decoration: none; }

/*------------------------------ clearfix -----*/
/* CSSハック01 */
.clear { clear: both; }
/* CSSハック02 */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*------------------------------ common-header -----*/
#common-header { background: url('../common/back-head.gif') repeat-x left top; }
#common-header p {
	width: 1000px;
	margin:0 auto;
	text-align:right;
	}

/*------------------------------ header -----*/
#header {
	width:1000px;
	margin:0 auto;
	position:relative;
	background-color:#ffffff;
	}
#logo { padding:18px 0 16px; }
#s-navi {
	position:absolute;
	top:15px;
	right:0;	
	}
#s-navi li { float:left; }
#s-navi a { margin-left:10px; }

#s-navi li#koukoku {
	position: absolute;
	right:0;
	top:1.8em;
	}
#s-navi li#koukoku a {
	display:block;
	width:163px; height:31px !important;
	background:url('../common/btn-koukoku.gif') no-repeat left top;
	text-indent:-9999px;
	margin:0; padding:0
	}
#s-navi li#koukoku a:hover { background-position:left -31px; }

#g-navi {
	background:url('../common/back-navi.gif') no-repeat left top;
	padding-left:4px; padding-right:4px; padding-top:0; padding-bottom:0
	}
#g-navi li {
	float:left;
	margin:0;
	padding:4px 0;
	}	
#g-navi a {
	background:url('../common/navi.gif');
	display:block;
	width:165px;
	height:36px;
	text-indent:-9999px
	}
#g-navi #menu1 a { background-position:0 0; }
#g-navi #menu1-n a,
#g-navi #menu1 a:hover { background-position:0 -36px; }
#g-navi #menu2 a { background-position:-165px 0; }
#g-navi #menu2-n a,
#g-navi #menu2 a:hover { background-position:-165px -36px; }
#g-navi #menu3 a { background-position:-330px 0; }
#g-navi #menu3-n a,
#g-navi #menu3 a:hover { background-position:-330px -36px; }
#g-navi #menu4 a { background-position:-495px 0; }
#g-navi #menu4-n a,
#g-navi #menu4 a:hover { background-position:-495px -36px; }
#g-navi #menu5 a { background-position:-660px 0; }
#g-navi #menu5-n a,
#g-navi #menu5 a:hover { background-position:-660px -36px; }
#g-navi #menu6 a { background-position:-825px 0; width:167px; }
#g-navi #menu6-n a,
#g-navi #menu6 a:hover { background-position:-825px -36px; }

/*------------------------------ contents -----*/
#contents {
	width:1000px;
	margin:0 auto;
	padding-bottom:59px;
	}
#head {
	width:1000px;
	padding:10px 0 20px;
	background-color:#ffffff;
	}
#pan {
	float:left;
	padding:2px 5px;
	}
#ir_code {
	float:right;
	background-color:#ebebeb;
	padding:2px 30px;
	}
#wrapper { background:url('../common/back-wrapper.gif') repeat-y; }
#menu {
	width:217px;
	float:left;
	}
#main {
	width:560px;
	float:left;
	}
#aside {
	width:188px;
	float:right;
	}
	
.kab a,
.kei a,
.zai a,
.osi a {
	padding-left:55px;
	display:block;
	min-height:15px;
	height:auto !important;
	height:15px;
	}	
.kab a { background:url('../common/icon-kab.gif') no-repeat left top; }
.kei a { background:url('../common/icon-kei.gif') no-repeat left top;	}
.zai a { background:url('../common/icon-zai.gif') no-repeat left top;	}
.osi a { background:url('../common/icon-osi.gif') no-repeat left top;	}
.kabu span,
.keie span,
.zaim span,
.osir span {
	display:inline-block;
	padding-right:55px;
	min-height:17px;
	height:auto !important;
	height:17px;
	}	
.kabu span { background:url('../common/icon-kab.gif') no-repeat right 2px; }
.keie span { background:url('../common/icon-kei.gif') no-repeat right 2px; }
.zaim span { background:url('../common/icon-zai.gif') no-repeat right 2px; }
.osir span { background:url('../common/icon-osi.gif') no-repeat right 2px; }

.mt0 { margin-top:0 !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.pt0 { padding-top:0 !important; }
.pt10 { padding-top:10px !important; }

.atte { margin:5px 0 0 1em; }
.atte span { margin:0 0 0 -1em; }
	
.center { text-align:center !important; }
.right { text-align:right !important; }

.color1 { color:#006dd4; }


/*------------------------------ menu -----*/
#menulist1 { width:200px; }
#menulist1 .li1 a {
	background:url('../common/back-menu1.gif') no-repeat left top;
	display:block;
	min-height:24px;
	height:auto !important;
	height:24px !important;
	font-weight:bold;
	border-bottom:1px solid #cdcdcd; padding-left:25px; padding-right:5px; padding-top:11px; padding-bottom:4px
	}
	
#menulist1 .li2 {
	background:url('../common/back-menu2.gif') no-repeat left bottom;
	padding-left:3px; padding-right:3px; padding-top:2px; padding-bottom:5px
	}
#menulist1 .li3 {
	background:url('../common/back-menu2.gif') no-repeat left bottom;
	padding-left:3px; padding-right:3px; padding-top:0; padding-bottom:5px
	}
#menulist1 .li4 {
	background:url('../common/back-menu3.gif') no-repeat left bottom;
	padding-left:3px; padding-right:3px; padding-top:0; padding-bottom:3px
	}
#menulist1 .li2 a,
#menulist1 .li3 a,
#menulist1 .li4 a {
	background:url('../common/icon-right.png') no-repeat 8px 6px;
	display:block;
	min-height:17px;
	height:auto !important;
	height:17px !important; padding-left:23px; padding-right:5px; padding-top:3px; padding-bottom:3px
	}
#menulist1 .li2 a:hover,
#menulist1 .li3 a:hover,
#menulist1 .li4 a:hover,
#menulist1 .now a {	
	background-color:#ebebeb;
	}
#menulist1 .li-in1 {
	background:url('../common/back-menu4.gif') no-repeat left bottom;
	padding-left:3px; padding-right:3px; padding-top:0; padding-bottom:2px
	}
#menulist1 .li-in2 {
	background:url('../common/back-menu2.gif') no-repeat left bottom;
	padding-left:3px; padding-right:3px; padding-top:0; padding-bottom:5px
	}
#menulist1 .li-in1 a,
#menulist1 .li-in2 a {
	background:url('../common/icon-gray.gif') no-repeat 20px 7px;
	display:block;
	min-height:12px;
	height:auto !important;
	height:12px !important; padding-left:29px; padding-right:5px; padding-top:2px; padding-bottom:2px
	}
#menulist1 .li-in1 a:hover,
#menulist1 .li-in2 a:hover,
#menulist1 .now-in a {	
	background:url('../common/icon-ora.gif') no-repeat 20px 7px;
	color:#0066cc
	}
	
#menulist2 { width:200px; }
#menulist2 li a {
	display:block;
	border-bottom:1px dotted #b4b4b4;
	background:url('../common/icon-gray.gif') no-repeat 10px 8px;
	min-height:15px;
	height:auto !important;
	height:15px !important; padding-left:22px; padding-right:5px; padding-top:3px; padding-bottom:3px
	}
#menulist2 li a:hover,
#menulist2 li.now a {
	background:url('../common/icon-ora.gif') no-repeat 10px 8px;
	}
#menulist2 li.now a {
	color:#0066cc;
	}
	
/*------------------------------ main -----*/
.text1 { margin-top:10px; }
.text2 { margin-top:20px; }
.text3 { margin-top:5px; }

.contents-list {
	width:560px;
	background:url('../common/back-index-list2.gif') no-repeat left bottom;
	margin-top:15px;
	padding-bottom:4px
	}
.contents-list.harf {
	width:271px;
	}
.contents-list .list-l {
	width:271px;
	float:left;
	}
.contents-list .list-r {
	width:271px;
	float:right;
	}
.contents-list h2 a {
	background:url('../common/back-index-list1.gif') no-repeat left top;
	display:block;
	min-height:20px;
	height:auto !important;
	height:20px !important;
	padding-left:30px; padding-right:10px; padding-top:11px; padding-bottom:5px
	}
.contents-list p {
	border-top:1px dotted #b4b4b4;
	margin:0 15px;
	padding:5px 0 10px;
	}
.contents-list ul {
	border-top:1px dotted #b4b4b4;
	margin:0 6px;
	padding:3px 0 5px;
	}
.contents-list li {
	padding:0 10px 3px;
	}
.contents-list li a {
	display:inline-block;
	background:url('../common/icon-ora.gif') no-repeat left 5px;
	padding-left:9px;
	min-height:12px;
	height:auto !important;
	height:12px !important
	}

.gotop {
	margin-top:20px;
	text-align:right;
	}
.gotop a {
	display:inline-block;
	background:url('../common/icon-top.gif') no-repeat left 7px;
	padding-left:12px;
	min-height:11px;
	height:auto !important;
	height:11px !important
	}
	
/*     list     */
.list1 { margin-top:5px; }
.list1 li { margin-bottom:3px; }
.list1 li a span { cursor:pointer; }


/*     link mark     */
#s-navi a,
#footer a  {
	background:url('../common/icon-blu.gif') no-repeat left 5px;
	display:inline-block;
	padding-left:9px;
	min-height:14px;
	height:auto !important;
	height:14px !important
	}
a.new,
.list1 li span,
#aside-link li span {
	background:url('../common/icon-new.gif') no-repeat right 4px;
	padding-right:16px
	}
.link1 { margin-top:20px; }
.link1 a,
.link2 a,
#topics p a,
#group-in #group-list a span,
#irnews-title p a,
#news-title p a,
.list1 li a {
	display:inline-block;
	background:url('../common/icon-ora.gif') no-repeat left 5px;
	min-height:12px;
	height:auto !important;
	height:12px !important;
	padding-left:9px
	}
.cate-link span {
	background:url('../common/icon-plus.gif') no-repeat left 3px;
	display:inline-block;
	min-height:14px;
	height:auto !important;
	height:14px !important; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0
	}

/*     title     */	
.title1 {
	border-top:2px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	padding:8px 2px 7px;
	}
.title1 span {
	display:block;
	background:url('../common/icon-bar2.gif') no-repeat left top;
	padding-left:12px;
	min-height:23px;
	height:auto !important;
	height:23px !important;
	font-weight:bold;
	font-size:114%
	}
.title2,
.title2-2 {
	background-color:#ebebeb;
	padding:3px 10px;
	font-weight:bold;
	font-size:106%;
	}
.title2 { margin-top:20px; }
.title2-2 { margin-top:30px; }
.title3 {
	margin-top:20px;
	background:url('../common/icon-4.gif') no-repeat left 4px;
	padding-left:15px;
	min-height:14px;
	height:auto !important;
	height:14px !important;
	font-weight:bold
	}
.title3-2 {
	margin-top:20px;
	padding-left:5px;
	min-height:14px;
	height:auto !important;
	height:14px !important;
	font-weight:bold
	}

/*     page link     */	
.page-link,
.page-link2 {
	margin-top:10px;
	border:1px dotted #b4b4b4;
	padding:5px 10px 3px;
	}
.page-link li,
.page-link2 li {
	float:left;
	padding:0 15px 2px 0;
	}
.page-link li a {
	display:inline-block;
	background:url('../common/icon-bottom.gif') no-repeat left 6px;
	padding-left:13px;
	min-height:11px;
	height:auto !important;
	height:11px !important;
	white-space:nowrap
	}
.page-link2 li span,
.page-link2 li a {
	display:inline-block;
	padding-left:9px;
	min-height:12px;
	height:auto !important;
	height:12px;
	white-space:nowrap;
	}
.page-link2 li span { background:url('../common/icon-gray.gif') no-repeat left 5px; }
.page-link2 li a { background:url('../common/icon-ora.gif') no-repeat left 5px; }

/*     box     */	
.box,
.box2,
.box3,
.box4 { width:560px; }
.box { margin-top:20px; }
.box2 { margin-top:10px; }

.box3 li {
	list-style:decimal;
	margin:5px 0 0 25px;
	}
	
.box-l,
.box-l2,
.box-l3 { float:left; }
.box-r,
.box-r2,
.box-r3 { float:right; }
.box-l,
.box-r { width:271px; }
.box-l2,
.box-r3 { width:430px; }
.box-r2,
.box-l3 { width:110px; }
	
.box2 p,
.box3 p {
	padding-top:10px;
	}

/*     definition     */	
.definition dt,
.definition2 dt { margin:15px 0 0 0; }
.definition dd { margin:5px 0 0 2em; }
.definition2 dd,
.definition3 dd { margin:5px 0 0 0; }
.definition dd span { display: inline-block; padding:5px 0 0 0; }
.definition3 dt {
	margin:20px 0 0 0;
	font-weight:bold;
	}
	
/*------------------------------ aside -----*/
#aside #contact a {
	background:url('../common/btn-contact.gif') no-repeat left top;
	width:188px;
	height:36px;
	text-indent:-9999px;
	display:block
	}
#aside #contact a:hover { background-position:left -36px; }	
	
#aside-box {
	margin-top:15px;
	background:url('../common/back-aside-box1.gif') no-repeat left top;
	padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
	}

#aside-box #new #txt {
	background:url('../ir/images/back-new2.gif') repeat-y;
	padding-left:11px; padding-right:11px; padding-top:3px; padding-bottom:3px
	}
#aside-box #new #txt span {
	display:block;
	text-align:center;
	border-bottom:1px dotted #b4b4b4;
	}	
#aside-box #new ul {
	background:url('../ir/images/back-new.gif') no-repeat left bottom;
	padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:10px
	}
#aside-box #new li { padding-bottom:2px; }
#aside-box #new li a,
#aside-box #data p a {
	display:inline-block;
	background:url('../common/icon-ora.gif') no-repeat left 5px;
	padding-left:9px;
	min-height:12px;
	height:auto !important;
	height:12px !important;
	font-size:92%
	}
#aside-box #data {
	background:url('../ir/images/back-stock.gif') no-repeat left bottom;
	padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:0
	}
#aside-box #data p { padding:0 5px 5px; }
	
#aside-link {
	background:url('../common/back-aside-link2.gif') repeat-y left top;
	margin-top:15px
	}	
#aside-link p {
	background:url('../common/back-aside-link.gif') no-repeat left top;
	font-weight:bold;
	padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:8px
	}
#aside-link ul {
	background:url('../common/back-aside-link3.gif') no-repeat left bottom;
	padding-left:2px; padding-right:2px; padding-top:0; padding-bottom:3px
	}
#aside-link li a {
	display:block;
	border-bottom:1px dotted #b4b4b4;
	background:url('../common/icon-blu.gif') no-repeat 8px 8px;
	min-height:15px;
	height:auto !important;
	height:15px; padding-left:17px; padding-right:5px; padding-top:3px; padding-bottom:3px
	}
#aside-link li.last a { border-bottom:none; }

#pdf {
	margin-top:15px;
	background-color:#ebebeb;
	padding:5px 10px;
	}
#pdf div { text-align:center; }
	
#banner-recruit a {
	display:block;
	background:url('../common/banner-recruit.gif') no-repeat left top;
	width:188px;
	height:50px;
	text-indent:-9999px;
	margin-top:20px
	}
#banner-recruit a:hover { background-position:left -50px; }
a.topBnr { margin-top:0 !important; }
	
/*------------------------------ footer -----*/
#footer {
	background:#ebebeb url('../common/back-foot.gif') repeat-x left top;
	clear:both;
	min-height:29px;
	height:auto !important;
	height:29px !important; margin-left:auto; margin-right:auto; margin-top:-29px; margin-bottom:0
	}
#footer-in {
	width:1000px;
	margin:0 auto;
	position:relative;
	}
#footer p {
	position:absolute;
	left:0;
	top:0;
	} 
#footer ul {
	float:right;
	margin-top:3px;
	}
#footer li { float:left; }
#footer a { margin-right:15px; }