@charaset"Shift-JIS";

/* ===========================================
Common Style
=========================================== */
/*Reset*/
* {
	margin:0;
	padding:0;
}

dl,ul {
	margin: 0px;
	padding: 0px;
}

dt {
	clear: left;
	float: left;
}

li {
	list-style-type:none;
}

li li {
	font-size:inherit;
} 

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
 	font-weight: normal;
	font-style:  normal;
}

h2 {
	margin-left: 15px;
	font-weight: bold;
}

#main h2 {
	margin-left: 0px;
}

h3 {
	background-image: url(../images/h3_bg.gif);
	background-repeat: repeat;
	margin: 5px 0px;
	padding: 3px 3px 3px 10px;
	font-weight: bold;
	color: #FFF;
}


img,object,param {
	border:0;
	vertical-align:bottom;
}

input {
	line-height:100%;
}

hr {
	height:0;
	visibility:hidden;
	border:0;
}  

/*all*/
html {
	text-align:center;
}
body {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	color:#666;
	font-size: 80%;
	line-height:150%;
	background-color: #FFFFFF;
}
hr {
	display:none;
}
img {
	border:none;
}
a {
	color:#33c;
}

a:visited {
	color:#96c;
}

a:hover,a:active {
	color:#f00;
	text-decoration: underline;
}

.link {
	list-style-type:none;
	padding-left:14px;
	background:url(../images/arrow_link.gif) 0 2px no-repeat;
}

.clear {
	clear: both;
}

.txt80 {
	font-size: 80%;
	margin: 3px;
}

/* ===========================================
Layout
=========================================== */
#bodyArea {
	width: 610px;
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	border-left: 1px solid #191953;
	border-right: 1px solid #191953;
	position: relative;
	background-position: 610px;
}

#bodyArea2 {
	width: 610px;
	background-image: url(../images/bg01.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	border-left: 1px solid #191953;
	border-right: 1px solid #191953;
	position: relative;
	background-position: 600px;
}


/* ===========================================
Rnavi
=========================================== */

#Rnavi {
	width: 186px;
	font-size: 85%;
	border-top: 7px solid #666;
	position: absolute;
	left: 608px;
	top: 0px;

}

#Rnavi .main_link .lv1 {
}

#Rnavi .main_link .lv1 .link{
	border-top: 1px dotted #fff;
	padding: 5px 0px;
}

#Rnavi .main_link .lv1 .here{
	border-top: 2px solid #f00;
	padding: 4px 0px 5px 0px;
}

#Rnavi .main_link .lv1 .here a{
	background-image: url(../images/cur01b.gif);
}

#Rnavi .main_link .lv1 .here ul li a{
	background-image: url(../images/cur02a.gif);
	color: #FFF;
}

#Rnavi .main_link .lv1 .here ul li a:hover {
	background-image: url(../images/cur02b.gif);
	color: #FFF;
}

#Rnavi .main_link .lv2 {
	margin-left: 20px;
	padding: 0px;
}

#Rnavi .main_link .lv2 a{
	background-image: url(../images/cur02a.gif);
	background-repeat: no-repeat;
	background-position: 4px 2px;
	padding-left: 12px;
	color: #FFF;
}

#Rnavi .main_link .lv2 a:hover {
	background-image: url(../images/cur01b.gif);
	color: #FFF;
}

#Rnavi .main_link .lv2 a:visited{
	color: #FFF;
}


#Rnavi .main_link .lv3 {
	margin-left: 25px;
	padding: 0px;
}

#Rnavi .main_link .lv3 a{
	background-image: url(../images/cur02a.gif);
	background-repeat: no-repeat;
	background-position: 4px 2px;
	padding-left: 12px;
	color: #FFF;
}

#Rnavi .main_link .lv3 a:hover{
	background-image: url(../images/cur02b.gif);
	color: #FFF;
}

#Rnavi .main_link .lv3 .here a{
	background-image: url(../images/cur02b.gif);
}

#Rnavi .etc_link01 {
	margin: 12px 6px;
}

#Rnavi .navi_link01 a,
#footer_navi .navi_link01 a {
	background-image: url(../images/cur01.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 12px;
}

#Rnavi .navi_link01 a:hover,
#footer_navi .navi_link01 a:hover {
	background-image: url(../images/cur01b.gif);
}

#Rnavi .support a{
	background-image: url(../images/link02.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
}

#Rnavi .support a:hover{
	background-image: url(../images/link02a.gif);
}


#Rnavi .etc_link02 {
	margin: 12px;
}

#Rnavi .etc_link02 img {
	padding: 5px 0px;
}

/* ===========================================
Contents
特殊なレイアウトのため、右ナビよりコンテンツ本体の高さが
足りない場合は、height要素を個別に記述。
=========================================== */

#Contents {
	width: 610px;
	height: 100%;
	border-top: 7px solid #191953;
	
}

#Contents .logo_space {
	height: 85px;
	margin: 15px 15px 0px 15px;
}


#Contents #b_list {
	font-size: 80%;
	color: #999;
	margin-top: 10px;
}

#Contents #b_list a,
#Contents #b_list a:hover,
#Contents #b_list a:visited {
	color:#999;
}

#Contents #main {
	width: 580px;
	margin: 15px;
}

#Contents .float_L{
	width: 330px;
	float: left;
	margin-right: 10px;
}

#Contents .img_L{
	float: left;
	margin-right: 10px;
}

#Contents .img_R{
	float: right;
	margin-left: 10px;
}

#Contents .center {
	text-align: center;
}

#Contents .txt_R {
	text-align: right;
}

#Contents .link a{
	background-image: url(../images/cur01c.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 8px;
}

#Contents .link a:hover{
	background-image: url(../images/cur01b.gif);
}

#Contents .aki {
	margin-bottom: 15px;
}

#Contents .aki_50px {
	margin-bottom: 50px;
}

#Contents .aki_100px {
	margin-bottom: 100px;
}

#Contents .aki_250px {
	margin-bottom: 250px;
}

#Contents .aki_300px {
	margin-bottom: 300px;
}

#Contents .red {
 color: #F00;
}

#Contents ul, #Contents ol {
	margin-left: 1.5em;
}

#Contents .sk_list li{
	text-indent: 0.2em;
	list-style-image: url(../images/sk_red.gif);
}

#Contents .mr_list li{
	text-indent: 0.2em;
	list-style-image: url(../images/mr_red.gif);
}

/* ===========================================
footer
=========================================== */

#copy {
	width: 610px;
}

#copy .copyright{
	font-size: 85%;
	color: #000;
	text-indent: 180px;
}

#footer_navi {
	width: 186px;
	font-size: 85%;
	color: #666;
	float: right;
}

#footer_navi .etc_link03 {
	padding; 8px;
}

#footer_navi .navi_link01 a {
	margin-left: 6px;
}

#footer_navi .listL {
	float: left;
	margin-right: 10px;
}

/*table style*/
#Contents .t_line{
	border-bottom: 1px dashed #666;
	font-size: 1px;
	line-height: 0px;
}

#Contents .table01 td{
	padding-left: 10px;
}

#Contents .table01 .sand{
	background-color: #E5E2D1;
}

#Contents .link_table td{
	padding-right: 20px;
}

#Contents .link_table .left{
	padding-bottom: 20px;
	border-right: 1px dashed #666;
}

#Contents .link_table .right{
	padding-bottom: 20px;
	padding-left: 20px;
}

#Contents .link_table td img {
	margin-bottom: 15px;
}

/*toppage*/

.top #topics{
	width: 430px;
	float: right;
	margin: 10px 0px 20px 10px;
}

.top #topics dl{
	margin-top: 15px;
}

.top #topics dt{
	font-weight: bold;
	color: #526B93;
	clear: left;
	float: left;
	margin-right: 5px;
}

.top #topics dd{
	border-bottom: 1px dotted #666;
	padding-left: 6em;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

.top #topics a:hover {
	background-color: #e8e8e8;
	text-decoration: none;
}

.top #topics .new {
	font-weight: bold;
	color: #C00;
	padding-left: 5px;
}

.top .seculogo {
	margin-left: 8px;
	clear: right;
}

/*businessinfo*/

.business .link {

}

.business h2 {
	padding-top: 10px;
	border-top: 1px dashed #666;
}


.business h2 span {
	background-image: url(../company/images/group_h2a.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: 0px 0px;
	padding-top: 15px;
}


/*company*/

.company .sign {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight: bold;
	color: #000;
	letter-spacing: 0.2em;
}

.company .profile dt{
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
}


.company .profile dd{
	text-indent: 3em;
	padding-left: 0em;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
}



.company .location dd{
	text-indent: -0.1em;
	padding-left: 3em;
	margin-bottom: 15px;
}

.history .table01 .sand{
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	background-color: #E5E2D1;
}

.associate h2 {
	padding-top: 10px;
	border-top: 1px dashed #666;
}

.associate h2 a {
	background-image: url(../company/images/group_h2.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: 0px 0px;
	padding-top: 15px;
}

.associate h2 a:hover {
	background-image: url(../company/images/group_h2b.gif);
}

.associate h2 span {
	background-image: url(../company/images/group_h2a.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: 0px 0px;
	padding-top: 15px;
}

.associate ul li {
	list-style-type: disc;
	text-indent: 0.2em;
	padding-left: -0.5em;
	margin-bottom: 5px;
}

/*recruit*/

.recruit a {
	text-decoration: underline;
}

/*privacy*/

.privacy a {
	text-decoration: underline;
}

.privacy h2 {
	margin: 3px;
	padding: 3px;
	width: 580px;
	border-top: 1px dashed #666;
	border-bottom: 1px dashed #666;
}

.privacy h3 {
	width: 580px;
	font-weight: bold;
	color: #666;
	background-image: url(../images/sk_red.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: 2px;
	margin-top: 15px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}

.privacy h2 div{
	margin: 2px 0px;
	padding: 3px;
	width: 575px;
	background-color: #CCC;
}

.privacy ol li {
	list-style-type: decimal;
	text-indent: 1em;
	padding-left: 0em;
	margin-bottom: 10px;
}

.privacy ul li {
	list-style-type: disc;
	text-indent: 0.2em;
	padding-left: -0.5em;
	margin-bottom: 5px;
}
/*sitemap*/

.sitemap h2 {
	margin-top: 15px;
}
 
.sitemap h2 a{
	background-image: url(../images/sitemap_cur01.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
}

.sitemap h2 a:hover{
	background-image: url(../images/sitemap_cur02.gif);
}

.sitemap ul {
	padding-left: 12px;
	margin-bottom: 15px;
}

.sitemap ul ul{
	margin-bottom: 0px;
}

.sitemap ul li a{
	background-image: url(../images/cur01c.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 8px;
}

.sitemap ul li a:hover{
	background-image: url(../images/cur01b.gif);
}