@import url("clearfix.css");

/*---------------------------------------------
Base Style
Version 1.0.0

Last Update: 2009.3.17
---------------------------------------------
01. layout [ #wrap, .contents ]
02. header
03. footer
04. common
#pressroom
99. common
---------------------------------------------*/

body { font-family:"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic", Osaka, sans-serif; font-size: 75%; color: #626262; line-height: 1.5em; background: url(../img/00_body-back.gif) repeat-x #EEEEEE; margin: 0px; padding: 0px; width: 100%; }

* { margin: 0px; padding: 0px; font-size: 100%; }

/* HTML */

hr { display: none; }

img { border: none; vertical-align: bottom; }

ul, ol { list-style: none; }

p, li, dt, dd,
th, td { text-justify: inter-ideograph; }

a { overflow: hidden; }

a:link { color: #007DE2; }

a:visited { color: #67A1D0; }

a:hover { color: #54B3FF; }

/*---------------------------------------------
01. layout [ #wrap, .contents ]
---------------------------------------------*/

#wrap { width: 940px; margin: 0px auto; text-align: left; }

#container { width: 100%; overflow: hidden; margin-bottom: 20px; background: url(../img/00_contents-back.gif) repeat-y 720px 0px; }

#onecontainer { width: 100%; overflow: hidden; margin-bottom: 20px; }

.contents { width: 700px; float: left; padding: 0px 0px 20px; }

.sidemenu { float: right; width: 205px; text-align: left; padding-top: 30px; }

.topmargin { margin-top: 75px; }

/*---------------------------------------------
02. header
---------------------------------------------*/

#header { background: url(../img/00_header-back.jpg) no-repeat top center; }

#headerbox { width: 940px; margin: 0 auto; overflow: hidden; }

ul#gnavi { float: left; width: 725px; height: 60px; margin: 0px; padding: 0px; overflow: hidden; background: url(../img/00_gnavi-back.gif) no-repeat; }

ul#gnavi2 { float: left; width: 725px; height: 60px; margin: 0px; padding: 0px; overflow: hidden; }

ul#gnavi li,
ul#gnavi2 li { float: left; margin-right: 17px; }

ul#gnavi li a,
ul#gnavi2 li a { padding: 0px; }

ul#gnavi li.small,
ul#gnavi2 li.small { margin-top: 10px; }

ul.bgnone { background: none; }

ul#gnavi_top { float: left; width: 725px; height: 60px; margin: 0px; padding: 0px; overflow: hidden; }

ul#gnavi_top li { float: left; margin-right: 17px; }

ul#gnavi_top li a { padding: 0px; }

ul#gnavi_top li.small { margin-top: 10px; }

#headlogo { float: right; width: 188px; margin: 0 auto; }

/*---------------------------------------------
03. footer
---------------------------------------------*/

#footer { background: url(../img/00_border.gif) repeat-x top; color: #888; padding: 10px 0px 40px; clear: both; float: left; width: 100%; }

#footer ul { float: left; width: 400px; }

#footer ul li a,
#footer ul li a:visited { color: #888; text-decoration: none; }

#footer ul li a:hover { color: #54B3FF; }

#footer address { float: right; width: 380px; font-style: normal; text-align: right; }

/*---------------------------------------------
04. common
---------------------------------------------*/

.contents h1,
#onecontainer h1 { margin: 0px; background: url(../img/00_border.gif) repeat-x bottom; padding: 50px 0px 12px; }

.contents h2 { margin: 0px; padding-bottom: 15px; }

.contents p.txtlead { font-size: 14px; line-height: 1.7em; margin-top: 35px; }

.contents p.paragraph { margin-bottom: 40px; }

.contents p.caption { font-size: 95%; line-height: 1.5em; }

.contents ul { margin: 0px; padding: 0px; padding-left: 20px; }

.contents ul li { list-style: disc; line-height: 180%; }

.leadbox { display: block; width: 100%; overflow: hidden; margin-bottom: 35px; }

/*---------------------------------------------
#pressroom
---------------------------------------------*/

#press h1 { font-size: 1.95em; margin-bottom: 35px; font-weight: normal; font-style: normal; color: #333; }
#press h2.date-header { margin-top: 20px; }
#press h3 { font-size: 1.25em; margin: 0px 0px 10px; font-weight: normal; font-style: normal; color: #102c5a; }

#press div.entry-content { margin-bottom: 20px; clear: both; padding-bottom: 20px; }

/*---------------------------------------------
99. common
---------------------------------------------*/

/* Lib */

.margin-bottom { margin-bottom: 30px; }

.no-margin-top { margin-top: 0px; }

.no-padding { padding: 0px; }

.align-left { float: left; }

.align-right { float: right; margin-left: 12px; }

.clear { clear: both; }

.margin-top { margin-top: 30px; }

.left-indent { margin-left: 18px; }

.red { color: #ff0000; }

/* contents area layout */

div#contents-foot-navi { margin: 30px 0px 12px 0px; min-height: 17px; _height: 17px; }

div#contents-foot-navi .leftbox { float: left; }

div#contents-foot-navi .leftbox a { background: url(../product/img/prd_footnavi-arrow01.gif) no-repeat left; padding-left: 20px; }

div#contents-foot-navi .rightbox { float: right; }

div#contents-foot-navi .rightbox a { background: url(../product/img/prd_footnavi-arrow02.gif) no-repeat right; padding-right: 20px; }

/* MT sidebar */

.module { position: relative; overflow: hidden; width: 100%; }

.module-content { position: relative; margin: 5px 10px 20px 10px; }

.module-list,
.archive-list { margin: 0; padding: 0; list-style: none; }

.module-list-item,
.archive-list-item { margin-top: 5px; margin-bottom: 5px; }

.module-more { text-align: right; }

.module-elsewhere .module-list img,
.archive-elsewhere .archive-list img,
.module-presence img { vertical-align: middle; }

.module-powered .module-content { margin-bottom: 10px; }

.module-photo .module-content { text-align: center; }

.module-wishlist .module-content { text-align: center; }

.module-qrcode .module-content { text-align: center; }

.module-calendar .module-content table { border-collapse: collapse; width: 100%; }

.module-calendar .module-content th,
.module-calendar .module-content td { width: 14%; text-align: center; }

.module-category-cloud .module-list { margin-right: 0; margin-left: 0; }

.module-category-cloud .module-list-item { display: inline; margin: 0 5px 0 0; padding: 0; line-height: 1.2em; background: none; }

.module-category-cloud .cloud-weight-1 { font-size: 0.9em; }

.module-category-cloud .cloud-weight-2 { font-size: 0.95em; }

.module-category-cloud .cloud-weight-3 { font-size: 1em; }

.module-category-cloud .cloud-weight-4 { font-size: 1.125em; }

.module-category-cloud .cloud-weight-5 { font-size: 1.25em; }

.module-category-cloud .cloud-weight-6 { font-size: 1.375em; }

.module-category-cloud .cloud-weight-7 { font-size: 1.5em; }

.module-category-cloud .cloud-weight-8 { font-size: 1.625em; }

.module-category-cloud .cloud-weight-9 { font-size: 1.75em; }

.module-category-cloud .cloud-weight-10 { font-size: 1.75em; }

.typelist-plain .module-list,
.typelist-plain .archive-list { list-style: none; }

.typelist-plain .module-list-item,
.typelist-plain .archive-list-item { padding: 0; background: none; }

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item { display: block; clear: both; margin: 0; }