@charset "Shift_JIS";

/* BODYタグ設定 */
body {
	margin:0;
	padding:0;
	background-image:url(../BG/bg.jpg);
	background-position:center top;
	background-attachment:fixed;
	font-size:12px;
	line-height:1.6em;
	font-family:"ヒラギノ角ゴ Pro W3","HIragino Kaku Ghothic Pro W3",Osaka,"ＭＳ Ｐゴシック";
	/* ▼背景画像によって変更▼ */
	background-color:#FFF;
	background-repeat:repeat-x;
}

/* 見出しタグの初期化 */
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}

/* フォームの初期化 */
form {
	margin:0;
	padding:0;
}

/* 画像リンクのボーダー無効化 */
img {border:0;}

/* firefox用リンクボーダー無効化 */
a {outline:0;}

/* ページメイン画像の枠 */
.MainImgBorder {
	border:1px solid #CCCCCC;
	padding:7px;
}

/* コンテンツページ内の画像余白設定 */
.ImageMargin {
	margin-top:5px;
	margin-bottom:10px;
}

/* コンテンツ全体を囲うボックス */
#Wrapper {
	text-align:left;
	width:808px;
	padding-left:16px;
	padding-right:16px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

/* 横幅800pxボックス */
.Boxwidth800px {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

#ContentsWrapper {
	clear:both;
	padding-top:5px;
}

/*============================================
ヘッダーボックス用【#Header】
・ホームページに設定する　→　#Homepage
・検索フォーム　　　　　　→　#SearchBox
・新着情報　　　　　　　　→　#TopicsBox
============================================*/
#Header {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

/*==========================================
ホームに設定するボタン部分
==========================================*/
#Homepage {
 	width:798px;
	height:18px;
	border:1px solid #771913;
	background-image:url(../img/homepage_set_btn_BG.gif);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#771913;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#Homepage a {
	display:block;
	width:100%;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#Homepage a:hover {
	color:#FFCC00;
	font-weight:bold;
	text-decoration: underline;
}

/*==========================================
トピックス表示領域
==========================================*/
#TopicsBox {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-top:2px;
	padding-bottom:2px;
	font-size:12px;
	font-size:12px;
}

/*============================================
検索フォーム用
・上部検索フォーム　→　#SearchBox 
・下部検索フォーム　→　#FooterSerchBox
============================================*/
#SearchBox {
	width:800px;
	height:82px;
	padding-left:0;
	padding-top:5px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/search_bg.jpg);
	background-repeat:no-repeat;
}

#SearchBoxLeft {
	float:left;
	width:210px;
	height:80px;
}

#SearchBox .SeachInputForm {
	width:340px;
	height:18px;
	border:1px solid #FF6600;
	padding-top:5px;
	padding-left:5px;
	margin-right:-5px;
}

.SearchSubmitBtn {padding-top:1px;}

#FooterSerchBox {
	width:630px;
	height:92px;
	padding-top:25px;
	padding-left:170px;
	background-image:url(../img/footer_seach_bg.gif);
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
}

#FooterSerchBox .SeachInputForm {
	width:389px;
	height:18px;
	border:1px solid #FF6600;
	padding-top:5px;
	padding-left:5px;
	margin-right:-5px;
}


/*============================================
トップページFLASH用
============================================*/
#IndexSWF {
	width:800px;
	height:220px;
	padding-bottom:5px;
}

/*============================================
トップページコンテンツ左側ボックス用
============================================*/
#ContentsLeft {
	width:501px;
	float:left;
}

/*============================================
トップページコンテンツ右側ボックス用
============================================*/
#ContentsRight {
	width:282px;
	float:right;
}

/* 会員専用ツール ここから */
#MemberToolBox {
	background-image:url(../img/member_tool_BG.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:50px;
	overflow:auto;
}

#MemberToolBox ul {
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:auto;
	width:100%;
}

#MemberToolBox li {
	margin:0;
	padding:0;
	float:left;
	padding-left:7px;
	text-indent:-9999px;
}

#MemberToolBox a {
	display:block;
	width:85px;
	height:72px;
}

#MemberBoxBtn01 a {
	background-image:url(../img/member_tool_btn_01.gif);
}

#MemberBoxBtn02 a {
	background-image:url(../img/member_tool_btn_02.gif);
}

#MemberBoxBtn03 a {
	background-image:url(../img/member_tool_btn_03.gif);
}

#MemberBoxBtn01 a:hover {
	background-image:url(../img/member_tool_btn_01_on.gif);
}

#MemberBoxBtn02 a:hover {
	background-image:url(../img/member_tool_btn_02_on.gif);
}

#MemberBoxBtn03 a:hover {
	background-image:url(../img/member_tool_btn_03_on.gif);
}

/* ※非SLLのWEBメールログイン */
#MemberLogin {
	clear:left;
	margin:0;
	padding-top:5px;
	padding-bottom:10px;
	font-weight:bold;
	text-align:center;
}

/* 障害情報リンク */
#RescueInfoBox {
	padding-left:7px;
	padding-bottom:10px;
}

/* バナーボックス用 */
#MobileBox {
	width:269px;
	height:100px;
	padding-left:7px;
	padding-bottom:10px;
	background-image:url(../img/mobile_box.gif);
	background-position:top right;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

/* バナーボックス用 */
#BannerBox {
	padding-left:7px;
}

/* バナー1個用 */
#BannerBox p {
	margin:0;
	padding:0;
	padding-bottom:10px;
}

/* ページの先頭に戻るリンク */
.BackToTop {
	text-align:right;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
}

.BackToTop a {
	background-image:url(../img/backtotop_icon.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	font-size:10px;
	line-height:2em;
	padding-bottom:3px;
}

/*========================================
申し込みバナー部分
========================================*/
#Address {
	background-image:url(../img/address.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	padding-bottom:10px;
}

#Address a {
	width:282px;
	height:250px;
	display:block;
	overflow:hidden;
}


/*============================================
ページ下部サイトマップ用
============================================*/
#SiteMap {
	padding-bottom:10px;
	clear:both;
}

#SiteMap h2 {
	background-image:url(../img/index_title_service.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:808px;
	height:48px;
}

/*============================================
ページ下部フッター（会社概要などのリンク部分）
============================================*/
#Footer {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	font-size:12px;
	color:#CCCCCC;
}

/*============================================
ページ下部コピーライト
============================================*/
#Copyright {
	font-family:Verdana, Arial;
	font-size:9px;
	color:#666666;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

/*==========================================
通常リンク設定
==========================================*/
a:link {
	color: #003399;
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
	color: #003399;
}

a:hover {
	text-decoration: none;
	color: #CC0000;
}

a:active {
	text-decoration: underline;
	color: #003399;
}

/*=========================================
よくある質問
=========================================*/
#FAQ {
	border:2px solid #9CC5DC;
	padding:7px;
	margin-bottom:15px;
	font-size:10px;
	margin-left:7px;
	margin-right:7px;
	background-color:#EEF5F9;
	background-image:url(../img/FAQ_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	overflow:auto;
	width:250px;
}

#FAQ h4 {
	font-size:12px;
	text-align:center;
}

#FAQ p {
	margin:0;
	padding:0;
	padding-bottom:5px;
	text-align:center;
}

#FAQ ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}

#FAQ li {
	margin:0;
	padding:0;
}

#FAQ h5 {
	font-size:10px;
	background-image:url(../img/category_icon.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	float:right;
}

#FAQ h5 a {
	margin:0;
	border:0;
	background:none;
}

#FAQ a {
	display:inline-block;
	padding:3px;
	text-decoration:none;
	line-height:1.5em;
	border-bottom:1px solid #CFE3EE;
}

#FAQ a:hover {
	background-color:#CFE3EE;
	color: #003399;
}

/*==========================================
文字設定
==========================================*/
.Text10 {
	font-size:10px;
	line-height:15px;
}

.En10 {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

/*==========================================
色設定
==========================================*/
.Regular {background-color:#DCE9CB;}

.Option {background-color:#F9D9D9;}

.Title {background-color:#D8E6F1;}

.Question {background-color:#D8E6F1;}

.Yellow {background-color:#FFFFCC;}

.Green {background-color:#CEDFB7;}

/*==========================================
リンクアイコン設定
==========================================*/
/* 新しいウィンドウで開く */
#ContBox .NewWindow {
	background-image:url(../img/new_window_icon.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:15px;
	margin-right:2px;
}

/* リンク矢印 */
#ContBox .Allow {
	background-image:url(../img/category_icon.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
}

/* PDF */
#ContBox .PDF {
	background-image:url(../img/pdf_icon.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
}