@charset "shift_jis";/* エスケープ */



/*
	--------------------------------
	Created: 2007.11.30
	Last Modified: 2012.10.25
	--------------------------------
	- Table of Contents -


	--------------------------------
*/



/* --------------------------------
	汎用クラス
-------------------------------- */

/* フォントサイズ -------- */

.txt12 { line-height:2; }

/* --------------------------------
	共通レイアウト
-------------------------------- */

/* breadcrumbs ------------ */

div#header_breadcrumbs { 
	width:850px; 
	margin:0 auto; 
	padding-top:10px;
}
div#header_breadcrumbs ul { 
	font-size:75%; 
	line-height:1.25em; 
}
div#header_breadcrumbs ul li { 
	padding:0 0 1px 15px; 
	background:url(/shared/img/footer/arw.gif) no-repeat 4px 0.3em; 
	float:left; 
}
div#header_breadcrumbs ul li.first { 
	padding:0 0 0 0; 
	background-image:none; 
}


div#main {
	width: 850px;
	margin: 0 auto;
}

/* タイトル -------- */

div#title_area {
	position: relative;
}

div#title_area h1 {
	float: left;
	padding: 9px 12px 9px 4px;
}

div#title_area ul#extra_nav {
	float: left;
	width: 67px;
	padding: 10px 0 0;
}

div#title_area ul#extra_nav li img {
/*	vertical-align: bottom;*/
}

div#title_area p.lead {
	padding: 5px 0 1px;
	line-height: 1.5;
}


/* 文字サイズ変更 -------- */

#funcZoom{
	position:absolute;
	right:0;
	top:4px;
	width:229px;
}
#funcZoom .label{
	float:left;
	width: 75px;
	margin-top:5px;
}
#funcZoom li{
	float:left;
}
#funcZoom a{
	display:block;
	outline:0;
	text-indent:-9999px;
}
#funcZoom #zoomSmall{
	width:74px;
	height:28px;
	background:url(../../../2010b/img/common/bt_zoom_s.gif) no-repeat;
}
#funcZoom #zoomReset{
	position:absolute;
	left:124px;
	top:4px;
	width:48px;
	height:20px;
	background:url(../../../2010b/img/common/bt_zoom_r.gif) no-repeat 0 -20px;
}
#funcZoom #zoomLarge{
	width:80px;
	height:28px;
	background:url(../../../2010b/img/common/bt_zoom_l.gif) no-repeat;
}
div#title_area #funcZoom #zoomReset:hover{
	background-position:0 -20px;
}
div#title_area #funcZoom #zoomLarge:hover{
	background-position:0 -28px;
}
div#title_area #funcZoom #zoomSmall:hover{
	background-position:0 -28px;
}
/* small */
#funcZoom.fontSmall #zoomSmall{
	background-position:0 -28px;
}
/* default */
#funcZoom.fontDefault #zoomReset{
	background-position:0 -20px;
}
#funcZoom.fontSmall #zoomReset,
#funcZoom.fontLarge #zoomReset{
	background-position:0 0;
}
/* large */
#funcZoom.fontLarge #zoomLarge{
	background-position:0 -28px;
}


/* アンカー -------- */

div.anchor_area {
	margin: 17px 0 0;
	padding: 8px 0;
	background: url(../img/anchor_bg.gif) no-repeat;
}

div.anchor_area ul {
	padding-left: 35px;
}

div.anchor_area ul li {
	float: left;
	margin-right: 19px;
}

div.anchor_area ul li img {
	vertical-align: bottom;
}


/* ページトップ -------- */

div.pagetop {
	height: 36px;
}

div.pagetop p {
	line-height: 1em;
	padding: 10px;
	text-align: right;
}
div.pagetop p a {
	padding: 0 6px;
	border-right: 1px solid #444;
	border-left: 1px solid #444;
}

/* フッター -------- */

div#global_footer address.copyright {
	clear: left;
	float: none;
}



/* --------------------------------
	サイトマップ・メイン
-------------------------------- */

/* インデックス共通 -------- */

body#index div.index_area {
	width: 850px;
	margin: 21px 0 30px;
}

body#index div.index_area h2 {
	margin: 0 0 6px;
	padding: 9px 0 14px 16px;
	font-weight: bold;
}

body#index div.index_area h3 {
	margin: 0 0 5px;
	padding: 5px 0 17px 17px;
	font-weight: bold;
}

body#index div.index_area h4 {
	padding: 0 0 0 31px;
	font-weight: bold;
}

body#index div.index_area div.index_wrap {
	margin-bottom: 12px;
	padding: 0 0 0 19px;
	background: url(../img/index_bg.gif) repeat-y 286px 0;
}

body#index div.index_area div.index_wrap div.index_col {
	float: left;
	width: 266px;
/*	margin-right: 16px;*/
}
body#index div.index_area div.index_wrap div.add {
	padding-left: 16px;
}
body#index div.index_area div.index_wrap div.last {
	margin-right: 0;
}

body#index div.index_area div.index_col ul.index li a {
	padding: 0 0 0 12px;
	background: url(../../img/arw.gif) no-repeat 0 9px;
	display:inline-block;
}
body#index div.index_area div.index_col ul.index li a {
	display:block;
}

/* -- blank icon IE6 fix -- */
* html body#index div.index_area div.index_col ul.index li a { position: relative;}
* html body#index div.index_area div.index_col ul.index li a img { position: absolute;}
/* -- /blank icon IE6 fix -- */

body#index div.index_area div.index_col ul.index li span.small {
	font-size: 0.833em;
}


body#index div.index_area ul.topindex {
	margin: 0 0 12px 19px;
	font-weight: bold;
}

body#index div.index_area ul.topindex li a {
	padding: 0 0 0 12px;
	background: url(../../img/arw.gif) no-repeat 0 9px;
	display:inline-block;
}
body#index div.index_area ul.topindex li a {
	display:block;
}

body#index div.index_area div.pagetop {
	margin-top: 12px;
}


/* おすすめコンテンツ -------- */

body#index div#index_osusume {
	background: url(../img/osusume_bg.gif) repeat-y;
}

body#index div#index_osusume h2 {
	background: url(../img/osusume_headline_bg.gif) no-repeat;
}

body#index div#index_osusume div.pagetop {
	background: url(../img/osusume_pagetop.gif) no-repeat;
}


/* 製品を探す -------- */

body#index div#index_products {
	background: url(../img/products_bg.gif) repeat-y;
}

body#index div#index_products h2 {
	background: url(../img/products_headline_bg.gif) no-repeat;
}

body#index div#index_products div.pagetop {
	background: url(../img/products_pagetop.gif) no-repeat;
}


/* 個人のお客様向け情報 -------- */

body#index div#index_personal {
	background: url(../img/personal_bg.gif) repeat-y;
}

body#index div#index_personal h2 {
	background: url(../img/personal_headline_bg.gif) no-repeat;
}

body#index div#index_personal ul.topindex li {
	padding-top: 5px;
	background: url(../img/dot_x_1_1.gif) repeat-x;
}
body#index div#index_personal ul.topindex li.first {
	padding-top: 0;
	padding-bottom: 4px;
	background: url(none);
}

body#index div#index_personal div.pagetop {
	background: url(../img/personal_pagetop.gif) no-repeat;
}

body#index div#index_personal h3 {
	background: url(../img/personal_subhead_bg.gif) no-repeat;
}

body#index div#index_personal h3 span {
	color: #FE7302;
}


/* 法人のお客様向け情報 -------- */

body#index div#index_business {
	background: url(../img/business_bg.gif) repeat-y;
}

body#index div#index_business h2 {
	background: url(../img/business_headline_bg.gif) no-repeat;
}

body#index div#index_business div.pagetop {
	background: url(../img/business_pagetop.gif) no-repeat;
}

body#index div#index_business h3 {
	background: url(../img/business_subhead_bg.gif) no-repeat;
}

body#index div#index_business h3 span {
	color: #0FAA00;
}

body#index div#index_business h3 a{
	padding:0 0 0 17px;
	background:url(../img/business_arrow.gif) no-repeat;
}


/* 会社情報 -------- */

body#index div#index_corporate {
	background: url(../img/corporate_bg.gif) repeat-y;
}

body#index div#index_corporate h2 {
	background: url(../img/corporate_headline_bg.gif) no-repeat;
}

body#index div#index_corporate div.pagetop {
	background: url(../img/corporate_pagetop.gif) no-repeat;
}

body#index div#index_corporate h3 {
	background: url(../img/corporate_subhead_bg.gif) no-repeat;
}

body#index div#index_corporate h3 span {
	color: #1785D6;
}


/* サポート情報 -------- */

body#index div#index_support {
	margin-bottom: 25px;
	background: url(../img/support_bg.gif) repeat-y;
}

body#index div#index_support ul.topindex1 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url(../img/dot_x_1_1.gif) repeat-x left bottom;
}

body#index div#index_support ul.topindex2 {
	padding-top: 5px;
	background: url(../img/dot_x_1_1.gif) repeat-x left top;
}

body#index div#index_support div.index_wrap1 {
	margin-bottom: 6px;
}

body#index div#index_support div.index_wrap2 {
	margin-bottom: 3px;
}

body#index div#index_support h2 {
	background: url(../img/support_headline_bg.gif) no-repeat;
}

body#index div#index_support div.pagetop {
	background: url(../img/support_pagetop.gif) no-repeat;
}

body#index div#index_support h3 {
	background: url(../img/support_subhead_bg.gif) no-repeat;
}

body#index div#index_support h3.personal span { color: #FE7302;}
body#index div#index_support h3.business span { color: #0FAA00;}
body#index div#index_support h3.corporate span { color: #1785D6;}
body#index div#index_support h3.etc span { color: #8E8F90;}