@charset "utf-8";

/* ============================================================
   
	  preset.common.css
	 
   ============================================================ */



/* --------------------------------------------------
 * 
 * リンクタグ
 * 
 */
a:link {
	color: #ffffff;
	text-decoration: underline;
}
a:visited {
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
}
a:active {
	color: #ffffff;
	text-decoration: none;
}



/* --------------------------------------------------
 * 
 * FRAME | Header
 * 
 */

/* ----- site title ----- */
#head_logo {
	
}
#head_logo a {
	display: block;
	width: 200px;
	height: 48px;
	background: url(../img/head/logo.png) no-repeat top right;
	overflow: hidden;
}
#head_logo a span {
	line-height: 999px;
}

/* ----- global navi ----- */
#global_navi {
	position: absolute;
	top: 3px;
	right: 0px;
}
#global_navi li {
	position: relative;
	float: left;
	margin: 0 0 0 20px;
}
#global_navi li.first {
	margin: 0;
}
#global_navi li a {
	position: relative;
	display: block;
	height: 44px;
	line-height: 999px;
	overflow: hidden;
}

/* corporate */
#gnav_corporate a.gnav_item {
	width: 96px;
}
#gnav_corporate a.gnav_item:link,
#gnav_corporate a.gnav_item:visited {
	background: url(../img/head/gnav_1.png) no-repeat;
}
#gnav_corporate a.gnav_item:hover,
#gnav_corporate a.gnav_item:active {
	background: url(../img/head/gnav_1_on.png) no-repeat;
}
/* service */
#gnav_service a.gnav_item {
	width: 122px;
}
#gnav_service a.gnav_item:link,
#gnav_service a.gnav_item:visited {
	background: url(../img/head/gnav_2.png) no-repeat;
}
#gnav_service a.gnav_item:hover,
#gnav_service a.gnav_item:active {
	background: url(../img/head/gnav_2_on.png) no-repeat;
}
/* case studies */
#gnav_case a.gnav_item {
	width: 96px;
}
#gnav_case a.gnav_item:link,
#gnav_case a.gnav_item:visited {
	background: url(../img/head/gnav_3.png) no-repeat;
}
#gnav_case a.gnav_item:hover,
#gnav_case a.gnav_item:active {
	background: url(../img/head/gnav_3_on.png) no-repeat;
}
/* inquiry */
#gnav_inquiry a.gnav_item {
	width: 123px;
}
#gnav_inquiry a.gnav_item:link,
#gnav_inquiry a.gnav_item:visited {
	background: url(../img/head/gnav_4.png) no-repeat;
}
#gnav_inquiry a.gnav_item:hover,
#gnav_inquiry a.gnav_item:active {
	background: url(../img/head/gnav_4_on.png) no-repeat;
}

/* ----- second menu ----- */
#global_navi .navi_children {
	display: none;
	position:absolute;
	left: -13px;
	width: 192px;
	padding: 21px 0 22px 0;
}
#global_navi .navi_children li {
	float: none;
	margin: 1px 0 0 0;
}
#global_navi .navi_children li a {
	width: auto;
	height: auto;
	line-height: 16px;
	background: url(../img/foot/map_icon.png) no-repeat 30px 1.125em;
	overflow: visible;
	padding: 0.65em 0 0.35em 42px;
	text-decoration: none;
	font-size: 93%;
	
}

#gnav_corporate .navi_children {
	background-color: #233a92;
}


/* --------------------------------------------------
 * 
 * FRAME | Body
 * 
 */

/* ----------
 * container | second
 */
#area_category {
	position: relative;
	/*width: 100%;*/
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 24px 0 0 0;
}

/* ----------
 * container | third
 */
#area_article {
	position: relative;
	width: 768px;
	padding: 24px 0 0 0;
	float: left;
}

/* title block */
#block_title {
	position: relative;
	width: 768px;
	height: 192px;
	overflow: hidden;
}
#box_title {
	line-height: 999px;
}

/* content block */
.section_content {
	
}


/* anchor link */
.link_anchor_down {
	padding: 0 0 0 16px;
	background: url(../img/body/anchor_down.png) no-repeat 0px 4px;
}


/* ----------
 * aside
 */
#area_aside {
	width: 192px;
	padding: 24px 0 0 0;
	float: right;
}

/* local navi -------------------- */
#lnavi {
	
}
/* category */
#lnavi dt {
	
}
#lnavi dt a {
	display: block;
	width: 192px;
	height: 192px;
	overflow: hidden;
}
#lnavi dt span {
	line-height: 999px;
}
/* second content */
#lnavi ul {
	
}
#lnavi ul li {
	background-color: #4053a1;
	font-size: 93%;
}
#lnavi ul li a {
	display: block;
	padding: 1.19em 0 1.19em 33px;
	text-decoration: none;
}
#lnavi ul li a:link,
#lnavi ul li a:visited {
	background: url(../img/body/lnav_arrow.png) no-repeat 20px 1.75em;
}
#lnavi ul li a:hover,
#lnavi ul li a:active {
	background: url(../img/body/lnav_arrow.png) no-repeat 21px 1.75em;
}
/* selected */
#lnavi ul li.has_child a:link,
#lnavi ul li.has_child a:visited {
	background: url(../img/body/lnav_arrow_down.png) no-repeat 20px 1.75em;
}
#lnavi ul li.has_child a:hover,
#lnavi ul li.has_child a:active {
	background: url(../img/body/lnav_arrow_down.png) no-repeat 20px 1.75em;
}
/* third content */
#lnavi ol {
	
}
#lnavi ol li {
	background-color: #7987bf;
	font-size: 100%;
}
#lnavi ol li a {
	display: block;
	padding: 1.19em 0 1.19em 48px;
	text-decoration: none;
}
#lnavi ol li a:link,
#lnavi ol li a:visited,
#lnavi li.has_child ol li a:link,
#lnavi li.has_child ol li a:visited {
	background: url(../img/body/lnav_arrow_small.png) no-repeat 38px 1.85em;
}
#lnavi ol li a:hover,
#lnavi ol li a:active,
#lnavi li.has_child ol li a:hover,
#lnavi li.has_child ol li a:active {
	background: url(../img/body/lnav_arrow_small.png) no-repeat 39px 1.85em;
}



/* --------------------------------------------------
 * 
 * FRAME | Footer
 * 
 */

/* logo -------------------- */
#foot_logo {
	display: block;
	width: 124px;
	height: 35px;
	margin: 96px auto 0 auto;
	background: url(../img/foot/logo.png) no-repeat;
	line-height: 999px;
	overflow: hidden;
}

/* function box -------------------- */
#foot_function {
	width: 100%;
	padding: 48px 0 0 0;
	border-bottom: 3px solid #1a3384;
}
#foot_function div {
	width: 960px;
	margin: 0 auto 0 auto;
}

/* breadcrumb -------------------- */
.breadcrumb {
	display: block;
	width: 768px;
	height: 48px;
	float: left;
}
.breadcrumb li {
	display: table-cell;
	vertical-align: middle;
}
/* IE 6 */
* html .breadcrumb li {
		display: inline;
		zoom: 1;
}
/* IE 7 */
*:first-child+html .breadcrumb li {
		display: inline;
		zoom: 1;
}
/*\*//*/
* html .breadcrumb li {
		display: inline-block;
}
/**/
.breadcrumb li a {
	font-size: 93%;
}
/* home */
.breadcrumb .home {
	padding: 0 13px 0 0;
}
.breadcrumb .home a {
	display: block;
	width: 48px;
	height: 48px;
	overflow: hidden;
}
.breadcrumb .home a:link,
.breadcrumb .home a:visited {
	background: url(../img/foot/b_home.png) no-repeat;
}
.breadcrumb .home a:hover,
.breadcrumb .home a:active {
	background: url(../img/foot/b_home_on.png) no-repeat;
}
.breadcrumb .home a span {
	line-height: 999px;
}
/* second page */
.breadcrumb .second {
	padding: 0 13px 0 17px;
	background: url(../img/body/breadcrumb_arrow.png) no-repeat 0px 20px;
}
.breadcrumb .second a {
	text-decoration: none;
}
.breadcrumb .second a:link,
.breadcrumb .second a:visited {
	
}
.breadcrumb .second a:hover,
.breadcrumb .second a:active {
	color: #3f58b8;
}
/* focus */
.breadcrumb .focus {
	padding: 0 0 0 17px;
	background: url(../img/body/breadcrumb_arrow.png) no-repeat 0px 20px;
	font-size: 100%;
	font-weight: bold;
	color: #3f58b8;
}

/* pagetop -------------------- */
.btn_pagetop {
	display: block;
	width:113px;
	float: right;
}
.btn_pagetop a {
	display: block;
	width:113px;
	height: 48px;
	overflow: hidden;
}
.btn_pagetop a:link,
.btn_pagetop a:visited {
	background: url(../img/foot/b_pagetop.png) no-repeat;
}
.btn_pagetop a:hover,
.btn_pagetop a:active {
	background: url(../img/foot/b_pagetop_on.png) no-repeat;
}
.btn_pagetop a span {
	line-height: 999px;
}

/* sitemap -------------------- */
#foot_map {
	clear: both;
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 48px 0 48px 0;
}
.map_item {
	display: block;
	width: 192px;
	float: left;
}
.map_item dl {
	
}
.map_item dt {
	font-size: 93%;
	font-weight: bold;
}
.map_item dt a {
	display: block;
	padding: 0 0 0 30px;
	text-decoration: none;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
.map_item dt a:link,
.map_item dt a:visited {
	background: url(../img/foot/map_icon.png) no-repeat 18px 0.625em;
}
.map_item dt a:hover,
.map_item dt a:active {
	background: url(../img/foot/map_icon_on.png) no-repeat 18px 0.625em;
	color: #3f58b8;
}
.map_item dd {
	padding: 0.35em 0 0 0;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
.map_item dd ul {
	
}
.map_item dd li {
	margin: 0.6em 0 0 0;
	font-size: 93%;
}
.map_item dd li a {
	display: block;
	padding: 0 0 0 30px;
	text-decoration: none;
}
.map_item dd li a:link,
.map_item dd li a:visited {
	background: url(../img/foot/map_icon.png) no-repeat 18px 0.625em;
}
.map_item dd li a:hover,
.map_item dd li a:active {
	background: url(../img/foot/map_icon_on.png) no-repeat 18px 0.625em;
	color: #3f58b8;
}
.map_item dd.no_category {
	padding: 0;
}
.map_item dd.no_category li {
	margin: 0;
}

/* foot end -------------------- */
#foot_end {
	clear: both;
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 36px 0 0 0;
	background: url(../img/foot/footer.gif) no-repeat left top;
}
#foot_name {
	width: 275px;
	height: 15px;
	padding: 0 0 48px 0;
	background: url(../img/foot/company_name.png) no-repeat;
	float: left;
	line-height: 999px;
	overflow: hidden;
}
#foot_copyright {
	width: 260px;
	height: 15px;
	padding: 0 0 96px 0;
	background: url(../img/foot/copyright.png) no-repeat;
	float: right;
	line-height: 999px;
	overflow: hidden;
}



/* ----------
 * 
 * Background
 * 
 */

.background_item {
	display: none;
}
.background_item img {
	-ms-interpolation-mode: bicubic;
}