@charset "utf-8";

/* ------------------------- TOC 
01 Setup
02 CSS Hack
03 wrap around the contents (base layout box)
04 site (global) navigation
05 contents
06 footer
07 others
 ------------------------- */

/* ============================== 01 Setup */
* { margin: 0; padding: 0; text-decoration: none; text-align: left; border: none; font-weight: normal; color: #036; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, sans-serif; font-size: small; font-style: normal; }
body { margin:10px; color:#000; }
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; }


/* ============================== 03 wrap around the contents (base layout box) */

/* ジェントルリバー共通 */
.gentle { line-height: 1.2em; }
.gentle .spacing { padding-bottom: 1em; }

.gentle #contents  a { text-decoration: none; }
.gentle #contents a:link { color: #69c; border-bottom: #69c solid 1px; }
.gentle #contents a:visited { color: #69c; border-bottom: #69c solid 1px; }
.gentle #contents a:hover, .gentle #contents a:active { color: #366; border-bottom: #366 solid 1px; }
.gentle a img, .gentle a:link img, .gentle a:visited img, .gentle a:hover img, .gentle a:active img { border: none; text-decoration: none; }

#footer { line-height: 1em; width: 560px; padding-top: 5px; }
#footer .button_area { margin: 0 0 0 504px; width: 46px; }
#footer .credit { font-size:x-small; text-align: center; }

/* ジェントルリバー | トップ */
#gentle_idx_jp #contents { background: url(../jpn/special/gentleriver/img/bg_toppage.jpg) no-repeat left top; height: 418px; }
#gentle_idx_en #contents { background: url(../eng/special/gentleriver/img/bg_toppage.jpg) no-repeat left top; height: 418px; }

#button_area { padding: 303px 0 0 10px; }

#button_area li a { display: block; height: 22px; background-position: 0 0; background-repeat: no-repeat; margin-top: 8px; }

#gentle_idx_jp #nav_01 a { background-image: url(../jpn/special/gentleriver/img/button_doll.gif); width: 114px; height: 22px; }
#gentle_idx_jp #nav_02 a { background-image: url(../jpn/special/gentleriver/img/button_purchase.gif); width: 126px; height: 22px; }
#gentle_idx_jp #nav_03 a { background-image: url(../jpn/special/gentleriver/img/button_message.gif); width: 188px; height: 22px; }

#gentle_idx_en #nav_01 a { background-image: url(../eng/special/gentleriver/img/button_doll.gif); width: 100px; height: 22px; }
#gentle_idx_en #nav_02 a { background-image: url(../eng/special/gentleriver/img/button_purchase.gif); width: 142px; height: 22px; }
#gentle_idx_en #nav_03 a { background-image: url(../eng/special/gentleriver/img/button_message.gif); width: 185px; height: 22px; }

#button_area li a:hover, #button_area li a:active { background-position: 0 -22px; }


/* ジェントルリバー | ドールについて */

#gentle_doll #contents, #gentle_purchase #contents, #gentle_message #contents, #gentle_form #contents { background: url(../jpn/special/gentleriver/img/bg_frame.gif) repeat-y left top; padding: 20px 27px 0 27px; }

.neo, .petit, .message { width: 506px; }
#gentle_doll .petit { min-height: 620px; }

.first_col { min-height: 516px; }

h2 { font-weight: bold; margin-bottom: 1.2em; }

.list, .neo, .sub_nav { border-bottom: 1px #036 dotted; width: 506px; margin-bottom:20px; padding-bottom: 10px; }
.neo_petite { border-top: 1px #036 dotted; width: 506px; margin-top:10px; padding-top: 20px; }
.list { line-height: 1.5em; }

.sub_nav ul { list-style-type: none; padding-bottom: 10px; }
.sub_nav li { float: left; margin-right: 5px; }
.sub_nav li a { font-size: x-small; }


#gentle_purchase dl { margin-bottom: 15px; }
#gentle_purchase dt { margin: 15px 0 10px 0; }
#gentle_purchase dd { margin: 0 0 0 15px; }

#gentle_purchase .neo { min-height: 260px; }
#gentle_purchase .petit { min-height: 250px; }

#gentle_purchase .lottery_area { margin: 10px 0 9px 0; width: 127px; }
#gentle_purchase .lottery_area a, #gentle_purchase .lottery_area a:link, #gentle_purchase .lottery_area a:visited { display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../jpn/special/gentleriver/img/button_form.gif); height: 21px; border-bottom: #fff solid 1px; }
#gentle_purchase .lottery_area a:hover, #gentle_purchase .lottery a:active { background-position: 0 -21px; border-bottom: #fff solid 1px; }

#gentle_purchase .lottery_area_en { margin: 10px 0 0 0; width: 127px; padding-bottom:9px; }
#gentle_purchase .lottery_area_en a, #gentle_purchase .lottery_area_en a:link, #gentle_purchase .lottery_area_en a:visited { display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../eng/special/gentleriver/img/button_form.gif); height: 21px; border-bottom: #fff solid 1px; }
#gentle_purchase .lottery_area_en a:hover, #gentle_purchase .lottery_area_en a:active { background-position: 0 -21px; border-bottom: #fff solid 1px; }

#gentle_message h2 { color: #c00; font-weight: bold; margin-bottom: 1.2em; }
#gentle_message dt { margin: 15px 0 10px 0; font-weight: bold; }
#gentle_message dd { margin: 0 0 0 15px; }

.message { border-bottom: 1px #036 dotted; width: 506px; margin-bottom:20px; padding-bottom: 10px; }
.message_last { width: 506px; }

.notes { font-size: x-small; }

.form { width: 506px; }

#gentle_form em { color: #c00; font-weight: bold; }

.form table { margin: 5px 0 6px 5px; width: 500px; }
.form th { border: 1px solid #cccccc; padding: 8px 5px; font-size: small; }
.form td { border: 1px solid #cccccc; padding: 8px 5px; font-size: small; }
.form td input { border: 1px solid #999999; font-size: small; padding: 2px; }
.form td select { border: 1px solid #999999; font-size: small; }

form .long { width: 320px; }
form .mideum { width: 200px; }
form .short { width: 60px; }

#button_submit { margin: 20px 0 0 0; text-align: center; }
#button_submit input { color: #333; border: 1px solid #999999; margin: 0 5px; padding: 1px; width: 100px; text-align: center; }

.form .button_area { margin: 0 0 0 462px; width: 44px; }