﻿@charset "utf-8";
/* セレクタの1行上にあるコメントは「CSS適用箇所(XHTMLタグ名)」*/

/* ユーザページ項目ボタン */
#img_user_category_button_update {
	margin:0 20px 10px 90px;
	padding:0;
}


/* お問い合わせフォームの設定(div) */
.thrColAbsHdr #div_mainContent {
	top:110; /* 上からの距離 */
	width:621px; /* 横幅 */
	height:1600px; /* 高さ */
	margin: 0px 170px 5px 158px; /* この div エレメントの右マージンと左マージンにより、ページの両側に 2 つのサイドバーが設定されます。#sidebar1 div と #sidebar2 div に含まれるコンテンツの量に関係なく、列のスペースは維持されます。 */
	padding: 0 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}

/* お問い合わせフォームの設定(div) */
.thrColAbsHdr #div_kuji_mainContent {
	top:110; /* 上からの距離 */
	width:621px; /* 横幅 */
	height:1500px; /* 高さ */
	margin: 0px 170px 5px 158px; /* この div エレメントの右マージンと左マージンにより、ページの両側に 2 つのサイドバーが設定されます。#sidebar1 div と #sidebar2 div に含まれるコンテンツの量に関係なく、列のスペースは維持されます。 */
	padding: 0 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}

/* user_contacth.htmlの#div_mainContent */
.div_user_contact {
		background-color:#FFF; /* 背景色 */

/* 
user_contactページは他ページより高さがあるため、ここで独自設定している。
共通設定はid(#div_mainContent)で設定しているので、class(.div_user_contact)より優先度が高い。
ここでの設定を有効にするため、｢!important｣を使用し、classの優先度を上げている。
*/
		height:2480px !important; /* 高さ */
		*height:2450px !important; /* 高さ */
}

/* ユーザーページのカテゴリー */
.img_user_category_button {
	margin:10px 20px 20px 0px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
}

/* user_contact.htmlの設定 開始 */
.thrColAbsHdr #div_kuji_contact {
	background: #ffefc6; /* 背景色 */
}

.thrColAbsHdr #div_contact {
	background: #faf5c0; /* 背景色 */
}
/* お問い合わせ内容の設定(td) */
.thrColAbsHdr #td_seikyu {
	text-align:center; /* テキストの位置[水平方向]を中央揃えにする */
}

/* お問い合わせ内容の設定(td) */
.thrColAbsHdr .koumoku_name {
	width:210px; /* 横幅 */
	*width:300px; /* 横幅(IEに対する設定) */
	text-align:left; /* テキストの位置[水平方向]を左揃えにする */
	vertical-align:middle; /* テキストの位置[垂直方向]を中央揃えにする */
}

thrColAbsHdr .koumoku_ask {
	width:510px; /* 横幅 */
	*width:550px; /* 横幅(IEに対する設定) */
	text-align:left; /* テキストの位置[水平方向]を左揃えにする */
	vertical-align:middle; /* テキストの位置[垂直方向]を中央揃えにする */
}


/* 項目名(テキスト部)の設定(span) */
.thrColAbsHdr .koumoku_txt {
	font-size:14px; /* 文字のサイズ */
	font-weight:bold; /* 文字の太さ[太字] */
	margin-left:10px; /* 外側の余白 */
}
	
/* 項目名(必須項目を示す「*」)の設定(span) */
.thrColAbsHdr .koumoku_hissu {
	color:#F00; /* 文字の色[赤色] */
	font-weight:normal; /* 文字の太さ[標準の太さ] */
}

/* 解答欄の設定(td) */
.thrColAbsHdr .koumoku_kaitou {
	width:411; /* 横幅 */
	*width:321; /* 横幅(IEに対する設定) */
	text-align:left; /* テキストの位置[水平方向]を左揃えにする */
	vertical-align:middle; /* テキストの位置[垂直方向]を中央揃えにする */
}

/* 問1)の「その他 具体的に」 */
.thrColAbsHdr #m_business {
	vertical-align:top; /* 文字垂直位置 */
}

/* user_contact.htmlの設定 終了 */



/* wellness21_update.htmlの設定 開始 */

/* タイトル */
.h2_update {
	margin:5px 0 20px 30px; /* 外側の余白 */
	color:#ff5f9e; /* 文字の色 */
	font-size:130%; /* 文字のサイズ */
}

#h2_float {
	float:left;
}

#p_kaishi {
	font-size:120%;
	color:#F00;
	margin:10px 20px 10px 50px;
	padding:0;
}

#ul_movie {
	margin:15px 5px 20px 450px; /* 外側の余白 */
	font-size:100%; /* 文字の大きさ */
	list-style-type:none; /* マーカーの種類 */
}

#li_movie {
	margin:0 0 0 0px; /* 外側の余白 */
	list-style-type:none; /* マーカーの種類 */
	background-image:url(../user/sozai_user/img_have_movie.jpg);
	background-repeat:no-repeat; /* 背景画像の繰り返し */
	background-position:left; /* 背景画像の位置 */
	padding-left:40px; /* 内側の余白 */
	line-height:32px;
}

/* 変更方法動画へのリンクボタンリスト　全体 */
#ul_update {
	clear:both; /* フロートを解除する */

}


#li_title {
	margin:20px 20px 10px 0px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	font-size:150%;
	list-style-type:none;
}



/* 変更方法動画へのリンクボタンリスト　説明文 */
#li_txt {
	margin:20px 20px 10px 30px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	font-size:95%;
}

/* 変更方法動画へのリンクボタンリスト　リンクボタン */
.li_update_item {
	margin:10px 20px 10px 30px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	list-style-type:none; /* マーカーの有無 */
}

/* 印刷用PDFへのリンクボタン */
#img_button_pdf {
	z-index:1; /* 重ね順を下から2番目に設定 */
	position:absolute; /* ウィンドウを基準とした絶対的な配置に設定 */
	top:521px; /* 上からの位置 */
	left:626px; /* 左からの位置 */
}

/* wellness21_update.htmlの設定 終了 */

/* 食らぼバージョンアップの設定　開始 */

/* リスト */
.li_verup_item {
	margin:50px 20px 30px 30px; /* 外側の余白 */
	padding:0; /* 内側の余白 */
	list-style-type:none; /* マーカーの有無 */
	font-size:90%;
}

/* 文字サイズを大きくする */
.span_size{
	font-size:140%;
}

/* 赤色で少し文字を大きくする */
.span_red{
	font-size:120%;
	color:#F00;
}
