@charset "UTF-8";


a:hover { color:#1a97d7; text-decoration: none; }

.mb20 { margin-bottom:20px; }
.mb10 { margin-bottom:10px; }

#logo { z-index:200; }
#mainImage {
	height:427px;
	background-color:#DDD;
	position:relative;
	z-index:100;
}

#main0 { background:url(/images/bg_main_0.jpg) repeat-x center top; }
#main1 { background:url(/images/bg_main_1.jpg) repeat-x center top; display:none; }
#main2 { background:url(/images/bg_main_2.jpg) repeat-x center top; display:none; }
#main3 { background:url(/images/bg_main_3.jpg) repeat-x center top; display:none; }
.mainimg {
	width:100%;
	height:427px;
	position:absolute;
	top:0;
	left:0;
}

.mainImgInner {
	width: 960px;
	height:427px;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
}


#mainImage ol {
	position:absolute;
	right:90px;
	bottom:23px;
}
#mainImage ul {
	position:absolute;
	right:20px;
	bottom:20px;
}
#mainImage li { float:left; margin:0 5px; }


.sbbox { position:absolute; overflow:visible; }

#elem0_0 { position:absolute; left:200px; bottom:-237px; }
#elem0_1 { position:absolute; left:316px; bottom:-237px; }
#elem0_2 { position:absolute; left:433px; bottom:-237px; }
#elem0_3 { position:absolute; left:540px; bottom:-237px; }
#elem0_4 { position:absolute; left:642px; bottom:-237px; }
#elem0_5 { position:absolute; left:-360px; top:-205px; display:none; }
#main0 .sbbox { left:490px; top:210px; }

#elem1_0 { position:absolute; left:120px; bottom:-287px; }
#elem1_1 { position:absolute; left:-60px; top:-175px; display:none; }
#main1 .sbbox { left:253px; top:200px; }

#elem2_0 { position:absolute; left:475px; bottom:-244px; }
#elem2_1 { position:absolute; left:-355px; top:-200px; display:none; }
#main2 .sbbox { left:495px; top:220px; }

#elem3_0 { position:absolute; left:565px; bottom:-275px; }
#elem3_1 { position:absolute; left:-555px; top:-190px; display:none; }
#main3 .sbbox { left:690px; top:200px; }

#main { /*padding-top:50px;*/padding-top:30px; }

.inner { width:960px; margin:0 auto; }

#content_main {
	width:700px;
	float:left;
}

.content_title {
	width:700px;
	position:relative;
	border-bottom:solid 3px #0032ff;
}

.content_title h2 {
	font-size:16px;
	font-weight:bold;
	color:#0032ff;
	padding:9px 0 7px 20px;
}

.content_title .content_title_link {
	width:660px;
	font-size:12px;
	text-align:right;
	vertical-align:middle;
	position:absolute;
	top:8px;
	right:20px;
}

.content_title .content_title_link.link_topics {
	right:58px;
}

.content_title .content_title_link li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left:20px;
}

.content_title .content_title_link li a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-left:20px;
	padding-top:1px;
	background:url(/images/icon_arrow_circle.png) no-repeat left center;
}

.content_title .rss {
	position:absolute;
	width:18px;
	top:10px;
	right:20px;
}


/**
 * topics
 */
#topics {
	width:700px;
	margin-bottom:20px;
	background-color:#ffffff;
 }

#topics .tabs {
	width:660px;
	background:#0032ff;
	padding:1px 20px 0 20px;
}

.tab {
	width:100px;
	height:26px;
	float:left;
	margin-right:3px;
}

#topicsInner {
	width:660px;
	background-color:#ffffff;
	padding:20px;
}

.topics li {
	background-color:#ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
	padding:0px;
	margin-bottom:0px;
	width:660px;
	border-bottom:solid 1px #dddddd;
	padding:8px 0 6px 0;
}

.topics li:last-child {
	border-bottom: none;
}

.topics .date {
	width:110px;
	float:left;
	font-size:12px;
}

.topics .text {
	width:545px;
	float:right;
	padding-left:0;
	background: none;
	font-size:12px;
	margin:0;
}

.topics a {
	display:block;
	width:545px;
	color:#484848;
	text-decoration:none;
}

.topics a:hover { color:#1a97d7; text-decoration: underline; }



/**
 * service
 */
#service {
	width:700px;
	margin-bottom:20px;
	background-color:#ffffff;
}

#serviceInner {
	width:660px;
	padding:30px 20px;
	background-color:#ffffff;
}

#serviceInner .service_left {
	width:310px;
	float:left;
}

#serviceInner .service_right {
	width:329px;
	border-left:solid 1px #dddddd;
	float:right;
}

#serviceInner .service_left h3,
#serviceInner .service_right h3 {
	width:310px;
	height:16px;
	margin-bottom:11px;
}

#serviceInner .service_right h3 {
	padding-left:19px;
}

#serviceInner .service_left ul li {
	width:310px;
	padding-bottom: 10px;
}

#serviceInner .service_right ul li {
	width:310px;
	padding-left:19px;
	padding-bottom: 10px;
}

#serviceInner .service_left ul li:last-child,
#serviceInner .service_right ul li:last-child {
	padding-bottom:0px;
}

#serviceInner h3.other {
	width:310px;
	height:20px;
	margin-top:20px;
	margin-bottom:9px;
	padding-top:17px;
	padding-left:19px;
	border-top:solid 1px #dddddd;
}

#serviceInner .service_group {
	padding-bottom: 20px;
}

#serviceInner .service_group + .service_group {
	padding-top: 20px;
	border-top: 1px solid #ddd;
}

#serviceInner .service_heading {
	margin-bottom: 10px;
}

#serviceInner .service_list {
	display: flex;
	gap: 20px;
}


/**
 * case
 */
#case {
	width:700px;
	background-color:#ffffff;
}

#caseInner {
	width:680px;
	padding:30px 0 30px 20px;
	background-color:#ffffff;
}

#caseInner ul {
	width:680px;
}

#caseInner ul li {
	width:211px;
	border:solid 1px #dddddd;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	float:left;
	margin-right:10px;
	line-height:150%;
}

#caseInner ul li a {
	display:block;
	width:185px;
	padding:10px 13px;
	color:#484848;
	text-decoration:none;
}

#caseInner ul li a:hover {
	color:#1a97d7;
	text-decoration: underline;
}

#caseInner ul li a:hover span.link span.arrow {
	text-decoration: none;
}

#caseInner ul li span.image {
	display:block;
	width:185px;
	height:65px;
}

#caseInner ul li span.caseText {
	display:block;
	width:185px;
}

#caseInner ul li span.caseText span.name {
	display:block;
	width:185px;
	font-size:12px;
	font-weight:bold;
	padding:8px 0 6px 0;
}

#caseInner ul li span.caseText span.detail {
	display:block;
	width:185px;
	font-size:12px;
}

#caseInner ul li span.link {
	display:block;
	width:185px;
	text-align:right;
	padding-top:6px;
}

#caseInner ul li span.link span.arrow {
	display: inline-block;
	font-size:11px;
	color:#1a97d7;
	text-decoration: underline;
	background:url(/images/icon_arrow_point.png) no-repeat left center;
	padding-left:8px;
}

#serviceInner .service_left ul li#applipratform {
	padding-top: 5px;
}
#service span.arrow {
	background:url(/images/icon_arrow_point.png) no-repeat left center;
	padding-left:8px;
}

/**
 * content_side
 */

#content_side {
	width:240px;
	float:right;
}

#content_side .menu {
	width:230px;
	padding:5px 5px 2px 5px;
	background-color:#61b3ec;
}

#content_side .menu li {
	width:230px;
	height:48px;
	margin-bottom:3px;
	float:left;
}

#content_side .menu li.partner {
	height:90px;
}

#pagetop {
	width:960px;
	margin:0 auto;
}