﻿/* ----- css reset(各ブラウザで指定されているスタイルを初期化)と全体設定 ----- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p, th, td, img {
	margin: 0; /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
	padding: 0; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	border: 0; /*境界線指定*/
}

body {
	line-height: 1.2em;	/*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; /*フォントの種類指定(左から優先順位)*/
	font-size: 14px; /* フォントサイズ指定(%はブラウザに設定した標準文字サイズ(通常16px)に対する値)*/
	color: #333333; /*文字色指定*/
}

ol, ul {
	list-style: none; /*リストマーカーの種類指定(noneはなし)*/
}

a { /*リンクの文字設定(マウスをのせる前)*/
	color: #0000FF;
	text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

a:hover { /*リンクの文字設定(マウスをのせた時)*/
	color: #C74B15; /*文字色指定*/
	text-decoration: underline; /*テキストの装飾指定(下線、上線など)(underlineは下線を引く)*/
}

/* ----- レイアウト ----- */
#container { /*containerの中に各要素(ボックス)を配置*/
	width: 996px; /*幅指定*/
	margin: auto; /*ボックス外側の余白(autoはボックス幅や隣接する他ボックス幅による自動余白割り当て)*/
	background-color:#FFFFFF; /*背景色指定*/
}

/* ----- ヘッダー ----- */
#container #header {
	vertical-align: bottom;
}

/* ----- ヘッダー内の文字 ----- */
#container #header h1 { /*メディカルネットワーク株式会社*/
	font-size: 6px; /*フォントサイズ*/
	color: #FFF; /*フォントカラー（背景と同色）*/
	text-align: right; /*フォントの位置*/
}

/* ----- ヘッダー内の文字／サイトマップ ----- */
#container #sitemap {
	text-align: right;
}

/* ----- イメージ画像 ----- */
#container #mainlogo { /*メイン画像／トップページ*/
	margin-bottom: 0px; /*ボックス下のマージン*/
}

/* ----- イメージ画像 ----- */
#container #mainlogo2 { /*背景画像／取扱商品*/
	background-image: url(../images/bk2_goods.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
}

/* ----- イメージ画像 ----- */
#container #mainlogo3 { /*背景画像／会社概要*/
	background-image: url(../images/bk3_campany.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
}

/* ----- イメージ画像 ----- */
#container #mainlogo4 { /*背景画像／お客様の声*/
	background-image: url(../images/bk4_visitor.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
}

/* ----- イメージ画像 ----- */
#container #mainlogo5 { /*背景画像／会員様ページ*/
	background-image: url(../images/bk5_menbers.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
}

/* ----- イメージ画像 ----- */
#container #mainlogo6 { /*背景画像／お問合せ*/
	background-image: url(../images/bk6_ask.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
}

/* ----- イメージ画像 ----- */
#container #mainlogo7 { /*背景画像／リンク*/
	background-image: url(../images/bk7_link.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
}

/* ----- イメージ画像 ----- */
#container #mainlogo8 { /*背景画像／リンク*/
	background-image: url(../images/bk8_sitemap.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
}

/* ----- イメージ画像 ----- */
#container #mainlogo9 { /*背景画像／リンク*/
	background-image: url(../images/bk9_voice.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
}

/* ----- イメージ画像 ----- */
#container #mainlogo10 { /*背景画像／リンク*/
	background-image: url(../images/bk10_wallpaper.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
}

#container #mainlogo11 { /*背景画像／リンク*/
	background-image: url(../images/bk11_show.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
}

#container #mainlogo12 { /*背景画像／リンク*/
	background-image: url(../images/bk13_recruit2.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
}

/* ----- 取扱商品01 ----- */
#container #mainlogo_g01 { /*背景画像／リンク*/
	background-image: url(../images/goods/banner/01.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
}

/* ----- 取扱商品02 ----- */
#container #mainlogo_g02 { /*背景画像／リンク*/
	background-image: url(../images/goods/banner/02_sx.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
}



#container #mainlogo_all {
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px;
}

/* ----- 取扱商品03 ----- */
#container #mainlogo_g03 { /*背景画像／リンク*/
	background-image: url(../images/goods/03_egmain-lx_new/03_lx.png); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
}

/* ----- 取扱商品04 ----- */
#container #mainlogo_g04 { /*背景画像／リンク*/
	background-image: url(../images/goods/banner/04.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
}

/* ----- 取扱商品05 ----- */
#container #mainlogo_g05 { /*背景画像／リンク*/
	background-image: url(../images/goods/banner/05.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
}

#container #mainlogo_g05sxs { /*背景画像／リンク*/
	background-image: url(../images/goods/banner/05_sxs.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
}

/* ----- 取扱商品06 ----- */
#container #mainlogo_g06 { /*背景画像／リンク*/
	background-image: url(../images/goods/banner/06_2.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
}
#container #mainlogo_g11 {
	background-image: url(../images/goods/banner/11_beteran_top.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
}


/* ----- 取扱商品07 ----- */
#container #mainlogo_g07 { /*背景画像／リンク*/
	background-image: url(../images/goods/banner/07.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
}

/* ----- 取扱商品08 ----- */
#container #mainlogo_g08 { /*背景画像／リンク*/
	background-image: url(../images/goods/banner/08.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
}

/* ----- 取扱商品09 ----- */
#container #mainlogo_g09 { /*背景画像／リンク*/
	background-image: url(../images/goods/banner/09.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
}

/* ----- 取扱商品10 ----- */
#container #mainlogo_g10 { /*背景画像／リンク*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
	background-image: url(../images/goods/banner/10.jpg);
}

#container #mainlogo_g10_2 { /*背景画像／リンク*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
	background-image: url(../images/goods/16_wincare_cloud/10_wincare.png);
}


/* ----- 取扱商品19 ----- */
#container #mainlogo_g19 { /*背景画像／リンク*/
	background-image: url(../images/goods/banner/19.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
}

/* ----- 取扱商品20 ----- */
#container #mainlogo_g20 { /*背景画像／リンク*/
	background-image: url(../images/goods/banner/20.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
}

/* ----- 取扱商品21 ----- */
#container #mainlogo_g21 { /*背景画像／リンク*/
	background-image: url(../images/goods/banner/21.jpg); /*背景として画像を配置*/
	text-indent: -9999px;
	height: 200px; /*ボックスの高さ*/
	width: 996px; /*ボックスの幅*/
	margin-bottom: 0px; /*ボックス下のマージン*/
	background-repeat: no-repeat;
}

#container #mainlogo p {
	text-indent: -9999px; /*「お客様とのつながりを大切にしたい」を左に*/
}

/* ----- ぱんくずリスト・トピックパス ----- */
#container #topic_path {
	margin-top: 5px; /*上のマージン*/
	margin-right: 0px; /*右のマージン*/
	margin-bottom: 0px; /*下のマージン*/
	margin-left: 5px; /*左のマージン*/
	font-size: 90%; /*標準文字サイズに対する値*/
}

#container #topic_path ul li {
	display: inline; /*指定した要素をインラインにする*/
	line-height: 110%; /*行の高さ指定*/
	list-style-type: none; /*リストのマーク指定、noneはマーク無し*/
}

#container #topic_path ul li a {
	padding-right: 10px; /*パディング指定*/
	background-image: url(../images/topicpath.gif); /*背景に矢印画像配置*/
	background-repeat: no-repeat; /*背景、繰り返し無し*/
	background-position: right center; /*背景画像の位置指定*/
}

/* ----- ナビゲーションメニュー ----- */
.nav {
	height: 40px; /*領域の高さ指定*/
	width: auto; /*ボックス内側左の余白*/
	border-top: solid 1px #b7b7b7; /*ボックス全体、上境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	border-bottom: solid 1px #b7b7b7; /*上のマージン*/
	padding-left: 3px; /*左にパディング設定、縦ボーダーのピクセル分が996PXとあわなくなったため*/
	margin-bottom: 10px; /*下のマージン*/
}

.nav li {
	float: left; /*要素を左か右に寄せて配置(leftは左に寄せる)*/
	font-weight: bold; /*フォントの太さ指定(boldは太字)*/
}

.nav li a {
	width: 164px; /*幅指定*/
	border-right: solid 1px #b7b7b7; /*右境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	color: #ffffff; /*文字色指定*/
	line-height: 40px; /*行の高さ指定*/
	text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
	display: block; /*要素の表示形式指定(blockはブロックレベルで表示)*/
	text-align: center; /*文字位置指定*/
	font-size: 15px;
}

.nav, .nav li a {
	background-image: url(../images/menu.gif); /*背景画像指定　url(画像ファイルを指定)*/
	background-repeat: repeat-x; /*背景画像の並べかた(repeat-xは横方向に繰り返し並べる)*/
}

.nav li.first a {
	border-left: solid 1px #b7b7b7; /*左境界線の一括指定(solidは1本線,線の太さ,線の色)*/
}

.nav li a:hover {
	background-position: 0 -50px; /*背景画像の表示開始位置(値2つは左からと上からの距離)*/
}

.nav li ul {
	display: none; /*要素の表示形式指定(noneは表示しない)*/
}

.nav li:hover ul {
	display: block; /*要素の表示形式指定(blockはブロックレベルで表示)*/
	position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/
	z-index: 100; /*ボックスの重なり順序の指定(値が大きいほど上(前面)に表示)*/
}

.nav li ul li {
	float: none; /*要素を左か右に寄せて配置(noneは配置指定しない)*/
	font-weight: normal; /*文字の太さ指定(normalは標準)*/
}

/* ----- メインコンテンツ ----- */
#container #contents {

}

/*_/_/_/_/_/　indexページに使用するcss　_/_/_/_/_/*/
/* ----- インデックス、左側 ----- */
#container #contents #index_leftcontents {
	float: left; /*回り込み指定、フロートレフト*/
	width: 720px; /*ボックス幅*/
	margin-top: 8px;
	margin-right: 20px; /*ボックス右側マージン*/
}

/* ----- サポート背景1 ----- */
#container #contents #index_leftcontents #support_bk1 {
	background-image: url(../images/support1.gif); /*背景画像*/
	background-repeat: no-repeat; /*背景繰り返し無し*/
	float: left; /*回り込み指定*/
	height: 37px; /*ボックス高さ*/
	width: 346px; /*ボックス幅*/
	background-position: left top;
	text-indent: -9999px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f1f1f1;
}

/* ----- サポート背景2 ----- */
#container #contents #index_leftcontents #support_bk2 {
	background-image: url(../images/support2.gif); /*背景画像*/
	background-repeat: no-repeat; /*背景繰り返し無し*/
	float: left; /*回り込み指定*/
	height: 37px; /*ボックス高さ*/
	width: 346px; /*ボックス幅*/
	background-position: left top;
	text-indent: -9999px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f1f1f1;
}

/* ----- サポート背景3 ----- */
#container #contents #index_leftcontents #support_bk3 {
	background-image: url(../images/support3.gif); /*背景画像*/
	background-repeat: no-repeat; /*背景繰り返し無し*/
	float: left; /*回り込み指定*/
	height: 37px; /*ボックス高さ*/
	width: 346px; /*ボックス幅*/
	background-position: left top;
	text-indent: -9999px;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f1f1f1;
}

/* ----- サポート背景4 ----- */
#container #contents #index_leftcontents #support_bk4 {
	background-image: url(../images/support4.gif); /*背景画像*/
	background-repeat: no-repeat; /*背景繰り返し無し*/
	float: left; /*回り込み指定*/
	height: 37px; /*ボックス高さ*/
	width: 346px; /*ボックス幅*/
	background-position: left top;
	text-indent: -9999px;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f1f1f1;
}

/* ----- インデックス、サポート1(1～4、背景画像のみ異なる) ----- */
#container #contents #index_leftcontents #support1 {
	float: left; /*回り込み指定*/
	height: 150px; /*ボックス高さ*/
	width: 325px; /*外枠より、内側のパディング*/
	margin: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #f1f1f1;
}

/* ----- インデックス、サポート2(1～4、背景画像のみ異なる) ----- */
#container #contents #index_leftcontents #support2 {
	float: left; /*回り込み指定*/
	height: 150px; /*ボックス高さ*/
	width: 325px; /*背景画像位置、左・上*/
	border: 1px solid #f1f1f1; /*外枠より、内側のパディング*/
	margin: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* ----- インデックス、サポート3(1～4、背景画像のみ異なる) ----- */
#container #contents #index_leftcontents #support3 {
	float: left; /*回り込み指定*/
	height: 150px; /*ボックス高さ*/
	width: 325px; /*背景画像位置、左・上*/
	border: 1px solid #f1f1f1; /*外枠より、内側のパディング*/
	margin: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* ----- インデックス、サポート4(1～4、背景画像のみ異なる) ----- */
#container #contents #index_leftcontents #support4 {
	float: left; /*回り込み指定*/
	height: 150px; /*ボックス高さ*/
	width: 325px; /*背景画像位置、左・上*/
	border: 1px solid #f1f1f1; /*外枠より、内側のパディング*/
	margin: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.support_text {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 9px;
	line-height: 1.5em;
}


/* ----- インデックス、サポートボックス内の文字) ----- */
#container #contents #index_leftcontents #support1 ul,
#container #contents #index_leftcontents #support2 ul,
#container #contents #index_leftcontents #support3 ul,
#container #contents #index_leftcontents #support4 ul {
	margin-top: 40px; /*上部のパディング。パディングスペースには背景画像が入る*/
	font-size: 12px; /*フォントサイズ指定(%はブラウザに設定した標準文字サイズ(通常16px)に対する値)*/
	line-height: 1.8em; /*行の高さ指定*/
	list-style-type: circle; /*リストマーク指定（circleは白丸）*/
	list-style-position: inside; /*リストマークの配置（insideはボックスの内側）*/
}

/* ----- インデックス、営業所のご案内、各ボックス) ----- */
#container #contents #index_leftcontents #eigyosyo1,
#container #contents #index_leftcontents #eigyosyo2,
#container #contents #index_leftcontents #eigyosyo3,
#container #contents #index_leftcontents #eigyosyo4,
#container #contents #index_leftcontents #eigyosyo5 {
	margin: 5px;
	padding: 5px;
	height: 155px;
	width: 122px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	float: left;
	line-height: 1.5em;
}

/* ----- インデックス、右側 ----- */
#container #contents #index_rightcontents {
	width: 256px; /*ボックス幅*/
	margin-top: 8px;
	float: left; /*回り込み指定、フロートレフト*/
}

/* ----- サイドナビ(取扱商品・リンクページへリンク) ----- */
#container #contents #index_rightcontents #sidenavi {
	width: 256px; /*ボックス幅*/
	overflow: hidden; /*内容がボックス領域に収まらない場合(hiddenは、収まらない内容は表示しない)*/
}

#container #contents #index_rightcontents #sidenavi li {
	display: block; /*指定された要素をブロックレベルにする*/
	float: left; /*回り込み指定、フロートレフト*/
	height: 130px; /*ボックスの高さ*/
}

#container #contents #index_rightcontents #sidenavi li a {
	display: block; /*指定された要素をブロックレベルにする*/
	overflow: hidden; /*内容がボックス領域に収まらない場合(hiddenは、収まらない内容は表示しない)*/
	background-image: url(../images/side_menu.gif); /*背景画像指定、menu.gif)*/
	height: 0px; /*高さを0にする。後の指定で上余白を画像の高さ分取るため*/
	padding-top: 130px; /*上余白を画像の高さと同じにすることで、リンク文字を表示されないようにする*/
}

#side_image {
	margin: 15px;
	line-height: 1.6em;
	font-size: 16px;
}


/* side navi nomal　　画像幅、座標を指示
-------------------------------------------*/

#navi1 a {
	width:256px;
	background-position:256px	   0;
}
	
#navi1 a { width:256px; background-position:-256px         0;}
#navi2 a { width:256px; background-position:-256px    -130px;}
#navi3 a { width:256px; background-position:-256px    -260px;}
#navi4 a { width:256px; background-position:-256px    -390px;}
#navi5 a { width:256px; background-position:-256px    -520px;}

/* global navi rollover　　画像幅、座標を指示
--------------------------　　-----------------*/
#navi1 a:hover { width:256px; background-position:0         0;}	
#navi2 a:hover { width:256px; background-position:0    -130px;}
#navi3 a:hover { width:256px; background-position:0    -260px;}
#navi4 a:hover { width:256px; background-position:0    -390px;}
#navi5 a:hover { width:256px; background-position:0    -520px;}


/* ----- サイドナビ(FUJITSU/日医ITへのリンク) ----- */
#container #contents #index_rightcontents #sidelink {
	width: 256px; /*ボックス幅(128pxが2つ分)*/
	overflow: hidden; /*内容がボックス領域に収まらない場合(hiddenは、収まらない内容は表示しない)*/
}

#container #contents #index_rightcontents #sidelink li {
	display: block; /*指定された要素をブロックレベルにする*/
	float: left; /*回り込み指定、フロートレフト*/
	height: 133px; /*ボックスの高さ*/
}

#container #contents #index_rightcontents #sidelink li a {
	display: block; /*指定された要素をブロックレベルにする*/
	overflow: hidden; /*内容がボックス領域に収まらない場合(hiddenは、収まらない内容は表示しない)*/
	background-image: url(../images/sidelink.gif); /*背景画像指定、menu.gif)*/
	height: 0px; /*高さを0にする。後の指定で上余白を画像の高さ分取るため*/
	padding-top: 133px; /*上余白を画像の高さと同じにすることで、リンク文字を表示されないようにする*/
}	

/* side navi nomal　　画像幅、座標を指示
-------------------------------------------*/
#link1 a {
	width:128px;
	background-position:128px	   0;
}
	
#link1 a { width:128px; background-position:0         0;}
#link2 a { width:128px; background-position:0    -133px;}

/* global navi rollover　　画像幅、座標を指示
--------------------------　　-----------------*/
#link1 a:hover { width:128px; background-position:-128px    0;}	
#link2 a:hover { width:128px; background-position:-128px    -133px;}
#container #contents #index_leftcontents p iframe {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}

/*_/_/_/_/_/　index、ここまで　_/_/_/_/_/*/




/*_/_/_/_/_/　取扱商品に使用するCSS　_/_/_/_/_/*/
/* ----- 取扱商品、ページ左側 ----- */
#container #contents #leftside {
	width: 320px; /*幅指定*/
	float: left;
	margin-right: 0;
	margin-left: 0;
}

/* ----- 取扱商品、ページ左側のメニュー ----- */
#container #contents #leftside #scroll   {
	position: relative; /*ボックスの配置方法(relativeは相対位置配置)*/
	margin-top: 0px; /*ボックス外側上の余白*/
	line-height: 1.5em;
}

/* ----- 取扱商品に使用 ----- */
#container #contents #leftside #scroll h3 {
	margin-bottom: 2px; /*ボックス外側下の余白*/
	font-size: 1.1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	color: #333333; /*文字色指定*/
	margin-left: 0px;
	font-weight: bold;
	margin-top: 8px;
}

/* ----- 取扱商品のみ使用 ----- */
#container #contents #leftside #scroll ul {
	margin-left: 0px; /*ボックス外側左の余白*/
}

/* ----- 取扱商品のみ使用 ----- */
#container #contents #leftside #scroll li li {
	padding-left: 10px; /*ボックス内側上の余白*/
	font-size: 0.9em; /*背景画像の表示開始位置(値2つは左からと上からの距離)*/
	padding-left: 4px; /*背景画像の並べかた(repeat-xは横方向に繰り返し並べる)*/
}

/* ----- 取扱商品、ページ右側 ----- */
#container #contents #rightside { /*右側のコンテンツ*/
	float: left;
	width: 676px;
}

/* ----- goodsナビゲーションメニュー
		取扱商品のリンク（4画像） ----- */

#container #contents #rightside #goodsnavi {
	width: 676	px; /*ボックス幅*/
	overflow: hidden; /*内容がボックス領域に収まらない場合(hiddenは、収まらない内容は表示しない)*/
}

#container #contents #rightside #goodsnavi li {
	display: block; /*指定された要素をブロックレベルにする*/
	float: left; /*回り込み指定、フロートレフト*/
	height: 100px; /*ボックスの高さ*/
}

#container #contents #rightside #goodsnavi li a {
	display: block; /*指定された要素をブロックレベルにする*/
	overflow: hidden; /*内容がボックス領域に収まらない場合(hiddenは、収まらない内容は表示しない)*/
	background-image: url(../images/goods_menu.gif); /*背景画像指定、menu.gif)*/
	height: 0px; /*高さを0にする。後の指定で上余白を画像の高さ分取るため*/
	padding-top: 100px; /*上余白を画像の高さと同じにすることで、リンク文字を表示されないようにする*/
}

/* side navi nomal　　画像幅、座標を指示
-------------------------------------------*/
	#navi11 a {
	width:169px;
	background-position:0	   0;
}

#navi12 a { width:169px; background-position:-169px        0;}
#navi13 a { width:169px; background-position:-338px    0;}
#navi14 a { width:169px; background-position:-507px    0;}

/* global navi rollover　　画像幅、座標を指示
--------------------------　　-----------------*/
#navi11 a:hover { width:169px; background-position:0         -100px;}	
#navi12 a:hover { width:169px; background-position:-169px     -100px;}
#navi13 a:hover { width:169px; background-position:-338px     -100px;}
#navi14 a:hover { width:169px; background-position:-507px     -100px;}

/* ----- 取扱商品のみ使用 ----- */
#container #contents #rightside #goodssyokai h3 {
	margin-bottom: 2px; /*ボックス外側下の余白*/
	font-size: 1.1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	color: #333333; /*文字色指定*/
	margin-left: 5px;
	font-weight: bold;
	margin-top: 8px;
}

/* ----- 取扱商品のみ使用 ----- */
#container #contents #rightside #goodssyokai ul {

}

/* ----- 取扱商品のみ使用 ----- */
#container #contents #rightside #goodssyokai li li {
	padding-left: 10px; /*ボックス内側上の余白*/
	font-size: 0.9em; /*背景画像の表示開始位置(値2つは左からと上からの距離)*/
	padding-left: 15px; /*背景画像の並べかた(repeat-xは横方向に繰り返し並べる)*/
}

/*
.title_h2 {
	padding-left: 10px; 
	margin: 0; 
	margin-bottom: 10px; 
	font-size: 15px; 
	color: #333; 
	line-height: 30px; 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	border-bottom-color: #333; 
	border-right-width: 1px; 
	border-right-style: solid; 
	border-right-color: #333;
	border-left-width: 5px; 
	border-left-style: solid; 
	background-color: #CCCCCC; 
	font-weight: bold;
}
*/



.title_h2 {
	padding-left: 10px;
	line-height: 3em;
	background-image: url(../images/bg3.jpg);
	background-repeat: repeat-x;
	height: 45px;
	clear: both;
	margin-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #352620;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	color: #333333;
	font-size: 14px;
}

/* ----- 取扱商品右側のタイトル（4箇所）
指定された要素をブロックレベルにする ----- */
.title_h2goods {
	padding-left: 10px; /*ボックス内側左の余白*/
	margin: 0; /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
	margin-bottom: 10px; /*ボックス外側下の余白*/
	font-size: 15px; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	color: #333; /*文字色指定*/
	line-height: 30px; /*背景画像の並べかた(repeat-xは横方向に繰り返し並べる)*/
	border-bottom-width: 1px; /*ボックス下の線幅*/
	border-bottom-style: solid; /*ボックス下の線種(solidは実線)*/
	border-bottom-color: #333; /*ボックス下の線色*/
	border-right-width: 1px; /*ボックス右の線幅*/
	border-right-style: solid; /*ボックス下の線種(solidは実線)*/
	border-right-color: #333; /*ボックス右の線色*/
	border-left-width: 5px; /*ボックス左の線幅*/
	border-left-style: solid; /*ボックス左の線種(solidは実線)*/
	background-color: #CCCCCC; /*ボックス内、背景色*/
	display: block; /*ブロックレベル*/
	font-weight: bold;
}

/* ----- aが青指定済。
.title_h2goodsでdisplay: blockを指定したため、文字色が青から黒に変更 ----- */
.title_h2goods a {
	color: #333;
}

#container #contents #rightside #goods01,
#container #contents #rightside #goods02,
#container #contents #rightside #goods03,
#container #contents #rightside #goods04,
#container #contents #rightside #goods05,
#container #contents #rightside #goods06,
#container #contents #rightside #goods07,
#container #contents #rightside #goods08,
#container #contents #rightside #goods09,
#container #contents #rightside #goods10,
#container #contents #rightside #goods11,
#container #contents #rightside #goods12,
#container #contents #rightside #goods13,
#container #contents #rightside #goods14,
#container #contents #rightside #goods15,
#container #contents #rightside #goods16,
#container #contents #rightside #goods17,
#container #contents #rightside #goods18 {
	margin-bottom: 5px;
	margin-left: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 90%;
	line-height: 1.6em;
	letter-spacing: 0.1em;
}
.syohintitle {
	background-color: #e1e1e1;
	color: #000;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	line-height: 1.6em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
	font-weight: bold;
	font-size: 1.25em;
}
.campany_list {
	margin-top: 30px;
	margin-left: 30px;
	margin-bottom: 30px;
	line-height: 1.5em;
}



/*_/_/_/_/_/　会社案内に使用するcss　_/_/_/_/_/*/

dl.campany_list dt {
	clear: left;
	float: left;
	width: 10.5em;
	border-left: solid 8px #CCC;
	padding-left: 5px;
	color: #000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

dl.campany_list dd {
	margin-bottom: 1em;
	margin-left: 7.5em;
}

#container #contents #kigyorinen {
	margin: 25px;
	line-height: 1.7em;
	background-image: url(../images/rinen.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
}

#container #contents #hogo {
	line-height: 1.7em;
	padding-top: 10px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 45px;
	margin-left: 25px;
}

#container #contents #hogo_pdf1,
#container #contents #hogo_pdf2,
#container #contents #hogo_pdf3 {
	padding-top: 10px;
	margin-top: 30px;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 5px;
}

#container #contents #pdflink1,
#container #contents #pdflink2,
#container #contents #pdflink3 {
	margin-left: 90px;
}



#container #contents #kigyorinen h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #0038bf;
	padding-top: 50px;
}
#container #contents #kigyorinen #campany {
	background-image: url(../images/hamasuna_medical.gif);
	height: 25px;
	margin-left: 140px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}


/*_/_/_/_/_/　会社概要、ここまで　_/_/_/_/_/*/





/*_/_/_/_/_/　お客様の声　_/_/_/_/_/*/
#container #contents #visitor {
	line-height: 1.7em;
	font-size: 85%;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 35px;

}
#container #contents #visitor #reload  {
	border: 1px solid #CCC;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	display: inline;
}

/* ----- お客様の声ロールオーバー ----- */
a.voice_link01{
	display:block;
	height:13px;
	width:60px;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/voice01.gif);
	background-repeat: no-repeat;
}

a.voice_link01:hover{
	background-position:0 -13px;
}

/* ----- お客さまHPロールオーバー ----- */
a.voice_link02{
	display:block;
	height:13px;
	width:60px;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/voice02.gif);
	background-repeat: no-repeat;
}
a.voice_link02:hover{
	background-position:0 -13px;
}


.ken {
	font-size: 12px;
	color: #FFF;
}




/*_/_/_/_/_/　お客様の声（各施設）　_/_/_/_/_/*/
/* ----- 共通
指定された要素をブロックレベルにする ----- */
.title_h2voice {
	padding-left: 10px; /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
	margin-bottom: 10px; /*ボックス外側下の余白*/
	font-size: 1.2em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	color: #333; /*文字色指定*/
	line-height: 30px; /*背景画像の並べかた(repeat-xは横方向に繰り返し並べる)*/
	border-bottom-width: 1px; /*ボックス下の線幅*/
	border-bottom-style: solid; /*ボックス下の線種(solidは実線)*/
	border-bottom-color: #999; /*ボックス下の線色*/
	border-right-width: 1px; /*ボックス右の線幅*/
	border-right-style: solid; /*ボックス下の線種(solidは実線)*/
	border-right-color: #999; /*ボックス右の線色*/
	border-left-width: 5px; /*ボックス左の線幅*/
	border-left-style: solid; /*ボックス左の線種(solidは実線)*/
	background-color: #fbfbfb; /*ボックス内、背景色*/
	display: block; /*ブロックレベル*/
	margin-top: 8px;
	margin-right: 0;
	margin-left: 0px;
	font-weight: bold;
	border-left-color: #F36;
}











/*_/_/_/_/_/　会員様ページ（調剤）　_/_/_/_/_/*/
#container #contents #member01 {
	margin-top: 30px;
	margin-left: 30px;
	height: 120px;
	font-size: 14px;
}

#container #contents #member02 {
	margin-top: 30px;
	margin-left: 30px;
	height: 120px;
	margin-bottom: 20px;
}

#container #contents #member03 {
	margin-top: 30px;
	margin-left: 30px;
	height: 120px;
	margin-bottom: 20px;
}


/*_/_/_/_/_/　お問合せ　_/_/_/_/_/*/
#container #contents #ask {
	margin-left: 25px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 10px;
}


/* ----- メンバーページロールオーバー① ----- */
a.members_link01{
	display:block;
	height:120px;
	width:130px;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/menbers01.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.members_link01:hover{
	background-position:0 -120px;
}


/* ----- メンバーページロールオーバー② ----- */
a.members_link02{
	display:block;
	height:120px;
	width:130px;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/menbers02.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.members_link02:hover{
	background-position:0 -120px;
}


/* ----- メンバーページロールオーバー③ ----- */
a.members_link03{
	display:block;
	height:120px;
	width:130px;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/menbers03.jpg);
	background-repeat: no-repeat;
	float: left;
}

a.members_link03:hover{
	background-position:0 -120px;
}

.member123 {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
	line-height: 1.5em;
}


/*_/_/_/_/_/　お客様の声　_/_/_/_/_/*/
.voice_info {
	margin-right: 25px;
	margin-left: 25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 17px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
	line-height: 1.5em;
	color: #600;
}

.voice_info2 {
	margin-right: 25px;
	margin-left: 25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 25px;
	line-height: 1.6em;
	color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #f36;
	border-bottom-color: #f36;
	background-color: #fafafa;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #f36;
	border-left-color: #f36;
	border-top-width: 1px;
	border-left-width: 1px;
}

.voice_title {
	margin-right: 25px;
	margin-left: 25px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
	line-height: 1.2em;
	border-left-width: 9px;
	border-left-style: double;
	border-left-color: #F36;
	border-bottom-style: solid;
	border-bottom-color: #F36;
	font-weight: bold;
	background-color: #fff0f5;
}

.vioce_text {
	margin-right: 25px;
	margin-left: 35px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 1.4em;
	color: #333333;
	font-size: 15px;
}

.vioce_text_v {
	margin-right: 25px;
	margin-left: 35px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 1.9em;
	color: #333333;
	font-size: 15px;
}

.voice_img {
	margin-left: 55px;
	margin-top: 15px;
	margin-bottom: 50px;
}





/*_/_/_/_/_/　infoページに使用するcss　_/_/_/_/_/*/
/* ----- infoボディカラー ----- */
.info_body {
	background-color: #f0f8ff;
}

/* ----- info年月日 ----- */
.info_day {
	margin-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}

/* ----- infoタイトル ----- */
.info_title {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
}

/* ----- infoコンテンツ（内容） ----- */
.info_contents {
	background-color: #FFF;
	margin-bottom: 20px;
	margin-left: 25px;
	width: 630px;
	margin-top: 5px;
	line-height: 1.6em;
	padding: 7px;
	font-size: 90%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-left-color: #333;
}

/* ----- infoタイトル01北海道 ----- */
.info_title01 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken01_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}

/* ----- infoタイトル13東京 ----- */
.info_title13 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken13_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}

/* ----- infoタイトル14神奈川 ----- */
.info_title14 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken14_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}
/* ----- infoタイトル23愛知 ----- */
.info_title23 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken23_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}

/* ----- infoタイトル26京都府 ----- */
.info_title26 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken26_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}

/* ----- infoタイトル27大阪 ----- */
.info_title27 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken27_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}




/* ----- infoタイトル28兵庫 ----- */
.info_title28 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken28_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}




/* ----- infoタイトル34広島県 ----- */
.info_title34 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken34_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}

/* ----- infoタイトル35山口県 ----- */
.info_title35 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken35_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}

/* ----- infoタイトル40福岡県 ----- */
.info_title40 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken40_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}
/* ----- infoタイトル41佐賀県  ----- */
.info_title41 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken41_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}
/* ----- infoタイトル42長崎県 ----- */
.info_title42 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken42_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}
/* ----- infoタイトル43熊本県 ----- */
.info_title43 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken43_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}
/* ----- infoタイトル44大分県 ----- */
.info_title44 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken44_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}
/* ----- infoタイトル45宮崎県 ----- */
.info_title45 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken45_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}
/* ----- infoタイトル46鹿児島県 ----- */
.info_title46 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken46_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}
/* ----- infoタイトル47沖縄県  ----- */
.info_title47 {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
	background-image: url(../images/ken40_info.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
}

/* ----- infoホームへ戻る ----- */
/*info.htmlのみを開いたユーザーが、トップへ戻るため*/
.info_body #home_back {
	font-size: 80%;
	padding-left: 280px;
}

/*_/_/_/_/_/　展示会　_/_/_/_/_/*/

.show {
	margin-right: 0px;
	margin-left: 40px;
	background-color: #fcfcfc;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f7f7f7;
	border-right-color: #f7f7f7;
	border-bottom-color: #2bf;
	border-left-color: #2bf;
	line-height: 24px;
	padding-bottom: 8px;
	padding-top: 3px;
}
.bold {
	font-weight: bold;
}


/*_/_/_/_/_/　LINK　_/_/_/_/_/*/

.link_title {
	margin-left: 15px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}


.link1 {
	margin-right: 0px;
	margin-left: 40px;
	border: 1px solid #f7f7f7;
	background-color: #fefefe;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.wallpaper_text {
	font-size: 12px;
	font-weight: normal;
	margin-left: 21px;
}




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

.post {
	width: auto; /*幅指定(autoは初期値に戻す)*/
	position: relative;
	margin-left: 40px;
}

.post ul {
	margin-bottom: 8px; /*ボックス外側下の余白*/
}

.post ul li {
	margin-left: 10px; /*ボックス外側左の余白*/
	background-position: 0px 4px; /*背景画像の表示開始位置(値2つは左からと上からの距離)*/
	padding-left: 25px; /*ボックス内側左の余白*/
	background-image: url(../images/arrow2.gif); /*背景画像指定　url(画像ファイルを指定)*/
	background-repeat: no-repeat; /*背景画像の並べかた(repeat-xは横方向に繰り返し並べる)*/
	padding-bottom: 8px;
}








/*_/_/_/_/_/　写真　_/_/_/_/_/*/
/* ----- 写真 ----- */
.imglistbox {
	float: left; /*要素を左か右に寄せて配置(leftは左に寄せる)*/
	height: 180px; /*領域の高さを指定*/
	width: 204px; /*幅指定*/
	padding: 2px; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	margin: 0 1%; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
	margin-bottom: 20px; /*ボックス外側下の余白*/
	overflow: hidden; /*領域に入りきらない内容の処理(hiddenははみ出た部分を表示しない)*/
	font-size: 1em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/
	border: 1px solid #cccccc; /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
}



/*_/_/_/_/_/　共通　_/_/_/_/_/*/
/* ----- 共通
指定された要素をブロックレベルにする ----- */


/*
.title_h2all {
	padding-left: 10px; 
	margin-bottom: 10px; 
	font-size: 15px; 
	color: #333;
	line-height: 30px; 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	border-bottom-color: #333; 
	border-right-width: 1px;
	border-right-style: solid; 
	border-right-color: #333;
	border-left-width: 5px;
	border-left-style: solid; 
	background-color: #CCCCCC; 
	display: block; 
	margin-top: 8px;
	margin-right: 0;
	margin-left: 0px;
	font-weight: bold;
}
*/

.title_h2all {
	padding-left: 10px;
	line-height: 3em;
	background-image: url(../images/bg3.jpg);
	background-repeat: repeat-x;
	height: 45px;
	clear: both;
	margin-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #352620;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	color: #333333;
	font-size: 14px;
}






/* ----- aが青指定済。
.title_h2goodsでdisplay: blockを指定したため、文字色が青から黒に変更 ----- */
.title_h2all a {
	color: #333;
}
#container #page_top {
	font-size: 11px;
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}


#container #footer_map {
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	width: 875px;
	line-height: 1.9em;
	margin-top: 15px;
}

#container #footer_map #box1,
#container #footer_map #box2,
#container #footer_map #box3,
#container #footer_map #box4,
#container #footer_map #box5,
#container #footer_map #box6,
#container #footer_map #box7 {
	width: 125px;
	float: left;
}
#container #box8 {
	clear: both;
	text-indent: -9999px;
	color: #FFF;
}
.footermargin {
	margin-left: 6px;
}
.footermargin2 {
	margin-left: 15px;
}







/*_/_/_/_/_/　共通、ここまで　_/_/_/_/_/*/











/*_/_/_/_/_/　フッター　_/_/_/_/_/*/
/* ----- フッター ----- */
#container #footer {
	text-align: center; /*文字の位置、中央にそろえる*/
	border-top-width: 3px; /*上側のボーダー、3ピクセル分指定*/
	border-bottom-width: 3px;; /*下側のボーダー、3ピクセル分指定*/
	border-top-style: double;; /*上側ボーダーの形状、2本線*/
	border-bottom-style: double; /*下側ボーダーの形状、2本線*/
	border-top-color: #333; /*上側ボーダーの色、RGB*/
	border-bottom-color: #333; /*下側ボーダーの色、RGB*/
	margin-bottom: 5px; /*ボックス下のマージン*/
}





/* ----- フォントサイズ95％) ----- */
.font_95 {
	font-size: 95%;
}

/* ----- フォントサイズ90％) ----- */
.font_90 {
	font-size: 90%;
}

/* ----- フォントサイズ85％) ----- */
.font_85 {
	font-size: 85%;
}

/* ----- フォントサイズ80％) ----- */
.font_80 {
	font-size: 80%;
}

/* ----- フォントサイズ75％) ----- */
.font_75 {
	font-size: 75%;
}

/* ----- フォントサイズ70％) ----- */
.font_70 {
	font-size: 70%;
}
.px12 {
	font-size: 12px;
	margin-left: 15px;
}
.px11 {
	font-size: 11px;
	margin-left: 15px;
}







/* ----- 回り込み解除 ----- */
.stop { /*回り込み解除*/
	clear: both;
	color: #FFF;
}

.clear {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/* ----- 画像のボーダーを0に ----- */
img {
	border: none;
	background-color: #FFF;
}

.pink {
	color: #F0F;
}
.donyu {
	color: #F00;
	text-align: right;
	font-weight: bold;
}
.page_return {
	font-size: 11px;
	margin-top: 30px;
	margin-left: 5px;
}
#container #contents #link_top {
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.7em;
	border: 1px solid #CCC;
	padding-left: 30px;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-right: 10px;
}
.ff3366 {
	color: #FF0;
}
.c_333333 {
	color: #333;
}

#container #contents #link1,
#container #contents #link2,
#container #contents #link3,
#container #contents #link4,
#container #contents #link5,
#container #contents #link6,
#container #contents #link7,
#container #contents #link8,
#container #contents #link9 {
	text-indent: -9999px;
	height: 1px;
}

#support {
	margin: 20px;
	padding: 20px;
	width: 412px;
}
#support #support_center {
	margin-top: 10px;
	text-align: center;
}
#support #support_text {
	line-height: 1.8em;
	font-weight: bold;
}
#support #support_text2 {
	font-size: 10px;
	margin-top: 10px;
	text-align: center;
}
.text_2013-01-15 {
	font-size: 16px;
	font-weight: bold;
}

table.table001 {
	margin-bottom: 10px;
	width: 945px;
	margin-left: 40px;
	border-spacing:3px;
	margin-top: 10px;
	border: 1px solid #CCC;
	color: #333;
}

table.table001 td {
	vertical-align:top;
}

table.table002 {
	table-layout:fixed;
	border-spacing:5px;
	vertical-align: top;
}

table.table002 th,
table.table002 td {
	padding: 4px 6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f9f9f9;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #f9f9f9;
}

table.table002 td {
	text-align: left;
	font-size: 14px;
	padding-top: 2px;
	padding-right: 9px;
	padding-bottom: 2px;
	padding-left: 9px;
}







table.table003 {
	table-layout:fixed;
	border-spacing:5px;
	vertical-align: top;
	width: 240px;
}

table.table003 th,
table.table003 td {
	padding: 4px 6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f9f9f9;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #f9f9f9;
}

table.table003 td {
	text-align: left;
	font-size: 14px;
	padding-top: 2px;
	padding-right: 9px;
	padding-bottom: 2px;
	padding-left: 9px;
}



.table_title {
	line-height: 1.8em;
}

#container #contents #index_rightcontents #top_link {
	font-size: 2px;
	color: #FFF;
	text-indent: -9999px;
}

#container #contents #index_rightcontents ul li #button01 a {
	background-image: url(../images/s_tenzikai.gif);
	text-align: center;
	display: block;
	height: 0px;
	width: 256px;
	margin-bottom: 4px;
	padding-top: 45px;
	overflow: hidden;
	margin-top: 10px;
}

#container #contents #index_rightcontents ul li #button01 a:hover {
	background-position: 0 -45px;
}

#container #contents #index_rightcontents ul li #button02 a {
	background-image: url(../images/s_kabegami.gif);
	text-align: center;
	display: block;
	height: 0px;
	width: 256px;
	margin-bottom: 4px;
	padding-top: 45px;
	overflow: hidden;
	margin-top: 10px;
}

#container #contents #index_rightcontents ul li #button02 a:hover {
	background-position: 0 -45px;
}

#container #contents #index_rightcontents ul li #button03 a {
	background-image: url(../images/recruit/s_recruit2.png);
	text-align: center;
	display: block;
	height: 0px;
	width: 256px;
	margin-bottom: 10px;
	padding-top: 66px;
	overflow: hidden;
}

#container #contents #index_rightcontents ul li #button03 a:hover {
	background-position: 0 -66px;
}



#container #contents #index_rightcontents ul li #button033 a {
	background-image: url(../images/recruit/s_recruit3.png);
	text-align: center;
	display: block;
	height: 0px;
	width: 256px;
	margin-bottom: 10px;
	padding-top: 100px;
	overflow: hidden;
}

#container #contents #index_rightcontents ul li #button033 a:hover {
	background-position: 0 -100px;
}






#container #contents #index_rightcontents ul li #button04 a {
	background-image: url(../images/teamviewer.jpg);
	text-align: center;
	display: block;
	height: 0px;
	width: 256px;
	margin-bottom: 10px;
	padding-top: 66px;
	overflow: hidden;
}

#container #contents #index_rightcontents ul li #button04 a:hover {
	background-position: 0 -66px;
}

#fixed{
	position:fixed;
	width: 200px;
	border: 3px double #999;
	line-height: 1.5em;
	font-size: 14px;
	color: #000;
	background-color: #f9f9f9;
	right: auto;
	bottom: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
}

table.table013 {
	width: 160px;
	font-size: 14px;
	table-layout:fixed;
	border-spacing:5px;
}

table.table003 th,
table.table003 td {
	padding: 4px 6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f9f9f9;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #f9f9f9;
}

table.table003 th {
	font-size: 15px;
	color: #333;
	line-height: 1.3em;
}

table.table003 td {
	text-align: left;
	font-size: 14px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}
.red {
	color: #F00;
	font-weight: bold;
}
#container #contents #left {
	float: left;
	width: 300px;
	font-size: 1px;
	line-height: 1px;
	color: #FFF;
}
#container #contents #right {
	float: right;
	width: 200px;
}
#container #contents #stop {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	color: #FFF;
}
.recruit_text {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #004892;
	margin-left: 40px;
	padding-left: 10px;
	color: #004892;
	font-weight: bold;
	margin-bottom: 10px;
}
.recruit_text2 {
	font-size: 12px;
	margin-left: 53px;
	margin-bottom: 20px;
}
.recruit_text3 {
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../images/list.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position:8px 4px;
}
.recruit_text4 {
	font-size: 12px;
	margin-left: 53px;
	margin-bottom: 8px;
}
.recruit_text6 {
	font-size: 12px;
	margin-left: 78px;
	margin-bottom: 22px;
}
.recruit_text_margin {
	margin-left: 16px;
	margin-bottom: 10px;
}


#container #contents #recruit {
	margin-left: 60px;
	margin-right: 60px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	margin-top: 30px;
	margin-bottom: 30px;
}

 		
.ta1 {
	width: 790px;/*テーブルの幅*/
	margin-top:10px;/*テーブルの上にスペース*/
	margin-left:50px;
	margin-bottom:50px;
	color:#333333;
	font-size: 12px;
}

.ta1 {
	border-right: 1px solid #cccccc;/*線の色*/
	border-top: 2px solid #cccccc;/*線の色*/
	border-bottom: 1px solid #cccccc;/*線の色*/
	border-left: 2px solid #cccccc;/*線の色*/
}

.ta1 td {
border-right: 1px solid #999999;/*線の色*/
border-bottom: 1px solid #999999;/*線の色*/
}


.ta1 .status {
	background-color:#f4f4f4;
	color:#333333;
	text-align:left;
}

.ta1 .num {
text-align:right;
}

.ta1 td {
padding:7px 12px;
}


.ta1 .col {
background-color:#0033cc;
color:#FFFFFF;
}

.ta1 tr.even {
background-color:#ffffff;
}

.c_c1301d {
	color: #c1301d;
}

.c_c1301d_big {
	color: #FF0066;
	font-weight: bold;
	font-size: 16px;
}



.pink_title {
	padding-left: 12px;
	line-height: 1.7em;
	background-image: url(../images/bg4.jpg);
	background-repeat: repeat-x;
	height: 18px;
	clear: both;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f21890;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	color: #333333;
	font-size: 14px;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	margin-left: 10px;
	margin-top: 15px;
	padding-bottom: 6px;
	margin-right: 2px;
}

.pink_title_s {
	padding-left: 12px;
	line-height: 1.1em;
	clear: both;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	color: #333333;
	font-size: 15px;
	margin-left: 10px;
	margin-top: 15px;
	padding-bottom: 6px;
	margin-right: 2px;
	border-bottom-color: #333;
}


.gray_title {
	padding-left: 12px;
	line-height: 2.5em;
	height: 30px;
	clear: both;
	margin-bottom: 10px;
	color: #333333;
	font-size: 14px;
	margin-left: 10px;
	margin-top: 15px;
	padding-bottom: 6px;
	margin-right: 10px;
	border: 1px solid #CCC;
	background-color: #f9f9f9;
}

.qa_text {
	font-size: 14px;
	line-height: 3em;
	background-color: #f9ffe6;
	border: 1px solid #95c600;
	margin-bottom: 10px;
	margin-top: 6px;
	padding-left: 12px;
	margin-right: 2px;
}

.syohin_text {
	font-size: 13px;
	margin-bottom: 15px;
	margin-top: 6px;
	margin-right: 5px;
	line-height: 1.8em;
	margin-left: 30px;
}

.syohin_text2 {
	font-size: 13px;
	margin-bottom: 15px;
	margin-top: 6px;
	margin-right: 10px;
	line-height: 1.8em;
	margin-left: 30px;
	padding: 10px;
	border: 1px solid #9CF;
}

.syohin_textb {
	font-size: 13px;
	margin-bottom: 12px;
	margin-top: 6px;
	margin-right: 5px;
	line-height: 1.8em;
	margin-left: 13px;
	font-weight: bold;
}

.syohin_textc {
	font-size: 13px;
	margin-bottom: 10px;
	margin-right: 10px;
	line-height: 2em;
	margin-left: 27px;
	background-color: #f9f9f9;
	padding-left: 10px;
	border: 1px solid #eee;
}

.syohin_textd {
	font-size: 13px;
	margin-bottom: 5px;
	margin-right: 3px;
	line-height: 1.7em;
	margin-left: 27px;
	padding-left: 8px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #c1301d;
	margin-top: 20px;
}

.syohin_textk {
	font-size: 13px;
	margin-bottom: 5px;
	margin-right: 3px;
	line-height: 1.7em;
	margin-left: 27px;
	padding-left: 8px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #c1301d;
	margin-top: 20px;
	color: #c1301d;
}



table.table_sx {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 80%;
	margin-left: 20px;
	table-layout:fixed;
	border-spacing:5px;
	margin-right: 18px;
}

table.table_sx th,
table.table_sx td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eeeeee;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #eee;
}

table.table_sx th {
	text-align: left;
	font-size: 15px;
	color: #333;
	line-height: 1.3em;
}

table.table_sx td {
	text-align: left;
	font-size: 12px;
	padding-right: 2px;
	padding-left: 5px;
}








#css-slider {
	width: 996px;
	height: 200px;
	overflow: hidden;
}

.slide-item {
	width: 996px;
	height: 200px;
	float: left;
	position: relative;
}


.slider-wrapper {
	width: 300%;
	position: relative;
	left: 0;
	will-change: transform;
	animation: slider 15s infinite;
}

@keyframes slider {
  0% { transform: translateX(0); }
  33% { transform: translateX(-996px); }
  66% { transform: translateX(-1992px); }
  100% { transform: translateX(0); }
}
