@charset "shift_jis";

/* properties for category index pages 
   上位のCSSと結合する場合はすべての要素を body.index の子要素として定義すること。
---------------------------------------------------------------------------------------------------- */
/* 01.property overwrite for layout.css */
/* contents
------------------------- */
#contents {
	background:url(../images/com_bg011.gif) repeat-y left top;
}

/* main-contents
------------------------- */
div.main-contents {
	width:100%;
}

/* for top page 
------------------------- */
body#top #contents {
	padding-top:8px;
	background: none;
}

body#top #contents div.main-contents {
	padding-top: 5px;
	background: url(../../images/index_bg001.gif) repeat-x 0 0;
}

body#top #contents div.main-contents #flash {
	width: 950px;
	height: 440px;
	background: url(../../images/index_bg003.jpg) no-repeat 0 0;
}
body#top #contents div.main-contents #flash.top-contents01.bg01 {
	background: url(../../images/index_bg007.jpg) no-repeat 0 0;
}
body#top #contents div.main-contents #flash p {
	margin-bottom: 0;
}
body#top #contents div.main-contents #flash .lead {
	float: left;
	width: 60px;
	height: 440px;
	margin-right: 58px;
	padding-left: 20px;
}

body#top #contents div.main-contents #flash .download {
	float: left;
	width: 520px;
	margin-top: 17px;
	padding: 20px;
	background: url(../../images/index_bg004.jpg) no-repeat 0 0;
}
* html body#top #contents div.main-contents #flash .download {/* IE6 hacks */
	width: 560px;
}

body#top #contents div.main-contents #flash .download .text {
	float: left;
	width: 340px;
	padding-top: 3px;
}

body#top #contents div.main-contents #flash .download .image {
	float: right;
}

body#top #contents div.main-contents #flash ul {
	float: right;
	padding-right: 10px;
}

body#top #contents div.main-contents #flash ul.service-main-nav {
	width: 183px;
	margin-top: 10px;
}

body#top #contents div.main-contents #flash.top-contents01 ul.service-main-nav {
	width: 180px;
}

body#top #contents div.main-contents #flash ul.service-sub-nav {
	clear: right;
	width: 180px;
	margin-top: 26px;
}

body#top #contents div.main-contents #flash.top-contents01 ul.service-sub-nav {
	margin-top: 16px;
}

body#top #contents div.main-contents #flash.top-contents01 ul.service-main-nav li a.service-link{
	display: block;
	width: 180px;
	height: 82px;
}

body#top #contents div.main-contents #flash.top-contents01 ul.service-main-nav li a.service-link.active{
	position: relative;
}

body#top #contents div.main-contents #flash.top-contents01 ul.service-main-nav li a.service-link.active:before{
	content: "";
	display: block;
	width: 180px;
	height: 76px;
	position: absolute;
	bottom: 0;
	right: 0;
	border-left: 3px solid #ca2f54;
	background: #181a1f;
}

body#top #contents div.main-contents #flash ul.service-main-nav li a.active img{
	position: absolute;
	top: 0;
	left: 0;
}

body#top #global-navi {
	width: 100%;
	height: 50px;
	background: url(../../images/index_bg002.gif) repeat-x 0 0;
	text-align: center;
}

body#top #global-navi ul {
	margin: 0 auto;
	width: 950px;
}

* html body#top #global-navi ul { /* IE6 hacks */
	margin: 0;
}

body#top #global-navi ul li {
	float:left;
}

/* 02.property overwrite for base.css */
/* pagetop
------------------------- */
div.pagetop {
	width:925px;
}

/* section
------------------------- */
div.framework {
	margin:0 0 0 25px;
}

div.section02 {
	clear:both;
	margin:0 25px 20px 20px;
	zoom:1;
}

/* col
------------------------- */
div.col-parent {
	clear:both;
	margin-bottom:10px;
	padding-bottom:6px;
	background:url(../images/com_bg012.gif) no-repeat left bottom;
}

div.col-parent.col2 {/*if parent has 2 columns */
	background:url(../images/com_bg013.gif) no-repeat left bottom;
}

div.col-parent.col1 {/* if parent has only 1 column */
	background:url(../images/com_bg014.gif) no-repeat left bottom;
}

div.col-parent.col0 {/* if parent no column with background or border */
	background:none;
}

div.col-parent.col2-3 {/* if parent has two third column in right portion */
	background:url(../images/com_bg017.gif) no-repeat left bottom;
}

div.col01-01 {
	float:left;
	margin-right:10px;
	padding:1px 2px 2px 2px;
	width:290px;
	border-top:#cccccc 1px solid;
}
* html div.col01-01 {/* IE6 hacks */
	width:294px;
}

div.col01-01 div.col-in p.text {
	width:190px;
}

div.col01-01.nb {/* if col01-01 does not need top border */
	border-top:none;
}

div.col01-01.banner {/* if col01-01 contains banner */
	border-top:none;
	padding:0;
	margin:0 13px 0 0;
}

div.col01-01.banner p {
	margin:0;
	padding:0;
}

div.col01-01.banner p a {
	margin:0;
	padding:0;
	text-decoration:none;
}

div.col01-banner {/* if col01-01 contains banner (festa) */
	float:left;
	width:274px;
	padding: 10px;
}
* html div.col01-banner {
	width:294px;
}
div.col01-banner p {
	margin: 0 0 10px 0;
}

div.col01-01.wide {
	width:594px;
}
* html div.col01-01.wide {/* IE6 hacks */
	width:598px;
}

/* service -> index */
div.col-parent.col1-1-b {/* if parent has two two column right is banner */
	background:url(../images/com_bg020.gif) no-repeat left bottom;
}

div.col-parent.col1-1-b div.col01-01 {/* if parent has two two column right is banner */
	width:332px;
}

* html div.col-parent.col1-1-b div.col01-01 {
	width:336px;
}

div.col-parent.col1-1-b div.col-banner {
	float:left;
	width:180px;
	padding:14px;
	background:url(../images/com_bg021.gif) repeat-x 0 0;
}
* html div.col-parent.col1-1-b div.col-banner {
	width:208px;
}

div.col-parent.col1-1-b div.col-banner p.image {
	margin-bottom:1px;
}


/* 03.common difinitions for category index pages */
/* mainvisual and h1  */
div.main-visual {
	height:146px;
	clear:both;
	background-repeat:no-repeat;
	position:relative;
	margin-bottom:25px;
}

div.main-visual h1 {
	position:absolute;
	left:19px;
	top:21px;
	height:48px;
	width:700px;
}

div.main-visual p {
	position:absolute;
	left:19px;
	top:69px;
	height:65px;
	width:700px;
}

/* index menu internal */
div.col01-01 ul {
	float:left;
	width:180px;
	margin-left:-5px;
}

div.col01-01 ul li {
	background:url(../images/com_ic001.gif) no-repeat 0 0.5em;
	margin-left:7px;
	padding-left:7px;
	margin-bottom:0.25em;
	line-height:150%;
}

div.col01-01 ul li.inline {
	display:inline;
	zoom:1;
	white-space:nowrap;
	background-position: 0 0.3em;
}
* html div.col01-01 ul li.inline {/* IE6 hacks */
	background-position: 0 0.5em;
}
*:first-child+html div.col01-01 ul li.inline {/* IE7 hacks */
	background-position: 0 0.5em;
}

div.col01-01 ul.db {/* if dot border in bottom line needed */
	background:url(../images/com_bg015.gif) repeat-x bottom;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}

/*04.individual difinitions for category index pages */

/* service -> index */
div.main-visual.service {
	background-image:url(../../service/images/index_bg001.jpg);
}

/* col-parent */
div.col-parent.pd-service {
	width:900px;
	margin-bottom:15px;
	background-image:url(../../service/images/index_bg002.gif);
}

div.col-parent.pd-service div.col01-01 {
	float:none;
	width:896px;
	margin-right:0;
	border-top:#cccccc 1px solid;
}

* html div.col-parent.pd-service div.col01-01 {
	width:900px;
}

div.col-parent.pd-service div.col01-01 .col-title {
	border-top:#789dde 1px solid;
	border-bottom:#ffffff 2px solid;
	background-color:#e7efff;
}

div.col-parent.pd-service div.col01-01 .col-title span {
	padding:5px 5px 5px 10px;
	background:none;
}

div.col-parent.pd-service div.col01-01 div.col-in {
	padding:12px 9px 0;
	background:url(../../service/images/index_bg003.gif) repeat-x 0 0;
}
div.col-parent.pd-service div.col01-01 div.col-in .f-lt {
	width: 396px;
}

div.col-parent.pd-service div.col01-01 div.col-in .f-rt {
	width: 460px;
}

/* search */
div.col-parent.pd-service div.col01-01 div.col-in dl.search dt {
	margin-bottom:3px;
	padding:5px 0 5px 16px;
	border-top:#c5c5c5 1px solid;
	background:#e5e5e5 url(../../service/images/index_ic001.gif) no-repeat 0 0.7em;
	line-height:1;
}

div.col-parent.pd-service div.col01-01 div.col-in dl.search dd {
	float:left;
	margin-bottom:3px;
}

div.col-parent.pd-service div.col01-01 div.col-in dl.search dd.mr6 {
	margin-right:6px;
}

div.col-parent.pd-service div.col01-01 div.col-in .f-rt ul {
	float:none;
	width:auto;
	margin-top:30px;
	margin-left:0;
}

div.col-parent.pd-service div.col01-01 div.col-in .f-rt ul li {
	float:left;
	width:210px;
}


/* csr -> index */
div.main-visual.csr {
	background-image:url(../../csr/images/index_bg001.jpg);
}

/* ir -> index */
div.main-visual.ir {
	background-image:url(../../ir/images/index_bg001.jpg);
}

dl.ir-index {
	padding:0 5px 0 7px;
	margin-bottom:0;
}

dl.ir-index dt {
	width:12.5em; float:left;
	background:url(../images/com_ic001.gif) no-repeat 0 0.5em;
	padding:0 0 0.5em 7px;
}

dl.ir-index dd {
	background:url(../images/com_bg015.gif) repeat-x bottom;
	padding:0 0 0.5em 0;
	margin-bottom:0.5em;
}

dl.ir-index dd.last {
	background:none;
	margin-bottom:0;
}

dl.ir-index dd span {
	font-size:85%;
}

dl.ir-index dd img.pdf-icon {
	margin-bottom:0.15em
}
*:first-child+html dl.ir-index dd img.pdf-icon {/* IE7 hacks */
	padding-top:2px;
	vertical-align: middle;
}
div.col-parent.col2-3.mb20 {/* gain bottom margin */
	margin-bottom:20px;
}

div.outline-box02 {
	padding-bottom:10px;
}

div.outline-box02 dl dd {
	padding:8px 0 10px 20px;
}

div.outline-box02 dl dd .ir-contact01 {
	width:330px; float:left;
}

div.outline-box02 dl dd .ir-contact02 {
	padding-left:25px;
	background:url(../images/com_bg018.gif) repeat-y left;
	width:470px;
	float:left;
}

div.outline-box02 dl dd .ir-contact01 dl,
div.outline-box02 dl dd .ir-contact02 dl {
	background:none;
}

div.outline-box02 dl dd .ir-contact02 dl dl dt {
	width:5em;
	float:left;
}
div.outline-box02 dl dd .ir-contact02 dl dl dd {
	width:350px;
}

/* company -> index */
div.main-visual.company {
	background-image:url(../../company/images/index_bg001.jpg);
}

/*---------------------
2013年12月4日　追記
---------------------*/

div.col-linkBox {
	float: left;
	width:204px;
	border: 1px solid #CCCCCC;
  float: left;
  margin: 10px 10px 0;
  padding: 1px 2px 2px;
}

div.col-linkBox .col-title {
	border-top:#999999 1px solid;
	background:#eeeeee;
	font-weight:bold;
}

div.col-linkBox .col-title a {
	display:block;
	padding:5px 5px 5px 18px;
	background:url(../images/com_ic013.gif) no-repeat 6px 0.8em;
}

div.col-linkBox div.col-linkInBox {
	padding:6px 6px 0 6px;
	background:url(../images/com_bg006.gif) repeat-x left top;
}