@charset "utf-8";
/*全ページ適用CSS -------------------------------------------------------------- */
* {
margin		: 0;
padding		: 0;
font-style	: normal;
font-size	: 100%;
}
body {
font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
margin: 0;
padding: 0;
text-align: center;
font-size: 75%;
line-height:1.5;
background:url(../img/img-common/bg_body.gif);
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{  
margin:0; padding:0;  
}  
table{  
border-collapse:collapse; border-spacing:0;  
}  
fieldset, img{  
border:0;  
} 
img {
vertical-align: bottom;
}
address, caption, cite, code, dfn, em, strong, th, var{  
font-style:normal; font-weight:normal;  
}
ol, ul{  
list-style:none;  
} 
caption, th{  
text-align:left;  
}
h1, h2, h3, h4, h5, h6{  
font-size:100%; font-weight:normal;  
}
hr {
display: none;
}
q:before, q:after{  
content:”;  
}
abbr, acronym{  
border:0;  
}
/* フロート解除用 */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
zoom:1;
} 


/*------------------------------------
枠組み 
------------------------------------*/ 
div#wrapper {
width: 900px;
margin:0 auto;
text-align:left;
background:url(../img/img-common/bg_wrapper.gif) repeat-y;
}
/*------------------------------------
ヘッダー
------------------------------------*/
#header {
width:100%;
height:86px;
background:url(../img/img-common/bg_header.gif) repeat-y;
overflow:hidden;
}
#header h1{
padding:4px 0 0 6px;
line-height:1;
overflow:hidden;
}
#header p{
float:left;
}
#header p.hd_ld_01{
margin:15px 20px 21px 20px;
line-height:1;
}
#header ul{
float:left;
margin:15px 0 17px 0;
}
#header ul li{
float:left;
height:36px;
}
#header ul li a{
display:block;
height:36px;
overflow:hidden;
}
#header ul li a img{
visibility:hidden;
}
#header ul li.hd_bt_01 a{
margin:0 3px 0 0;
width:180px;
background:url(../img/img-common/hd_bt_01.gif) no-repeat;
}
#header ul li.hd_bt_02 a{
width:120px;
background:url(../img/img-common/hd_bt_02.gif) no-repeat;
}
#header ul li  a:hover{
background-position:0 -36px;
}





/*------------------------------------
グローバルナビ
------------------------------------*/
#globalnavi{
padding:0 0 0 217px;
height:35px;
background:url(../img/img-common/bg_gnv.gif) no-repeat;
}
#globalnavi ul li{
margin:0 7px 0 0;
height:100%;
float:left;
}
#globalnavi ul li a img{
visibility:hidden;
}
#globalnavi ul li a{
display:block;
width:100px;
height:35px;
overflow:hidden;
}
#globalnavi ul li.gnv_01 a{
background:url(../img/img-common/gnv_01.gif) no-repeat;
}
#globalnavi ul li.gnv_02 a{
width:130px;
background:url(../img/img-common/gnv_02.gif) no-repeat;
}
#globalnavi ul li.gnv_03 a{
width:130px;
background:url(../img/img-common/gnv_03.gif) no-repeat;
}
#globalnavi ul li.gnv_04 a{
width:140px;
background:url(../img/img-common/gnv_04.gif) no-repeat;
}
#globalnavi ul li.gnv_05 a{
width:140px;
background:url(../img/img-common/gnv_05.gif) no-repeat;
}
#globalnavi ul li a:hover{
background-position:0 -35px;
}
#globalnavi ul li a.stay{
background-position:0 -70px;
}

/*------------------------------------
サイドメニューとコンテンツの枠 
------------------------------------*/ 
#wrapper #wrapper-inner {
clear:both;
width: 100%;
background:url(../img/img-common/bg_wrapper_inner.gif) no-repeat left top;
}
/*------------------------------------
トップページ以外のコンテンツ枠
------------------------------------*/ 
#wrapper #wrapper-inner #main {
float: right;
padding:35px 0 50px 0;
width: 665px;
}
/*------------------------------------
トップページのコンテンツ枠
------------------------------------*/
#wrapper #wrapper-inner #main.topmain {
float: right;
padding:0 0 0 0;
width: 678px;
}

/*------------------------------------
トップページログイン
------------------------------------*/
#top_catch{
width:100%; 
height:209px; 
background:#FF9900;
}
.top_catch_l{
width:211px;
float:left;
}
.top_catch_r{
float:right;
background:#FFFFFF;
}
#top_catch iframe{
width:200px;
height:209px;
}

#top_catch iframe#repview{
width:689px;
height:209px;
}


/*----------------------------------------
左サイドメニュー
----------------------------------------*/
#wrapper #wrapper-inner #sidenavi {
float: left;
width: 211px;
}

/*[会員ログイン]*/
.login_block{
padding:0 0 9px 0;
background:#FF9900;
}
.login_block iframe{
width:200px;
height:200px;
}
.bg_login{
	margin:0 0px 0 16px;
	background:#EAEAEA url(../img/img-common/bg_login.gif) no-repeat left bottom;
	width: 180px;
}
.bg_login h3,.bg_login h4,.bg_login p,{
font-size:0;
line-height:1;
}
.bg_login p{
text-align:center;
}
.bg_login .login_hd{
height:5px;
overflow:hidden;
}
.bg_login .login_hd img{
vertical-align:top;
}
.bg_login input{
margin:0 0 5px 0;
padding:0;
width:166px;
font-size:12px;
line-height:16px;
}
.bg_login .bt_login{
margin:0 18px 0 82px;
}
.bg_login .bt_login input{
width:80px;
height:20px;
}
.bg_login .bt_ssl,
.bg_login .bt_getnewpass{
margin:0 10px 0 51px;
padding-bottom:3px;
}
.bg_login .m_login_01{
margin:0 0 550px 0;
}
.bg_login p.bt_newmember{
margin-top:-6px;
}
/*[ログイン後の会員情報表示]*/
.bg_login p.after{
margin:0 0 10px 22px;
font-size:12px;
text-align:left;
line-height:1.5;
}
.bg_login .err{
color:#f00;
}

/*ナビ*/
#sidenavi ul#lnv_ul_01{
padding:0 0 16px 21px;
}
#sidenavi ul#lnv_ul_01 li{
width:171px;
background:url(../img/img-common/lnv_ln_01.gif) repeat-x left bottom;
}
#sidenavi ul#lnv_ul_01 li a{
display:block;
padding:10px 0 10px 22px;
background:url(../img/img-common/lnv_ic_01.gif) no-repeat 0 13px;
color:#333;
text-decoration:none;
}
#sidenavi ul#lnv_ul_01 li a:hover{
text-decoration:underline;
}

/*バナー*/
ul#lnv_banner{
margin:0 0 100px 16px;
}
ul#lnv_banner li{
margin:0 0 8px 0;
height:80px;
}

/*ul#lnv_banner li.lnv_bn_04{
margin-top:44px;
}*/

ul#lnv_banner li.lnv_bn_04{
margin:44px 0 60px;
height:80px;
/*background: url(../img/img-common/left_lin01.gif) no-repeat left bottom;*/
}

ul#lnv_banner li.lnv_bn_05{
height:110px;
}
ul#lnv_banner li.lnv_bn_06{
height:120px;
margin-bottom: 30px;
}


ul#lnv_banner li a{
display:block;
width:180px;
height:80px;
overflow:hidden;
}
ul#lnv_banner li a img{
visibility:hidden;
}
ul#lnv_banner li.lnv_bn_01 a{
background:url(../img/img-common/lnv_bn_01.gif) no-repeat;
}
ul#lnv_banner li.lnv_bn_02 a{
background:url(../img/img-common/lnv_bn_02.gif) no-repeat;
}
ul#lnv_banner li.lnv_bn_03 a{
background:url(../img/img-common/lnv_bn_03.gif) no-repeat;
}
ul#lnv_banner li.lnv_bn_04 a{
background:url(../img/img-common/lnv_bn_04.gif) no-repeat;
}

ul#lnv_banner li.lnv_bn_05 a{
background:url(../img/img-common/lnv_bn_05.gif) no-repeat;
height: 112px;
}
ul#lnv_banner li.lnv_bn_06 a{
background:url(../img/img-common/lnv_bn_06.gif) no-repeat;
height: 120px;
}
ul#lnv_banner li  a:hover{
background-position:-180px 0;
}



/*----------------------------------------
フッター
----------------------------------------*/
#footer {
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
clear:both;
}
#footer ul{
width:100%;
text-align:center;
background:#FF9900;
line-height:2.0;
}
#footer ul li{
display:inline;
color:#fff;
background:url(../img/img-common/bg_ft_li.gif) no-repeat right top;
}
#footer ul li.ft_li_last{
background:none;
}
#footer ul li a{
margin:0 10px;
color:#fff;
text-decoration:none;
}
#footer ul li a:hover{
text-decoration:underline;
}
#footer p.copyright{
width:100%;
text-align:right;
background:#fff;
}