@charset "utf-8";
/*----------------------------------------------------------------
 File Name  : second.css
 Style Info : 下層ページのレイアウト、mainの中身

 00,title
 01,contents
 02,main
 03,side
----------------------------------------------------------------*/

/* title */
#title-web {
	margin: 0 auto;
	height: 168px;
	background:url(../../web/images/title_bg.jpg) repeat-x;
}
#title-web .title-web-inner {
	width: 1200px;
	margin: 0 auto;
}
#title-security {
	margin: 0 auto;
	height: 168px;
	background:url(../../security/images/title_bg.jpg) repeat-x;
}
#title-security .title-security-inner {
	width: 1200px;
	margin: 0 auto;
}
#title-settlement {
	margin: 0 auto;
	height: 168px;
	background:url(../../settlement/images/title_bg.jpg) repeat-x;
}
#title-settlement .title-settlement-inner {
	width: 1200px;
	margin: 0 auto;
}

#title-service {
	margin: 0 auto;
	height: 168px;
	background:url(../../service/images/title_bg.jpg) repeat-x;
}
#title-service .title-service-inner {
	width: 1200px;
	margin: 0 auto;
}

#title-company {
	margin: 0 auto;
	height: 168px;
	background:url(../../company/images/title_bg.jpg) repeat-x;
}
#title-company .title-company-inner {
	width: 1200px;
	margin: 0 auto;
}

#title-news {
	margin: 0 auto;
	height: 168px;
	background:url(../../news/images/title_bg.jpg) repeat-x;
	/*background:#E8D686;*/
}
#title-news .title-news-inner {
	width: 1200px;
	margin: 0 auto;
}


/* -------------------------------- contents */
#contents {
	width: 900px;
	margin: 19px auto 0;
}
/* -------------------------------- contents-box */
.contents-box {
	width: 900px;
	float:left; 
	background:url(../../images/cnavi_bg.gif) repeat-y left;
}

/* -------------------------------- main */
#main {
	float: left;
	width: 500px;
	line-height: 180%;
	margin: 0 0 0 13px;
}

/* ---- h2,h3,h4 ---- */
#main h2,h3 {
	margin: 0 0 20px 0;
	font-size: 110%;
	font-weight: bold;
}
#main h3.h3-m01 {
	margin: 0 0 10px 0;
	font-size: 110%;
	font-weight: bold;
}
#main h3.h3-m02 {
	margin: 0 0 20px 0;
}

/* site map */
#main .box05 h3 {
	margin: 0 0 10px 0;
	padding: 5px 8px;
	font-size: 110%;
	font-weight: bold;
	background: #f2efe9;
}
#main h4 {
	margin: 0 0 6px 0;
	font-size: 110%;
	font-weight: bold;
}
#main h4.settlement {
	margin: 0 0 10px 0;
	font-size: 110%;
	font-weight: bold;
}

#main h4.recruit-ttl {
	width: 500px;
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 12px 0;
	padding: 4px 0 4px 6px;
	background: #f2efe9;
}

#main h4.access {
	font-size: 110%;
	font-weight: bold;
	line-height: normal;
}


/* p */
p.main-text {
	margin: 0 0 10px 0;
}
p.main-text-01 {
	margin: 0 0 20px 0;
}
p.main-text-02 {
	margin: 0 0 26px 0;
}
p.main-text-03 {
	margin: 0 0 13px 0;
}
p.main-text-04 {
	width: 350px;
	float: left;
}
p.main-text-05 {
	font-weight: bold;
	margin: 0 0 15px 0;
}
p.main-text-06 {
	margin: 0 0 8px 0;
}
p.main-text-07 {
	margin: 0 0 50px 0;
}
.main-text-08 {
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 0 5px;
}
p.main-text-09 {
	margin: 0 25px 20px 25px;
}
p.main-text-10 {
	margin: 0 0 15px 0;
}
p.main-text-11 {
	margin: 0 0 60px 0;
}
p.main-text-12 {
	margin: 0 0 34px 0;
}


/*p サブテキスト*/
.sub-text-01 {
	font-size: 85%;
	font-weight: normal;
	color:#666666;
	margin: 0 0 0 0;
}

/* a */
a.link-01 {
	padding: 0 14px 0 0;
	background:url(../../images/icon_page.gif) no-repeat right;
}

a.link-02 {
	padding: 0 0 0 20px;
	background:url(../../images/icon_pdf.gif) no-repeat left;
}

/* img */
.main-img{
	margin: 0 0 22px 0;
}
.main-img02{
	margin: 20px 0 24px 0;
}
.main-img03{
	text-align: center;
	margin: 0 0 30px 0;
}
.main-img04{
	float: right;
	margin: 0 0 0 8px;
}
.main-img05{
	margin: 0 0 40px 0;
}
.main-img06{
	margin: 0 0 30px 0;
}
.main-img07{
	float: right;
	margin: 0 5px 0 0;
}

/* list */

/* -- 画像（・）-- */
ul.main-list {
	line-height: 150%;
}
ul.main-list li {
	background: url(../../images/main_list.gif) no-repeat 0 8px;
	padding: 0 0 5px 10px;
}
/* -- 数字 -- */
ul.main-list-02 {
	margin: 0 0 20px 0;
}
ul.main-list-02 li {
	list-style: decimal;
	margin-left: 2em;  
}
/* -- 数字 -- */
ul.main-list-03 {
	margin: 0 0 10px 20px;
}
ul.main-list-03 li {
	list-style: decimal; 
}
/* -- 小文字のアルファベット -- */
ol.main-list-04 {
	margin: 0 0 30px 24px;
}
ol.main-list-04 li {
	list-style: lower-alpha;
}

/* --  sitemap 画像（→）-- */
ul.main-list-05 {
	margin: 0 0 10px 0;
}
ul.main-list-05 li{
	margin: 0 0 5px 10px ;
	background: url(../../images/icon_03.jpg) no-repeat 0 2px;
	padding: 0 0 0 25px;
}
/* -- none -- */
ul.main-list-06 {
	margin: 0 0 10px 0;
}
ul.main-list-06 li{
	list-style-type: none;
}
/* -- 画像（→）-- */
ul.main-list-07 {
	margin: 0 0 10px 0;
}
ul.main-list-07 li{
	margin: 0 0 35px 0;
	background: url(../../images/icon_03.jpg) no-repeat 0 2px;
	padding: 0 0 0 25px;
}
/* -- 画像（→）-- */
ul.main-list-08 {
	margin: 0 0 15px 0;
}
ul.main-list-08 li{
	margin: 0 0 5px 0;
	background: url(../../images/icon_03.jpg) no-repeat 0 2px;
	padding: 0 0 0 25px;
}
/* -- 画像（→）-- */
ul.main-list-09 li{
	background: url(../../images/icon_03.jpg) no-repeat 0 2px;
	padding: 0 0 0 25px;
}
/* -- 画像（→）-- */
ul.main-list-10 {
	margin: 0 0 10px 0;
}
ul.main-list-10 li{
	margin: 0 0 5px 0;
	background: url(../../images/icon_03.jpg) no-repeat 0 2px;
	padding: 0 0 0 25px;
}
/* -- 画像（→）font bold -- */
ul.main-list-11 {
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 5px 0;
}
ul.main-list-11 a {
	text-decoration: none;
	color: #444444;
}
ul.main-list-11 a:link {
	text-decoration: none;
	color: #444444;
}
ul.main-list-11 a:visited {
	text-decoration: none;
	color: #444444;
}
ul.main-list-11 a:active {
	text-decoration: none;
	color: #444444;
}
ul.main-list-11 a:hover {
	text-decoration: underline;
	color: #ee7711;
}
ul.main-list-11 li{
	background: url(../../images/icon_03.jpg) no-repeat 0 2px;
	padding: 0 0 0 25px;
}
/* -- 画像（■）-- */
ul.main-list-12 {
	line-height: 150%;
	margin: 0 0 10px 0;
}
ul.main-list-12 li{
	background: url(../../images/icon_04.gif) no-repeat 0 6px;
	padding: 0 0 0 13px;
	margin: 0 0 8px 0;
}
/* -- 画像（■）-- */
ul.main-list-15 {
	line-height: 150%;
	margin: 0 0 40px 0;
}
ul.main-list-15 li{
	background: url(../../images/icon_04.gif) no-repeat 0 6px;
	padding: 0 0 0 13px;
	margin: 0 0 8px 0;
}

/* -- 数字 会社概要>事業内容に適用 -- */
ol.main-list-13 {
	margin: 0 0 0 0;
}
ol.main-list-13 li {
	list-style: decimal;
	margin-left: 1.8em;  
}

/* -- 数字 会社概要>プライバシーマークに適用 -- */
ul.main-list-14 {
	margin: -1.8em 0 0 0;
	margin-left:9em;
}
ul.main-list-14 li {
	list-style-type: none;
	/*margin-left: 2em;*/
}


/* box */
#main .box {
	width: 490px;
	margin: 0 0 30px 0;
	padding: 5px;
	background:url(../../images/contentbox_bg.gif) ;
}
#main .box div {
	padding: 16px 13px;
	background: #FFFFFF;
}

#main .box02 {
	width: 480px;
	margin: 0 0 30px 0;
	padding: 10px;
	overflow: hidden;
		float: left;
	background: #F2EFE8;
}

#main .box03 {
	width: 478px;
	margin: 0 0 10px 0;
	padding: 10px ;
	overflow: hidden;
	border: solid 1px #dddddd;
	background: #eeeeee ;
}

#main .box04 {
	clear:both;
	width: 490px;
	margin: 0 0 20px 0;
	padding: 5px;
	background:url(../../images/contentbox_bg.gif) ;
}
#main .box04 div {
	padding: 10px 0;
	background: #FFFFFF;
	text-align: center;
}
#main .box05{
	margin: 0 0 25px 0;
}

#main .box06{
	margin: 0 0 25px 5px;
}

#main .box07 {
	width: 490px;
	margin: 0 0 20px 0;
	padding: 5px;
	background:url(../../images/contentbox_bg.gif) ;
}

#main .box07 div {
	width: 460px;
	overflow:hidden;
	width:100%;
	background: #FFFFFF;
}
#main .box07 div img.contact_npro {
	float: left;
	padding: 10px 0 15px 10px;
}
#main .box07 div .box07-right {
	padding: 10px 20px 10px 10px;
	width: 110px;
	float: right;
}

#main .box07 .box07-right .targetbr-icon {
	margin: 0 0 0 22px;
	padding: 0 0 0 15px;
	background: url(../../images/icon_page.gif) no-repeat 0 50%;
}
#main .box07 .box07-right  p.contact_npro_bt {
	margin: 10px 0 0 10px;
}
/* company process */
#main .box08{
	width: 500px;
	overflow: hidden;
	background: url(../../company/images/process_img_bg.gif) repeat-y;
}
#main .box08 .box08-left {
	float: left;
	width: 87px;
}
#main .box08 .box08-right {
	float: left;
	width: 400px;
	margin: 15px 0 0 13px;
}


/* web index */
#main .box10{
	width: 500px;
	overflow: hidden;
	background: url(../../web/images/web_img_bg.gif) repeat-y;
}
#main .box10 .box10-left {
	float: left;
	width: 87px;
}
#main .box10 .box10-right {
	float: left;
	width: 400px;
	margin: 15px 0 0 13px;
}
#main .box11 {
	width: 500px;
	overflow: hidden;
	clear: left;
	margin: 0 0 22px 0;
}
#main .box11 .box11-left {
	float: left;
}
#main .box11 .box11-right {
	float: left;
	width: 400px;
	margin: 15px 0 0 13px;
}


#main .box13 {
	width: 490px;
	margin: 0 0 20px 0;
	padding: 5px;
	background:url(../../images/contentbox_bg.gif) ;
}
#main .box13 div {
	padding: 14px 13px;
	background: #FFFFFF;
}



.line-02 {
	clear: both;
	height: 2px;
	margin: 0 0 12px 0;
	background: url(../../images/line.gif) bottom repeat-x;
}



#main .actual {
	width: 490px;
	margin: 0 0 0 0;
	padding: 5px;
	background:url(../../images/contentbox_bg.gif) ;
}
#main .actual div {
	padding: 5px 0 5px 0;
	overflow:hidden;
	width:100%;
	background: #FFFFFF;
}
#main .actual div .actual-box-inner {
	float: left;
	width: 162px;
	line-height: normal;
}
#main .actual div .actual-box-inner ul {
	text-align: center;
	padding: 0 0 3px 0;
}
#main .actual div .actual-box-inner ul li.deta {
	color: #AEAEAE;
	font-size: 90%;
	padding: 0 0 3px 0;
}
#main .actual div .actual-box-inner ul li {
	font-size: 90%;
}
#main .actual div .actual-box-inner img {
	padding: 0 0 6px 14px;
}
#main .actual div .actual-box-inner p.actual{
	padding: 0 0 0 40px;
	background: #FFFFFF;
}
#main .actual div .actual-box-inner p.actual a {
	width: 81px;
	height: 20px;
	display: block;
	overflow: hidden;
	text-indent: -9877em;
	text-decoration: none;
	line-height:normal;
}
#main .actual div .actual-box-inner p.actual a.actual-bt {
	height: 20px;
	width: 81px;
	background:url(../../images/actual_bt.jpg) no-repeat 0px 0px ;
}
#main .actual div .actual-box-inner p.actual a.actual-bt:hover {
	background:url(../../images/actual_bt.jpg) no-repeat 0px -20px ;
}



/* line */
p.line {
	height: 2px;
	background: url(../../images/line.gif) repeat-x;
}


/* ---------------------------------- release */
.release-ttl {
	height: 40px;
	margin: 0 0 12px 0;
	background:url(../../news/images/release_ttl_en.gif) bottom no-repeat;
}
.release-ttl h2{
	float: left;
	display: block;
	width: 214px;
	height: 28px;
}
.release-ttl p.release-icon{
	float: right;
	margin: 0 0 0 0px;
}
/* release box*/
dl.release {
	width: 480px;
	line-height: 150%;
	margin: 0 0 10px 5px;
	clear:both;
	overflow: hidden;
}
dl.release dt {
	float:left;
	width: 110px;
	color: #AEAEAE;
	margin: 0 0 0 2px;
}
dl.release dt.icon-n {
	background: url(../../images/news_icon_n.gif) no-repeat 90px 4px;
}
dl.release dt.icon-w {
	background: url(../../images/news_icon_w.gif) no-repeat 90px 4px;
}
dl.release dt.icon-s {
	background: url(../../images/news_icon_s.gif) no-repeat 90px 4px;
}
dl.release dd {
	float: left;
	width: 365px;
	margin: -19px 0 8px 0;
	padding: 0 0 8px 116px;
	overflow: hidden;
	background: url(../../images/line.gif) repeat-x bottom;
}
dl.release dd a {
	display: block;
	text-decoration: none;
	color: #ee7711;
}
dl.release dd a:link {
	text-decoration: none;
	color: #ee7711;
}
dl.release dd a:visited {
	text-decoration: none;
	color: #ee7711;
}
dl.release dd a:active {
	text-decoration: none;
	color: #ee7711;
}
dl.news dd a:hover {
	text-decoration: none;
	color: #ee7711;
}

dl.release dd div {
	background: url(../../images/icon.gif) no-repeat 0 5px;
	padding: 0 0 0 16px;
}

/* release box line none*/
dl.release dd.news-bottom {
	float: left;
	width: 365px;
	margin: -19px 0 8px 0;
	padding: 0 0 8px 116px;
	overflow: hidden;
	background: url(../../images/line_none.gif) repeat-x bottom;
}
dl.release dd.news-bottom a {
	display: block;
	text-decoration: none;
	color: #ee7711;
}
dl.release dd.news-bottom a:link {
	text-decoration: none;
	color: #ee7711;
}
dl.release dd.news-bottom a:visited {
	text-decoration: none;
	color: #ee7711;
}
dl.release dd.news-bottom a:active {
	text-decoration: none;
	color: #ee7711;
}
dl.release dd.news-bottom a:hover {
	text-decoration: none;
	color: #ee7711;
}
dl.release dd.news-bottom div {
	background: url(../../images/icon.gif) no-repeat 0 5px;
	padding: 0 0 0 16px;
}



/* release second */
h3.release-h {
	clear: both;
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 8px 0;
}
h3.release-hb {
	clear: both;
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 16px 0;
}

.release-deta {
	width: 500px;
	text-align: right;
	margin: 0 0 15px 0;
}
.box06 h4 {
	padding: 0 0 10px 3px;
}

/* service index */
.box12{
	width: 500px;
	overflow: hidden;
	margin: 0 0 12px 0;
}
.box12 .box12-left {
	float: left;
	width: 134px;
}

.box12 .box12-left img {
	padding: 0 0 6px 0;
}
.box12 .box12-left p.actual-01{
	padding: 0 0 0 30px;
}
.box12 .box12-left p.actual-01 a {
	width: 81px;
	height: 40px;
	display: block;
	overflow: hidden;
	text-indent: -9877em;
	text-decoration: none;
	line-height:normal;
}
.box12 .box12-left p.actual-01 a.actual-bt01 {
	height: 20px;
	width: 81px;
	background:url(../../images/actual_bt.jpg) no-repeat 0px 0px ;
}
.box12 .box12-left p.actual-01 a.actual-bt01:hover {
	background:url(../../images/actual_bt.jpg) no-repeat 0px -20px ;
}

.box12 .box12-right {
	float: left;
	width: 350px;
	margin: 0 0 0 16px;
}
.box12 .box12-right h3.h3-m03 {
	font-size: 110%;
	font-weight: normal;
	margin: 0 0 3px 0;
}
.box12 .box12-right ul {
	color: #AEAEAE;
	font-size: 90%;
	margin: 0 0 5px 0;
}
.box12 .box12-right ul li {
	line-height: 140%;
}
.box12 .box12-right p.text {
	clear: both;
}





/* -------------------------------- company */
/* --------- index */
table.company {
	width: 500px;
	margin-bottom: 30px;
	border-collapse: collapse;	
	border-spacing: 0;
	text-align: left;
}
table.company td.left {
	width: 80px;
	font: #666666;
	text-align: right;
	padding: 8px 10px 8px 8px;
}
table.company td{
	padding: 8px 10px 8px 8px;
}
table.company tr.company-line {
	background: #f2efe9;
}

/* --------- recruit */
/* recruit-table */
table.recruit-table {
	width: 500px;
	margin-bottom: 30px;
	border-collapse: collapse;	
	border-spacing: 0;
}
table.recruit-table td {
	border: solid 1px #dedede;
}
table.recruit-table thead {
	font-weight: bold;
	padding: 7px;
}
table.recruit-table td.left {
	width: 131px;
	padding: 7px;
	background: #f3f3f3;
}
table.recruit-table td{
	padding: 7px;
}
table.recruit-table .recruit-bt {
	text-align: center;
}


/* ---------  contact */

.text-red {
	color: #dd1010;
}
/* ----  contact table */
.contact {
	width: 500px;
	margin: 12px 0 10px 0;
	text-align: left;
}
.contact td.left {
	width: 150px;
	font: #666666;
	text-align: right;
	padding: 10px 10px 10px 8px;
}
.contact .left-other {
	font: #666666;
	padding: 10px 20px 10px 8px;
}
.contact td{
	padding: 10px 10px 10px 0px;
}
.contact td.td01 {
	padding: 10px 5px 5px 0px;
}
.contact td.td02 {
	padding: 5px 5px 10px 0px;
}
.contact tr.contact-line {
	background: #f2efe9;
}
.input-ss {
	width: 50px;
}
.input-s {
	width: 80px;
}
.input-m {
	width: 100px;
}
.input-l {
	width: 120px;
}
.input-ll {
	width: 230px;
}
.input-xl {
	width: 290px;
}
.hiss {
	color: #dd1010;
	padding: 0 0 0 10px;
}

.box03 p.attention{
	text-align: center;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.box03 ul{
	margin: 0 0 15px 0;
}
.box03 p.main-text-03 {
	margin: 0 0 13px 0;
}
/* ---------  access */
.form-bt {
	margin: 0 5px 0 0;
}

/* ---------  access */
.pdf-bt{
	float: right;
	margin: 12px 8px 0 0;
}

/* ---------  sitemap */
/* ----- link */
h3.h3-m02 a:link {
	text-decoration: none;
	color: #444444;
}
h3.h3-m02 a:visited {
	text-decoration: none;
	color: #444444;
}
h3.h3-m02 a:active {
	text-decoration: none;
	color: #444444;
}
h3.h3-m02 a:hover {
	text-decoration: underline;
	color: #DE8547;
}



/* --------------------------------- side */
#side {
	float: right;
	width: 193px;
	font-size: 85%;
	line-height: 160%;
	margin: 0 0 30px 0;
}

/* service our */
#side h2 {
	margin: 0 0 15px 0;
}
.service-box {
	padding-bottom: 20px;
}
.service {
	width: 193px;
	margin: 0 0 15px 0;
	border-bottom: #E7E7E7 solid 1px;
}
.service img {
	margin: 0 0 7px 0;
}
.service h3 {
	margin: 0 0 0 8px;
}
.service p {
	width: 175px;
	margin: 0 0 12px 12px;
}
/* banner */
ul.banner {
	padding: 0 0 8px 0;
	margin: 0 0 18px 0;
}
.banner li {
	margin: 0 0 5px 0;
}


/* ------------------------------- pagetop */
.pagetop{
	margin:40px 0 15px 0 ;
	position: relative;
	overflow:hidden;
	height: 17px;
	width:100%;
	clear:both;
}

.pagetop a {
	text-indent: -7777px;
	background:url(../../images/pagetop.jpg) no-repeat;
	position: absolute;
	top:0;
	right:0;
	width: 112px;
	height: 17px;
	display:block;
}


#yjserp {
	font-family: Verdana,Helvetica,sans-serif,Georgia,Arial;
	color: #444444;
}