@charset "UTF-8";

/* ==============================
  css-sec_common-index
=================================
topicpath
---------------------------------
sec-wrap
---------------------------------
main
---------------------------------
nav-in
---------------------------------
fancymenu
---------------------------------
side-nav
============================== */

/* ------------------------------
  topicpath
------------------------------ */
#topicpath {
	width: 900px;
	height: 44px;
	position: relative;
}
#topicpath ul#path li {
	font-size: 12px;
	background: url(../img/common/topicpath_arrow.gif) no-repeat right center;
	padding-right: 20px;
	float: left;
}
#topicpath ul#path li.last {
	background: none;
}
#topicpath #txt-size {
	position: absolute;
	top: 0;
	right: 0;
}


/* ------------------------------
  sec-wrap
------------------------------ */
#sec-wrap {
	width: 900px;
}


/* ------------------------------
  main
------------------------------ */
#main {
	width: 650px;
	float: right;
}

#main h2 {
	width: 650px;
	height: 100px;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom: 33px;
}
#company #main h2 {
	background-image: url(../img/company/title_main.jpg);
}
#business #main h2 {
	background-image: url(../img/business/title_main.jpg);
}
#products #main h2 {
	background-image: url(../img/products/title_main.jpg);
}
#recruit #main h2 {
	background-image: url(../img/recruit/title_main.jpg);
}
#about #main h2 {
	background-image: url(../img/about/title_main.jpg);
}

#main .title-category {
	width: 650px;
	height: 32px;
	background: url(../img/common/title_category_bg.gif) no-repeat bottom;
	overflow: hidden;
	margin-bottom: 25px;
}
#main .title-category h3 {
	width: 650px;
	height: 28px;
	color: #282828;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2;
}

/* ------------------------------
  nav-in
------------------------------ */
#nav-in {
	width: 100%;
	padding-left: 0px;
	margin-bottom: 40px;
	position: relative;
}
#nav-in ul {
	width: 100%;
	margin-bottom: 14px;
}
#nav-in li {
	font-size: 0px;
	background: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin-right: 0px;
}
#nav-in li.none {
	width: 0px;
}
#nav-in li.none a {
	background-image: none;
	width: 0px;
}
#nav-in li a {
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	background-image: url(../img/products/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	padding: 7px 5px 0px 25px;
}
#nav-in li a span {
	margin-right: 5px;
}
#nav-in li a:hover {
	color: #4a8fcb;
	text-decoration: none;
}


/* ------------------------------
  fancymenu
------------------------------ */

#fancymenu li {
	float: left;
	list-style: none;
}

#fancymenu li a  {
	text-indent: 0em;
	z-index: 10;
	display: block;
	position: relative;
	overflow: hidden;
}

#fancymenu li.background {
	z-index: 8;
	position: absolute;
	visibility: hidden;
	background-image: url(../img/common/fancymenu_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#fancymenu .background .left {
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
	background-image: url(../img/common/fancymenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/* ------------------------------
  side-nav
------------------------------ */
#side-nav {
	width: 210px;
	float: left;
}

#side-nav h3 {
	width: 210px;
	height: 50px;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
#company #side-nav h3 {
	background-image: url(../img/company/title_side_nav.gif);
}
#business #side-nav h3 {
	background-image: url(../img/business/title_side_nav.gif);
}
#products #side-nav h3 {
	background-image: url(../img/products/title_side_nav.gif);
}
#recruit #side-nav h3 {
	background-image: url(../img/recruit/title_side_nav.gif);
}
#about #side-nav h3 {
	background-image: url(../img/about/title_side_nav.gif);
}

#side-nav h4 {
	width: 210px;
	height: 25px;
	font-size: 12px;
	color: #2d417c;
	font-weight: normal;
	background: url(../img/common/title_sub_category_bg.gif) no-repeat;
	overflow: hidden;
}
#side-nav h4 span {
	display: block;
	padding-top: 5px;
	padding-left: 20px;
}

#side-nav ul {
	width: 210px;
	font-size: 10px;
}
#side-nav ul li span {
	display: block;
	padding-top: 15px;
	padding-left: 22px;
	line-height: 1.2em;
}
#side-nav ul li span.type2 {/* 文字列が2段の場合 */
	padding-top: 10px;
}

/* category1 */
#side-nav li.category1 {
	width: 210px;
	height: 43px;
}

#side-nav li.category1 a {
	width: 210px;
	height: 43px;
	color: #303030;
	background: url(../img/common/side_nav_category_bg1.gif) no-repeat;
	display: block;
	text-decoration: none;
	outline: none;
}
#side-nav li.category1 a:hover {
	color: #2d417c;
	background-position: 0 -43px;
	text-decoration: none;
}

#side-nav li.category1-on {
	width: 210px;
	height: 43px;
}

#side-nav li.category1-on a {
	width: 210px;
	height: 43px;
	color: #2d417c;
	background: url(../img/common/side_nav_category_bg1.gif) no-repeat 0 -43px;
	display: block;
	text-decoration: none;
	outline: none;
}
#side-nav li.category1-on a:hover {
	color: #2d417c;
	background-position: 0 -43px;
	text-decoration: none;
}

/* sub-side */
#side-nav ul.sub-side {
	width: 210px;
	background: url(../img/common/side_nav_category_bg2.gif) repeat-y;
	padding-bottom: 8px;
	border-bottom: 1px solid #FFFFFF;
}
#side-nav ul.sub-side-on {
	width: 210px;
	background: url(../img/common/side_nav_category_bg2.gif) repeat-y -210px 0;
	padding-bottom: 8px;
	border-bottom: 1px solid #FFFFFF;
}



/* category3 */
#side-nav ul li.category3 {
	width: 210px;
}
#side-nav ul li.category3 a {
	width: 210px;
	height: 43px;
	color: #303030;
	display: block;
	text-decoration: none;
	outline: none;
}
#side-nav ul li.category3 a:hover {
	color: #2d417c;
	text-decoration: none;
}

#side-nav ul li.category3-on {
	width: 210px;
	height: 43px;
}

#side-nav ul li.category3-on a {
	width: 210px;
	height: 43px;
	color: #2d417c;
	display: block;
	text-decoration: none;
	outline: none;
}
#side-nav ul li.category3-on a:hover {
	color: #2d417c;
	text-decoration: none;
}



/* --- tnav --- */

/* #side-nav ul #tibinav {
	position: relative;
	width: 170px;
	left: 20px;
} */
#side-nav ul .tnav ol {
	position: relative;
	list-style: none;
	width: 170px;
	left: 20px;
}
#side-nav ul .tnav ol li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 170px;
}
#side-nav ul .tnav ol li a {
	width: 170px;
	display: block;
	padding: 5px 0px 1px;
	margin: 2px 0;
	text-decoration: none;
	background-image: url(../img/common/tab.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #ffffff;
	height: 16px;
	vertical-align: middle;
	line-height: 1.6em;
	//line-height: 1.8em;/* target IE */
	text-indent: 17px;
	font-size: 9px;
}
#side-nav ul .tnav ol li a:hover {
	color: #faec8f;
	margin-left: 10px;
}