@charset "utf-8";
/* セレクタの1行上にあるコメントは「CSS適用箇所(XHTMLタグ名)」*/

/* メインコンテンツ[画面中央]の設定(div)*/
.thrColAbsHdr #div_mainContent {
	top:110; /* 上からの距離 */
	width:621px; /* 横幅 */
	height:845px; /* 高さ */
	*height:900px; /* 高さ */
	margin: 0px 170px 5px 158px; /* この div エレメントの右マージンと左マージンにより、ページの両側に 2 つのサイドバーが設定されます。#div_sidebar1 div と #div_sidebar2 div に含まれるコンテンツの量に関係なく、列のスペースは維持されます。 */
	padding: 0 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}

/* タイトル */
.h2_web {
	color:#ff5f9e; /* 文字の色 */
	font-size:130%; /* 文字のサイズ */
}


/*                             */
/* web1.htmlに対する設定　開始 */
/*                             */
/* メインコンテンツ[画面中央]の設定(div)*/
.thrColAbsHdr .div_mainContent_web1 {
/* 
web2ページは他ページより高さがあるため、ここで独自設定している。
共通設定はid(#div_mainContent)で設定しているので、class(.div_mainContent_web2)より優先度が高い。
ここでの設定を有効にするため、｢!important｣を使用し、classの優先度を上げている。
*/
	height:1000px !important; /* 高さ */
	*height:1030px !important; /* 高さ[IE6,7用] */
}
/* 説明文 */
#div_web1 #p_txt {
	font-size:95%; /* 文字の大きさ */
	margin:5px 10px 10px 20px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
}

/* 注釈 */
#div_web1 #span_riyo {
	color:#ff0000; /* 文字の色 */
}

/* web保健指導ツールの概念図 */
#div_web1 #img_web_gainen {
	margin:0 0 20px 7px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	z-index:0; /* 重ね順を一番下に設定 */
}

/* 「詳しくは」 */
#div_web1 .p_detail {
	margin:12px 0 0px 0; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	vertical-align:middle; /* 上下位置を中央揃えに設定 */
	float:left; /* 左に寄せる */
}

/* 矢印 */
#div_web1 .img_web_arrow {
	margin:0 0 12px 0; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	*padding:0 0 12px 0; /* 内側の余白[IE6,7用] */
}

/* 詳細説明ページへのリンクボタン(ユーザ様、対象者様用共通設定) */
#div_web1 .div_link {
	width:210px; /* 幅 */
	height:42px; /* 高さ */
}

/* 詳しくはユーザ様の操作について */
#div_web1 #div_user_link {
	z-index:1; /* 重ね順を下から2番目に設定 */
	position:absolute; /* ウィンドウを基準とした絶対的な配置に設定 */
	top:565px; /* 上からの位置 */
	left:570px; /* 左からの位置 */
	*top:550px; /* 上からの位置[IE6,7用] */
}

/* 詳しくは対象者様の操作について */
#div_web1 #div_target_link {
	z-index:2; /* 重ね順を下から3番目に設定 */
	position:absolute; /* ウィンドウを基準とした絶対的な配置に設定 */
	top:665px; /* 上からの位置 */
	left:460px; /* 左からの位置 */
	*top:650px; /* 上からの位置 */
}

#img_web_button {
	margin:20px 10px 30px 10px;
	padding:0;
}

/*                             */
/* web1.htmlに対する設定　終了 */
/*                             */

/*                                  */
/* web1_flow.htmlに対する設定　開始 */
/*                                  */
/* 使用の流れ（例） */
#div_web1_flow #img_web_flow {
	margin:0 0 10px 6px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
}

/* 推奨環境 */
#div_web1_flow #p_tyui {
	font-size:95%; /* 文字の大きさ */
	margin:20px 30px 30px 150px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
}
/*                                  */
/* web1_flow.htmlに対する設定　終了 */
/*                                  */

/*                                  */
/* web1_use.htmlに対する設定　開始  */
/*                                  */
/* web問診画面の画像 */
.thrColAbsHdr .div_mainContent_web1_use {
/* 
web2ページは他ページより高さがあるため、ここで独自設定している。
共通設定はid(#div_mainContent)で設定しているので、class(.div_mainContent_web2)より優先度が高い。
ここでの設定を有効にするため、｢!important｣を使用し、classの優先度を上げている。
*/
	height:900px !important; /* 高さ */
	*height:950px !important; /* 高さ[IE6,7用] */
}

#div_web1_use #img_web_monshin_gamen {
	float:right;
	margin:0 20px 20px 0px;
	padding:0;
}


/* リスト */
#div_web1_use #ul_use_list {
	font-size:90%; /* 文字の大きさ */
	margin:0px 10px 20px 30px; /* 外側の余白 */
	*margin:0px 5px 20px 20px; /* 外側の余白[IE6用] */
	padding:0; /* 内側の余白 */
}


/* レイアウトの画像 */
#div_web1_use #img_layout {
	clear:both; /* floatを解除 */
	margin:20px 30px 50px 30px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
}
/*                                  */
/* web1_use.htmlに対する設定　終了  */
/*                                  */

/*                                   */
/* web1_merit.htmlに対する設定　開始 */
/*                                   */
/* リストのタイトル */
#div_web1_merit .li_title {
	font-size:100%; /* 文字の大きさ */
	list-style-type:none; /* リストのマーカー */
}

/* リストの項目 */
#div_web1_merit .li_item {
	font-size:90%; /* 文字の大きさ */
	margin:5px 10px 5px 30px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
}

/* リストの赤色タイトル */
#div_web1_merit #li_red {
	color:#e50012; /* 文字の色 */
	margin-bottom:20px; /* 外側の余白（下側） */
}
/* リストの赤色タイトル */
#div_web1_merit #span_red {
	background-color:#ffcccc; /* 背景色 */
	padding:3px; /* 内側の余白 */
}

/* リストの青色タイトル */
#div_web1_merit #li_blue {
	color:#0071bc; /* 文字の色 */
	margin-bottom:20px; /* 外側の余白（下側） */
	margin-top:20px; /* 外側の余白（上側） */
}
/* リストの青色タイトル */
#div_web1_merit #span_blue {
	background-color:#cce3f2; /* 背景色 */
	padding:3px; /* 内側の余白 */
}

/* リストの緑色タイトル */
#div_web1_merit #li_green {
	color:#009245; /* 文字の色 */
	margin-bottom:20px; /* 外側の余白（下側） */
	margin-top:20px; /* 外側の余白（上側） */	
}
/* リストの緑色タイトル */
#div_web1_merit #span_green {
	background-color:#cce9da; /* 背景色 */
	padding:3px; /* 内側の余白 */
}

/* リストの黄色タイトル */
#div_web1_merit #li_yellow {
	color:#f14b94; /* 文字の色 */
	margin-bottom:20px; /* 外側の余白（下側） */
	margin-top:20px; /* 外側の余白（上側） */
}
/* リストの黄色タイトル */
#div_web1_merit #span_yellow {
	background-color:#ffffcc; /* 背景色 */
	padding:3px; /* 内側の余白 */
}
/*                                   */
/* web1_merit.htmlに対する設定　終了 */
/*                                   */

/*                                   　　*/
/* web1_condition.htmlに対する設定　開始 */
/*                                   　　*/
/* 使用条件のボックス */
#div_web1_condition #div_condition {
	background-image:url(../web/sozai_web/img_web_back.jpg); /* 背景画像 */
	background-repeat:no-repeat; /* 背景画像繰り返し */
	height:182px; /* 高さ */
}

/* 使用条件リスト */
#div_web1_condition #ol_condition {
	padding-top:2px; /* 内側の余白（上側） */
}

/* 使用条件リストの項目 */
#div_web1_condition .li_text {
	font-size:95%; /* 文字の大きさ */
	margin:20px 10px 20px 0px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	list-style-type:none; /* リストのマーカー */
}
/*                                   　　*/
/* web1_condition.htmlに対する設定　終了 */
/*                                   　　*/

/*                                   　　*/
/* web1_compaign.htmlに対する設定　開始  */
/*                                   　　*/
/* キャンペーンタイトル */
#h2_web_campaign {
	font-size:100%; /* 文字の大きさ */
	color:#29abe2; /* 文字の色 */
	margin-left:20px; /* 外側の余白（左側） */
}

#span_title {
	background-color:#fef8a6; /* 背景色 */
	padding:3px 6px 3px 3px; /* 内側の余白 */
}

/* キャンペーン内容のリスト */
#div_web1_campaign #ol_campaign {
	list-style-type:none; /* マーカーの種類 */
}

#div_web1_campaign .li_text {
	margin:20px 10px 20px 10px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
}

/*                                   　　*/
/* web1_compaign.htmlに対する設定　終了  */
/*                                   　　*/

/*                             */
/* web2.htmlに対する設定　開始 */
/*                             */

/* メインコンテンツ[画面中央]の設定(div)*/
.thrColAbsHdr .div_mainContent_web2 {
/* 
web2ページは他ページより高さがあるため、ここで独自設定している。
共通設定はid(#div_mainContent)で設定しているので、class(.div_mainContent_web2)より優先度が高い。
ここでの設定を有効にするため、｢!important｣を使用し、classの優先度を上げている。
*/
	height:1450px !important; /* 高さ */
	*height:1500px !important; /* 高さ[IE6,7用] */
}

/*  */
#div_web2 #p_target_detail {
	margin:12px 0 0px 0; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	vertical-align:middle; /* 上下位置を中央揃えに設定 */
	float:left; /* 左に寄せる */
}

/* 矢印 */
#div_web2 #img_web_arrow {
	margin:0 0 12px 0; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	*padding:0 0 12px 0;
}

/* 詳細説明ページへのリンクボタン */
#div_web2 .div_link {
	width:350px; /* 幅 */
	height:42px; /* 高さ */
	margin:0px 5px 10px 10px;
	padding:0;
}

/* 詳しくはユーザ様の操作について */
#div_web2 #div_user_link {
	z-index:1; /* 重ね順を下から2番目に設定 */
	position:absolute; /* ウィンドウを基準とした絶対的な配置に設定 */
	top:250px; /* 上からの位置 */
	left:422px; /* 左からの位置 */
}

/* ★印付きタイトルの設定 */
#div_web2 .p_user_title {
	margin:5px 5px 5px 20px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
}
	
/* 入力項目設定の★ */
#div_web2 #span_star1 {
	color:#0071bc; /* 文字の色 */
	font-size:130%; /* 文字のサイズ */
}

/* 入力項目設定の下線 */
#div_web2 #span_underline1 {
	border-bottom-color:#0071bc; /* 下線の色 */
	border-bottom-style:solid; /* 下線のスタイル */
	border-bottom-width:2px; /* 下線の太さ */
}

/* 説明文その１ */
#div_web2 .p_explanation1 {
	margin:5px 20px 50px 40px; /* 外側の余白 */
	z-index:3;
}

/* 右に寄せる画像 */
#div_web2 .img_right {
	margin:0 5px 20px 20px; /* 外側の余白 */
	z-index:0; /* 重なり順 */
	float:right; /* 右に寄せる */
}

/* 説明文その２ */
#div_web2 .p_explanation2 {
	clear:both; /* floatを解除 */
	margin:20px 20px 50px 35px; /* 外側の余白 */
	z-index:4;
}

/* 左に寄せる画像 */
#div_web2 .img_left {
	clear:both;
	margin:0px 20px 10px 0px; /* 外側の余白 */
	z-index:0; /* 重なり順 */
	float:left; /* 左に寄せる */
}

/* 簡易献立マスタの文字設定 */
#div_web2 #span_kondate {
	margin:30px 0 0 0px; /* 外側の余白 */
	color:#0071bc; /* 文字の色 */
}

/* 青色矢印画像 */
#div_web2 #img_input_item_arrow {
	margin:0; /* 外側の余白 */
	z-index:2; /* 重なり順 */
	position:absolute; /* ウィンドウからの位置を指定できるようにする */
	top:400px; /* 上からの位置 */
	left:340px; /* 左からの位置 */
	*top:450px; /* 上からの位置[IE6,7用] */
	*left:320px; /* 左からの位置[IE6,7用] */	
	float:left; /* 左に寄せる */
}

/* 対象者の指導情報設定の★ */
#div_web2 #span_star2 {
	clear:both; /* floatを解除する */
	color:#f15a24; /* 文字の色 */
	font-size:130%; /* 文字のサイズ */
}

/* 対象者の指導情報設定の下線 */
#div_web2 #span_underline2 {
	border-bottom-color:#f15a24; /* 下線の色 */
	border-bottom-style:solid; /* 下線のスタイル */
	border-bottom-width:2px; /* 下線の太さ */
}

/* 自由レイアウトマスタの文字設定 */
#div_web2 #span_layout {
	margin:30px 0 0 0px; /* 外側の余白 */
	color:#f15a24; /* 文字の色 */
}

/* オレンジ色矢印画像 */
#div_web2 #img_layout_arrow {
	margin:0; /* 外側の余白 */
	z-index:2; /* 重なり順 */
	position:absolute; /* ウィンドウからの位置を指定できるようにする */
	top:850px; /* 上からの位置 */
	left:360px; /* 左からの位置 */
	*top:910px; /* 上からの位置[IE6,7用] */
	*left:330px; /* 左からの位置[IE6,7用] */
}

/* 指導票作成の★ */
#div_web2 #span_star3 {
	clear:both; /* floatを解除する */
	color:#009245; /* 文字の色 */
	font-size:130%; /* 文字のサイズ */
}

/* 指導票作成の下線 */
#div_web2 #span_underline3 {
	border-bottom-color:#009245; /* 下線の色 */
	border-bottom-style:solid; /* 下線のスタイル */
	border-bottom-width:2px; /* 下線の太さ */
}
/*                             */
/* web2.htmlに対する設定　終了 */
/*                             */


/*                             */
/* web3.htmlに対する設定　開始 */
/*                             */
/* メインコンテンツ[画面中央]の設定(div)*/
.thrColAbsHdr .div_mainContent_web3 {
/* 
web2ページは他ページより高さがあるため、ここで独自設定している。
共通設定はid(#div_mainContent)で設定しているので、class(.div_mainContent_web2)より優先度が高い。
ここでの設定を有効にするため、｢!important｣を使用し、classの優先度を上げている。
*/
	height:1100px !important; /* 高さ */
	*height:1100px !important; /* 高さ[IE6,7用] */
}
/* 「詳しくは」 */
#div_web3 #p_user_detail {
	margin:12px 0 0px 0; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	vertical-align:middle; /* 上下位置を中央揃えに設定 */
	float:left; /* 左に寄せる */
}

/* 矢印 */
#div_web3 #img_web_arrow {
	margin:0 0 12px 0; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	*padding:0 0 15px 0;/* 内側の余白[IE6,7用] */
}

/* 詳細説明ページへのリンクボタン(ユーザ様、対象者様用共通設定) */
#div_web3 .div_link {
	width:350px; /* 幅 */
	height:42px; /* 高さ */
}

/* 詳しくはユーザ様の操作について */
#div_web3 #div_user_link {
	z-index:1; /* 重ね順を下から2番目に設定 */
	position:absolute; /* ウィンドウを基準とした絶対的な配置に設定 */
	top:250px; /* 上からの位置 */
	left:445px; /* 左からの位置 */
}

/* 流れ図の説明文 */
#div_web3 .span_flow {
	background-color:#FF9; /* 背景色 */
}

/* 『問診回答お願い』の★ */
#div_web3 #span_star1 {
	color:#0071bc; /* 文字の色 */
	font-size:130%; /* 文字のサイズ */
}

/* 『問診回答お願い』の下線 */
#div_web3 #span_underline1 {
	border-bottom-color:#0071bc; /* 下線の色 */
	border-bottom-style:solid; /* 下線のスタイル */
	border-bottom-width:2px; /* 下線の太さ */
}

/* 『指導票閲覧可能』の★ */
#div_web3 #span_star2 {
	color:#f15a24; /* 文字の色 */
	font-size:130%; /* 文字のサイズ */
}

/* 『指導票閲覧可能』の下線 */
#div_web3 #span_underline2 {
	border-bottom-color:#f15a24; /* 下線の色 */
	border-bottom-style:solid; /* 下線のスタイル */
	border-bottom-width:2px; /* 下線の太さ */
}

/* 流れ図のリスト(共通) */
#div_web3 ol {
	width:300px; /* 幅 */
	margin:0; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	float:left; /* 左に回り込み */
}

/* 流れ図のリストの要素(共通) */
#div_web3 li {
	margin:10px 5px 10px 0px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	list-style-type:none; /* マーカー */
	text-align:center; /* テキストの位置 */
}

/* 問診回答画面の画像 */
#div_web3 #img_web_monshin_gamen {
	margin:40px 0 80px 0; /* 外側の余白 */
	*margin:40px 0 50px 0; /* 外側の余白[IE6,7用] */
}

/* 『指導票閲覧可能』のリスト */
#div_web3 #ol_guidance_flow {
	clear:both; /* floatをクリアー */
	float:left; /* 左に回り込み */
	margin:10px 10px 10px 0px; /* 外側の余白 */
	padding:0;
}

/* 指導票閲覧画面の画像 */
#div_web3 #img_web_shido_gamen {
	margin:110px 10xp 50px 30px; /* 外側の余白 */
	padding:70px 0 0 0;
	 /* clear:both;floatをクリアー */
}
/*                             */
/* web3.htmlに対する設定　終了 */
/*                             */


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

.p_impression {
	margin:20px 50px;
	padding:0;
	font-size:120%;
}