@charset "UTF-8";

body{
background: url("../images/common/page_bg.gif") center top repeat #FFFFFF;
}
.wrap {
width : 960px;
margin : 0 auto;
overflow: hidden;
}

/* ================================
MAIN
=================================== */

#main #header .fixed_area {
width: 960px;
margin: 0 auto;
}
#main #header h1 {
color: #FFFFFF;
font-size: 70%;
margin-top: 3px;
line-height: 1.5em;
}
#main #header h2 {
float: left;
margin-top: 2px;
width: 240px;
}

#main #header .gloNav {
float: right;
height: 60px;
width: 720px;
}
#main #header .gloNav li {
float: left;
width: 144px;
height: 60px;
}
#main #header .gloNav li a {
background: url("../images/common/gloNav.png") 0 0 no-repeat transparent;
width: 144px;
height: 60px;
display: block;
text-indent: -9999em;
}
#main #header .gloNav li.concept a {
background-position: 0 0;
}
#main #header .gloNav li.menu a {
background-position: -144px 0;
}
#main #header .gloNav li.gallaly a {
background-position: -288px 0;
}
#main #header .gloNav li.access a {
background-position: -432px 0;
}
#main #header .gloNav li.coupon a {
background-position: -576px 0;
}
#main #header .gloNav li.concept a:hover,
#concept #main #header .gloNav li.concept a {
background-position: 0 -60px;
}
#main #header .gloNav li.menu a:hover,
#menu #main #header .gloNav li.menu a {
background-position: -144px -60px;
}
#main #header .gloNav li.gallaly a:hover,
#gallaly #main #header .gloNav li.gallaly a {
background-position: -288px -60px;
}
#main #header .gloNav li.access a:hover,
#access #main #header .gloNav li.access a {
background-position: -432px -60px;
}
#main #header .gloNav li.coupon a:hover,
#coupon #main #header .gloNav li.coupon a {
background-position: -576px -60px;
}

.pages #main {
background: url("../images/common/head_page_bg.jpg") no-repeat top center #000000;
height: 110px;
position: fixed;
top: 0;
width: 100%;
}

/* ================================
CONTENTS
=================================== */
#contents .wrap {
    width: 975px;
    margin: 140px auto 60px;
}
#contents .r_area {
float: right;
}
#contents .l_area {
float: left;
}
#contents .ttl {
font-size: 200%;
border-bottom: dotted 1px #31221A;
margin-bottom: 30px;
padding-bottom: 10px;
font-family: 'Hiragino Mincho ProN', serif;
}
#contents .sub_ttl {
font-size :120%;
font-weight: bold;
background: url(../images/common/ttl_icon01.png) no-repeat center left;
background-size: 7% auto;
height: 39px;
padding: 15px 0 0 55px;
margin-bottom: 15px;
}
#contents p {
margin-bottom: 15px;
}
#contents table {
width: 100%;
font-size: 14px;
line-height: 1.5;
border-top: dotted 1px #cccccc;
border-left: dotted 1px #cccccc;
background-color: #f9f5ef;
}
#contents th,
#contents td {
padding: 15px;
border-bottom: dotted 1px #cccccc;
}

#contents .frame {
margin-top: 30px;
}
#contents .frame .tp {
display: block;
text-indent: -9999em;
height: 33px;
}
#contents .frame .in {
padding: 0 50px;
}
#contents .frame .bm {
display: block;
text-indent: -9999em;
height: 33px;
}
#contents .frame li {
margin-bottom: 15px;
}
#contents .frame740 .tp {
background: url(../images/common/frame740_tp.gif) no-repeat top center;
}
#contents .frame740 .in {
background: url(../images/common/frame740_in.gif) repeat-y top center;
}
#contents .frame740 .bm {
background: url(../images/common/frame740_bm.gif) no-repeat top center;
}
#contents .frame663 .tp {
background: url(../images/common/frame663_tp.gif) no-repeat top center;
}
#contents .frame663 .in {
background: url(../images/common/frame663_in.gif) repeat-y top center;
}
#contents .frame663 .bm {
background: url(../images/common/frame663_bm.gif) no-repeat top center;
}
#contents .in h4 {
padding-bottom:10px;
font-weight: bold;
}

#contents #message {
	margin-bottom: 50px;
}
#contents #message dl{
	margin: 0;
}
#contents #message .frame h3 {
	font-size: 180%;
	font-style: italic;
	text-align: center;
	font-family: 'Hiragino Mincho ProN', serif;
	margin-bottom: 20px;
	border-bottom: 1px dotted #31221A;
	padding-bottom: 20px;
}
#contents .txtbox {
background-color: #FFFFFF;
padding: 20px;
border: 1px dotted;
}
#contents .txtbox li{
margin-bottom:5px;
font-size: 90%;
}

/* ================================
FOOTER
=================================== */

#footer {
padding: 20px 0;
width: 100%;
height: auto;
}
#footer .wrap {
width:920px;
text-align: right;
margin: 0 auto;
}
#footer span {
color:#909090;
font-size: 85%;
}