@charset "utf-8";
/*-----------------------------------------------------
リセット用スタイル
-----------------------------------------------------*/
body {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-size: 100%;
}
ul, ol, li, dl, dt, dd {
list-style:none outside none;
margin:0;
padding:0;
}
div, pre, form, fieldset, input, textarea, p, th, td {
margin:0;
padding:0;
}
fieldset, img, a img { border:0 none; }
table {
border-collapse:collapse;
border-spacing:0;
font-size:inherit;
}
th {
font-style:normal;
font-weight:normal;
text-align:left;
}
a, a:link {
text-decoration: underline;
background-color: transparent;
color: #333333;
}
a:visited {
background-color: transparent;
color: #666666;
}
a:hover, a:active {
background-color: transparent;
text-decoration:none;
}
.clearfix { min-height: 1px; }
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
*html .clearfix { height: 1px; }
.section, .inner, dl, #footer { min-height: 1px; }
.section:after, .inner:after, dl:after, #footer:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
*html .section, *html .inner, *html dl, *html #footer { height: 1px; }
iframe { border-style: none; }




/*-----------------------------------------------------
レイアウト用スタイル
-----------------------------------------------------*/

html {overflow-y:scroll;}
body {
color: #4c4c4c;
font: 78.5%/1.5 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}
body.chinese {
color: #4c4c4c;
font: 78.5%/1.5 Arial, Helvetica, sans-serif;
}
#container {
margin: 0px auto;
width: 1000px;
}
#header {
position: relative;
height: 100px;
width: 1000px;
}
#header .logo {
position: absolute;
left: 0px;
top: 45px;
}
#header ul.gNav {
position: absolute;
left: 437px;
top: 50px;
}
#header ul.gNav li {
float: left;
margin-right: 18px;
}
#header ul.gNav li#one-ddheader {
margin-right: 0;
}
#header ul.gNav li a:hover img {
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
#header .lang {
position: absolute;
top: 14px;
right: 0px;
}
#header .lang a:hover img {
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

#header .social {
position: absolute;
top: 14px;
right: 85px;
z-index:210;
}
#header .social li{
float:left;
margin-right:5px;
}
#header .social a:hover img {
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

#header ul.gNav li.sub {
font-weight:bold;
cursor:pointer;
}
#header ul.submenu1 {
position:absolute;
overflow:hidden;
background:#fff;
z-index:200;
opacity:0;
left: 806px;
top: 66px;
display: none;
}
#header ul.submenu1 li {
float: left;
margin-right: 2px;
}
#header ul.submenu1 li img {
line-height: 0px;
vertical-align: bottom;
}
#header ul.submenu2 {
position:absolute;
overflow:hidden;
background:#fff;
z-index:200;
opacity:0;
left: 415px;
top: 66px;
display: none;
}
#header ul.submenu2 li {
float: left;
margin-right: 2px;
}
#header ul.submenu2 li img {
line-height: 0px;
vertical-align: bottom;
}

#main {
margin-bottom: 12px;
position: relative;
min-height:638px;
height: auto !important;
height: 638px;
border: 1px solid #b6b6b6;
}
#topMain {
margin-bottom: 12px;
height: 640px;
background: #ECECEC;
position: relative;
}
#topMain #album {
position: absolute;
left: 0px;
top: 0px;
z-index: 0;
height: 640px;
width: 1000px;
}
#topMain #album img {
position: absolute;
left: 0px;
top: 0px;
}
#topMain .title {
float: right;
position: absolute;
top: 280px;
right: 55px;
}
#topMain .news {
position: absolute;
z-index: 100;
background: url(../img/bg_news.png) repeat;
font-size: 90%;
color: #FFFFFF;
padding: 5px;
left: 10px;
bottom: 10px;
width: 530px;
}
#topMain .news dl dt {
float: left;
padding: 10px 0px 10px 10px;
}
#topMain .news dl dd {
margin-left: 70px;
border-left: 1px dotted #666666;
padding: 7px 10px 2px;
}
#topMain .news dl dd li { margin-bottom: 4px; }
#topMain .news dl dd li a { color: #FFFFFF; }
#mailMember {
height: 140px;
position: absolute;
top: 0px;
right: -33px;
z-index: 100;
}
#mailMember dt { float: right; }
#mailMember dd {
width: 130px;
font-size: 10px;
display: none;
float: right;
background: #FFFD02;
height: 140px;
}
#mailMember dd .qr {
text-align: center;
padding-top: 10px;
}
#mailMember dd .link { text-align: center; }
#main #mailMember {
right: -34px;
top: -1px;
}
#main .mainInner { padding: 30px 30px 15px; }
#main .mainInner .inner { clear: both; }
#main .pageTitle {
background: url(../img/line1.gif) repeat-x center 30px;
margin-bottom: 45px;
}
#main .pageTitle .title { float: left; }
#main .pageTitle .title img {
background: #FFFFFF;
padding-right: 20px;
}
#main .pageTitle .pankuzu {
text-align: right;
float: right;
position: relative;
top: -5px;
font-size: 90%;
}
#main .newsSide {
float: left;
width: 170px;
}
#main .newsSide .title { margin-bottom: 15px; }
#main .newsSide li.rss a {
background: url(http://www.giordano.co.jp/mt/mt-static/images/status_icons/feed.gif) no-repeat 0 0;
padding-left:12px;
}
#main .newsMain {
float: right;
width: 745px;
}
#main .newsMain dl.newslist {
border-bottom: 1px dotted #CCCCCC;
padding-bottom: 15px;
margin-bottom: 15px;
clear: both;
}
#main .newsMain dl.newslist dt { float: left; }
#main .newsMain dl.newslist dt img {
width: 130px;
border: 4px solid #ddd;
}
#main .newsMain dl.newslist dd { margin-left: 160px; }
#main .newsMain dl.newslist dd .date {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
margin-bottom: 5px;
}
#main .newsMain dl.newslist dd .title { margin-bottom: 10px; }
#main .newsMain .entry {
position: relative;
top: -10px;
}
#main .newsMain .entry .date {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
margin: 0 0 5px 0;
}
#main .newsMain .entry .date .category {
font-weight:normal;
margin-left:10px;
}
#main .newsMain .entry .title {
font-size: 150%;
margin: 0 0 10px 0;
font-weight:normal;
}
#main .newsMain .entry .socialMedia { margin-bottom: 15px; }
#main .newsMain .entry .photo { margin-bottom: 15px; }
#main .newsMain .entry p {
line-height: 2.0;
margin-bottom:15px;
}
#main .newsMain .archive-title {
margin-bottom:15px;
font-size: 150%;
font-weight:normal;
}
#main .newsMain .archive-title strong {
font-weight:bold;
color: #000000;
}
#main .newsMain .archive-content { margin-bottom:25px; }
#main .newsMain #pagenation { clear: both; }
#main .newsMain #pagenation a.link_page {
margin-right: 5px;
display: block;
float: left;
border: 1px solid #CCCCCC;
}
#main .newsMain #pagenation a.link_page {
padding: 1px 7px;
display: block;
}
#main .newsMain #pagenation a:hover { background: #e7e7e7; }
#main .newsMain #pagenation .current_page {
background: #000000;
border: 1px solid #000000;
display: block;
font-weight: bold;
color: #FFFFFF;
float: left;
margin-right: 5px;
padding: 1px 7px;
}
#main .newsMain #pagenation a.link_next {
border-style: none;
display: block;
float: left;
padding: 1px 7px;
margin-left: 5px;
}
#main .newsMain #pagenation a.link_before {
border-style: none;
display: block;
float: left;
padding: 1px 7px;
margin-right: 5px;
}
#main .newsMain .pager2 {
padding-top: 20px;
font-family: Arial, Helvetica, sans-serif;
}
#main .newsMain .pager2 .back { float: left; }
#main .newsMain .pager2 .next { float: right; }
#main .aboutMain {
float: left;
width: 515px;
margin-left: 15px;
line-height: 2.0;
}
#main .aboutMain .lead { margin-bottom: 30px; }
#main .aboutMain dl {
clear: both;
padding-left: 15px;
border-left: 1px solid #CCCCCC;
}
#main .aboutMain dl dt { float: left; }
#main .aboutMain dl dd { margin-left: 70px; }
#main .aboutImage {
float: right;
position: relative;
top: -40px;
}
#main .shopContent {
clear: both;
margin-bottom: 20px;
}
#main .shopContent .category {
font-size: 185%;
font-weight: bold;
color: #545454;
float: left;
width: 90px;
border-bottom: 1px solid #777777;
}
#main .shopContent .contents {
float: right;
width: 820px;
padding-bottom:20px;
}
#main .shopContent .contents .entry {
margin-bottom: 20px;
clear: right;
}
#main .shopContent .contents .entry .photo {
float: left;
width: 280px;
margin-right: 10px;
}
#main .shopContent .contents .entry .map {
height: 170px;
width: 250px;
float: left;
}
#main .shopContent .contents .entry .info {
float: right;
width: 255px;
}
#main .shopContent .contents .entry .info .shop {
font-weight: bold;
color: #000000;
margin-bottom: 5px;
}
#main .shopContent .contents .entry .info .open {
color: #FFFFFF;
background: #000000;
padding: 2px 0px;
margin-bottom: 10px;
width: 100px;
text-align: center;
}
#main .shopContent .contents .entry .info .address { line-height: 1.5; }
#main .privacy {
line-height: 1.8;
padding: 0px 15px;
clear: both;
}
#main .privacy p { margin-bottom: 15px; }
#main .contact {
padding-left: 5px;
top: -15px;
position: relative;
clear: both;
}
#main .contact .lead {
line-height: 1.7;
margin-bottom: 10px;
}
#main .contact .time {
background: #efefef;
padding: 10px 15px;
margin-bottom: 50px;
}
#main .contact .hissu { color: #FF0000; }
#main .contact .contactSide {
float: left;
width: 175px;
border-bottom: 1px solid #7c7c7c;
font-size: 145%;
font-weight: bold;
padding-bottom: 5px;
}
#main .contact .contactMain {
float: right;
width: 750px;
margin-bottom: 20px;
}
#main .contact .contactMain dl {
clear: both;
margin-bottom: 15px;
}
#main .contact .contactMain dl dt {
float: left;
width: 140px;
text-align: right;
}
#main .contact .contactMain dl dd { margin-left: 155px; }
#main .contact .contactMain dl dd .remarks { color: #7f7f7f; }
#main .contact .contactMain dl dd .width1 { width: 240px; }
#main .contact .contactMain dl dd .width2 {
width: 360px;
height: 100px;
}
#main .contact .contactMain .btn { padding: 20px 0px 0px 155px; }
#main .contact .contactMain .btn .send {
color: #FFFFFF;
text-align: center;
width: 165px;
background: #000000;
line-height: 30px;
height: 30px;
border-style: none;
}
#main .contact .contactMain .btn .back {
color: #FFFFFF;
text-align: center;
width: 100px;
background: #a2a2a2;
line-height: 30px;
height: 30px;
border-style: none;
margin-right: 8px;
}
#main .contact .contactMain .btn .noback { display:none; }
#main .contact .lead2 {
font-size: 155%;
margin-bottom: 30px;
}
#main .contact .lead3 {
font-size: 155%;
margin-bottom: 30px;
color:red;
}
#main .contact .error { color:red; }
#main ul.sitemap {
padding-left: 30px;
clear: both;
}
#main ul.sitemap li {
background: url(../img/arrow1.gif) no-repeat left center;
padding-left: 15px;
margin-bottom: 5px;
}
#footer { padding-bottom: 20px; }
#footer .copyright {
text-align: right;
float: right;
}
#footer .footNav { float: left; }
#footer .footNav ul {
font-size: 90%;
margin-bottom: 3px;
}
#footer .footNav ul li {
display: inline;
border-right: 1px solid #ccc;
line-height: 1.1;
padding: 0px 5px;
}
#footer .footNav ul li a {
color: #979797;
text-decoration: none;
}