@charset "UTF-8";


/*
==================================================
reset.cssより
==================================================
*/

ol,ul,dl,dt,dd {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*
li img {
	vertical-align: top;	/* 垂直型リストで画像を並べた時の隙間を消す方法 */
/*}*/

/*
==================================================
base.cssより
==================================================
*/

/*
========== clearfix ==========
*/

.area_sec1 ul:after,
dl.notes:after,
dl.notes2:after,
#top_navi:after,
#area_topic:after,
#topic_main dl:after,
#area_content .area_sec4:after,
#area_content .area_sec4 ul.infolist li:after,
#tab_nav:after,
dl.dltable:after,
.area_sec5 ul:after,
ul.ibl1 li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

* html .area_sec1 ul,
* html dl.notes,
* html dl.notes2,
* html #top_navi,
* html #area_topic,
* html #topic_main dl,
* html #area_content .area_sec4,
* html #tab_nav,
* html dl.dltable,
* html .area_sec5 ul {
	height: 1%;	/* clearfix for IE5,5.5,6 */
}

*:first-child+html .area_sec1 ul,
*:first-child+html dl.notes,
*:first-child+html dl.notes2,
*:first-child+html #top_navi,
*:first-child+html #area_topic,
*:first-child+html #topic_main dl,
*:first-child+html #area_content .area_sec4,
*:first-child+html #tab_nav,
*:first-child+html dl.dltable,
*:first-child+html .area_sec5 ul {
	display: inline-block;	/* clearfix for IE7 */
}

/*
==================================================
parts.cssより
==================================================
*/

.lyt_ctr,
table.data .lyt_ctr {
	text-align: center;
}

.lyt_rt {
	text-align: right;
}

/* ※注意書き（番号順） */

ol.notes li {
	margin: 10px 0 0 0;
	line-height: 1.5;
	padding: 0 0.5em 0 3em;	/* 左パディング：※番号幅2.5+文字との間隔0.5／右パディング：文字との間隔分0.5を増やす */
}

ol.notes li span {
	margin: 0 0 0 -3em;	/* 左パディング：※番号幅+文字との間隔 */
	float: left;
}

/* ※注意書き（※のみ） */

ul.notes li {
	margin: 10px 0 0 0;
	line-height: 1.5;
	padding: 0 0.5em 0 1.5em;	/* 左パディング：※幅1+文字との間隔0.5／右パディング：文字との間隔分0.5を増やす */
	background: none;
}

ul.notes li span {
	margin: 0 0 0 -1.5em;	/* 左パディング：※幅+文字との間隔 */
	float: left;
}

/* ※注意書き（番号順）：上記IE6で行頭ズレ3px問題を起きないようにする方法 */

dl.notes {	/* clearfix（IE6は左右パディング、ボーダーが設定された中ではhasLayout） */
	line-height: 1.5;
}

dl.notes dt {
	float: left;
	padding: 10px 0 0 0;	/* 左右パディングを入れないこと */
	width: 3em;	/* 2行にならないように */
	margin-right: -3em;	/* IE6の3pxズレ解消 */
	font-weight: normal;
}

dl.notes dd {
	margin-left: 3em;
	padding: 10px 0 0 0;
}

dl.notes2 {	/* clearfix（IE6は左右パディング、ボーダーが設定された中ではhasLayout） */
	line-height: 1.5;
}

dl.notes2 dt {
	float: left;
	padding: 10px 0 0 0;	/* 左右パディングを入れないこと */
	width: 1.5em;	/* 2行にならないように */
	margin-right: -3em;	/* IE6の3pxズレ解消 */
	font-weight: normal;
}

dl.notes2 dd {
	margin-left: 1.5em;
	padding: 10px 0 0 0;
}

/*
========== general-list ==========
*/

/* 左イメージレイアウト */

dl.general_list {
	width: 100%; /*必ずwidthは指定する。（100%などでもOK）*/
	margin: 0 0 0 0;
	display: table;
	padding: 0 0 0 0;	/* 左右パディングを指定するとSafariで全体のwidthに含まれる不具合あり */
}

dl.general_list dt {
	padding: 10px 0 0 0;
	display: table-cell;
	vertical-align: top;
	width: 1%;
	/width: auto;
	/float: left;
	font-weight: normal;
	/*/padding-top: 0;	/* table-cellで実現する場合とIE6,7とで差が出ないように */
	/*/margin-top: -0px;	/* imgにmargin-top: 10px;を付加した調整 */
}

dl.general_list dd {
	padding: 0 0 0 10px;
	display: table-cell;
	vertical-align: top;
	/zoom: 1;
}

/* 右イメージレイアウト */

dl.general_list2 {
	width: 100%; /*必ずwidthは指定する。（100%などでもOK）*/
	margin: 0 0 0 0;
	display: table;
	padding: 0 0 0 0;	/* 左右パディングを指定するとSafariで全体のwidthに含まれる不具合あり */
	direction: rtl;
}

dl.general_list2 dt {
	padding: 10px 0 0 0;
	display: table-cell;
	vertical-align: top;
	width: 1%;
	/width: auto;
	/float: right;
	/*/padding-top: 0;	/* table-cellで実現する場合とIE6,7とで差が出ないように */
	/*/margin-top: -0px;	/* imgにmargin-top: 10px;を付加した調整 */
}

dl.general_list2 dt span {
	display: block;
	font-weight: normal;
	margin-top: 5px;
}

dl.general_list2 dd {
	padding: 0 5px 0 0;
	display: table-cell;
	vertical-align: top;
	direction: ltr;
	/zoom: 1;
}

dl.general_list dd h5,
dl.general_list dd p,
dl.general_list2 dd h5,
dl.general_list2 dd p {
	margin-top: 10px;
}

/*
========== ページナビゲーション ==========
*/

ul.page_navi_lt,
ol.page_navi_lt {
	_zoom: 1;  
    overflow: hidden;
}

ul.page_navi_lt li,
ol.page_navi_lt li {
	display: inline;
	border-left: 1px solid #999999;
	padding: 0 10px;
	margin: 0 0 0 -1px;
	
	background: none;
}

ul.page_navi_rt,
ol.page_navi_rt {
	_zoom: 1;  
    overflow: hidden;
	text-align: right;
}

ul.page_navi_rt li,
ol.page_navi_rt li {
	display: inline-block;
	border-right: 1px solid #999999;
	padding: 0 10px;
	margin: 0 -1px 0 0;
	
	background: none;
	
}

* html ul.page_navi_rt li,
* html ol.page_navi_rt li {
	display: inline;
}

*:first-child+html ul.page_navi_rt li,
*:first-child+html ol.page_navi_rt li {
	display: inline;
}

/*
========== ベーシックテーブル：分離ボーダーモデルのシンプルなデザイン ==========
*/

table.basic {	/*IE5-6が未対応なため、同様の表示にはXHTMLのテーブル要素に cellspacing="0"の属性が必要*/
	width: auto;
	border-collapse: separate;
	border-spacing: 0;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

table.basic tr {	/* Mac版IE5には効かない（thやtdには効く） */
	/*vertical-align: top;*/
}

table.basic th {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 7px 7px 6px 7px;
	background-color: #f7f7f7;
	line-height: 1.5;
	vertical-align: middle;
	/*width: 1%;
	white-space: nowrap;*/
}

table.basic td {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 7px 7px 6px 7px;
	line-height: 1.5;
	vertical-align: middle;
}

table.basic td.no_pgtrl {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}

table.basic td.no_pgt {
	padding-top: 0;
}

/* キャプション表示でテーブルの上マージン時は各種ブラウザ違いがあるので気をつける（tableとcaptionが分離してしまうfirefox3がアウト）
caption上部の余白をつけたい場合：divで囲みセクション扱いにする、または前の要素にmargin-bottomを指定
tableとcaptionの間に余白をつけたい場合：captionのpadding-bottomを指定 */

/*caption {	
	display: none;
}*/

/* 0：col行・横型／1：row列・縦型 */

div.section_td0,div.section_td1 {	/* キャプション表示の場合は必要 */
	margin-top: 20px;
}

div.section_td1 table.basic th {
	width: 1%;
	white-space: nowrap;
	padding: 7px 7px 6px 7px;
}

div.section_td1 table.basic td {
	padding: 7px 7px 6px 7px;
}

/*
========== テーブルデザイン1 ==========
*/

table.td1 {
	width: 540px;
	margin: 20px 0 0 0;
}

table.td1 th {
	/*width: 1%;*/
	white-space: nowrap;
	text-align: center;
}

table.td1 th.head1 {
	background-color: #7B94B2;
	color: #FFFFFF;
	font-weight: bold;
}

table.td1 th.head2 {
	background-color: #E1EFFF;
}

table.td1 th.head3 {
	background-color: #E1EFFF;
	text-align: left;
}

table.td1 th.head3 span {
	font-weight: bold;
}

table.td1 td em {
	margin: 0;
	padding: 0 0 0 5px;
	border-left: 4px solid #009e96;
}

table.td1 td span.style1 {
	display: block;
	text-align: right;
}

table.td1 td.place {
	text-align: center;
}

table.td1 td span.style2 {
	color: #009e96;
	font-weight: bold;
	display: block;
}

table.td1 td strong {
	font-weight: bold;
	display: block;
	color: #000000;
}

/*
==================================================
win_ie.cssより
==================================================
*/

* html #area_xxx ul li a {
	zoom: 1;	/* IEではリスト内のインライン要素をブロック化した場合、line-heightの解釈がおかしくなる→リストタグを使用した際にIEで生じる隙間を消す */
}

/*
==================================================
共用パーツ
==================================================
*/

#area_content {	/* 2009年12月リニューアル専用スタイルフック */
	margin: 20px 0 0 0;
}

#area_content p.first_c {
	margin: 0;
	padding: 0;
}

#area_content img,
#area_content2 img {	/* グローバル設定を無効に */
	margin: 0;
	padding: 0;
}

#area_content .link_more,
#area_content2 .link_more,
#sec_inquiry .link_more {
	text-align: right;
	margin: 10px 0 0 0;
	padding: 0;
}

#area_content .link_more a,
#area_content2 .link_more a,
#sec_inquiry .link_more a {
	background: url(/retail/img_renew_2009_12/bg_arrow1.gif) left center no-repeat;
	margin: 0;
	padding: 0 0 0 10px;
}

/* 2010年追加修正 */

h1#heading1 ,p#heading1{
	height: 45px;
	line-height: 47px;
	background: url(/retail/img_renew_2009_12/bg_heading1.gif) 0 100% repeat-x;
	padding: 0 0 0 10px;
	border: 1px solid #cccccc;
	border-left: 4px solid #cccccc;
	font-size: 150%;
	margin: 10px 0 0 0;
	font-weight: bold;
}

h1#heading2 {
	height: 60px;
	line-height: 60px;
	background: url(/retail/img_renew_2009_12/bg_heading2.gif) 0 0 no-repeat;
	padding: 0 0 0 10px;
	font-size: 180%;
}

#sec_inquiry {
	margin: 20px 0 40px 0;
	padding: 0px 20px 10px 20px;
	border: 1px solid #cccccc;
	background-color: #f8f8f8;
}

/* 2010/01/19 お問い合わせ欄調整前
#sec_inquiry {
	margin: 20px 0 0 0;
	padding: 10px 20px 20px 20px;
	border: 1px solid #cccccc;
	background-color: #f8f8f8;
}*/

#ln_banner_link {
	margin: 20px 0 0 0;
	border-bottom: 1px solid #cccccc;
	width: 195px;
}

#ln_banner_link dd  {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 10px;
	margin: 0;
}

#ln_banner_link dd a  {
	color: #000000;
}

#ln_banner_link2 {
	margin: 40px 0 0 0;
	border-bottom: 1px solid #cccccc;
	width: 195px;
}

#ln_banner_link2 dd  {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 10px;
	margin: 0;
}

#ln_banner_link2 dd a  {
	color: #000000;
}

#ln_banner_link3 {
	margin: 0 0 0 0;
	border-bottom: 1px solid #cccccc;
	width: 195px;
}

#ln_banner_link3 dd  {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 10px;
	margin: 0;
}

#ln_banner_link3 dd a  {
	color: #000000;
}

div#close-up1 {
	width: 195px;
	margin: 0 0 0 0;
	padding: 6px 0 6px 0;
	background:url(/images_global/images_sidebar/bg_closeup.gif) repeat-y;
}
div#close-up1 ul {
	margin: 0 6px 0 6px;
	padding: 9px 7px 3px 7px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}
div#close-up1 ul li {
	padding: 0 0 6px 0;
}
div#close-up1 ul li ul {
	padding: 0;
	border: 0;
	border-top: 1px solid #cccccc;
}
div#close-up1 ul li ul li {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 12px;
	background: none;
}

/*
========== ローカルナビ上書き修正 ==========
*/

#lnav ul li a.line {
	background: none;
	width: 193px;
	padding: 5px 0;
	cursor: pointer;
}

#lnav ul li div {
	width: 193px;
	padding: 5px 0;
}

#lnav ul li a.line:hover {
	background: none;
}

#lnav ul li a.line span,
#lnav ul li div span {
	background: url(/retail/img_renew_2009_12/bg_ln_line1.gif) 10px 0 repeat-y;
	display: block;
	padding: 0 10px 0 22px;
	width: 161px;
	font-weight: bold;
}

/*4階層目リストの小さい丸*/
ul#lnav li ul li ul li ul li a {
	list-style: none;
	background-image: url(/images_global/images_mark/listmarker_disc_black03.gif);
	background-repeat: no-repeat;
	background-position: 41px 7px;
}

ul#lnav li ul li ul li a span {
	background: url(/images_global/images_mark/listmarker_disc_black03.gif) 0 0.3em no-repeat;
	display: block;
	padding: 0 0 0 10px;
}

/* ローカルナビ色分け：イベント */

#evt_sem #lnav ul li div span {
	background: url(/images_global/images_mark/bg_ln_cgy1.gif) 10px 0 repeat-y;
	display: block;
	padding: 0 10px 0 22px;
	width: 161px;
	font-weight: bold;
}

#evt_sem ul#lnav li a#now {
	background-image: url(/images_global/images_mark/bg_ln_now1.gif);
}

#evt_sem ul#lnav li a:hover {
	background-image: url(/images_global/images_mark/bg_ln_arrow1.gif);
}

/* ローカルナビ色分け：会社情報 */

#corpo #lnav ul li div span {
	background: url(/images_global/images_mark/bg_ln_cgy2.gif) 10px 0 repeat-y;
	display: block;
	padding: 0 10px 0 22px;
	width: 161px;
	font-weight: bold;
}

#corpo ul#lnav li a#now {
	background-image: url(/images_global/images_mark/bg_ln_now2.gif);
}

#corpo ul#lnav li a:hover {
	background-image: url(/images_global/images_mark/bg_ln_arrow2.gif);
}

#corpo ul#lnav li ul li ul li ul li a:hover {
	background-position: 43px 7px;
}

/*
========== ブラウザデフォルトリスト ==========
*/

#area_content ol.default,
#area_content2 ol.default,
#area_content3 ol.default {
	list-style: decimal none outside;	/* 一括指定（list-style-type/image/position） */
	padding: 0 10px 0 37px;
	margin: 0;
}

#area_content ul.default,
#area_content2 ul.default,
#area_content3 ul.default {
	list-style: disc none outside;	/* 一括指定（list-style-type/image/position） */
	padding: 0 10px 0 30px;
	margin: 0;
}

#area_content ul.bg_check,
#area_content2 ul.bg_check {
	padding-top: 2px;
	padding-bottom: 10px;
	background-color: #eeeeee;
	margin-top: 10px;
}

#area_content ol.default li,
#area_content ul.default li,
#area_content2 ol.default li,
#area_content2 ul.default li,
#area_content3 ol.default li,
#area_content3 ul.default li {
	margin: 10px 0 0 0;
	line-height: 1.3;
	padding: 0;
}

#area_content ol.default li,
#area_content2 ol.default li,
#area_content3 ol.default li {
	list-style: decimal none outside;
	background: none;
	padding: 0;
}

#area_content ul.default li,
#area_content2 ul.default li,
#area_content3 ul.default li{
	list-style: disc none outside;
	background: none;
	padding: 0;
}

/*エレメントパーツ類*/

p.pagetop2 {
	margin: 20px 0 0 0;
	padding: 0;
	text-align: right;
}

span.lyt_rt {
	text-align: right;
	display: block;
}

p.img_fl {
	float: left;
	margin-right: 10px;
}

.mt10 {
	margin-top: 10px;
}

ul.mb40 {
	margin-bottom: 40px;
}

.mtb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.ml20 {
	margin-left: 20px;
}

.txt_red {
	color: #cc0000;
}

.bg_gray {
	background-color: #f8f8f8;
}

.border_tp {
	border-top: 1px solid #dddddd;
}

.border_tp3 {
	border-top: 3px dotted #cccccc;
	padding: 15px 0 0 0;
}

dl.dllist {
	margin: 20px 0 0 0;
	padding: 0;
}

dl.dllist dt {
	margin: 10px 0 0 0;
	padding: 0;
	font-weight: bold;
}

dl.dltable {	/* clearfix（なしでも問題ない場合があるが、次のブロック要素のため、できればあった方がよい） */
	width: 493px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	/*background: #ccc;*/
}

dl.dltable dt {
	float: left;
	clear: both;	/* DT内の量がDDよりも多いときの回り込み防止。ただしIE6/7では効かない */
	width: 160px;
	padding: 10px 0 0 0;
	margin: 0;
}

dl.dltable dd {
	float: left;
	width: 313px;
	padding: 10px 10px 0 10px;
	margin: 0;
}

.itii {	/* 文字より小さい画像の場合、IE6以下でline-heightが指定の値よりも小さくなり行の高さが縮まる→上下マージンで調整する */
	vertical-align: middle;
	margin: 0 5px;
}

























































































/*
==================================================
流通トップ
==================================================
*/

.area_sec1 h3,
#area_content .heading1 {
	background: url(/retail/img_renew_2009_12/bg_heading1.jpg) 0 0 no-repeat;
	height: 32px;
	line-height: 29px;
	padding: 0 10px 0 15px;
	margin: 20px 0 0 0;
}

#area_content .area_sec1 ul {
	margin: 0 0 0 -5px;
	padding: 0;
}

#area_content .area_sec1 ul li {
	margin: 0;
	padding: 0;
	
	display: -moz-inline-box;	/* for Fx2 */
	display: inline-block;	/* XHTML記述の隙間対策必要。*/
	vertical-align: top;
	width: 170px;
	margin: 10px 0 0 10px;
	background: none;
}

* html #area_content .area_sec1 ul li {
	display: inline;
	zoom: 1;
}

*:first-child+html #area_content .area_sec1 ul li {
	display: inline;
	zoom: 1;
}

#area_content .area_sec1 ul li p {
	margin: 0;
	padding: 0;
	
	width: 85px;
	display: -moz-inline-box;	/* for Fx2 */
	display: inline-block;	/* XHTML記述の隙間対策必要。*/
	vertical-align: middle;
	word-break: break-all;	/* 半角英数字の長いテキスト対策 */
}

* html #area_content .area_sec1 ul li p {
	display: inline;
	zoom: 1;
}

*:first-child+html #area_content .area_sec1 ul li p {
	display: inline;
	zoom: 1;
}

#area_content .area_sec1 ul li p.thumbnail {
	width: 77px;
	margin-right: 8px;
}

#area_content .area_sec1 ul li p.thumbnail img {
	border: 1px solid #dddddd;
}

/*.area_sec1 ul li p.thumbnail a:hover img {
	border: 1px solid #ff9900;
}*/

* html #area_content .area_sec1 ul li p.thumbnail img {
	border-bottom: 2px solid #dddddd;
}

/*
========== 右サイドカラム ==========
*/

#area_picup,#area_case,
#area_topics,#area_event {
	background: url(/retail/img_renew_2009_12/bg_area_picup.gif) left bottom no-repeat;
	padding: 0 10px 10px 10px;
	margin: 0 0 20px 0;
}

#area_picup h4,#area_case h4,
#area_topics h4,#area_event h4 {
	background: url(/retail/img_renew_2009_12/bg_heading2.jpg) 0 0 no-repeat;
	height: 27px;
	margin: 0 -10px;	
	padding: 7px 10px 0 10px;	
	color: #ffffff;
}

#area_picup h5,#area_case h5,
#area_topics h5,#area_evnet h5 {
	margin: 5px 0 0 0;
	padding: 0;
}

#area_picup h5 span,#area_case h5 span {
	background-color: #FF6600;
	padding: 3px 4px 2px 4px;
	color: #ffffff;
	margin: 0 5px 0 0;
}

#area_picup h6,#area_case h6,
#area_topics h6,#area_event h6,
#area_picup p,#area_case p,
#area_topics p,#area_event p {
	margin: 10px 0 0 0;
	padding: 0;
}

/*
========== general-list ==========
*/

/* 右イメージレイアウト */

#area_picup dl.general_list {
	width: 180px; /*必ずwidthは指定する。（100%などでもOK）*/
	margin: 0 0 0 0;
	display: table;
	padding: 0 0 0 0;	/* 左右パディングを指定するとSafariで全体のwidthに含まれる不具合あり */
	direction: rtl;
}

#area_picup dl.general_list dt {
	padding: 10px 0 0 0;
	display: table-cell;
	vertical-align: top;
	width: 1%;
	/width: auto;
	/float: right;
	/*/padding-top: 0;	/* table-cellで実現する場合とIE6,7とで差が出ないように */
	/*/margin-top: -0px;	/* imgにmargin-top: 10px;を付加した調整 */
}

#area_picup dl.general_list dd {
	padding: 0 5px 0 0;
	display: table-cell;
	vertical-align: top;
	direction: ltr;
	/zoom: 1;
}

/* 左イメージレイアウト */

#area_picup dl.general_list2 {
	width: 180px; /*必ずwidthは指定する。（100%などでもOK）*/
	margin: 0 0 0 0;
	display: table;
	padding: 0 0 0 0;	/* 左右パディングを指定するとSafariで全体のwidthに含まれる不具合あり */
}

#area_picup dl.general_list2 dt {
	padding: 10px 0 0 0;
	display: table-cell;
	vertical-align: top;
	width: 1%;
	/width: auto;
	/float: left;
	/*/padding-top: 0;	/* table-cellで実現する場合とIE6,7とで差が出ないように */
	/*/margin-top: -0px;	/* imgにmargin-top: 10px;を付加した調整 */
}

#area_picup dl.general_list2 dd {
	padding: 0 0 0 10px;
	display: table-cell;
	vertical-align: top;
	/zoom: 1;
}

/*
==================================================
業務用携帯端末（ハンディターミナル）トップ
==================================================
*/

/*
========== 左メインカラム ==========
*/

#area_content .area_sec2 {
	margin: 0 0 20px 0;
}

#area_content .area_sec2 h2 {
	margin: 0;
	background: url(/retail/img_renew_2009_12/bg_heading1.jpg) 0 0 no-repeat;
	height: 32px;
	line-height: 29px;
	padding: 0 10px 0 15px;
	font-size: 110%;
}

#area_content .area_sec2 h2 span {
	border-left: 4px solid #009900;
	padding: 0 0 0 5px;
	margin: 0;
}

#area_content .area_sec2 ul {
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	border: 1px solid #dddddd;
}

#area_content .area_sec2 ul li {
	padding: 0;
	display: -moz-inline-box;	/* for Fx2 */
	display: inline-block;	/* XHTML記述の隙間対策必要。*/
	vertical-align: top;
	width: 125px;
	margin: 0 0 0 8px;
	/*background: #ccc;*/
}

* html #area_content .area_sec2 ul li {
	display: inline;
	zoom: 1;
}

*:first-child+html #area_content .area_sec2 ul li {
	display: inline;
	zoom: 1;
}

#area_content .area_sec2 ul li p {
	margin: 10px 0 0 0;
	padding: 0;
	word-break: break-all;	/* 半角英数字の長いテキスト対策 */
	text-align: center;
}

/* リスト最後にナビ（IE7ハックより上位上書きするため、先頭にhtmlを付与 ） */

html #area_content .area_sec2 ul li.nav {
	display: block;
	width: auto;
	margin-right: 10px;
	background: none;
}

html #area_content .area_sec2 ul li.nav p {
	text-align: right;
}

/*
#area_content .etc {
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
}

#area_content .etc a {
	background: url(/retail/img_renew_2009_12/bg_arrow1.gif) left center no-repeat;
	margin: 0;
	padding: 0 0 0 10px;
	position: absolute;
	right: 1em;
	top: -2em;
}*/


/*
========== general-list ==========
*/

#area_content .area_sec2 div.item {
	border: 1px solid #dddddd;
	width: 538px; /*必ずwidthは指定する。（100%などでもOK）*/
	margin: 10px 0 0 0;
	display: table;
	padding: 0 0 10px 0;	/* 左右パディングを指定するとSafariで全体のwidthに含まれる不具合あり */
}

#area_content .area_sec2 div.item p.itemImage {
	padding: 10px 0 0 10px;
	display: table-cell;
	vertical-align: top;
	width: 1%;
	/width: auto;
	/float: left;
	/*padding-top: 0;	/* table-cellで実現する場合とIE6,7とで差が出ないように、もしくはmargin: 0; */
	margin: 0;
}

#area_content .area_sec2 div.item div.itemText {
	padding: 0 10px 0 10px;
	display: table-cell;
	vertical-align: top;
	/zoom: 1;
}

/* 左右逆バージョン */

#area_content .area_sec2 div.item2 {
	border: 1px solid #dddddd;
	width: 538px; /*必ずwidthは指定する。（100%などでもOK）*/
	margin: 10px 0 0 0;
	display: table;
	padding: 0 0 10px 0;	/* 左右パディングを指定するとSafariで全体のwidthに含まれる不具合あり */
	direction:rtl;
}

#area_content .area_sec2 div.item2 p.itemImage {
	padding: 10px 10px 0 0;
	display: table-cell;
	vertical-align: top;
	width: 1%;
	/width: auto;
	/float: right;
	/*/padding-top: 0;	/* table-cellで実現する場合とIE6,7とで差が出ないように、もしくはmargin: 0; */
	margin: 0;
}

#area_content .area_sec2 div.item2 div.itemText {
	padding: 0 10px 0 10px;
	display: table-cell;
	vertical-align: top;
	direction:ltr;
	/zoom: 1;
}

#area_content .area_sec2 div p,
#area_content .area_sec2 div h3, {
	padding: 0;
	margin: 10px 0 0 0;
}

/*
========== 右サイドカラム ==========
*/

#area_reference {
	margin: 20px 0 20px 0;
	padding: 0;
}

#area_reference h4 {
	margin: 0;
	padding: 0 5px 0 5px;
	border-bottom: 2px solid #cccccc;
}

/*
==================================================
業務用携帯端末（ハンディターミナル）ラインアップ
==================================================
*/

/*
========== 右メインカラム ==========
*/

#area_content2 h2 {
	margin: 25px 0 0 0;
	padding: 0;
}

#area_content2 .area_sec3 {
	margin: 20px 0 0 0;
}

#area_content2 .area_sec3 h3 {
	background: none;
	margin: 0;
	border-bottom: 1px dotted #cccccc;
	border-left: 4px solid #009900;
	padding: 3px 5px;
}

/*
========== general-list ==========
*/

#area_content2 .area_sec3 div.item {
	width: 540px; /*必ずwidthは指定する。（100%などでもOK）*/
	margin: 10px 0 0 0;
	display: table;
	padding: 0 0 0 0;	/* 左右パディングを指定するとSafariで全体のwidthに含まれる不具合あり */
}

#area_content2 .area_sec3 div.item p.itemImage {
	padding: 10px 0 0 0;
	display: table-cell;
	vertical-align: top;
	width: 1%;
	/width: auto;
	/float: left;
	/*padding-top: 0;	/* table-cellで実現する場合とIE6,7とで差が出ないように、もしくはmargin: 0; */
	margin: 0;
}

#area_content2 .area_sec3 div.item div.itemText {
	padding: 0 0 0 10px;
	display: table-cell;
	vertical-align: top;
	/zoom: 1;
}

/* 左右逆バージョン */

#area_content2 .area_sec3 div.item2 {
	width: 540px; /*必ずwidthは指定する。（100%などでもOK）*/
	margin: 10px 0 0 0;
	display: table;
	padding: 0 0 0 0;	/* 左右パディングを指定するとSafariで全体のwidthに含まれる不具合あり */
	direction:rtl;
}

#area_content2 .area_sec3 div.item2 p.itemImage {
	padding: 10px 0 0 0;
	display: table-cell;
	vertical-align: top;
	width: 1%;
	/width: auto;
	/float: right;
	/*/padding-top: 0;	/* table-cellで実現する場合とIE6,7とで差が出ないように、もしくはmargin: 0; */
	margin: 0;
}

#area_content2 .area_sec3 div.item2 div.itemText {
	padding: 0 10px 0 0;
	display: table-cell;
	vertical-align: top;
	direction:ltr;
	/zoom: 1;
}

#area_content2 .area_sec3 div p,
#area_content2 .area_sec3 div h5 {
	padding: 0;
	margin: 10px 0 0 0;
}

/*
==================================================
お問い合わせ
==================================================
*/

/*
========== フォームエリア ==========
*/

#area_form {
	margin-top: 20px;
}

#area_form table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#area_form table table {
	margin-top: 10px;
}

#area_form table caption,
#area_form legend {	
	display: none;
}

#area_form table th {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 10px 10px 9px 10px;
	background-color: #f7f7f7;
	line-height: 1.5;
	/*width: 1%;
	white-space: nowrap;*/
	text-align: left;
}

#area_form table.td2 th,
#area_form table.td3 th {
	background-color: #E1EFFF;
}

#area_form table.td3 th {
	width:150px;
}

#area_form table th em {
	color: #cc0000;
	font-weight: normal;
}

#area_form table th span {
	color: #888888;
	font-weight: normal;
}

#area_form table td {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 10px 10px 9px 10px;
	line-height: 1.5;
}

#area_form table td.no_pgt {
	padding-top: 0;
}

/* 必須画像が見出し項目行頭につける場合 */

#area_form table th.must {
	padding: 10px 15px 9px 55px;	/* 左パディング：必須画像の幅40+セル左余白分10+文字との間隔5／右パディング：文字との間隔分5を増やす */
}

#area_form table th.must img {
	margin: 1px 0 0 -45px;	/* 左パディング：必須画像の幅+文字との間隔 */
	float: left;
}

/* フォーム要素 */

#etc_pdt,#etc_iqy {
	width: 200px;
}

#inquiry,#subject,
#name,#company,#department,#post,
#addr,
#mail,#mail_check {
	width: 300px;
}

#zip1,
#birthm,#birthd,#post1,#entm,#gram,#toeicm,#tofelm,#movm,#zaim1,#zaim2,#zaim3 {
	width: 60px;
}

#zip2,
#tel1,#tel2,#tel3,
#fax1,#fax2,#fax3,
#birthy,#post2,#ktai1,#ktai2,#ktai3,#enty,#gray,#toeic,#toeicy,#tofel,#tofely,
#movy,#zaiy1,#zaiy2,#zaiy3 {
	width: 80px;
}

#sei,#mei,#seifuri,#meifuri,#mail1,#mail_check1,#work3_memo {
	width: 150px;
}

#address,#school1,#school2,#school3,#req,#motive,#other,#comp1,#comp2,#comp3,#sect1,#sect2,#sect3,#job1,#job2,#job3,#hist,#location {
	width: 90%;
}

#mail2,#mail_check2 {
	width: 350px;
}

#handi1,#handi2,#income {
	width: 200px;
}


#etc_pdt,#etc_iqy,
#inquiry,#subject,
#name,#company,#department,#post,
#addr,
#mail,#mail_check,#work3_memo,
#zip1,#zip2,
#tel1,#tel2,#tel3,
#fax1,#fax2,#fax3,

#sei,#mei,#seifuri,#meifuri,#birthy,#birthm,#birthd,#post1,#post2,#address,#ktai1,#ktai2,#ktai3,#location,
#mail1,#mail2,#mail_check1,#mail_check2,#school1,#school2,#school3,#enty,#gray,#entm,#gram,#toeic,#toeicy,#tofel,#tofely,#toeicm,#tofelm,#req,#motive,#other,
#handi1,#handi2,#income,#movy,#movm,#comp1,#comp2,#comp3,#sect1,#sect2,#sect3,#job1,#job2,#job3,#zaiy1,#zaiy2,#zaiy3,#zaim1,#zaim2,#zaim3,#hist {
	border: 2px solid #dddddd;
	background-color: #ffffff;
	vertical-align: middle;
	padding: 4px;
	font-size: 117%;
}

#etc_pdt:focus,#etc_iqy:focus,
#inquiry:focus,#subject:focus,
#name:focus,#company:focus,#department:focus,#post:focus,
#addr:focus,
#mail:focus,#mail_check:focus,#work3_memo:focus,
#zip1:focus,#zip2:focus,
#tel1:focus,#tel2:focus,#tel3:focus,
#fax1:focus,#fax2:focus,#fax3:focus,

#sei:focus,#mei:focus,#seifuri:focus,#meifuri:focus,#location:focus,
#birthy:focus,#birthm:focus,#birthd:focus,#post1:focus,#post2:focus,#address:focus,#ktai1:focus,#ktai2:focus,#ktai3:focus,
#mail1:focus,#mail2:focus,#mail_check1:focus,#mail_check2:focus,#school1:focus,#school2:focus,#school3:focus,#enty:focus,#gray:focus,#entm:focus,#gram:focus,
#toeic:focus,#toeicy:focus,#tofel:focus,#tofely:focus,#toeicm:focus,#tofelm:focus,#req:focus,#motive:focus,#other:focus,
#handi1:focus,#handi2:focus,#income:focus,#movy:focus,#movm:focus,
#comp1:focus,#comp2:focus,#comp3:focus,#sect1:focus,#sect2:focus,#sect3:focus,#job1:focus,#job2:focus,#job3:focus,
#zaiy1:focus,#zaiy2:focus,#zaiy3:focus,#zaim1:focus,#zaim2:focus,#zaim3:focus,#hist:focus  {
	background-color: #ffffcc;
	border: 2px solid #ff9900;
}

#birthy,#birthm,#birthd {
	ime-mode: disabled;
}

/*
フォームガイド：form_guide.js（form要素内で、初期値valueがあって、IE6/7でもフォーカス機能、初期値がない場合、IE6/7には該当するHTML要素内にonfocus="focusColor(this)" onblur="blurColor(this)"を追記）
フォームガイド：form_guide_normal.js（form要素内で、IE6/7でもフォーカス機能）
*/
#area_form table td input.box_focus,
#area_form table td textarea.box_focus {
	background-color: #ffffcc;
	border: 2px solid #ff9900;
}

#area_form table td label {
	margin-right: 1em;
	margin-left: 3px;
	white-space: nowrap;
	/*別案
	display: block;
	float: left;
	width: 11em;*/
}

/*上記入れ子テーブル時の解除*/
#area_form table td table th label {
	margin-right: 0;
	margin-left: 0;
}

/* ボタンエリア */

#area_form #area_btn {
	margin-top: 20px;
	border: 2px solid #dddddd;
	padding: 0 20px 10px 20px;
	background-color: #f8f8f8;
	text-align: center;
}

#area_btn #btn_back {
	margin-left: 20px;
}

#area_content3 #area_btn1 {	/*基本p設定を上書き*/
	margin-top: 20px;
	border: 2px solid #dddddd;
	background-color: #f8f8f8;
	text-align: center;
	padding: 30px 20px 25px 20px;
}

#area_btn1 #btn_back {
	margin-left: 40px;
}

#area_form #area_btn p label {
	margin-left: 3px;
}

/* ここから予備：フォームボタンの画像置換 */

#area_form p.area_btn2 input {
	width: 180px;
	height: 40px;
	border: none;
	background: url(../images_global/btn_submit.gif) 0 0 no-repeat;
	overflow: hidden;
	text-indent: 9999px;
	cursor: pointer;
}

* html #area_form p.area_btn2 input {
	display: block;
	font-size: 0;	/* 以下、input要素のvalue値が1バイト文字（日本語以外の英語）の時、表示されてしまう対策 */
	line-height: 0;
}

*:first-child+html #area_form p.area_btn2 input {
	display: block;
	font-size: 0;	/* 以下、input要素のvalue値が1バイト文字（日本語以外の英語）の時、表示されてしまう対策 */
	line-height: 0;
}

/* ボタンがいくつか並列した場合の調整 */
#area_form p.area_btn input.btn_submit {
	margin-left: 30px;
}

/* テキストメッセージ関連 */
.txt_message1 {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}

.txt_error1 {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	color: #cc0000;
	line-height: 1.5;
}

.txt_error2 {
	font-size: 125%;
	font-weight: bold;
	color: #cc0000;
	line-height: 1.5;
}

/*
==================================================
ヘッダー
==================================================
*/

p img {	/* グローバル設定を無効に */
	margin: 0;
	padding: 0;
}

#area_header {
	position: relative;
	width: 760px;
	background: url(../images_global/bg_header.gif) left bottom repeat-x;
	padding: 15px 0 10px 0;
}

#area_header #sharp_logo {
	margin: 0;
	padding: 0;
}

#area_header #ssp_logo {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 15px;
}

#area_header #utility_nav_head li,
#area_header #global_nav li,
#area_footer #utility_nav_foot li {
	margin: 0;
	padding: 0;
	background: none;
}

#area_header #utility_nav_head li#unh_home {
	position: absolute;
	left: 150px;
	top: 20px;
}

*:first-child+html #area_header #utility_nav_head li#unh_home {
	position: absolute;
	left: 150px;
	top: 17px;
}

#area_header #utility_nav_head li#unh_search {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#area_header #utility_nav_head li#unh_search input.search_box,
#area_header #utility_nav_head li#unh_search input.search_btn {
	vertical-align: middle;
}

input#MF_form_phrase{
	width: 141px;
	height: 20px;
	_height: 20px;
	border: 0;
	margin: 0;
	padding: 0;
	/*font-size: 14px;
	text-align: left;
	vertical-align: top;*/
	background-image: url(/images_global/bg_txt_search.gif);
	background-repeat: repeat-x;

}

#area_header #global_nav {
	_zoom: 1;  
    overflow: hidden;
	margin: 25px 0 0 0;
	padding: 0 180px 0 0;
}

#area_header #global_nav li {
	display: inline;
	border-left: 1px solid #999999;
	padding: 0 10px;
	margin: 0 0 0 -1px;
	font-size: 90%;
}

/* html #area_header #global_nav li {
	font-size: 90%;
}

*:first-child+html  #area_header #global_nav li {
	font-size: 90%;
}*/

#area_header #global_nav li a {
	color:#000000;
	text-decoration: none;
}

#area_header #global_nav li a:hover {
	color:#FF6600;
	text-decoration: underline;
}

/*
==================================================
フッター
==================================================
*/

#area_footer {
	width: 760px;
	position: relative;
	border-top: 2px solid #666666;
	margin: 30px 0 0 0;
	clear: both;
}

#area_footer #utility_nav_foot {
	_zoom: 1;  
    overflow: hidden;
	margin: 10px 0 10px -10px;
	padding: 0 213px 0 0;
}

#area_footer #utility_nav_foot li {
	display: inline;
	border-left: 1px solid #999999;
	padding: 0 10px;
	margin: 0 0 0 -1px;
}

#area_footer #utility_nav_foot li a {
	color:#000000;
	text-decoration: none;
}

#area_footer #utility_nav_foot li a:hover {
	color:#FF6600;
	text-decoration: underline;
}

#area_footer p#copyright {
	position: absolute;
	right: 0;
	top: 10px;
	margin: 0;
	padding: 0;
}

/*
==================================================
イベント・セミナー案内
==================================================
*/

/*
========== 右メインカラム ==========
*/

#evt_sem #area_content3 h2.heading1 {
	margin: 25px 0 20px 0;
	padding: 0;
}

#evt_sem #area_content3 h3 {
	background: none;
	margin: 25px 0 20px 0;
	padding: 3px 0 1px 5px;
	border-left: 5px solid #009e96;
	border-bottom: 1px solid #cccccc;
	font-size: 115%;
}

#evt_sem #area_content3 h4 {
	color: #ffffff;
	background-image: none;
	background-color: #009e96;
	margin: 25px 0 0 0;
	padding: 3px 0 1px 10px;
	border: 0 none transparent;
	font-size: 100%;
}

#evt_sem #area_content3 p#evt_detail {
	margin: 25px 0 20px 0;
	padding: 0;
	font-size: 150%;
	font-weight: bold;
}

#area_content3 p {	/*コンテンツ下部のページトップやナビに影響してしまうので注意すること*/
	margin: 1em 0 0 0;
	padding: 0;
}

.area_page_navi {
	padding: 10px 0 0 0;
	position: relative;
}

.area_page_navi .page_navi_rt {
	position: absolute;
	top: 10px;
	right: 0;
}

/* イベント詳細 */

#area_content3 #area_feature {
	margin: 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid #cccccc;
	background: url(../images_global/bg_area_feature.jpg) left bottom repeat-x;
	width: 518px;
}

#area_content3 #area_feature #division {
	margin: 0 20px 0 0;
	padding: 10px;
	background-color: #009e96;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	
	width: 68px;
	display: -moz-inline-box;	/* for Fx2 */
	display: inline-block;	/* XHTML記述の隙間対策必要。*/
	vertical-align: middle;
	word-break: break-all;	/* 半角英数字の長いテキスト対策 */
	font-size: 115%;
	line-height: 1.3;
}

* html #area_content3 #area_feature #division {
	display: inline;
	zoom: 1;
}

*:first-child+html #area_content3 #area_feature #division {
	display: inline;
	zoom: 1;
}

#area_content3 #area_feature h1 {
	margin: 0;
	padding: 0;
	background: none;
	font-weight: bold;
	font-size: 125%;
	line-height: 1.4;
	
	width: 410px;
	display: -moz-inline-box;	/* for Fx2 */
	display: inline-block;	/* XHTML記述の隙間対策必要。*/
	vertical-align: middle;
	word-break: break-all;	/* 半角英数字の長いテキスト対策 */
}

* html #area_content3 #area_feature h1 {
	display: inline;
	zoom: 1;
}

*:first-child+html #area_content3 #area_feature h1 {
	display: inline;
	zoom: 1;
}

#evt_sem #area_content3 h2.heading2 {
	margin: 10px 0 25px 0;
	padding: 7px 10px 7px 10px;
	background: url(../images_global/bg_subtitle.jpg);
	text-align: right;
	font-size: 100%;
}

#area_content3 #area_inquiry {
	padding: 5px 15px 15px 15px;
	border: 1px solid #cccccc;
	background-color: #f8f8f8;
	text-align: center;
	margin: 30px 0 0 0;
}

/* 引用モジュール */
ul.point {
	margin: 15px 0 0 0;
	padding: 4px 10px 12px 13px;
	border: 1px solid #BBBBBB;
}

ul.point2 {
	margin: 15px 0 0 0;
	padding: 4px 10px 12px 13px;
	background-color: #eeeeee;
}

ul.point li,ul.point2 li {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 8px 0 0 20px;
	margin: 0;
	background-image: url(/images_global/images_mark/listmarker_diamond_black01.gif);
	background-repeat: no-repeat;
	background-position: 0 11px;
}

ul.point li span.ttl {
	float: left;
	width: 345px;
	/*font-weight: bold;*/
}
ul.point li span.link-more { 
	clear:right;
	font-size: 10px;
	text-align:right;
}

/*
ul.point li span.pdf img {
	margin-top: -7px;
}*/

ul.point li ul {
	margin-top: 2px;
}
ul.point li ul li {
	list-style: none;
	padding: 0 0 0 20px;
	background-image: url(/images_global/images_mark/listmarker_disc_black02.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

/*
==================================================
SSPトップページ
==================================================
*/

#top_img {
	margin: 20px 0 0 0;
	padding: 0;
}

#top_navi {	/*clearfix*/
	background: url(../images/bg_top_nav.gif) left bottom no-repeat;
	margin: 20px 0 0 0;
	padding: 0;
}

#top_navi li {
	margin: 0;
	padding: 0;
	float: left;
	width: 190px;
}

#top_navi li p {
	margin: 0;
	padding: 0;
}

#top_navi li p span {
	display: block;
	padding: 10px;
	margin: 0;
	line-height:1.4;
}

#top_navi li p a  {
	color: #000000;
	text-decoration: none;
}

#top_navi li p a:hover  {
	color:#FF6600;
	text-decoration: underline;
}

/*
========== トピックエリア ==========
*/

#area_topic {	/*clearfix*/
	width: 760px;
}

/* 左メインカラム */

#topic_main {
	float: left;
	width: 452px;
}

#topic_main h2 {
	margin: 20px 0 0 0;
	padding: 0 0 0 13px;
	background: url(../images/bg_newsh2.gif) 0 0 no-repeat;
	/*border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 5px solid #5c2f30;*/
	line-height: 35px;
	font-weight: bold;
	font-size: 110%;
	color: #333;
}

#topic_main p {
	margin: 0;
	padding: 0;
	position: relative;
}

#topic_main p a {
	position: absolute;
	display: block;
	top: -28px;
	right: 10px;
	
	background: url(../images_global/bg_arrow1.gif) left center no-repeat;
	padding: 0 0 0 8px;
	color: #000000;
	text-decoration: none;
}

#topic_main p a:hover {
	color:#FF6600;
	text-decoration: underline;
}

#topic_main dl {	/* clearfix（なしでも問題ない場合があるが、次のブロック要素のため、できればあった方がよい） */
	width: 452px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

#topic_main dl dt {
	float: left;
	clear: both;	/* DT内の量がDDよりも多いときの回り込み防止。ただしIE6/7では効かない */
	width: 100px;
	padding: 10px 0 0 10px;
	margin: 0;
	
}

#topic_main dl dd {
	float: left;
	width: 312px;
	padding: 10px 10px 0 20px;
	margin: 0;
}

/* 右サブカラム */

#topic_sub {
	float: right;
	width: 270px;
	border: 1px solid #cccccc;
	padding: 0 10px 10px 10px;
	background:url(/images/bg_pickup.gif) 1px 1px;
	margin: 20px 0 0 0;
}

#topic_sub h3 {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	color: #333333;
	line-height: 1.0;
}

#topic_sub h4 {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	color: #333333;
	line-height: 1.0;
}

#topic_sub dl {
	border: 1px solid #dddddd;
	width: 268px; /*必ずwidthは指定する。（100%などでもOK）*/
	margin: 10px 0 0 0;
	display: table;
	padding: 0 0 5px 0;	/* 左右パディングを指定するとSafariで全体のwidthに含まれる不具合あり */
	
	background-color: #FFFFFF;
}

#topic_sub dl dt {
	padding: 7px 0 0 7px;
	display: table-cell;
	vertical-align: top;
	width: 1%;
	/width: auto;
	/float: left;
	/*padding-top: 0;	/* table-cellで実現する場合とIE6,7とで差が出ないように、もしくはmargin: 0; */
	margin: 0;
}

#topic_sub dl dd {
	padding: 0 7px 0 15px;
	display: table-cell;
	vertical-align: top;
	/zoom: 1;
}

#topic_sub dl dd h5,
#topic_sub dl dd h6,
#topic_sub dl dd p {
	margin: 7px 0 0 0;
	padding: 0;
	line-height: 1.3;
}

#topic_sub dl dd h5 a {
	background: url(../images_global/bg_arrow1.gif) 0 0.3em no-repeat;
	padding: 0 0 0 8px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#topic_sub dl dd h5 a:hover {
	color:#FF6600;
	text-decoration: underline;
}

/*
==================================================
法人向け製品情報トップ
==================================================
*/

#houjin .area_sec1 h3.first_c {
	margin: 0;
}

#houjin .area_sec1 h3 {
	background: url(/products/images_global/bg_h3.gif) 0 0 no-repeat;
}

/*
========== 右サイドカラム ==========
*/

#area_topics dl dt,#area_event dl dt {
	margin: 5px 0 0 0;
	padding: 0;
}

#area_topics dl dd,#area_event dl dd {
	margin: 3px 0 0 0;
	padding: 0;
	
}

/*
==================================================
ソリューション
==================================================
*/

#sss .area_sec4 h3.first_c {
	margin: 0;
}

#sss .area_sec4 h3 {
	background: url(../solutions/images_global/bg_h3.gif) 0 0 no-repeat;
	height: 32px;
	line-height: 29px;
	padding: 0 10px 0 15px;
	margin: 10px 0 0 0;
}

#area_content .area_sec4 p.more {
	margin: 0;
	padding: 0;
	position: relative;
}

#area_content .area_sec4 p.more a {
	position: absolute;
	display: block;
	top: -28px;
	right: 10px;
	
	background: url(../images_global/bg_arrow1.gif) left center no-repeat;
	padding: 0 0 0 8px;
}

#area_content .area_sec4 {	/*clearfix*/
	
}

#area_content .area_sec4 p.thumb {
	margin: 0;
	padding: 10px 0 0 5px;
	float: left;
	width: 80px;
}

#area_content .area_sec4 ul.infolist {
	margin: 0;
	padding: 10px 5px 0 0;
	float: right;
	width: 435px;
}

#area_content .area_sec4 ul.infolist li {	/*clearfix IE6/7はリストの●がズレルのでなしに*/
	margin: 0 0 6px 0;
	padding: 0;
	background: none;
	/*background: #ccc;*/
}

#area_content .area_sec4 ul.infolist li h4 {
	margin: 0;
	padding: 0;
	float: left;
	width: 120px;
	/*background: #ccc;*/
}

#area_content .area_sec4 ul.infolist li h4 a {
	background: url(../images_global/bg_arrow1.gif) 0 0.3em no-repeat;
	padding: 0 0 0 8px;
	color:#000000;
	text-decoration: none;
}

#area_content .area_sec4 ul.infolist li h4 a:hover {
	color:#FF6600;
	text-decoration: underline;
}

#area_content .area_sec4 ul.infolist li ul.default {
	float: right;
	width: 260px;
	/*background: #ccc;*/
}

/*
========== 概要ページ ==========
*/

#tab_nav {	/*clearfix*/
	margin: 15px 0 0 0;
	padding: 0 0 0 5px;
	border-bottom: 5px solid #cccccc;
	width: 535px;
}

#tab_nav li {
	margin: 0 5px 0 0;
	padding: 0;
	background: none;
	width: 102px;
	float: left;
	min-height: 2em;
}

* html #tab_nav li {
	display: inline;
	height: 2em;
}

#tab_nav li a {
	margin: 0;
	padding: 5px 5px 3px 5px;
	background: url(../images_global/bg_tab_nav.gif) left top no-repeat;
	width: 92px;
	display: block;
	/*text-align: center;*/
}

#tab_nav li.current a {
	background: url(../images_global/bg_tab_nav.gif) right top no-repeat;
	text-decoration: none;
}

/*
==================================================
会社情報
==================================================
*/

/*トップメッセージ*/

#corpo #area_content3 h2.heading1 {
	margin: 25px 0 20px 0;
	padding: 0;
}

#area_message {
	border: 1px solid #cccccc;
	margin: 0 0 25px 0;
	padding: 10px;
	position:relative;
	width: 518px;	/*forIE6*/
}

#area_content3 #area_message h3.mes {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 30px;
	top: 50px;
}

#area_content3 #area_message p.img {
	margin: 0;
	padding: 0;
	text-align: right;
}

#area_content3 #area_message p#mes_name {
	position: absolute;
	right: 160px;
	bottom: 10px;
}

#area_content3 ul.default li em {
	margin: 1em 0 0 0;
	padding:0;
	display:block;
	line-height: 1.5;
	font-weight: normal;
}

#area_content3 ul.default li span {
	margin: 1em 0 0 1em;
	padding:0;
	display:block;
	line-height: 1.5;
}

/*会社概要*/

#area_content3 #area_message h3.cor {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 160px;
	top: 65px;
}

#area_content3 #area_message dl {
	position: absolute;
	right: 160px;
	bottom: 10px;
	border-left: 5px solid #00AFcd;
	padding: 0 0 0 10px;
}

#area_content3 #area_message dl dt {
	border-bottom: 2px solid #cccccc;
}

#area_content3 #area_message dl dd span {
	display: block;
	text-align: right;
}

/*事業内容*/

#corpo #area_content3 h2.heading2 {
	margin: 25px 0 20px 0;
	padding: 0 0 25px 0;
	border-bottom: 2px solid #cccccc;
}

/*#corpo #area_content3 h3 {
	margin: 20px 0 0 0;
	border: 1px solid #dddddd;
	padding: 5px 5px 4px 5px;
	background: none;
	font-size: 120%;
}

#corpo #area_content3 h3 span {
	border-left: 4px solid #cc0000;
	padding: 0 0 0 5px;
	margin: 0;
}*/

#corpo h3 {
	border-bottom: 1px solid #CFCFCF;
	background: url(/images_global/images_main/bg_corpo_h3.jpg);
	background-repeat: no-repeat;
}

/*個人情報関連*/

#area_ppdl {
	border: 1px solid #cccccc;
	padding: 5px 15px 15px 15px;
	margin: 20px 0 0 0;
}

#area_sec5 {
	padding: 0 0 0 15px;
	margin: 20px 0;
}

#corpo #area_content3 #area_sec5 h3 {
	margin: 20px 0 0 -15px;
	padding: 5px 5px 4px 5px;
	background-color: #f1f1f1;
	font-size: 120%;
	border: none;
	background: none;
}

#area_content3 dl.info1 dt {
	margin: 20px 0 0 0;
	padding: 0;
	font-weight: bold;
}

#area_content3 dl.info1 dd {
	margin: 5px 0 0 0;
}

#area_content3 dl.info1 dd ol {
	border: 1px solid #cccccc;
	padding-bottom: 10px;
}

/*次世代育成支援認定*/

#corpo #area_content3 h3.head1 {
	margin: 20px 0 0 0;
	padding: 5px 5px 4px 5px;
	background-color: #f1f1f1;
	font-size: 120%;
	border: none;
	background: none;
}

/*障がい者採用*/

#area_goentry {
	border: 1px solid #cccccc;
	padding: 0 10px 10px 10px;
	background-color: #f8f8f8;
	text-align: center;
	margin: 20px 0 0 0;
}

/*応募における*/

#area_content3 p.style3 {
	margin: 20px 0 0 0;
	padding: 5px 5px 4px 5px;
	background-color: #f1f1f1;
	font-weight: bold;
	color: #fff;
	background-color: #7B94B2;
	text-align: center;
}

/*
==================================================
サイトマップ
==================================================
*/

.area_sec5 {
	margin: 25px 0 0 0;
}

#sitemap .area_sec5 h2 {
	height: 32px;
	line-height: 29px;
	padding: 0 10px 0 15px;
	margin: 0 0 0 0;
	font-size: 110%;
}

#sitemap .area_sec5 h2.pdt {
	background: url(../images_global/bg_sm_pdt.jpg) 0 0 no-repeat;
}

#sitemap .area_sec5 h2.vs {
	background: url(../images_global/bg_sm_vs.jpg) 0 0 no-repeat;
}

#sitemap .area_sec5 h2.ret {
	background: url(../images_global/bg_sm_ret.jpg) 0 0 no-repeat;
}

#sitemap .area_sec5 h2.sol {
	background: url(../images_global/bg_sm_sol.jpg) 0 0 no-repeat;
}

#sitemap .area_sec5 h2.case {
	background: url(../images_global/bg_sm_case.jpg) 0 0 no-repeat;
}

#sitemap .area_sec5 h2.cor {
	background: url(../images_global/bg_sm_cor.jpg) 0 0 no-repeat;
}

#sitemap .area_sec5 h2.etc {
	background: url(../images_global/bg_sm_etc.jpg) 0 0 no-repeat;
}

#sitemap .area_sec5 ul {	/*clearfix*/
	background: url(../images_global/bg_col3_sm.gif) 0 0 no-repeat;
}

#sitemap .area_sec5 ul.col2_sm {
	background: url(../images_global/bg_col2_sm.gif) 0 0 no-repeat;
}

#sitemap .area_sec5 ul ul {
	background: none;
}

#sitemap .area_sec5 ul li.col3_sm {
	background: none;
	float: left;
	width: 240px;
	margin: 0;
	padding: 0 0 0 10px;
}

#sitemap .area_sec5 ul li.col2_sm {
	background: none;
	float: left;
	width: 365px;
	margin: 0;
	padding: 0 0 0 10px;
}

#sitemap .area_sec5 ul li h3 {
	background: none;
	border: none;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 100%;
}

/*
==================================================
導入事例紹介
==================================================
*/

#area_content2 h3.heading4 {
	background: none;
	border: none;
	margin-top: 20px;
	background-color: #33996a;
	color: #ffffff;
	padding: 6px 5px 5px 5px;
}

.heading3 {
	background-color: #eeeeee;
	padding: 4px;
	margin: 15px 0 0 0;
}

.area_pic {
	float: right;
	width: 120px;
	text-align: center;
	margin: 0 0 10px 20px;
}

.area_pic2 {
	float: right;
	width: 240px;
	margin: 0 0 0 20px;
}

.area_pic3 {
	float: right;
	width: 120px;
	margin: 0 0 0 20px;
}

* html .area_pic,
* html .area_pic2,
* html .area_pic3 {
	margin-top: 15px;
}

*:first-child+html .area_pic,
*:first-child+html .area_pic2,
*:first-child+html .area_pic3 {
	margin-top: 15px;
}

.caption {
	display: block;
	margin-top: 3px;
	/*font-size: 89%;
	line-height: 1.3;*/
}

dl.info_pic {

}

dl.info_pic dt {
	margin: 10px 0 0 0;
	text-align: center;
}

dl.info_pic dd {
	margin: 5px 0 0 0;
}

.capcol3 td {
	text-align: center;
	width: 33%
}

.capcol2 td {
	text-align: center;
	width: 50%
}
/*2010/7 追加 井上*/
.capcol2pad td {
	text-align: center;
	width: 50%;
	padding-right: 2px;
	padding-left: 2px;
	font-size: 90%;
}

/**************/

.caption_col2_240 {
	width: 120px;
}

.date {
	text-align: right;
	clear: both;
}

/*
==================================================
活用シーン
==================================================
*/

ul.ibl1 {
	margin: 0;
	padding: 0;
	margin-right: -20px;
}

ul.ibl1 li {	/*clearfix*/
	margin: 0;
	padding: 0;
	background: none;
	
	display: -moz-inline-box;	/* for Fx2 */
	display: inline-block;	/* XHTML記述の隙間対策必要。*/
	vertical-align: top;
	width: 260px;
	margin: 10px 20px 0 0;
}

* html ul.ibl1 li {
	display: inline;
	zoom: 1;
}

*:first-child+html ul.ibl1 li {
	display: inline;
	zoom: 1;
}

ul.ibl1 li h5,
ul.ibl1 li p {
	margin: 0;
	padding: 0;
	background: none;
	float: right;
	width: 150px;
}

ul.ibl1 li h5 a {
	background: url(/retail/img_renew_2009_12/bg_arrow1.gif) left center no-repeat;
	padding-left: 7px;
}

ul.ibl1 li p {
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
	width: 150px;
}

ul.ibl1 li p.thumbnail {
	margin-top: 0;
	float: left;
	width: 100px;
	border: 1px solid #dddddd;
}


/*木村修正*/
h5.nonClear{
	clear: none;
}

h3#techinfo{
	margin:0;
}