@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      common.css
 Adddate:        2010.09.21
 Upddate:        2010.10.05
 Style Info:     Site Common CSS
----------------------------------------------------------- */
body {
 font-size: 13px;
 font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',verdana,sans-serif;
 *font-size: small;
 *font: x-small;
 line-height: 1.5;
 text-align: center;
 color: #333;
}
:first-child + html body {
 font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}
* html body {
 font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}

/* -----------------------------------------------------------
　　clearfix
----------------------------------------------------------- */
.bug:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.bug { display:inline-table; }

/* Mac IE には適用させない */
* html .bug { height:1px; }
.bug { display:block; }
/* */

/* -----------------------------------------------------------
　　リンク設定
----------------------------------------------------------- */
a, a:link, a:visited {
 color: #005FA9;
 text-decoration: none;
}
a:hover, a:active {
 color: #999;
 text-decoration: underline;
}

.arrow01 {
 padding-left: 8px;
 background: url(../../img/arrow01.gif) no-repeat left 5px;
}

/* -----------------------------------------------------------
　　フォント設定
----------------------------------------------------------- */
/* color */
.red { color: #D60000}

/* size */
.small { font-size: 93%}
.f14 { font-size: 107.8%}
.f16 { font-size: 123.1%}
.f18 { font-size: 138.5%}

/* weight */
.bold { font-weight: bold}

/* -----------------------------------------------------------
　　マージン設定
----------------------------------------------------------- */
.top5 { margin-top: 5px}
.top10 { margin-top: 10px}
.top12 { margin-top: 12px}
.top15 { margin-top: 15px}
.top20 { margin-top: 20px}
.bottom5 { margin-bottom: 5px}
.bottom10 { margin-bottom: 10px}
.bottom15 { margin-bottom: 15px}
.bottom20 { margin-bottom: 20px}

/* -----------------------------------------------------------
　　上付き文字設定
----------------------------------------------------------- */
.sup {
 font-size: 93%;
 vertical-align: text-top;
}
/* FireFox */
*>/**/.sup {
 font-size: 93%;
 vertical-align: text-top;
 line-height: 10px;
}

/* -----------------------------------------------------------
　　リンク装飾設定
----------------------------------------------------------- */
.link01 {
 padding-left: 8px;
 background: url(../../img/arrow01.gif) no-repeat left center;
}

/* -----------------------------------------------------------
　　float装飾設定
----------------------------------------------------------- */
.f-left {
 float: left;
 margin-right: 20px;
}
.f-right {
 float: right;
 margin-left: 20px;
}


/* -----------------------------------------------------------
   ヘッダ
----------------------------------------------------------- */
#header {
 width: 960px;
 margin: 0 auto 10px;
 padding: 0 7px 20px;
 text-align: left;
 background: url(../../img/bg_header.gif) no-repeat center top;
}
#header h1 {
 float: left;
 width: 135px;
}
#header h1 img {
 padding: 18px 0 0 12px;
}
#header-right {
 float: right;
 width: 682px;
 text-align: right;
}

#header-right2 {
 float: right;
 width: 652px;
 text-align: right;
}

ul#submenu {
 width: 204px;
 height: 24px;
 margin-left: 443px;
 padding: 4px 0 0 35px!important;
 padding: 0 0 0 35px;
 background: url(../../img/bg_submenu.gif) no-repeat right top;
}
ul#submenu li {
 float: left;
 padding-right: 16px;
 line-height: 1em;
}

/* -----------------------------------------------------------
   グローバルメニュー
----------------------------------------------------------- */
ul#globalmenu {
 width: 680px;
 margin-top: 14px;
 padding-left: 2px;
 background: url(../../img/bg_menu.gif) no-repeat right top;
}
ul#globalmenu li {
 float: left;
 width: 170px;
}

ul#globalmenu2 {
 width: 650px;
 margin-top: 14px;
 padding-left: 2px;
 background: url(../../img/bg_menu.gif) no-repeat right top;
}

ul#globalmenu2 li{
 float: left;
 width: 130px;
}

/* -----------------------------------------------------------
   コンテンツ設定
----------------------------------------------------------- */
#contents {
 width: 960px;
 margin: 0 auto;
 padding-bottom: 40px;
 text-align: left;
 background: url(../../img/border_footer.gif) no-repeat center bottom;
}

/* -----------------------------------------------------------
   フッタ設定
----------------------------------------------------------- */
#footer-wrap {
 padding: 5px 0 5px;
 background: url(../../img/bg_footer.jpg) no-repeat center bottom #f4fcff;
}
#footer {
 width: 960px;
 margin: 0 auto;
 text-align: left;
}
#footer-left {
 float: left;
 width: 230px;
}
#footer-logo {
 margin-top: 25px;
}
#footer-right {
 float: right;
 width: 700px;
}
ul.footer-sitemap {
 float: left;
 width: 175px;
 font-weight: bold;
 font-size: 93%;
}
ul.footer-sitemap li {
 margin-bottom: 5px;
}
ul.footer-sitemap li a,
ul.footer-sitemap li a:link,
ul.footer-sitemap li a:visited,
ul.footer-sitemap li a:hover,
ul.footer-sitemap li a:active {
 color: #666;
}
ul.footer-sitemap li.midashi1 {
 padding-left: 13px;
 background: url(../../img/ico_circle01.gif) no-repeat left center;
}
ul.footer-sitemap li.midashi2 {
 padding-left: 13px;
 background: url(../../img/ico_circle02.gif) no-repeat 4px center;
}
ul.footer-sitemap li ul {
 margin-left: 13px;
 font-weight: normal;
 width:100%; vertical-align:bottom; /* IE6 */
}
ul.footer-sitemap li ul li {
 margin-bottom: 0px;
}
#copyright {
 width: 960px;
 margin: 5px auto 5px;
 color: #666;
 font-size: 77%;
 text-align: right;
}

/* -----------------------------------------------------------
　　共通パーツ
----------------------------------------------------------- */
ul#product-menu {
 padding: 12px 0 9px 7px;
 background: url(../../img/bg_product_menu.gif) left bottom;
}
ul#product-menu li {
 padding-bottom: 3px;
}

#lank-wrap {
 margin-top: 0px;
 background: url(../../img/bg_lank_middle.gif) repeat-y left top;
}
#lank {
 padding: 0 7px 8px;
 background: url(../../img/bg_lank_bottom.gif) no-repeat left bottom;
}
#lank-wrap h2 {
 background: url(../../img/bg_lank_top.gif) no-repeat left top;
 padding: 5px 0 0 10px;
}
#lank dl {
 width: 178px;
 padding: 10px 4px;
 background: url(../../img/border_dot_h01.gif) repeat-x left bottom #FFF;
}
#lank dl dt, #lank dl dd {
 float: left;
}
#lank dl dt {
 width: 18px;
 padding-right: 3px;
}
#lank dl dd.lank-photo {
 width: 49px;
 padding-right: 3px;
}
#lank dl dd.lank-text {
 width: 105px;
 font-size: 93%;
 font-weight: bold;
}

#life {
 padding: 0 15px 10px;
 background: url(../../img/bg_life.gif) no-repeat left bottom;
}
#life p {
 margin-bottom: 3px;
}
.life-link {
 font-weight: bold;
}

#support {
 padding: 12px;
 background: url(../../img/bg_support.gif) no-repeat left bottom;
}

#pagetitle {
 padding: 15px 3px 15px;
}

.midashi-square {
 margin-bottom: 5px;
 padding-left: 14px;
 font-weight: bold;
 background: url(../../img/ico_square.gif) no-repeat left 4px;
}

.ico-new {
 padding-left: 0.4em;
 vertical-align: top;
}

#song{
	margin-top:10px;
}