@charset "utf-8";

/* -----------------------------------------------------------------------------
** common css style
----------------------------------------------------------------------------- */

body {
	line-height: 1.5;
	color: #666666;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
	font-size: 62.5%;
	}

/* IE 6,7 */	
html:not(:target) body {
	font-size: 10px;
	}

* {
	margin: 0px;
	padding: 0px;
	}
	
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	}
	
ul {
	list-style:none;
	}

img {
	vertical-align: top;
	border: 0;
	}
	
.f_l {
	float: left;
	}

.f_r {
	float: right;
	}

a {
	color: #666666;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}


/* for public */

.mt_1 { margin-top: 1px; }
.mt_2 { margin-top: 2px; }
.mt_3 { margin-top: 3px; }
.mt_4 { margin-top: 4px; }
.mt_5 { margin-top: 5px; }
.mt_6 { margin-top: 6px; }
.mt_7 { margin-top: 7px; }
.mt_8 { margin-top: 8px; }
.mt_9 { margin-top: 9px; }
.mt_10 { margin-top: 10px; }
.mt_11 { margin-top: 11px; }
.mt_12 { margin-top: 12px; }
.mt_13 { margin-top: 13px; }
.mt_14 { margin-top: 14px; }
.mt_15 { margin-top: 15px; }
.mt_17 { margin-top: 17px; }
.mt_18 { margin-top: 18px; }
.mt_20 { margin-top: 20px; }
.mt_24 { margin-top: 24px; }
.mt_25 { margin-top: 25px; }
.mt_26 { margin-top: 26px; }
.mt_30 { margin-top: 30px; }
.mt_40 { margin-top: 40px; }

.align_c { text-align: center; }
.align_l { text-align: left; }
.align_r { text-align: right; }
	
.clear { clear: both; }
	
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}


/* -----------------------------------------------------------------------------
** layout style
----------------------------------------------------------------------------- */

html,body {
	height: 100%;
	}

body {
	background: #f2f2f2;
	}
	
.cover {
	overflow: hidden;
	}
	
#flash {
	position:fixed;
	z-index:-1;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

* html #flash {
	position:absolute;
}
	
#flash #flashcontent {
	height: 100%;
}


/* #header */

#header {
	height: 102px;
	background: #FFFFFF url(../image/header_bg.png) 0 100% repeat-x;
	position: relative;
	z-index: 10;
	}

#header .head_contents {
	width: 950px;
	margin: 0 auto;
	padding-top: 17px;
	}
	
#header .top {
	}
	
#header .top .logo {
	float: left;
	height: 41px;
	}
	
#header .top .branch_info {
	width: 248px;
	height: 50px;
	float: right;
	background: url(../image/line_v.gif) left top repeat-y;
	padding-left: 24px;
	}
	
#header .top .branch_info ul#branch_menu li#branch_forus {
	width: 128px;
	float: left;
	}
	
#header .top .branch_info ul#branch_menu li#branch_vivre {
	float: left;
	}
	
#header .top .branch_info ul#branch_menu li p.text {
	height: 20px;
	}

#header .top .branch_info ul#branch_menu .branch_list dd {
	width: 119px;
	position: relative;
	}
	
#header .top .branch_info ul#branch_menu .branch_list dd ul {
	width: 119px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 999;
	display: none;
	}
	
#header .top .branch_info .mail {
	float: right;
	margin-top: 10px;
	}

#grandmenu .club_link .caution {
	margin: 15px 0 0 0;
	background: url(../image/bg_red.gif);
	padding:1px;
	}
	
#grandmenu .club_link .caution_in {
	background: url(../image/bg_caution.gif);
	padding:8px;
	color:#FF3535;
	}

#grandmenu .club_link .caution_in h3{
	background: url(../image/icon_caution.gif) 0 0 no-repeat;
	padding:0 0 0 26px;
	color:#FF3535;
	font-size:120%;
	}
	

/* #contents */
#contents {	}
	

/* #contentsArea */
#contentsArea {
	width: 950px;
	margin: 19px auto 0 auto;
	}

/* #footer */
#footer {
	padding-top: 25px;
	}
	
#footer .foot_top {
	background: url(../image/foot_bg.gif) repeat;
	padding-top: 15px;
	padding-bottom: 15px;
}
	
#footer .foot_top .foot_contents {
	width: 950px;
	height: 95px;
	margin: 0 auto;
	position: relative;
	border-left: #bdbdbd 1px solid;
	}
	
#footer .pagetop {
	width: 950px;
	height: 16px;
	overflow: hidden;
	margin: 0 auto;
	text-align: right;
	}
	
#footer .pagetop a {
	display: block;
	width: 58px;
	height: 10px;
	float: right;
	}
	
#footer .foot_top .foot_contents .mobile {
	border-right: #bdbdbd 1px solid;
	width: 237px;
	height: 95px;
	float: left;
	padding-left: 18px;
	}
	
#footer .foot_top .foot_contents .mail {
	border-right: #bdbdbd 1px solid;
	width: 287px;
	height: 95px;
	float: left;
	padding-left: 18px;
	}
	
#footer .foot_top .foot_contents .rusful {
	border-right: #bdbdbd 1px solid;
	width: 387px;
	height: 95px;
	float: left;
	text-align: center;
	}
	
#footer .foot_top .foot_contents .leftimg {
	float: left;
	margin-right: 10px;
	}
	
#footer .foot_bottom {
	background: #ffffff;
	padding-bottom: 20px;
	}
	
#footer .foot_bottom .bottomcontents {
	width: 950px;
	padding-top: 14px;
	margin: 0 auto;
	position: relative;
	}
	
#footer .foot_bottom .bottomcontents ul {
	height: 11px;
	overflow: hidden;
	zoom: 1;
	}
	
#footer .foot_bottom .bottomcontents li {
	float: left;
	margin-right: 27px;
	overflow: hidden;
	display: inline;
	line-height: 70%;
	}

#footer .foot_bottom .bottomcontents .aeon {
	height: 13px;
	margin-top: 10px;
	font-size: 120%;
	letter-spacing: 0.1em;
	}
	
#footer .foot_bottom .bottomcontents .aeon img {
	margin-right: 8px;
	}
	
*+html #footer .foot_bottom .bottomcontents .aeon {
	margin-top: 8px;
	}
	
#footer .foot_bottom .bottomcontents .pro_company {
	position: absolute;
	right: 0px;
	top: 15px;
	}



/* .static - 1 column layout */

html .static {
	background: url(../image/static_bg.jpg) center top repeat;
	}
	
html .static #header {
	background: #FFFFFF url(../image/header_bg.jpg) 0 100% repeat-x;
	}

html .static #header .head_contents {
	width: 950px;
	margin: 0 auto;
	padding-top: 15px;
	}
	
html .static #header .top .logo {
	padding-top: 20px;
	}
	
html .static #contentsArea {
	margin: 25px auto 0 auto;
	}
	
html .static .main_w {
	width: 948px;
	font-size: 120%;
	}
	
html .static .main_w .main_top {
	height: 5px;
	overflow: hidden;
	background: url(../image/main_top_w.gif) no-repeat!important;
	}
	
html .static .main_w .main_bottom {
	height: 5px;
	overflow: hidden;
	background: url(../image/main_bottom_w.gif) no-repeat!important;
	}
	
html .static #contentsArea .write_box {
	font-size:100%;
	background: #FFF;
	min-height:495px;
	height:auto!important;
	height:495px;
	padding: 5px 10px;
	}

/* -----------------------------------------------------------------------------
** print css style
----------------------------------------------------------------------------- */

@media print{

#flash {
	display: none;
	}
}