@charset "utf-8";

/*
	Description: service/web/ common style
	Update: 2010/06/10-
	Author: Japan Electronic Industrial Arts Co.Ltd.
	Notes: 
*/


#contents {
	background: url(../images/bg_sidebar.png) repeat-y 735px 0px;
	margin-bottom: 40px;
}

/* WEB */
#contents h2.web_blog {
	padding-top: 3px;
	padding-bottom: 14px;
	margin-top: -3px;
	background: transparent url( ../web/images/h2_icon_web.png ) no-repeat right top;
}

#contents h2.web_corporate {
	padding-top: 3px;
	padding-bottom: 14px;
	margin-top: -3px;
	background: transparent url( ../web/images/h2_icon_web.png ) no-repeat right top;
}

#contents h2.web_flash {
	padding-top: 3px;
	padding-bottom: 15px;
	margin-top: -3px;
	background: transparent url( ../web/images/h2_icon_web.png ) no-repeat right top;
}

#contents h2.web_index {
	padding-top: 3px;
	padding-bottom: 15px;
	margin-top: -3px;
	background: transparent url( ../web/images/h2_icon_web.png ) no-repeat right top;
}

#contents h2.web_iphone {
	padding-top: 3px;
	padding-bottom: 15px;
	margin-top: -3px;
	background: transparent url( ../web/images/h2_icon_web.png ) no-repeat right top;
}

#contents h2.web_landing {
	padding-top: 3px;
	padding-bottom: 15px;
	margin-top: -3px;
	background: transparent url( ../web/images/h2_icon_web.png ) no-repeat right top;
}

#contents h2.web_mobile {
	padding-top: 3px;
	padding-bottom: 15px;
	margin-top: -3px;
	background: transparent url( ../web/images/h2_icon_web.png ) no-repeat right top;
}

#contents h2.web_promotion {
	padding-top: 3px;
	padding-bottom: 15px;
	margin-top: -3px;
	background: transparent url( ../web/images/h2_icon_web.png ) no-repeat right top;
}
/* / web */

/* netshop */
#contents h2.netshop_customize {
	padding-top: 3px;
	padding-bottom: 14px;
	margin-top: -3px;
	background: transparent url( ../netshop/images/h2_icon_netshop.png ) no-repeat right 45%;
}

#contents h2.netshop_flow {
	padding-top: 3px;
	padding-bottom: 15px;
	margin-top: -3px;
	background: transparent url( ../netshop/images/h2_icon_netshop.png ) no-repeat right 45%;
}

#contents h2.netshop_index {
	padding-top: 3px;
	padding-bottom: 15px;
	margin-top: -3px;
	background: transparent url( ../netshop/images/h2_icon_netshop.png ) no-repeat right 45%;
}

#contents h2.netshop_support {
	padding-top: 3px;
	padding-bottom: 15px;
	margin-top: -3px;
	background: transparent url( ../netshop/images/h2_icon_netshop.png ) no-repeat right 45%;
}
/* / netshop */

/* system */
#contents h2.sys_ajax {
	padding-top: 3px;
	padding-bottom: 11px;
	margin-top: -3px;
	background: transparent url( ../system/images/h2_icon_system.png ) no-repeat right top;
}

#contents h2.sys_cms {
	padding-top: 3px;
	padding-bottom: 16px;
	margin-top: -3px;
	background: transparent url( ../system/images/h2_icon_system.png ) no-repeat right top;
}

#contents h2.sys_efo {
	padding-top: 3px;
	padding-bottom: 16px;
	margin-top: -3px;
	background: transparent url( ../system/images/h2_icon_system.png ) no-repeat right top;
}

#contents h2.sys_index {
	padding-top: 3px;
	padding-bottom: 15px;
	margin-top: -3px;
	background: transparent url( ../system/images/h2_icon_system.png ) no-repeat right top;
}

#contents h2.sys_intra {
	padding-top: 3px;
	padding-bottom: 15px;
	margin-top: -3px;
	background: transparent url( ../system/images/h2_icon_system.png ) no-repeat right top;
}

#contents h2.sys_lpo {
	padding-top: 3px;
	padding-bottom: 15px;
	margin-top: -3px;
	background: transparent url( ../system/images/h2_icon_system.png ) no-repeat right top;
}

#contents h2.sys_map {
	padding-top: 3px;
	padding-bottom: 11px;
	margin-top: -3px;
	background: transparent url( ../system/images/h2_icon_system.png ) no-repeat right top;
}

#contents h2.sys_twitter {
	padding-top: 3px;
	padding-bottom: 15px;
	margin-top: -3px;
	background: transparent url( ../system/images/h2_icon_system.png ) no-repeat right top;
}
/* / system */

#contents_main {
	padding-bottom: 10px;
}


/*-------------------------------------------------------------
  lead
---------------------------------------------------------------*/

#contents .lead {
	margin-bottom: 28px;
}

#contents .lead-2 {
	margin-bottom: 60px;
}
#contents .lead-2 p {
	font-size: 90%;
	line-height: 1.4em;
}


/*-------------------------------------------------------------
  num_list
---------------------------------------------------------------*/

#contents .num_list {
}

#contents .num_list ul li {
	position: relative;
	min-height: 22px;
	padding: 3px 0px 0px 32px;
	margin-bottom: 16px;
	line-height: 1.25em;
}

#contents .num_list ul li span.num {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	width: 25px;
	height: 0px;
	padding-top: 25px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
#contents .num_list ul li.num-1  span.num { background-image: url( ../../common/images/num_list_1.png  ); }
#contents .num_list ul li.num-2  span.num { background-image: url( ../../common/images/num_list_2.png  ); }
#contents .num_list ul li.num-3  span.num { background-image: url( ../../common/images/num_list_3.png  ); }
#contents .num_list ul li.num-4  span.num { background-image: url( ../../common/images/num_list_4.png  ); }
#contents .num_list ul li.num-5  span.num { background-image: url( ../../common/images/num_list_5.png  ); }
#contents .num_list ul li.num-6  span.num { background-image: url( ../../common/images/num_list_6.png  ); }
#contents .num_list ul li.num-7  span.num { background-image: url( ../../common/images/num_list_7.png  ); }
#contents .num_list ul li.num-8  span.num { background-image: url( ../../common/images/num_list_8.png  ); }
#contents .num_list ul li.num-9  span.num { background-image: url( ../../common/images/num_list_9.png  ); }
#contents .num_list ul li.num-10 span.num { background-image: url( ../../common/images/num_list_10.png ); }
#contents .num_list ul li.num-11 span.num { background-image: url( ../../common/images/num_list_11.png ); }
#contents .num_list ul li.num-12 span.num { background-image: url( ../../common/images/num_list_12.png ); }


/*-------------------------------------------------------------
  flow_list
---------------------------------------------------------------*/

#contents .flow_list ul li {
	margin-bottom: 14px;
	line-height: 1.25em;
}


/*-------------------------------------------------------------
  client_example
---------------------------------------------------------------*/

#client_example {
	position: relative;
}

#client_example h3 {
	padding: 0px 0px 7px 6px;
}

#client_example .link {
	position: absolute;
	right: 21px;
	bottom: 21px;
	display: block;
	width: 211px;
	height: 40px;
}

#client_example .example_list {
	padding: 18px 16px 2px;
	border: #B3B3B3 3px solid;
}

#client_example .example_list .example_element {
	position: relative;
	min-height: 134px;
	padding: 7px 0px 16px 205px;
}
#client_example .example_list .underline {
	padding-bottom: 17px;
	margin-bottom: 16px;
	background: transparent url( ../../common/images/bg_dotted_x.gif ) repeat-x left bottom;
}

#client_example .example_list .example_element h4 {
	margin-bottom: 6px;
	font-size: 105%;
}
#client_example .example_list .example_element h4 a {
	color: #1F1F1F;
}
#client_example .example_list .example_element h4 a:visited {
	color: #444444;
}
#client_example .example_list .example_element h4 a:hover {
	color: #000000;
	text-decoration: underline;
}

#client_example .example_list .example_element .category {
	margin-bottom: 6px;
	font-size: 80%;
}
#client_example .example_list .example_element .category a {
	color: #1F1F1F;
}
#client_example .example_list .example_element .category a:visited {
	color: #444444;
}
#client_example .example_list .example_element .category a:hover {
	color: #000000;
	text-decoration: underline;
}

#client_example .example_list .example_element .detail {
	color: #1F1F1F;
	font-size: 80%;
	line-height: 1.4em;
}

#client_example .example_list .example_element .image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 179px;
	height: 135px;
	padding: 3px;
	background: transparent url( ../images/bg_client_example_image.png ) no-repeat left top;
}