/* $BSC-SY1-1 07/10/2008 №74グラフ拡大表示対応　山本聡　BSC */
/* $BSC-HK0-1 07/17/2008 №28時系列表示の表示部拡大対応 木村大勝 BSC */
/* $BSC-HK0-2 07/24/2008 №90数値で見る健康情報　健康情報表示全画面化 木村大勝 BSC */
/* $BSC-HK0-3 08/13/2008 №90数値で見る健康情報　健康情報表示全画面化 IE6/7対応 木村大勝 BSC */
/* $KNH-TK-1  06/29/2009 利用者ヘルプ画面タイトル追加 加藤工 ｶﾈﾊﾂ */
/* $KNH-TK-2  06/29/2009 利用者側月間進捗画面の縦幅修正 加藤工 ｶﾈﾊﾂ */
/* $BSC-YT-1  08/28/2009 (refs #476)数値で見る健診結果、時系列健診結果における健診結果表示の統一対応 高橋由香 BSC */
/* $IST-YO1-1 01/25/2011 歩数情報部分の表示を設定 沖殿泰隆 IST */
/* $IST-KS-1  02/17/2011 歩数情報部分の表示を修正 瀬戸恵輔 IST */
/* $IST-HY-1  04/25/2011 検診結果グラフで縦が長いとレイアウトが崩れるので修正 山中啓資 IST */
/* $BLP-HK-1  09/27/2011 進捗管理表画面での文言の修正 黒川平臣 BLP */
/* $ISI-KT-1  BLP-000098 05/23/2012 利用者申込画面作成 田川圭太 ISI */
/* $AS-DI-1   06/06/2012 サブメニューに健康基本情報追加 池田大祐 AS */
/* $ISI-KS-1  02/27/2013 IE互換表示対応 澤口敬治 ISI */
/* $ISI-KS-2  KT-0000004 03/22/2013 画像と文字の位置がずれる障害対応 澤口敬治 ISI */
/* $ISI-KT-2  07/29/2014 SPREAD排除対応 田川圭太 ISI */
/* $AS-SY-1   07/30/2014 ラジオボタン枠線排除対応 山名伸輝 AS */
/* PHR-00009-PKG-BUG 05/162016 利用者側ListVewで文字の上下が切れることがある不具合を修正 齋藤禅 KSS */

@charset "shift_jis";
@import url("table.css");
/* 共通 */

/* * { margin:0; padding:0; } */
/** { margin: 0; }*/

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
 margin: 0;
 background-color: #fff;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 text-align: center;
}

body.popUp {
 width: 1000px;
 margin: 0 auto; 
 padding: 5px;
 background-color: #D3F39E;
}
body.popUp2 {
 width: 1000px;
 margin: 0 auto; 
 padding: 5px;
 background-color: #fff;
}
body.popUp3 {
 width: 600px;
 margin: 0 auto; 
 padding: 5px;
 background-color: #fff;
}
body.popUp4 {
 width: 800px;
 margin: 0 auto; 
 padding: 5px;
 background-color: #D3F39E;
}
h1, h2, h3, h4 { font-weight: bold; }
img { border: none; }
/* =============================================================================
   Tables
   ========================================================================== */
td { vertical-align: top; }
/* ○対応 2007/10/17 start　一旦保留
input { font-family:'ＭＳ Ｐゴシック',sans-serif; }
select { font-family:'ＭＳ Ｐゴシック',sans-serif; }
textarea { font-family:'ＭＳ Ｐゴシック',sans-serif; }
body { font-family:'ＭＳ Ｐゴシック',sans-serif; }
span { font-family:'ＭＳ Ｐゴシック',sans-serif; }
p { font-size: 85%; line-height: 160%; font-family:'ＭＳ Ｐゴシック',sans-serif; }
　○対応　　2007/10/17 end　
*/
.circle { font-family: 'ＭＳ Ｐゴシック', sans-serif; }
.sprLst { position: relative; }
/*p {
 font-size: 85%;
 line-height: 1.6;
}*/
hr {
 clear: both;
 display: none;
}
div#container {
 width: 1000px;
 margin: 0 auto;
 text-align: left;
}
div#container800 {
 width: 1000px;
 margin: 0 auto;
 text-align: left;
}
div#containerPopUp_320 { background: url(../Images/bg_popup320_bottom.gif) center bottom no-repeat; }
div#containerPopUp_320Inner {
 background: url(../Images/bg_popup320_top.gif) center top no-repeat;
 padding: 25px 20px;
}
div#containerPopUp_380 { background: url(../Images/bg_popup380_bottom.gif) center bottom no-repeat; }
div#containerPopUp_380Inner {
 background: url(../Images/bg_popup380_top.gif) center top no-repeat;
 padding: 25px 20px;
}
div#containerPopUp_380 p.title {
 font-size: 100%;
 font-weight: bold;
 color: #000000;
 border-left: 7px solid #319531;
 padding-left: 5px;
 margin-top: 10px;
 margin-bottom: 5px;
 clear: both;
}
#containerPopUp_640 {
 width: 640px;
 margin: 0 auto;
 background: url(../Images/bg_popup640_bottom.gif) center bottom no-repeat;
 text-align: left;
}
div#containerPopUp_640Inner {
 background: url(../Images/bg_popup640_top.gif) center top no-repeat;
 padding: 25px;
}
#containerPopUp_800 {
 background: url(../Images/bg_popup800_bottom.gif) center bottom no-repeat;
 text-align: left;
}
#containerPopUp_800Inner {
 background: url(../Images/bg_popup800_top.gif) center top no-repeat;
 padding: 25px;
}
.w780 {
 width: 780px;
 margin: 0 auto;
}
div#containerPopUp_800Inner table {
 width: 710px;
 margin: auto;
}
/* *** START ADD $KNH-TK-2 *** */
div#containerPopUp_plus_800 {
 background: url(../Images/bg_popup800_plus_bottom.gif) center bottom no-repeat;
 text-align: left;
}
/* *** END   ADD $KNH-TK-2 *** */

/* *** START ADD $IST-HY-1 *** */
div#containerPopUp_div_top_800 {
 background: url(../Images/bg_popup800_top.gif) center top no-repeat;
 text-align: left;
}
div#containerPopUp_div_middle_800 {
 background: url(../Images/bg_popup800_middle.gif) center bottom repeat-y;
 text-align: center;
}
/* *** START ADD $ISI-KS-1 *** */
div#containerPopUp_div_middle_800 table { margin-left:auto; margin-right:auto; }
/* *** END   ADD $ISI-KS-1 *** */
div#containerPopUp_div_bottmon_800 {
 background: url(../Images/bg_popup800_bottom_end.gif) center bottom no-repeat;
 text-align: left;
}
/* *** START END $IST-HY-1 *** */

#containerPopUp_800_1 {
    background-color: #D3F39E;}
#containerPopUp_800_1Inner {
    background-color: #D3F39E;
}

/* *** START ADD $BSC-SY1-1 *** */
div#containerPopUp_1024 { background: url(../Images/bg_popup1024_bottom.gif) center bottom no-repeat; }
div#containerPopUp_1024Inner {
 background: url(../Images/bg_popup1024_top.gif) center top no-repeat;
 padding: 25px;
}
/* *** END ADD $BSC-SY1-1 *** */

/* *** START ADD $BSC-HK0-1 *** */
/* *** START MOD $BSC-HK0-3 *** */
/* div#containerPopUp_1024_2 { background: url(../Images/bg_popup1024_2_bottom.gif) center bottom no-repeat; }
div#containerPopUp_1024_2Inner { background: url(../Images/bg_popup1024_2_top.gif) center top no-repeat; padding:13px; } */
/*div#containerPopUp_1024_2 { background-color: #D3F39E; }
div#containerPopUp_1024_2Inner { background-color: #D3F39E; }*/
/* *** END MOD $BSC-HK0-3 *** */
/* *** END ADD $BSC-HK0-1 *** */

/* *** START ADD $BSC-HK0-2 *** */
/* *** START MOD $BSC-HK0-3 *** */
/* div#containerPopUp_1024_3 { background: url(../Images/bg_popup1024_3_bottom.gif) center bottom no-repeat; }
div#containerPopUp_1024_3Inner { background: url(../Images/bg_popup1024_3_top.gif) center top no-repeat; padding:13px; } */
div#containerPopUp_1024_3 { background-color: #D3F39E; }
div#containerPopUp_1024_3Inner { background-color: #D3F39E; }
/* *** END MOD $BSC-HK0-3 *** */

/* *** START MOD $BSC-HK0-3 *** */
/* div#containerPopUp_1024_4 { background: url(../Images/bg_popup1024_4_bottom.gif) center bottom no-repeat; }
div#containerPopUp_1024_4Inner { background: url(../Images/bg_popup1024_4_top.gif) center top no-repeat; padding:13px; } */
div#containerPopUp_1024_4 { background-color: #D3F39E; }
div#containerPopUp_1024_4Inner { background-color: #D3F39E; }
/* *** END MOD $BSC-HK0-3 *** */
/* *** END ADD $BSC-HK0-2 *** */

/* *** START MOD $BSC-YT-1 *** */
/* *** START ADD $BSC-HK0-3 *** */
/* div#containerPopUp_1024_5 { background: url(../Images/bg_popup1024_4_bottom.gif) center bottom no-repeat; }
div#containerPopUp_1024_5Inner { background: url(../Images/bg_popup1024_4_top.gif) center top no-repeat; padding:13px; } */
/* *** END ADD $BSC-HK0-3 *** */
div#containerPopUp_1024_5 { background-color: #D3F39E; }
div#containerPopUp_1024_5Inner { background-color: #D3F39E; }
/* *** END MOD $BSC-YT-1 *** */

div#header {
 display: block;
 width: 1000px;
 height: 35px;
 margin-bottom: 12px;
 background: url(../Images/summarize2.jpg) no-repeat;
}
div#header_main {
 width: 1000px;
 height: 160px;
 margin: 18px 0 15px;
 background: url(../Images/titlebar2.jpg) no-repeat center top;
}
/*div#header { width: 800px; height:35px; margin:20px 0px 5px 0px; background: url(../Images/titlebar_s.jpg) center top no-repeat; }
div#header_main { width: 800px; height:160px; margin:20px 0px 5px 0px; background: url(../Images/titlebar.jpg) center top no-repeat; }
*/
div#sidebar {
 display: inline;
 float: left;
 width: 200px;
}
div#main {
 display: inline;
 float: right;
 width: 780px;
}
/*div#sidebar { float:left; width: 190px; }
div#main { float:right; width: 600px; }*/
/* *** START ADD $KNH-TK-1 *** */
div#header_help {
 width: 420px;
 height: 80px;
 margin: 0;
 background: url(../Images/titlebar_help.jpg) center top no-repeat;
}
/* *** START ADD $KNH-TK-1 *** */
/* *** START ADD $AS-DI-1 *** */
div#header_kanri { width:600px;}
div#main_kanri {width: 100%;}
/* *** END   ADD $AS-DI-1 *** */

/*エラー画面*/
div#mainErr {
 float: inherit;
 text-align: center;
 vertical-align: middle;
 width: 100%;
}
/* 2段組レイアウト */

div.twoCol { }
div.colLeft { float: left; }
div.colRight { float: right; }
/*ヘッダー*/

#headernavi {
 float: right;
 width: 255px;
 height: 20px;
 margin: 8px 4px 0 0;
 padding-top: 4px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background: #60BE64;
 /*background: url(../Images/g_headernavi_back.gif) top right no-repeat;*/
 color: #333;
 font-size: 12px;
 text-align: center;
 line-height: 20px;
}
#headernavi a:link { color: #ffffff; }
#headernavi a:visited { color: #ffffff; }
#headernavi a:hover, a:active { color: #999999; }
#headernavi img {
 margin-right: 5px;
 vertical-align: middle;
}
#headernavi2 a:link { color: #ffffff; }
#headernavi2 a:visited { color: #ffffff; }
#headernavi2 a:hover, a:active { color: #FF2B2B; }
#headernavi2 img {
 margin-right: 5px;
 vertical-align: middle;
}
/* 見出し要素 */

body.popUp h1 {
 width: 530px;
 margin-bottom: 10px;
 border-bottom: 3px solid #60BE64;
 text-align: left;
}
body.popUp h2 {
 width: 240px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 border-bottom: 4px solid #319531;
 text-align: left;
}
body.popUp h4 {
 width: 300px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 border-bottom: 4px solid #319531;
 text-align: left;
}
body.popUp h5 {
 width: 710px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 border-bottom: 4px solid #319531;
 text-align: left;
}
body.popUp h3 {
 width: 530px;
 text-align: left;
 color: #000000;
 border-left: 7px solid #319531;
 line-height: 150%;
 font-size: 90%;
 padding-left: 5px;
 margin-top: 1em;
 margin-bottom: 0.5em;
 margin-left: auto;
 margin-right: auto;
 clear: both;
}
h2.tasktitle {
 margin-top: 1em;
 margin-bottom: 0.5em;
}
/*
h3.category { font-size:90%; border-left:5px solid #006600; padding:5px; margin:10px; }

h4.nourishment {
	margin-top:0; 
	margin-bottom:5px;
	padding-top:3px;
	padding-left:20px;
	background:url(img/nourishment/decoration_h4.gif) left top no-repeat;
	font-size:100%;
	color:#7D9C1F; 
}
*/
/* フォーム要素 */

/* select, option, input { background: #FFFFDD; border: 1px solid #339966; } */

input.button01 {
 width: 165px;
 height: 30px;
 border: 0;
 background: url(../Images/inputbk_button01.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
input.button01a {
 width: 165px;
 height: 30px;
 border: 0;
 background: url(../Images/inputbk_button01_on.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
input.button02 {
 width: 165px;
 height: 30px;
 border: 0;
 background: url(../Images/inputbk_button02.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
input.button02a {
 width: 165px;
 height: 30px;
 border: 0;
 background: url(../Images/inputbk_button02_on.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
input.button03 {
 width: 150px;
 height: 30px;
 border: 0;
 background: url(../Images/inputbk_button03.gif) no-repeat;
 color: #fff;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 font-size: 14px;
 cursor: hand;
 cursor: pointer;
}
input.button04 {
 width: 175px;
 height: 30px;
 border: 0;
 background: url(../Images/inputbk_button04.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
input.button05 {
 width: 190px;
 height: 30px;
 border: 0;
 background: url(../Images/inputbk_button05.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
input.button06 {
 width: 120px;
 height: 31px;
 border: 0;
 background: url(../Images/btn_back.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
input.button07 {
 width: 120px;
 height: 31px;
 border: 0;
 background: url(../Images/btn_choice.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
input.button08 {
 width: 120px;
 height: 31px;
 border: 0;
 background: url(../Images/btn_cancel2.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
input.button09 {
 width: 120px;
 height: 31px;
 border: 0;
 background: url(../Images/btn_close.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
input.button10 {
 width: 165px;
 height: 30px;
 border: 0;
 background: url(../Images/Enabled_button01.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
input.button11 {
 width: 45px;
 height: 26px;
 border: 0;
 background: url(../Images/btn_edit_ss.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
input.button12 {
 width: 45px;
 height: 26px;
 border: 0;
 background: url(../Images/btn_delete_ss.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
input.button13 {
 width: 125px;
 height: 23px;
 border: 0;
 background: url(../Images/btn_favoriteaddition.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
input.button14 {
 width: 20px;
 height: 30px;
 border: 0;
 background: url(../Images/inputbk_button03.gif) no-repeat;
 cursor: hand;
 cursor: pointer;
}
td.tabledataS {
 font-size: x-small;
 height: 24px
}
div.topicpath { font-size: 80%; }
div.listNowOpen {
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 font-size: 90%;
 margin: 10px auto;
 padding: 5px;
 text-align: center;
}
.submit {
 clear: both;
 margin-top: 21px;
 padding-bottom: 6px;
 text-align: right;
}
div.submit_pop320 {
 clear: both;
 width: 240px;
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto;
 text-align: right;
}
div.submit_pop380 {
 clear: both;
 width: 300px;
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto;
 text-align: right;
}
div.submit_pop640 {
 clear: both;
 width: 550px;
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto;
 text-align: right;
}
div.submit_pop800 {
 clear: both;
 width: 710px;
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto;
 text-align: right;
}
/* *** START ADD $BSC-SY1-1 *** */
div.submit_pop1024 {
 clear: both;
 width: 934px;
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto;
 text-align: right;
}
/* *** END ADD $BSC-SY1-1 *** */

.form {
 border: 2px dashed #75B0F4;
 padding: 15px;
 margin-bottom: 10px;
}
.form2 {
 border: 1px dashed #ff9900;
 padding: 2px;
 margin-bottom: 0px;
}
.search { background: #EEFCDC; font-size: 12px; text-align: left; }
/* 定義要素 */
dt { font-weight: bold; }
dd { margin: 0.5em auto 1em 1em; }
body.popUp dd { font-size: 80%; }
/* テキスト */

span.require { color: #FF6600; }
.size75 {
 font-size: 80%;
 line-height: 120%;
}
.size85 {
 font-size: 85%;
 line-height: 140%;
}
/*ログイン*/

#top_login {
 margin-bottom: 12px;
 background: #EFFFB8;
}
#top_login h2 {
 margin-top: 0;
 height: 30px;
 background: #319531 url(../Images/member_login2.png) left top no-repeat;
 color: #fff;
 font-size: 14px;
 line-height: 30px;
 text-shadow: 0px 2px 3px #111;
 text-align: center;
}
#imgBtnLogin { text-align: center; }
#top_login img { vertical-align: top; }
#top_loginInner {
 width: 160px;
 margin: 12px auto 0;
 color: #333;
}
#top_login img { vertical-align:middle; margin-right:5px; }
#top_loginInner input { padding: 6px 0; }
#top_loginInner p, #top_loginInner input { margin-bottom: 6px; }
#loginPanel {
 background: #D7FFD7;
 padding-bottom: 10px;
 margin-bottom: 2px;
}
#loginPanelInner {
 /* *** START MOD $IST-KS-1 *** */
/* padding-top: 10px; padding-left: 12px; padding-right: 12px; */
 padding-top: 10px;
 padding-left: 7px;
 padding-right: 7px;
 /* *** END   MOD $IST-KS-1 *** */
 line-height: 16px;
 color: #000;
}
#supportAd {
 background: #E7E7CD url(../Images/bg_bottom.gif) left bottom no-repeat;
 padding-bottom: 10px;
 margin-bottom: 10px;
}
#supportAd h2 {
 background: url(../Images/health_cons.gif) left top no-repeat;
 text-indent: -9999em;
 overflow: hidden;
}
#supportAdInner {
 width: 170px;
 text-align: left;
 margin: 0px auto;
}
#supportAdInner h3 {
 color: #006600;
 font-size: 160%;
}
#supportAdInner span {
 font-weight: bold;
 margin-left: 5px;
 font-size: 90%;
}
#supportAdInner dt { margin-top: 10px; }
#supportAdInner dd {
 margin: 3px 0px 0px 23px;
 font-size: 80%;
}
.instructions {
 text-align: right;
 font-size: 80%;
 margin-top: 10px;
}
.instructions img {
 vertical-align: middle;
 margin-left: 5px;
}
.input {
 text-align: right;
 margin: 0;
 padding-bottom: 5px;
 border-bottom: 2px dotted #999999;
}
.log_q_left {
 float: left;
 /* *** START MOD $ISI-KS-2 *** */
 /* width: 30px; */
 width: 20px;
 /* *** END   MOD $ISI-KS-2 *** */
 margin-top: 10px;
}
.log_q_right {
 float: right;
 width: 130px;
 line-height:16px;
 margin-top: 10px;
 font-size: 80%;
}
.log_q_bottom {
 clear: both;
 width: 160px;
 margin: 0 auto;
 line-height: 1.4;
}
.log_q_bottom h3 {
 margin: 7px 0;
 color: #006600;
 font-size: 16px;
}
#lblHelpNo { font-size: 16px; }
/* トップページコンテンツブロック */

#infoForUser {
 clear: both;
 text-align: left;
border:1px solid #60BE64; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; font-family:arial,helvetica,sans-serif;  padding: 10px 10px 10px 10px; font-weight:bold; text-align: center; color: #333; background-color: #FFFFCC;
    margin-bottom: 15px;
    background-image: linear-gradient(top, #FFFFFF, #FFDE70);
}
#infoForUserInner {
 padding: 10px;
}
#infoForUser img { vertical-align: middle; }
#infoForUser td { vertical-align: middle; }
#programs {
 clear: both;
 text-align: left;
}
#topicsMembersOnly {
 clear: both;
 text-align: left;
 padding-bottom: 15px;
}
#topicsMembersOnly ul {
 list-style: none;
 margin-top: 10px;
}
#topicsMembersOnly li {
 padding-left: 15px;
 background: url(../Images/listmark.gif) left center no-repeat;
 font-size: 85%;
 line-height: 180%;
}
/*トップ・メイン左ポップアップメニュー*/
#popupmenu {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
/*トップ右コンテンツ*/

.top_new { margin-top: 10px; }
.top_new ul {
 margin-left: 30px;
 list-style: none;
 margin-top: 10px;
}
.top_new li {
 padding-left: 15px;
 background: url(../Images/listmark.gif) left center no-repeat;
 font-size: 85%;
 line-height: 180%;
}
/*メインナビ*/

#tabMenu { margin-bottom: 15px; }
/*
Edit (JAST)Ujihira 
#tabMain { width:600px; height:40px; }
#tabMain td { width:100px; height:40px; margin:0; padding:0; }
*/
#PersonalMenu_pnlMenuMain { padding-bottom: 6px; }
#tabMain {
 height: 50px;
 margin-bottom: 12px;
}
#tabMain td {
 width: 100px;
 height: 40px;
 margin: 0;
 padding: 0;
}
#tabMain td input {
 margin: 0;
 padding: 0;
}
#PersonalMenu_pnlMenuLv1 {
 margin: 0;
 padding: 0;
}
#PersonalMenu_pnlMenuLv1 ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#PersonalMenu_pnlMenuLv1 li {
 display: inline;
 margin: 0;
 padding: 0;
}

#PersonalExtendMenu_pnlMenuLv1 { padding-bottom: 6px; }
#tabMain4 {
 height: 50px;
 margin-bottom: 12px;
}
#tabMain4 td {
 width: 100px;
 height: 40px;
 margin: 0;
 padding: 0;
}
#tabMain4 td input {
 margin: 0;
 padding: 0;
}
#PersonalExtendMenu_pnlMenuLv1 {
 margin: 0;
 padding: 0;
}
#PersonalExtendMenu_pnlMenuLv11 ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#PersonalExtendMenu_pnlMenuLv1 li {
 display: inline;
 margin: 0;
 padding: 0;
}
/*サブナビ*/

table.tabSub {
 width: 600px;
 margin: 15px 0;
}
table.tabSub td {
 padding: 0;
 margin: 0;
 width: 200px;
 height: 27px;
}
table.tabSub td a {
 /*    text-align:center; */
 line-height: 200%;
 font-size: 90%;
 text-decoration: none;
 color: #ffffff;
 display: block;
 width: 200px;
 height: 27px;
 background: #006f00 url(../Images/sub_tab.gif) no-repeat;
}
table.tabSub td a:hover {
 background: url(../Images/sub_tab_hover.gif) no-repeat;
 color: #ffffff;
 font-weight: bold;
}
/*サブナビ2*/
.tabSub2, .tabSub2 td {
 margin: 15px 0;
 padding: 0;
}
.tabSub2 td a {
 text-align: center;
 line-height: 210%;
 font-size: 90%;
 text-decoration: none;
 color: #333333;
 display: block;
 width: 196px;
 height: 27px;
}
/*サブナビ3 増進*/
table.tabSub3 {
 margin: 15px 0;
 padding: 0;
}
table.tabSub3 td {
 padding: 0;
 margin: 0;
 width: 121px;
 height: 27px;
}
table.tabSub3 td a {
 /*    text-align:center; */
 line-height: 200%;
 font-size: 90%;
 text-decoration: none;
 color: #ffffff;
 display: block;
 width: 120px;
 height: 27px;
 background: #006f00 url(../Images/sub_tab.gif) no-repeat;
}
#tabMain4 {
 margin: 0;
 padding: 0;
}
#tabMain4 td {
 margin: 0;
 padding: 0;
}
/*サブナビ3 増進*/
table.tabSub4 {
 margin: 15px 0 ;
 padding: 0;
}
table.tabSub4 td {
 padding: 0;
 margin: 0;
 width: 100px;
 height: 28px;
}
table.tabSub4 td a {
 /*    text-align:center; */
 line-height: 200%;
 font-size: 90%;
 text-decoration: none;
 color: #ffffff;
 display: block;
 width: 100px;
 height: 28px;
 background: #006f00 url(../Images/sub_tab.gif) no-repeat;
}
/* 選んだプログラム */

td.selectedPG {
 border: 1px dashed #FF9999;
 background: #FFCCCC;
 text-align: center;
 padding: 8px;
 font-weight: bold;
 font-size: 120%;
}
/* プログラム背景 */
/*
#PgPlan { 
    clear:both;
	text-align:left;
    background: #ffffcc url(../Images/bg_pgplan_bottom.gif) left bottom no-repeat;
    padding-bottom:20px;
    margin-bottom:10px;
}

#PgPlanInner {
    background: url(../Images/bg_pgplan_top.gif) left top no-repeat;
	padding-top:15px;
}
*/

/* プログラムの流れ：ロールオーバー効果の初期設定 */
div#flow1, div#flow2, div#flow3, div#flow4, div#flow5, div#flow6 {
 display: none;
 background: url(../../Images/bg_flow_text_bottom.gif) left bottom no-repeat;
}
div.flowInner { background: url(../../Images/bg_flow_text_top.gif) left top no-repeat; }
div.flowInner span {
 display: block;
 padding: 10px 30px;
}
/* ユーザへの指示を示すボックス */
#commandBox {
 width: 600px;
 -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; margin-bottom: 12px;padding: 15px; font-weight:bold; color: #fff; background-color: #60BE64;
}
#commandBox strong { color: #fff; }
div.commandBoxInner {
 background: url(../Images/bg_commandbox_top.gif) left top no-repeat; 
}
div.commandBoxInner span {
 display: block;
 padding: 15px;
 font-size: 90%;
 line-height: 130%;
}
div.commandBoxInner strong { color: red; }
/*工事中・エラー画面*/
#errorPanel {
 width: 270px;
 text-align: center;
 font-weight: bold;
 background: #ffffee url(../Images/bg_error_bottom.gif) left bottom no-repeat;
 margin: 100px auto;
}
#errorPanelInner {
 background: url(../Images/bg_error_top.gif) left top no-repeat;
 padding: 15px;
}
#errorPanel img { margin: 5px; }
/*フッター*/
#footer {
 clear: both;
 border-top: 1px solid #999999;
 font-size: 80%;
 text-align: center;
 padding: 7px 0px 20px 0px;
}
/* テキストボックス*/
.textbox_alignright {
 text-align: right;
 margin: 1;
 padding: 1;
}
/* アップロードメッセージ*/
.image_vb { visibility : visible }
.image_hd { visibility : hidden }
/* tdセル内自動改行 IE限定 */
td.break-all { word-break: break-all; }
/* IMEモード IE限定 
active 日本語入力モード。モード変更可能 
disabled 英数字入力モード。モード変更不可 
*/
.ime_active { ime-mode: active; }
.ime_disabled { ime-mode: disabled; }
/* プログラム背景 */
#PgPlan, .pgPlan {
 clear: both;
 text-align: left;
 -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; margin: 12px;padding: 12px; font-weight:bold; color: #fff; background-color: #60BE64;
}
#PgPlanInner, .pgPlanInner {

}
}
/* アドバイスコメント */
.comment { padding: 10px; }
.commentName {
 text-align: right;
 font-weight: bold;
}
.cheerMessage {
 margin: 0 auto;
 font-weight: bold;
 color: #FF9900;
}
.drop { text-align: center; }
.img {
 background: url(../Images/btn_New_Input.gif) no-repeat;
 width: 45px;
 height: 26px;
 color: #fff;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 border: 0;
 font-size: 14px;
 cursor: hand;
 cursor: pointer;
}
/*** START ADD $BLP-HK-1 ***/
.imgTop {
 background: url(../Images/btn_Newtop_Input.gif) no-repeat;
 width: 115px;
 height: 30px;
 color: #fff;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 border: 0;
 font-size: 14px;
 cursor: hand;
 cursor: pointer;
}
/*** END ADD $BLP-HK-1 ***/
.textright { text-align: right; }
/* メール確認画面用DIVタグスタイル */
.MailMessageArea {
 text-align: left;
 border-style: none;
 border-width: 1px;
 border-color: Black;
 overflow-y: scroll;
 overflow-x: auto;
 width: 98%;
 height: 200px;
 padding: 5px;
}
/* ERR MESSAGE */
div.errInfo {
 padding: 10px;
 border: 2px solid red;
 text-align: left;
}
/* *** START ADD $IST-YO1-1 *** */
td.rankLeft {
 /* *** START MOD $IST-KS-1 *** */
	/* width: 55%; */
	/* text-align: left; */
	/* font-size: 80%; */
 width: 60%;
 text-align: left;
 font-size: 80%;
 padding-left: 3px;/* *** END MOD $IST-KS-1 *** */
}
td.rankRight {
 /* *** START MOD $IST-KS-1 *** */
	/* width: 45%; */
	/* text-align: right; */
 width: 40%;
 text-align: right;
 font-size: 100%;
 padding-right: 3px;/* *** END MOD $IST-KS-1 *** */
}
/* *** START ADD $IST-KS-1 *** */
.stepsTop {
 background-color: #FF5C00;
 font-weight: bold;
 color: #FFFFFF;
 font-size: 100%;
 text-align: center;
 padding-top: 4px;
 padding-bottom: 3px;
}
/* *** END ADD $IST-KS-1 *** */

/* *** END   ADD $IST-YO1-1 *** */

/*** START ADD $ISI-KT-1 ***/
td.flowOn {
 background: url(../Images/flow_on.gif) no-repeat;
 width: 112px;
 height: 48px;
 padding: 0px 0px 0px 0px;
}
td.flowOff {
 background: url(../Images/flow_off.gif) no-repeat;
 width: 112px;
 height: 48px;
 padding: 0px 0px 0px 0px;
}
td.flowOn div {
 width: 100%;
 color: #ffffff;
 filter: glow(Color=#000000, Strength=2);
 font-size: small;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
 margin-left: -5px;
}
td.flowOff div {
 width: 100%;
 color: #000000;
 font-size: small;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
 margin-left: -5px;
}
/*** END ADD $ISI-KT-1 ***/

#lblPointSelectDay, #lblStepSelectDay { padding-left: 9px; }
.arrow { width: 19px; }
#sidebar strong { color: #60BE64; }
#PersonalSideBar_lblpo {
 font-weight: bold;
 text-align: center;
}
#PersonalSideBar_lblMileage {
 position: relative;
 left: 0;
 font-weight: bold;
}
#pnlSummary h2 {
 color: #60BE64;
 font-size: 24px;
}
#divGraph { font-size: 16px; }
#measurementday {
 width: 160px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 font-size: 12px;
 font-family: arial, helvetica, sans-serif;
 padding: 2px;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 font-weight: bold;
 text-align: center;
 color: #FFFFFF;
 background-color: #60BE64;
    cursor: pointer;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    background-image: linear-gradient(top, #60BE64, #008c00);
}
.label01 {
 background: #60BE64;
 color: #fff;
 padding: 6px;
 font-size: 16px;
 font-weight: bold;
}
#lblTitle {
 width: 575px;
 font-size: 14px;
}
.title {
 margin-bottom: 6px;
 color: #60BE64;
 font-weight: bold;
 font-size: 24px;
}
.tableStyle {
 width: 100%;
 font-size: 14px;
 border: 1px solid #60BE64;
 border-collapse: collapse;
}
.tableStyle th {
 padding: 3px;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 font-weight: bold;
 text-align: center;
 border: 1px solid #33CC66;
 background-color: #60BE64;
    color: #FFFFFF;
    vertical-align: middle;
    background-image: linear-gradient(top, #60BE64, #008c00);
}
.tableStyle td {
 padding: 3px;
 background-color: #EEFCDC;
 border: 1px solid #66CC66;
 text-align: center;
 vertical-align: middle;
}
/*
*/
#pnlList1 { text-align: right; }
#lblGraph p, #lblGraph2 p { font-size: 12px; }
.pnlCharacteristicsToBeInspected {
 border:1px solid #60BE64; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; font-family:arial,helvetica,sans-serif;  padding: 10px 10px 10px 10px; font-weight:bold; text-align: center; color: #333; background-color: #FFFFCC;
 background-image: linear-gradient(top, #FFFFCC, #febf04);
 }
.goal {
-webkit-border-radius: 10px;width:150px; -moz-border-radius: 10px;border-radius: 10px; font-family:arial,helvetica,sans-serif; padding: 10px; font-weight:bold; text-align: center; color: #FFFFFF; background-color: #FF6500;
}
#ps302s01 { margin: 12px 0; }
#ps302s01 th,
#ps302s01 td { padding: 9px; }
.suggestion {
 margin-bottom: 12px;
 padding: 18px;
 border: 2px dashed #75B0F4;
}
#lblDate {
 padding: 0 0 9px 6px;
 font-size: 16px;
 line-height: 24px;
}
#lblErrorMsg {
 padding: 30px 0;
 color: #f00;
 text-align: center;
}

/* images
 	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
 display: block;
 margin: 0 auto;
 padding: 12px 0;
}
img.alignright {
 margin: 0 0 4px 38px;
 display: inline;
}
img.alignleft {
 margin: 0 38px 4px 0;
 display: inline;
}
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.aligncenter {
 display: block;
 margin: 0 auto
}
.alignleft { float: left }
.alignright { float: right }
/* For modern browsers */
.cf:before, .cf:after {
 content: "";
 display: table;
}
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }

/*** START ADD $ISI-KT-2 ***/
div.ListFrame
{
	border-color: Black;
	border-style: solid;
	border-width: 1px;
}
table.ListHeader th
{
    background-color: #60be64;
    color: white;
    border: #d0d7e5 1px solid;
    font-weight: bold;
    padding: 0px;
    vertical-align :middle;
}
table.ListView tr
{
    /*** START ADD PHR-00009-PKG-BUG Y.S ***/
	line-height: 2;
    /*** END   ADD PHR-00009-PKG-BUG Y.S ***/
    background-color: #f0fff0;
    color: black;
    border: #d0d7e5 1px solid;
    padding: 0px;
    vertical-align: middle;
}
table.ListView td
{
    border: #d0d7e5 1px solid;
    padding: 0px;
	vertical-align: middle;
}
/*** END ADD $ISI-KT-2 ***/