/*　CSS作成方針−このサイトはIE6.0、IE7.0、firefox2.0で見られるように設計してください　*/
/*　CSSハックはIE6.0向けに対してはアンダースコア、firefoxはリンクファイルの"hack.css"に記述することとします。　*/

@import url("liquid.css");
@import url("solid.css");

@import url("hack.css") screen;/*モダンブラウザ(firefox)専用*/


/*====================================================================*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　全体レイアウト　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*====================================================================*/

/*==================================*/
/*　　　　　全体レイアウト　　　　　*/
/*==================================*/

/*基本情報*/
p {
	padding:0px;
	margin:0px;
}
form {
	padding:0px;
	margin:0px;
}

/*カラーリング*/


/*レイアウト*/
div.lpomenu {
    background:url(../images/container_top_lpomenu_bg.jpg) no-repeat;
    margin:0px auto;
    width:808px;
    padding:0px 0px;
}
div.lpomenu div.inner {
    margin:0px 8px;
}

div.contents {
    background:url(../images/contents_sub_bg_bottom.jpg) -10px 20px no-repeat;
    
}

#Inner_Top_Lpo {
    clear:both;
}

h2.lpotitle {
    background:url(../images/contents-header2.jpg) no-repeat;
    height:44px;
    padding:18px 10px 0px 50px;
    font-size:28px;
    font-weight:bold;
    letter-spacing:0.1em;
}
h2.lpotitle_chain {
    background:url(../images/contents-header2.jpg) bottom no-repeat ;
    height:44px;
    padding:10px 10px 0px 50px;
    font-size:28px;
    font-weight:bold;
    letter-spacing:0.1em;
}

.lpocontentstop {
    background:url(../images/contents_main_top_bg.jpg) top repeat-x #ff0000;
    margin-top:10px;
}
.lpocontentsbottom {
    background:url(../images/contents_main_bottom_bg.jpg) bottom repeat-x;
    padding-bottom:10px;
}

.lpocontentstop_chain {
    background:url(../images/contents_main_top_bg_chain.jpg) repeat-x;
    height:8px;
}

.lpocontentsbottom_chain {
    background:url(../images/contents_main_bottom_bg_chain.jpg) bottom repeat-x;
    height:6px;
}
.lpocontents {
	padding:0px;
	margin:0px;
}
.lpocontents .lpocontentsleft {
    background:url(../images/contents_main_left_bg.jpg) left repeat-y;
	padding-left:9px;
}
.lpocontents .lpocontentsright {
    background:url(../images/contents_main_right_bg.jpg) right repeat-y;
	padding-right:9px;
}
/*　タグ内のIEとfirefox　背景の表示域を可変長に確保　*/
.lpocontents .inner{
	width:100%;
	overflow:hidden;
}

/*　共通コンテンツタイトル　*/
h3.contentstitle {
	background:url(../images/contents_header3.jpg) 4px no-repeat;
	padding:5px 5px 5px 20px;
	font-size:16px;
	font-weight:bold;
	margin:5px 5px;
}

/*float解除*/
.br {
    zoom: 100%;
}
.br:after {
    content: "";
    clear: both;
    height: 10px;
    display: block;
}


/*　フォーム関連　*/
.focus:focus {
	background:#f8f6e7;
}
input,select {
	padding:2px 2px 1px 2px;
	margin:0px 5px 0px 0px;
}
input.short,textarea.short {
	width:100px;
}
input.middle,textarea.middle {
	width:200px;
}
input.long,textarea.long {
	width:400px;
}
textarea.short {
	height:60px;
}
textarea.middle {
	height:80px;
}
textarea.long {
	height:100px;
}
input.right,textarea.right {
	text-align:right;
}
.cbl input {
	margin-left:10px;
}

/*　ラベル設定ページへのリンク　*/
.labellink {
	background:url(../images/icon_label.jpg) 2px center no-repeat;
	padding-left:20px;
}

/*　センタリング　*/
.center {
	text-align:center;
	margin:auto;
	display:block;
}


/*　トップへ戻る　*/
a.backtotop {
	display:block;
	overflow:auto;
	border-bottom:solid 1px #2f5ed2;
	margin:3px;
}

/*　フッターメニュー　*/
.bottommenu {
	margin:5px;
}
/*　テキストの強弱　*/
.important {
	color:#ff0000;
	font-weight:normal;
}
.unimportant {
	color:#aaaaaa;
	font-weight:normal;
}

/*====================================================================*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　レイアウト個別設定　　　　　　　　　　　　　*/
/*　　　　　　ここは固定・可変両レイアウトで使用しているもの　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*====================================================================*/

/*----------------------------------*/
/*　　　　　絞込み表示　　　　　　　*/
/*----------------------------------*/
div.search {
    background:url("../images/search_img01.jpg") 10px -3px no-repeat;
    margin:5px;
    margin-left:15px;
    height:60px;
}
div.search div.thead,div.search div.tbody,div.search div.tfoot {
	margin-left:100px;
	overflow:auto;
	margin-bottom:5px;
	width:600px;
}
div.search div.th {
	float:left;
	width:240px;
}
div.search div.td {
	float:left;
	width:180px;
}

/*----------------------------------*/
/*　　　検索結果測定情報全般　　　　*/
/*----------------------------------*/

/*　背景　*/
div.resulttotal {
	background:url("../images/inner_title01.jpg") no-repeat;
	margin:7px;
	height:151px;
	width:752px;
	overflow:hidden;
}

/*　タイトル　*/
div.resulttotal h3.title {
	padding:12px 10px 8px 35px;
	font-size:18px;
}
html[xmlns] div.resulttotal h3.title {
}

div.resulttotal h3.title img.advicelink {
	position:relative;
	top:-5px;
}
/*　メインテーブル（測定情報全般）　*/
div.resulttotal table.main {
	float:left;
	margin:10px 2px 5px 5px;
	border-collapse:collapse;
	width:299px;
	overflow:auto;
}
div.resulttotal table.main tr.thead {
	background:url(../images/contents_listheader01_bg.jpg) repeat-x;
	overflow:auto;
	border-bottom:solid 1px #123fd0;
}
div.resulttotal table.main tr.tbody {
	overflow:auto;
}
div.resulttotal table.main tr.thead td.cell,div.resulttotal table.main tr.tbody td.cell {
	width:147px;
	overflow:auto;
	border:solid 1px #123fd0;
	font-weight:bold;
}
div.resulttotal table.main tr.thead td.cell {
	padding:5px;
	font-size:16px;
	letter-spacing:0.05em;
	color:#FFFFFF;
	text-align:center;
}
div.resulttotal table.main tr.tbody td.cell p {
	padding:3px 0px;
	font-size:20px;
	letter-spacing:0.1em;
	color:#1544d3;
	text-align:right;
}
div.resulttotal table.main tr.tbody td.cell p.add {
	margin-top:2px;
	padding:1px;
	font-size:11px;
	font-weight:normal;
	color:#464646;
	background:#ededed;
	text-align:right;
	letter-spacing:0em;
}

/*　サブテーブル（測定情報全般）　*/
div.resulttotal table.sub {
	float:left;
	margin:10px 0px 5px 4px;
	border-collapse:collapse;
	overflow:auto;
	width:431px;
}
div.resulttotal table.sub tr.thead {
	background:url(../images/contents_listheader01_bg.jpg) repeat-x;
	overflow:auto;
	border-bottom:solid 1px #123fd0;
}
div.resulttotal table.sub tr.tbody {
	overflow:auto;
}
div.resulttotal table.sub tr.thead td.cell,div.resulttotal table.sub tr.tbody td.cell {
	border:solid 1px #123fd0;
	width:107px;
}
div.resulttotal table.sub tr.thead td.cell {
	padding:5px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#FFFFFF;
	text-align:center;
}
div.resulttotal table.sub tr.tbody td.cell {
	padding:2px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	text-align:right;
}

div.resulttotal table.sub tr.tbody td.cell p {
	padding:3px 0px;
	font-size:18px;
	letter-spacing:0.1em;
	text-align:right;
}
div.resulttotal .border-l {
	border-left:solid 1px #123fd0;
}


/*　ラベルリンク（独自）　*/
div.resulttotal div.labellink {
	padding-right:3px;
}

/*　アドバイスリンク（独自）　*/
div.resulttotal img.advicelink {
	float:right;
	_position:relative;
	_top:-3px;
}


/*----------------------------------*/
/*　　入力系テーブルレイアウト　　　*/
/*----------------------------------*/

table.edittable {
	margin:5px 10px;
	border-collapse:collapse;
}
table.edittable th,table.edittable td {
	border:solid 1px #cccccc;
	padding:3px;
	vertical-align:top;
}

table.edittable th {
	background:#eeeeee;
	text-align:right;
	padding:7px;
	padding-right:14px;
}
table.edittable tr.title td {
	background:#eeeeee;
	text-align:center;
	padding:7px;
}

table.edittable th.must {
	background:url(../images/icon_must.gif) right 10px no-repeat #eeeeee;
}

table.edittable tr th.mediatitle,table.edittable tr td.mediatitle {
	vertical-align:middle;
	background-color:#ffffff;
	padding:3px;
}


/*----------------------------------*/
/*　　　　　　タグ生成　　　　　　　*/
/*----------------------------------*/
div.tag {
	float:right;
	margin-bottom:10px;
	border:solid 1px #cccccc;
	padding:5px;
}
textarea.tagcreate {
	float:right;
	width:200px;
	height:100px;
}
div.tag div.title {
	float:left;
	width:280px;
	border-bottom:solid 1px #cccccc;
	padding:3px 0px;
	font-weight:bold;
}
div.tag div.body {
	width:280px;
	padding:5px 0px;
}
div.body input.copy {
	float:right;
	font-weight:bold;
	margin-top:3px;
	margin-right:10px;
	width:150px;
}

/*　　*/
.advice div.body {
	width:600px;
	margin:auto;
	padding:5px;
}
.advice div.logo {
	float:left;
	width:190px;
}
.advice img.logo {
}
.advice div.title {
	margin-top:5px;
	margin-bottom:5px;
}
.advice div.description {
	margin-top:5px;
	margin-bottom:5px;
}
/*　スクロールテキスト　*/

.scroll {
	width:290px;
	overflow-x:auto;
	white-space:nowrap;
	height:35px;
}
.scroll2 {
	width:740px;
	overflow-x:auto;
	white-space:nowrap;
	height:35px;
}
tr td.v-center {
	vertical-align: middle;
}