@charset "utf-8";

/* ------------------------------
	reset
------------------------------ */

body,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;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

ul,ol {
	list-style-type: none;
}

em,th,address {
	font-style: normal;
	font-weight: normal;
}
strong {
	font-style: normal;
	font-weight: bold;
}.

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}

img,
object,
embed {
	border: 0;
	vertical-align: top;
}

hr {
	display: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	border:1px solid #cccccc;
	line-height:1.4;
}
td {
	border:1px solid #cccccc;
	padding:5px 8px;
	vertical-align:top;
}

li {
	list-style-type: none;
}


/* ------------------------------
	linkcolor
------------------------------ */
a {
	color: #3366cc;
}

a:link,
a:visited {
	color: #3366cc;
	text-decoration: none;
}

a:hover,a:active {
	text-decoration: underline;
}

a:hover img.over{
	filter:alpha(opacity=100);
	opacity:1;
}


/* ------------------------------
	base
------------------------------ */

html {
}

body {
	color: #333;
	font-size:87.5%;
	font-family: Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:1.5;
	text-align:center;
	background:#ffffff url(/share/img/common/body_back.jpg) repeat-x left top;
}

/* ------------------------------
	HeadBase
------------------------------ */
#headBase {
	width:auto;
	background:url(/share/img/common/header_back.gif) repeat-x left top;
	min-height:93px;
}
* html #headBase {
	height:93px;
}
#headBase .header {
	margin:0 auto;
	width:900px;
	text-align:left;
	padding-top:3px;
}
#headBase .header h1 {
	width:288px;
	float:left;
	margin-top:13px;
}
#headBase .header .mainnavi {
	width:589px;
	float:right;
}
.header .mainnavi p {
	width:340px;
	font-size:78.6%;
	color:#fff;
	line-height:1.25;
	float:left;
	margin:12px 0 0 5px;
}
* html .header .mainnavi p {
	font-size:64.3%;
	line-height:1.4;
}
*:first-child + html .header .mainnavi p {
	font-size:64.3%;
	line-height:1.4;
}
.header .mainnavi ul.snavi {
	width:235px;
	height:45px;
	float:left;
}
.header .mainnavi ul.snavi li.lft {
	float:left;
}
.header .mainnavi ul.snavi li.rgt {
	float:right;
}

/* ------------------------------
	Gnavi(Header)
------------------------------ */
ul#gnv {
	background:url(/share/img/common/gnavi_back.gif) no-repeat left top;
	float:right;
	padding:3px 3px 0;
}
\ul#gnv li.gnv01,
\ul#gnv li.gnv02,
\ul#gnv li.gnv03,
\ul#gnv li.gnv04,
\ul#gnv li.gnv05
 {
	height:42px;
	float:left;
	display:inline;
}
\ul#gnv li.gnv01 {
	width:110px;
}
\ul#gnv li.gnv02 {
	width:118px;
}
\ul#gnv li.gnv03 {
	width:107px;
}
\ul#gnv li.gnv04 {
	width:126px;
}
\ul#gnv li.gnv05 {
	width:122px;
}
\ul#gnv li.gnv01 a,
\ul#gnv li.gnv02 a,
\ul#gnv li.gnv03 a,
\ul#gnv li.gnv04 a,
\ul#gnv li.gnv05 a {
	display:block;
	height:42px;
	text-indent:-9999px;
	overflow:hidden;
}
\ul#gnv li.gnv01 a {
	width:110px;
}
\ul#gnv li.gnv02 a {
	width:118px;
}
\ul#gnv li.gnv03 a {
	width:107px;
}
\ul#gnv li.gnv04 a {
	width:126px;
}
\ul#gnv li.gnv05 a {
	width:122px;
}
ul#gnv li.gnv01 a {
	background:url(/share/img/common/gnavi.jpg) no-repeat 0 0;
}
ul#gnv li.gnv02 a {
	background:url(/share/img/common/gnavi.jpg) no-repeat -110px 0;
}
ul#gnv li.gnv03 a {
	background:url(/share/img/common/gnavi.jpg) no-repeat -228px 0;
}
ul#gnv li.gnv04 a {
	background:url(/share/img/common/gnavi.jpg) no-repeat -335px 0;
}
ul#gnv li.gnv05 a {
	background:url(/share/img/common/gnavi.jpg) no-repeat -461px 0;
}

ul#gnv li.gnv01 a:hover, .store ul#gnv li.gnv01 a {
	background:url(/share/img/common/gnavi.jpg)  no-repeat -0 -50px;
}
ul#gnv li.gnv02 a:hover, .program ul#gnv li.gnv02 a {
	background:url(/share/img/common/gnavi.jpg)  no-repeat -110px -50px;
}
ul#gnv li.gnv03 a:hover, .member ul#gnv li.gnv03 a {
	background:url(/share/img/common/gnavi.jpg)  no-repeat -228px -50px;
}
ul#gnv li.gnv04 a:hover, .inquiry ul#gnv li.gnv04 a {
	background:url(/share/img/common/gnavi.jpg)  no-repeat -335px -50px;
}
ul#gnv li.gnv05 a:hover, .information ul#gnv li.gnv05 a {
	background:url(/share/img/common/gnavi.jpg)  no-repeat -461px -50px;
}

/* ------------------------------
	imageBase
------------------------------ */
#imageBase {
	width:auto;
	background: url(/share/img/common/mainimg_back.jpg) no-repeat center top;
	height:246px;
}
#imageBase .mainimage {
	margin:0 auto;
	width:912px;
	text-align:left;
}
#imageBase .mainimage p.pankuzu {
	font-size:85.7%;
	color:#666;
	padding:8px 0 0 14px;
}
#imageBase .mainimage .mainphoto {
	width:912px;
	height:208px;
	position:relative;
}
#imageBase .mainimage .mainphoto h2 {
	width:892px;
	height:189px;
	position:absolute;
	left:10px;
	top:10px;
}

/* ------------------------------
	contents
------------------------------ */
#contents {
	width:auto;
	background:url(/share/img/common/contents_back2.gif) repeat-x left top;
}
#contents .mainFld {
	margin:0 auto;
	width:902px;
	padding-top:45px;
	text-align:left;
}

/* ------------------------------
	mainFld(leftFld/rightFld)
------------------------------ */
#contents .mainFld .leftFld {
	width:638px;
	margin-left:1px;
	float:left;
}
#contents .mainFld .rightFld {
	width:250px;
	float:right;
}


/* ------------------------------
	large_inq 
------------------------------ */
#large_inq {
	width:638px;
	height:150px;
	margin:25px 0 0 0;
	background:url(/share/img/common/l_inqbnr_back.jpg) no-repeat left top;
	position:relative;
}
#large_inq p {
	font-size:85.7%;
	width:240px;
	position:absolute;
}
#large_inq p.fdl {
	left:17px;
	top:60px;
}
#large_inq p.web {
	left:278px;
	top:60px;
}
#large_inq ul {
	width:199px;
	height:44px;
	position:absolute;
	left:421px;
	top:108px;
}

/* ------------------------------
	large_inq_store 
------------------------------ */
#large_inq_store  {
	width:638px;
	height:175px;
	margin:25px 0 0 0;
	background:url(/share/img/common/l_inqbn_str_back.jpg) no-repeat left top;
	position:relative;
}
#large_inq_store  p {
	position:absolute;
}
#large_inq_store  p.st_nam {
	width:480px;
	font-weight:bold;
	left:17px;
	top:60px;
}
#large_inq_store  p.fdl {
	width:240px;
	font-size:85.7%;
	left:17px;
	top:85px;
}
#large_inq_store  p.web {
	width:240px;
	font-size:85.7%;
	left:278px;
	top:85px;
}
#large_inq_store  ul.telno {
	width:245px;
	height:27px;
	position:absolute;
	left:17px;
	top:118px;
}
#large_inq_store  ul.webbtn {
	width:343px;
	height:44px;
	position:absolute;
	left:278px;
	top:110px;
}

/* ------------------------------
	single_menu
------------------------------ */
.rightFld .single_menu {
	width:246px;
	margin:0 0 15px 2px;
	background-color:#3c3a83;
}
.rightFld .single_menu ul {
	padding:1px;
}

/* ------------------------------
	list_menu
------------------------------ */
.rightFld .list_menu {
	width:246px;
	margin-left:2px;
	padding-bottom:6px;
}
.rightFld .list_menu ul.top {
	width:246px;
	height:44px;
	background:url(/share/img/common/listmenu_top_back.jpg) no-repeat left top;
}
.rightFld .list_menu ul.top li {
	padding:1px;
}

/* ------------------------------
	mem_btm
------------------------------ */
.rightFld ul.mem_btn {
	width:250px;
	background:url(/share/img/common/memship_back_sub.jpg) no-repeat left top;
	padding:40px 2px 0;
	margin-bottom:18px;
}
.rightFld ul.topmem_btn {
	width:250px;
	background:url(/share/img/common/memship_back.jpg) no-repeat left top;
	padding:40px 2px 0;
	margin-bottom:18px;
}
.rightFld ul.mem_btn li,
.rightFld ul.topmem_btn li {
	width:123px;
	float:left;
}

.rightFld .bnr_Fld {
	padding:0 2px;
}
.rightFld .bnr_Fld div {
	padding-bottom:8px;
}
.rightFld .bnr_Fld .bnr_qr {
	padding-bottom:8px;
}
.rightFld .bnr_Fld ul.last_mk {
	background-color:#e3e3e3;
	padding:8px;
}
.rightFld .bnr_Fld ul.last_mk li.lft {
	float:left;
}
.rightFld .bnr_Fld ul.last_mk li.rgt {
	float:right;
}

/* ------------------------------
	ftlkBase
------------------------------ */
#ftlkBase {
	width:auto;
}
#ftlkBase .ftlink {
	width:900px;
	margin:0 auto;
	font-size:92.9%;
	color:#999;
	padding:47px 0 11px;
	text-align:left;
}
.ftlink ul {
	width:638px;
	background: url(/share/img/common/dotline01.gif) repeat-x left top;
	padding-top:9px;
	float:left;
	line-height:1.7;
}
.ftlink ul li.last {
	width:638px;
	background: url(/share/img/common/dotline01.gif) repeat-x left bottom;
	padding-bottom:9px;
}
.ftlink p {
	width:246px;
	margin-right:2px;
	float:right;
}
.ftlink p a {
	background:url(/share/img/common/pgtop_mk.gif) no-repeat left 0.5em;
	padding-left:11px;
}


/* ------------------------------
	footBase
------------------------------ */
#footBase {
	width:auto;
	background:url(/share/img/common/footer_back.jpg) repeat-x left top;
	padding:34px 0 0;
}
#footBase .footer {
	width:900px;
	margin:0 auto;
	text-align:left;
	color:#999;
	font-size:85.7%;
}
#footBase .footer ul {
	min-height:62px;
}
* html #footBase .footer ul {
	height:62px;
}
#footBase .footer ul li.rogo {
	width:304px;
	float:left;
}
#footBase .footer ul li.cpy {
	width:245px;
	float:left;
	padding-top:18px;
}
#footBase .footer ul li.txt {
	width:351px;
	line-height:1.8;
	padding-top:5px;
	float:left;
}
#footBase .footer .copyw {
	min-height:32px;
	text-align:center;
}
* html #footBase .footer .copyw {
	height:32px;
}
#footBase .footer .copyw p {
	padding-top:7px;
}


/* ------------------------------
	support
------------------------------ */
.pad_t03 {
	padding-top:3px;
}
.mar_t10 {
	margin-top:10px;
}
.mar_t15 {
	margin-top:15px;
}
.mar_t20 {
	margin-top:20px;
}
.mar_t35 {
	margin-top:35px;
}
.mar_t40 {
	margin-top:40px;
}
.mar_t50 {
	margin-top:50px;
}
.mar_t75 {
	margin-top:75px;
}
.mar_b08 {
	margin-bottom:8px;
}
.mar_b10 {
	margin-bottom:10px;
}
.mar_b20 {
	margin-bottom:20px;
}
.mar_b25 {
	margin-bottom:25px;
}
.mar_b30 {
	margin-bottom:30px;
}
.mar_b35 {
	margin-bottom:35px;
}
.mar_b60 {
	margin-bottom:60px;
}
.mar_b1em {
	margin-bottom:1em;
}
.pad_t1em {
	padding-top:1em;
}
.pad_t20 {
	padding-top:20px;
}
.pad_t50 {
	padding-top:50px;
}
.pad_b80 {
	padding-bottom:80px;
}
.ind {
	text-indent:1em;
}
.txt_r {
	text-align:right;
}
.txt_c {
	text-align:center;
}
.red {
	color:#cc0000;
}


/* ------------------------------
	Clear
------------------------------ */

.cb {
	clear:both;
}

/* ------------------------------
	clearfix
------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0; 
	clear: both;
	visibility: hidden; 
}

.clearfix {
	display: inline-block;
}

/* Hide from IE-mac \*/

* html .clearfix { height: 1%; }
.clearfix { display:block; }

/* End hide from IE-mac */