@charset "EUC-JP";

/* CSS Document */
/************************************/
/*　基本部分　*/
/************************************/
* {
	margin: 0px;
	padding: 0px;
	font-family: Arial , "ヒラギノ角ゴ Pro W3" , Osaka , "ＭＳ Ｐゴシック" , sans-serif;
}

/* Mac版IE5のみ \*//*/
* {
font-size: 12px;
}
/* ここで終わり */ 

body {
	font-size: 13px;
	margin: 0px;
	color: #3A3A3A; /* 全体のテキストカラー */
	line-height: 145%;					
	background-image: url(/design/saiho0704/image/body_back.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: left;
}

a {
/*\*/
   overflow: hidden;
/**/
}

/*テキストリンク設定*/
a:link { color: #196DC9; text-decoration: underline; }
a:visited { color: #196DC9; text-decoration: underline; }
a:hover { color: #196DC9; text-decoration: none; }
a:active { color: #196DC9; text-decoration: underline; }

/*h1〜h6の余計な空白削除*/
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: normal;}

/*pの余計な空白削除*/
p { margin: 0px; padding: 0px; }

/*IMGのボーダーを非表示*/
img { border:none; margin: 0px; padding: 0px; vertical-align:bottom; }

/*IEで起こるBRのバグ回避*/
br { margin: 0px; padding: 0px; } 

 /*フォントスタイルノーマル化*/
em { font-weight: normal; }
address {
	font-weight: normal;
	font-style: normal;
}
strong { font-weight: normal; color: #CC0000; }

 /*FORMの余計な空白削除*/
form { margin: 0px; padding: 0px; }

 /*リストの余計な空白削除*/
ul, ol, li { margin: 0px; padding: 0px; list-style-type: none; }
dl, dt, dd { margin: 0px; padding: 0px; } 

/************************************/
/*　ブラウザ中央設定　*/
/************************************/
html>body { text-align: center; }
div.container { text-align: center; }

/*　レイアウト中央　*/
.contents {
    width: 900px;
    text-align: left; /* 中央揃え 古いブラウザ対応 */
    margin-left:auto;
    margin-right:auto;		
}

.contents900 {
    width: 900px;
}

/************************************/
/*　回り込み共通設定　*/
/************************************/
.leftBox { float: left; }
.rightBox { float: right; }
.clear { clear:both; }

/************************************/
/*　ヘッダー部　*/
/************************************/
.header { margin: 12px 0px 0px 0px; background-image: url(/design/saiho0704/image/header_back.gif); height:62px; }
.header ul { padding: 22px 0px 0px 345px; }
.header li { float: left; }
.header li a { display: block; height:21px; }
.header li.btn01 a { width:100px; background-image: url(/design/saiho0704/image/header_btn01.gif); }	
.header li.btn02 a { width:99px; background-image: url(/design/saiho0704/image/header_btn02.gif); }
.header li.btn03 a { width:99px; background-image: url(/design/saiho0704/image/header_btn03.gif); }
.header li.btn04 a { width:100px; background-image: url(/design/saiho0704/image/header_btn04.gif); }
.header li a:hover { background-position:bottom left; }

/************************************/
/*　ナビゲーション　*/
/************************************/
.gNavi li { float: left; }
.gNavi li a { display: block; height:30px; }
.gNavi li.btn01 a { width:129px; background-image: url(/design/saiho0704/image/navi01.jpg); }
.gNavi li.btn02 a { width:128px; background-image: url(/design/saiho0704/image/navi02.jpg); }
.gNavi li.btn03 a { width:129px; background-image: url(/design/saiho0704/image/navi03.jpg); }
.gNavi li.btn04 a { width:128px; background-image: url(/design/saiho0704/image/navi04.jpg); }
.gNavi li.btn05 a { width:129px; background-image: url(/design/saiho0704/image/navi05.jpg); }
.gNavi li.btn06 a { width:128px; background-image: url(/design/saiho0704/image/navi06.jpg); }
.gNavi li.btn07 a { width:129px; background-image: url(/design/saiho0704/image/navi07.jpg); }
.gNavi li a:hover { background-position:bottom left; }

/************************************/
/*　会員ログイン部分　*/
/************************************/
.menbar { width:900px; background-repeat: no-repeat; margin: 0px 0px 10px 0px; background-image: url(/design/saiho0704/image/menbar_back.gif); }
.menbar .leftBox { width:650px; height:68px; }

.menbar .leftBox ul { padding: 15px 0px 0px 150px; }
.menbar .leftBox li { float: left; background-repeat: no-repeat; }
.menbar .leftBox .id { padding: 0px 0px 0px 25px; background-image: url(/design/saiho0704/image/menbar_id.gif); }
.menbar .leftBox .pass { margin: 0px 5px 0px 5px; padding: 0px 0px 0px 85px; background-image: url(/design/saiho0704/image/menbar_pass.gif); }
.menbar .leftBox .btn a { display: block; height:21px; width:80px; background-image: url(/design/saiho0704/image/menbar_btn.gif); }
.menbar .leftBox p  { padding: 3px 0px 0px 0px; }
.menbar .leftBox p a.lostid { float: right; display: block; width:189px; height:20px; background-image: url(/design/saiho0704/image/menbar_btn_lost.gif); }

.menbar .rightBox { margin: 10px 0px 0px 0px;  height:46px; width:221px; background-image: url(/design/saiho0704/image/menbar_btn_new.gif); }
.menbar .rightBox p { padding: 7px 0px 0px 0px; }
.menbar .rightBox a { margin: 0px 0px 0px 109px; display: block; height:34px; width:105px; }

.menbarOut { background-repeat: no-repeat; margin: 0px 0px 10px 0px; background-image: url(/design/saiho0704/image/menbarout_back.gif); }
.menbarOut .leftBox { width:510px;  height:68px; margin: 0px 10px 0px 150px; }
.menbarOut .leftBox ul { padding: 25px 0px 0px 0px; }
.menbarOut .leftBox li { float: left; background-repeat: no-repeat; }
.menbarOut .rightBox { margin: 10px 0px 0px 0px;  height:46px; width:221px; background-image: url(/design/saiho0704/image/menbar_btn_re.gif); }
.menbarOut .leftBox .id { padding: 0px 25px 0px 10px; }
.menbarOut .leftBox .btn a { display: block; height:21px; width:80px; background-image: url(/design/saiho0704/image/menbarout_btn.gif); }
.menbarOut .rightBox p { padding: 7px 0px 0px 0px; }
.menbarOut .rightBox a { margin: 0px 0px 0px 109px; display: block; height:34px; width:105px; }

/************************************/
/*　左ナビゲーション部分　*/
/************************************/
.side { float:left; width:180px; }
.side a:link { color: #214754; text-decoration: underline; }
.side a:visited { color: #214754; text-decoration: underline; }
.side a:hover { color: #214754; text-decoration: none; }
.side a:active { color: #214754; text-decoration: underline; }

.side .Item h3 { height:30px; background-image: url(/design/saiho0704/image/side_item.jpg); }
.side .Item .ItemBack { padding: 0px 0px 1px 0px; background-image: url(/design/saiho0704/image/side_item_bg.gif); }
.side .Item table { width:180px; border-collapse:collapse; font-size: 13px; }
.side .Item td { line-height: 13px; padding: 10px 0px 11px 12px; border-collapse:collapse; }
.side .Item tr { height: 0px; }
.side .Item .leftbrand { line-height: 13px; }

html>body .side .Item .ItemBack { padding: 0px 0px 6px 0px; background-image: url(/design/saiho0704/image/side_item_bg_ff.gif); /* FF用のコンテンツ幅 */ }
html>body .side .Item td { padding: 4px 0px 5px 12px; /* FF用のコンテンツ幅 */ }

.side .Shop { margin: 20px 0px 0px 0px; }
.side .Shop h3 { height:30px; background-image: url(/design/saiho0704/image/side_shop.jpg); }
.side .Shop table { width:180px; border-collapse:collapse; font-size: 13px; background-image: url(/design/saiho0704/image/side_shop_bg.gif); }
.side .Shop td { line-height: 110%; height:36px; padding: 0px 0px 0px 30px; border-collapse:collapse; }

.side .newinfo { margin: 20px 0px 0px 0px; }
.side .newinfo dt { width:180px; height:38px; background-image: url(/design/saiho0704/image/side_newinfo.gif); }
.side .newinfo dd a { display: block; width:180px; height:26px; }
.side .newinfo dd.btn01 a { background-image: url(/design/saiho0704/image/side_newinfo_btn01.gif); }
.side .newinfo dd.btn02 a { background-image: url(/design/saiho0704/image/side_newinfo_btn02.gif); }
.side .newinfo dd.btn03 a { background-image: url(/design/saiho0704/image/side_newinfo_btn03.gif); }

.side .banarArea { margin: 20px 0px 0px 0px; }
.side .banarArea li { margin: 0px 0px 5px 0px; }

.side .Month table { margin: 20px 0px 0px 0px; background-color: #FFFFFF; }
.side .Calendar table { font-size: 13px; text-align: center; }
.side .Calendar td { padding: 4px 0px 4px 0px; text-align: center; }

/************************************/
/*　メインコンテンツ　*/
/************************************/
.mainArea { float: right; line-height: 145%; width:700px; margin: 0px 0px 0px 19px; text-align: left; }
html>body #RightBanner { margin: 0px 0px 0px -85px; position:absolute; /* FF用のコンテンツ幅 */ }

/************************************/
/*　フッター　*/
/************************************/
.footer { width: 900px; margin: 20px 0px 0px 0px; line-height: 145%; }

.footer h3 { height:22px; background-image: url(/design/saiho0704/image/footer_info.gif); }

.footer table { width: 100%;margin: 0px 0px 20px 0px; font-size: 13px; border-collapse: collapse; border-width: 1px 0px 1px 1px; border-style: solid; border-color: #145F7E; }
.footer table strong { color: #145F7E; }
.footer table p { margin: 0px 0px 10px 0px; }
.footer td {
	width: 50%;
	border-collapse: collapse;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #145F7E;
	padding: 19px;
	vertical-align: top;
}
.footer td h4 { height:23px; margin: 0px 0px 10px 0px; }
.footer td.box01 h4 { background-image: url(/design/saiho0704/image/footer_info_ts01.gif); }
.footer td.box02 h4 { background-image: url(/design/saiho0704/image/footer_info_ts02.gif); }
.footer td.box03 h4 { background-image: url(/design/saiho0704/image/footer_info_ts03.gif); }
.footer td.box04 h4 { background-image: url(/design/saiho0704/image/footer_info_ts04.gif); }

.footer address { border-width: 2px 0px 0px 0px; border-style: solid; border-color: #145F7E; padding: 10px; background-color: #EFF1F1; }

.footer .Copy {
	background-color: #0A577A;
	color: #CCCCCC;
	text-align: center;
	font-size: 11px;
	padding: 5px 0px 5px 0px;
}

/************************************/
/*　右移動バナー設定　*/
/************************************/
.MVBanar { padding: 0px 0px 30px 0px; width:169px; background-repeat: no-repeat; background-position:left bottom; background-image: url(/design/saiho0704/image/rightnavi_back.jpg); }
.MVBanar h3 { height:95px; background-image: url(/design/saiho0704/image/rightnavi_title.jpg); }
.MVBanar ul { text-align: left; width:125px; margin: 0px 0px 0px 23px; }
.MVBanar li { margin: 0px 0px 10px 0px; }
.MVBanar strong { line-height: 110%; font-weight: bold; }
.MVBanar a { color: #990000; }

/************************************/
/*　ページのトップ　*/
/************************************/
.page-top {
 width:150px;	
text-align: right;
	margin: 10px 0px 0px 0px;
	font-size: 11px;
}

/************************************/
/*　クリアオブジェクト　*/
/************************************/

.clearfix:after,
.header ul:after,
.gNavi ul:after,
.menbar:after,
.menbarOut:after,
.menbar .leftBox ul:after,
.menbarOut .leftBox ul:after,
.menbar .leftBox p:after,
.mainArea:after
 {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

.clearfix,
.header ul,
.gNavi ul,
.menbar,
.menbarOut,
.menbar .leftBox ul,
.menbarOut .leftBox ul,
.menbar .leftBox p,
.mainArea
 { display: inline-block;}
 
/* exlude MacIE5 \*/
* html .clearfix,
* html .header ul,
* html .gNavi ul,
* html .menbar,
* html .menbarOut,
* html .menbar .leftBox ul,
* html .menbarOut .leftBox ul,
* html .menbar .leftBox p,
* html .mainArea
 { height: 1% }
 
.clearfix,
.header ul,
.gNavi ul,
.menbar,
.menbarOut,
.menbar .leftBox ul,
.menbarOut .leftBox ul,
.menbar .leftBox p,
.mainArea
{display:block;}
/* end MacIE5 */

/************************************/
/*　画像文字消し　*/
/************************************/
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
.header span,
.gNavi span,
.menbar span,
.menbarOut span,
.side span
 {
	display:inline-block;
	height:0px;
	width:0px;
	overflow: hidden;
	position:absolute;
}