@charset "utf-8";

/* ============================== 01 Setup */
* { margin: 0; padding: 0; text-decoration: none; text-align: left; border: none; font-weight: normal; color: #630; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, sans-serif; font-size: small; font-style: normal; }
body { margin:10px; color:#630; text-align: center;}
ul, ol, dl, li, dt, dd { list-style: none; }
a { text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
table { border-collapse: collapse; }
input { vertical-align: bottom; }

/* ============================== 02 CSS Hack */
/* floating box clear */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { text-decoration: none; }

/* === 枠・共通 === */
.mobile #container_out { text-align:center; width:100%; }
.mobile #container_in { margin: 0 auto; width:560px; }
.mobile h1 { background: url(../../jpn/mobile/img/header02.jpg) no-repeat right top; height: 138px; }

.mobile { line-height: 1.25em; }
.mobile .spacing { padding-bottom: 1em; }
.mobile .small { font-size: x-small; }

/* === タブ === */
div#tab_area { padding: 0; margin: 0; }
div#tab_area ul { width: 560px; }
div#tab_area li { float:left; height: 26px; display: block; background: url(../../jpn/mobile/img/tab.gif) no-repeat 0 0; }
div#tab_area li a { height: 26px; display: block; background: url(../../jpn/mobile/img/tab.gif) no-repeat 0 0; }

/* link */
div#tab_area li.tab01 a:link, div#tab_area li.tab01 a:visited { width: 187px; background-position: 0 0; }
div#tab_area li.tab02 a:link, div#tab_area li.tab02 a:visited { width: 185px; background-position: -187px 0; }
div#tab_area li.tab03 a:link, div#tab_area li.tab03 a:visited { width: 188px; background-position: -372px 0; }

/* over */
div#tab_area li.tab01 a:hover, div#tab_area li.tab01 a:active { width: 187px; background-position: 0 -26px; }
div#tab_area li.tab02 a:hover, div#tab_area li.tab02 a:active { width: 185px; background-position:  -187px -26px; }
div#tab_area li.tab03 a:hover, div#tab_area li.tab03 a:active {width: 188px; background-position: -372px -26px; }

/* current */
div#tab_area li.tab01_current { width: 187px; background-position:0 -26px; }
div#tab_area li.tab02_current { width: 185px; background-position: -187px -26px; }
div#tab_area li.tab03_current { width: 188px; background-position:-372px -26px; }

/* === リード === */
#lead { background: url(../../jpn/mobile/img/stripe_repeat.gif) repeat-y left top; padding: 20px 15px; margin: 0; }
#lead_none { background: url(../../jpn/mobile/img/stripe_repeat.gif) repeat-y left top; padding: 5px 0; margin: 0; }
/* === 本文・トピックス === */
#contents { background: url(../../jpn/mobile/img/bg_frame.gif) repeat-y; padding: 0 21px 0 33px; margin: 0; }
#contents h2 { padding-top:18px; }
#contents #last { padding-top: 18px; padding-bottom: 20px; border: 0; }
#contents .set { padding-top: 18px; padding-bottom: 20px; border-bottom: 2px solid #fcc; margin: 0; }
#contents .set h3 { color: #f99; font-weight: bold; background: url(../../jpn/mobile/img/bullet.gif) no-repeat left top; padding-left: 18px; padding-bottom: 10px; }
#contents .set h4 { color: #f99; font-weight: bold; padding-top: 18px; padding-bottom: 10px; }
#contents .set p span { color: #98cc00; }
#contents .set .ph dl { float:left; margin-right: 10px; padding-top: 10px; }
#contents .set .ph dl dd { font-size: x-small; }
#contents .set dl#topics dd { padding-left: 10px; }
/* 1ブロック目高さ調整 */
#contents .set01 { height: auto !important; height: 220px; min-height: 220px; }
/* === 本文・アクセス方法 === */
#mobile_acc #contents { background: url(../../jpn/mobile/img/bg_frame.gif) repeat-y; padding: 18px 21px 0 33px; margin: 0; }
#mobile_acc  #contents #colum { width: 360px;float: left; margin-right: 20px; }
#mobile_acc #contents #colum .set_01 { padding-bottom: 10px; border-bottom: 2px solid #fcc; margin: 0; }
#mobile_acc #contents #colum .set { padding-top: 20px; padding-bottom: 5px; border: none; }
#mobile_acc #contents #colum h3 { color: #f99; font-weight: bold; background: url(../../jpn/mobile/img/bullet.gif) no-repeat left top; padding-bottom: 10px; padding-left: 18px; }
#mobile_acc #contents #mobile_cap { width: 116px;  float: left; }
/* === 本文・コンテンツ === */
#mobile_con #contents { background: url(../../jpn/mobile/img/bg_frame.gif) repeat-y; padding: 18px 21px 0 33px; margin: 0; }
#mobile_con  #contents #colum { width: 290px;float: left; margin-right: 20px; }
#mobile_con #contents #colum .set { padding-top: 0; padding-bottom: 5px; border: none; }
#mobile_con #contents #colum h3 { color: #f99; font-weight: bold; background: url(../../jpn/mobile/img/bullet.gif) no-repeat left top; padding-bottom: 10px; padding-left: 18px; margin-top: 15px; }
#mobile_con #contents #colum #h3_first {margin-top: 0; }
#mobile_con #contents #mobile_cap {  float: left; }

/* === フッタ === */
#footer { line-height: 1em; width: 560px; margin-top:5px; }
#footer .credit { font-size:x-small; text-align: center; color: #99cc00; }
#footer .button_area { margin: 0 0 0 504px; width: 46px; }
#footer .button_area a, #footer .button_area a:link, #footer .button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../jpn/mobile/img/btn_close.gif); height: 12px; border-bottom: 0; }
#footer .button_area a:hover, #footer .button_area a:active { background-position: 0 -12px; }