@charset "utf-8";
/*
=========================================================
last updated:2009/06/08 vol.01
=========================================================
*/

/* Rakugaki
=============================================================================== */
div#rakugaki {margin:0 0 25px 0;text-align:center;background:#f0efef;}
div#rakugaki div.fla {width:850px;height:auto;min-height:522px;margin:0 auto;padding:1px 0 0 0;background:#f0efef;}
* html div#rakugaki div.fla {height:522px;}
div#rakugaki div.bg01 {padding:0 0 30px 0;background:url(../../img/hiroba/rakugaki/rakugaki_bg_btm.gif) no-repeat bottom center;}
div#rakugaki div.bg02 {background:#ffffff url(../../img/hiroba/rakugaki/rakugaki_bg01.gif) repeat-y top center;}
div#rakugaki .none {background-image:none;}
* html div#rakugaki,
* html div#rakugaki div.bg01,
* html div#rakugaki div.bg02 {height:1%;}

/* noscript
--------------------------------------------- */
div#rakugaki div.noscript {width:830px;margin:0 auto 0 auto;padding:6px 9px 6px 9px;border:solid 1px #cccccc;text-align:left;}

/* Javascript Off
--------------------------------------------- */
div#rakugaki div.fla div.cmnNoscript {width:596px;margin:200px auto 0 auto;padding:5px;text-align:center;border:solid 2px #ffa368;background:#fff2ea;}
div#rakugaki div.fla div.cmnNoscript p.txt01 {color:#ff5a3f;font-weight:bold;}
/* flaAlert
--------------------------------------------- */
div#rakugaki div.fla div.flaAlert {width:538px;margin:200px auto 200px auto;padding:10px;text-align:center;border:solid 1px #cccccc;background:#ffffff;}
div#rakugaki div.fla div.flaAlert p.txt {width:380px;text-align:left;}
div#rakugaki div.flaAlert {width:830px;margin:10px auto 0 auto;padding:6px 9px 6px 9px;border:solid 1px #cccccc;background:#eeeeee;text-align:left;}
div#rakugaki div.flaAlert p.txt {width:655px;float:left;}
div#rakugaki div.flaAlert p.fla {width:150px;text-align:right;float:right;}

/* Clear Fix
--------------------- */
div#rakugaki div.flaAlert:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
* html div#rakugaki div.flaAlert {display: inline-block;}
/* Mac IE \*/
* html div#rakugaki div.flaAlert {height: 1%;}
div#rakugaki div.flaAlert {display: block;}
*:first-child+html div#rakugaki div.flaAlert {zoom:1;}
/* */

/* Title
--------------------------------------------- */
div#rakugaki h1 {width:950px;height:60px;text-indent:-9999px;overflow:hidden;background:url(../../img/hiroba/rakugaki/rakugaki_title.gif) no-repeat top left;}
/* Nav
--------------------------------------------- */
div#rakugaki ul.steps {width:801px;margin:22px auto 0 auto;}

/* Clear Fix
--------------------- */
div#rakugaki ul.steps:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
* html div#rakugaki ul.steps {display: inline-block;}
/* Mac IE \*/
* html div#rakugaki ul.steps {height: 1%;}
div#rakugaki ul.steps {display: block;}
*:first-child+html div#rakugaki ul.steps {zoom:1;}
/* */

div#rakugaki ul.steps li {float:left;}

/* startMd
--------------------------------------------- */
div#rakugaki div.startMd {width:596px;margin:22px auto 0 auto;padding:240px 15px 0 15px;text-align:left;border:solid 2px #cccccc;background:url(../../img/hiroba/rakugaki/rakugaki_bg03.gif) no-repeat center 10px;}
div#rakugaki div.startMd div.cmnLnks {margin-bottom:20px !important;}
div#rakugaki div.startMd p {font-size:108%;line-height:1.4;}

/* txtArea
--------------------------------------------- */
div#rakugaki div.txtArea {width:850px;margin:20px auto 0 auto;text-align:left;}
div#rakugaki div.txtArea div.ttl {margin:0 0 15px 0;padding:0 0 2px 0;color:#333333;border-bottom:solid 2px #b28850;}

/* Clear Fix
--------------------- */
div#rakugaki div.txtArea div.ttl:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
* html div#rakugaki div.txtArea div.ttl {display: inline-block;}
/* Mac IE \*/
* html div#rakugaki div.txtArea div.ttl {height: 1%;}
div#rakugaki div.txtArea div.ttl {display: block;}
*:first-child+html div#rakugaki div.txtArea div.ttl {zoom:1;}
/* */

div#rakugaki div.txtArea h2 {padding:3px 20px 4px 48px;font-size:123%;font-weight:bold;float:left;}
div#rakugaki div.txtArea h2.st01 {background:url(../../img/hiroba/rakugaki/step01_bg.gif) no-repeat left top;}
div#rakugaki div.txtArea h2.st02 {background:url(../../img/hiroba/rakugaki/step02_bg.gif) no-repeat left top;}
div#rakugaki div.txtArea h2.st03 {background:url(../../img/hiroba/rakugaki/step03_bg.gif) no-repeat left top;}
div#rakugaki div.txtArea h2.st04 {background:url(../../img/hiroba/rakugaki/step04_bg.gif) no-repeat left top;}
div#rakugaki div.txtArea div.ttl p {padding:4px 0 0 0;font-size:100%;}
div#rakugaki div.txtArea p {padding:0 10px 0 10px;font-size:108%;line-height:1.4;}
div#rakugaki div.txtArea div.innr {min-height:249px;padding:0 310px 0 0;background:url(../../img/hiroba/rakugaki/rakugaki_bg02.gif) no-repeat top right;}
* html div#rakugaki div.txtArea div.innr {height:249px;}


/* content
--------------------------------------------- */
div#rakugaki div.content {width:664px;margin:25px auto 0 auto;padding:3px 3px 13px 3px;text-align:left;border:solid 2px #cccccc;}
div#rakugaki div.content div.ttl {margin:0 0 0 0;padding:10px;background:#e6e6e6;}

/* Clear Fix
--------------------- */
div#rakugaki div.content div.ttl:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
* html div#rakugaki div.content div.ttl {display: inline-block;}
/* Mac IE \*/
* html div#rakugaki div.content div.ttl {height: 1%;}
div#rakugaki div.content div.ttl {display: block;}
*:first-child+html div#rakugaki div.content div.ttl {zoom:1;}
/* */

div#rakugaki div.content div.ttl h2 {float:left;font-size:116%;font-weight:bold;}
div#rakugaki div.content div.ttl p {float:right;font-size:116%;}
div#rakugaki div.searchArea {padding:0 0 10px 0;background:url(../../img/common/line/line01.gif) repeat-x bottom left;}
div#rakugaki div.searchArea em {font-weight:bold;}
div#rakugaki div.searchArea span {color:#999999;}
div#rakugaki div.searchArea table {width:100%;margin-top:10px;zoom:1;}
div#rakugaki div.searchArea div.innr {padding:10px;border:solid 1px #cccccc;}
div#rakugaki div.searchArea div.innr table {width:100%;margin-top:0;border-collapse:collapse;}
div#rakugaki div.searchArea div.innr td {padding:0;}
div#rakugaki div.searchArea th {width:100px;padding:7px;vertical-align:top;background:#ececec;}
div#rakugaki div.searchArea td {padding:0 0 0 10px;line-height:1.4;vertical-align:middle;}
div#rakugaki div.searchArea input.st01 {width:170px;}

/* Form Area (My.css CommonMd)
--------------------------------------------- */
div#rakugakiformArea {padding:0 0 0 0;}
div#rakugakiformArea img {vertical-align:bottom;}
div#rakugakiformArea .none {background:none !important;}
div#rakugakiformArea strong {font-weight:bold;}
div#rakugakiformArea table {margin-bottom:0;}
div#rakugakiformArea td.img {padding:20px 10px 10px 10px;text-align:center;}
div#rakugakiformArea td.img img {margin-bottom:10px;padding:13px 17px;border:solid 1px #cccccc;}
div#rakugakiformArea th {width:150px;white-space:nowrap;padding:15px 10px 13px 10px;color:#333333;vertical-align:top;font-size:108%;font-weight:bold;background:url(../../img/common/line/line04.gif) repeat-x bottom;}
div#rakugakiformArea th img {margin:4px 0 0 0;}
div#rakugakiformArea td {padding:15px 10px 11px 0;vertical-align:top;background:url(../../img/common/line/line04.gif) repeat-x bottom;}
div#rakugakiformArea td p {margin-top:5px;}
div#rakugakiformArea div.formBtn {margin:0 0 15px 0;padding:10px 0 0 0;text-align:center;background:url(../../img/common/line/line04.gif) repeat-x top;}
div#rakugakiformArea div.formBtn input {padding:0 5px 0 5px;}
div#rakugakiformArea input.fileType {width:370px;padding:2px 0 2px 0;}
div#rakugakiformArea input.st01 {width:390px;margin-right:10px;}
div#rakugakiformArea div.cmnLnks {margin-bottom:20px !important;}
div#rakugakiformArea p.error {margin:0 0 5px 0;color:#ff0000;}

/* note
----------------------------- */
div#rakugakiformArea div.note {width:40em;margin:20px auto 0 auto;padding:0;border:none;}
div#rakugakiformArea div.note p {margin:0 0 0 0;padding:3px 7px 3px 7px;text-align:center;border-left:solid 1px #999999;border-right:solid 1px #999999;}
div#rakugakiformArea div.note div.top {background:url(../../img/hiroba/rakugaki/help_top.gif) no-repeat top left;}
div#rakugakiformArea div.note div.top div {font-size:0;height:4px;background:url(../../img/hiroba/rakugaki/help_right_t.gif) no-repeat top right;}
div#rakugakiformArea div.note div.btm {background:url(../../img/hiroba/rakugaki/help_btm.gif) no-repeat top left;}
div#rakugakiformArea div.note div.btm div {font-size:0;height:4px;background:url(../../img/hiroba/rakugaki/help_right_b.gif) no-repeat top right;}
div#rakugakiformArea dl.txt {width:100%;margin:5px 0 0 0;}

/* Clear Fix
--------------------- */
div#rakugakiformArea dl.txt:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
* html div#rakugakiformArea dl.txt {display: inline-block;}
/* Mac IE \*/
* html div#rakugakiformArea dl.txt {height: 1%;}
div#rakugakiformArea dl.txt {display: block;}
*:first-child+html div#rakugakiformArea dl.txt {zoom:1;}
/* */

div#rakugakiformArea dl.txt dt {padding:2px;float:left;background:#e6e6e6;}
div#rakugakiformArea dl.txt dd {padding:2px 5px;float:left;}
div#rakugakiformArea em {font-weight:bold;}

/* Form Button (My.css CommonMd)
--------------------------------------------- */
div#rakugaki div.formBtn {margin:0 0 20px 0;padding:20px 0 0 0;text-align:center;}
div#rakugaki div.formBtn input {padding:3px 5px;margin:0 10px 0 10px;}
div#rakugaki div.formBtn input.w01 {width:150px;}
div#rakugaki div.formBtn input.submit {background:#eb6100;font-weight:bold;color:#ffffff;}

/* Note
---------------------------------------------*/
div.noteBox {padding:10px;border:solid 1px #cccccc;}
div.noteBox li {padding:0 0 0 10px;background:url(../../img/common/list/list_c.gif) no-repeat left 6px;}

/* rakugakiView
--------------------------------------------- */
div#rakugakiView {margin:5px 0 0 0;padding:0 0 0 0;background:url(../../img/common/line/line01.gif) repeat-x bottom left;}
/* no match Text */
div#rakugakiView p.noMatch {margin:20px 0 40px 0;text-align:center;font-size:108%;font-weight:bold;}
div#rakugakiView ul {width:100%;margin:25px 0 0 0;}

/* Clear Fix
--------------------- */
div#rakugakiView ul:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
* html div#rakugakiView ul {display: inline-block;}
/* Mac IE \*/
* html div#rakugakiView ul {height: 1%;}
div#rakugakiView ul {display: block;}
*:first-child+html div#rakugakiView ul {zoom:1;}
/* */

div#rakugakiView li {padding:0 14px 27px 14px;text-align:center;float:left;}
div#rakugakiView li img {margin:0;vertical-align:bottom;border:solid 1px #cccccc;}
div#rakugakiView li p {margin:5px 0 0 0;}
div#rakugakiView li p input {padding:2px 4px;}

/* rakugakiTagView
---------------------------------------------*/
div#rakugakiTagView {margin:10px 0 20px 0;}
/* no match Text */
div#rakugakiTagView p.noMatch {margin:20px 0 20px 0;text-align:center;font-size:108%;font-weight:bold;}

div#rakugakiTagView span.st01 {font-size:86%;}
div#rakugakiTagView span.st02 {font-size:108%;}
div#rakugakiTagView span.st03 {font-size:123%;}
div#rakugakiTagView span.st04 {font-size:136%;}
div#rakugakiTagView span.st05 {font-size:183%;}

/* Link Style
---------------------------------------------*/
div#rakugaki div.cmnLnks {margin-bottom:10px;text-align:center;}
div#rakugaki div.cmnLnks p {font-size:108%;display:inline;line-height:2.5 !important;}
div#rakugaki div.cmnLnks p strong {font-weight:bold;}
div#rakugaki div.cmnLnks p a {padding:7px 8px 7px 8px;border:2px solid #FF6C00;background:#FFFFFF;}
div#rakugaki div.cmnLnks p.lnk01 a {border-color:#cccccc;}
div#rakugaki div.cmnLnks p.lnk02 a {border-color:#f7b551;}
div#rakugaki div.cmnLnks li {margin:0 3px 0 3px;font-size:108%;display:inline;line-height:2.5 !important;}
div#rakugaki div.cmnLnks li strong {font-weight:bold;}
div#rakugaki div.cmnLnks li a {padding:7px 8px 7px 8px;border:2px solid #FF6C00;background:#FFFFFF;}
div#rakugaki div.cmnLnks li.lnk01 a {border-color:#cccccc;}
div#rakugaki div.cmnLnks li.lnk02 a {border-color:#f7b551;}

/* rakugakiSearchArea
---------------------------------------------*/
div#rakugakiSearchArea {padding:7px;border:solid 1px #e8e8e8;background:#f7f7f7;}
div#rakugakiSearchArea th {padding-top:3px;font-weight:bold;vertical-align:middle;}
div#rakugakiSearchArea td {padding-right:3px;}
div#rakugakiSearchArea td input,
div#rakugakiSearchArea td select {vertical-align:middle;}
div#rakugakiSearchArea td .st01 {width:200px;padding:1px;}
div#rakugakiSearchArea td .bt {width:6em;}
div#rakugakiSearchArea p span {font-weight:bold;}
div#rakugakiSearchArea p span.none {font-weight:normal;color:#bebebe;}

/* backToPrev
---------------------------------------------*/
div#rakugaki div.backToPrev {padding:10px 0 20px 0;text-align:center;}

/* Search Area Title
---------------------------------------------*/
div#rakugakiSearchTtl {margin:8px 0 0 0;padding:0 10px 8px 10px;background:url(../../img/common/line/line01.gif) repeat-x left bottom;}

/* Clear Fix
--------------------- */
div#rakugakiSearchTtl:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
*:first-child+html div#rakugakiSearchTtl{display: inline-block;}
* html div#rakugakiSearchTtl {height: 1%;}

div#rakugakiSearchTtl div.innr {float:left;}
div#rakugakiSearchTtl div.lnks {width:12em;margin:0;text-align:right;float:right;}
div#rakugakiSearchTtl div.lnks p a {border-color:#ffbb53;}
div#rakugakiSearchTtl h3 {margin:0 0 2px 0;font-size:116%;font-weight:bold;}
div#rakugakiSearchTtl p.txt {font-size:108%;}

/* rakugakiTagViewTtl
---------------------------------------------*/
div#rakugakiTagViewTtl {margin:20px 0 0 0;padding:0 5px 5px 5px;border-bottom:solid 1px #cccccc;}

/* Clear Fix
--------------------- */
div#rakugakiTagViewTtl:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
* html div#rakugakiTagViewTtl {display: inline-block;}
/* Mac IE \*/
* html div#rakugakiTagViewTtl {height: 1%;}
div#rakugakiTagViewTtl {display: block;}
*:first-child+html div#rakugakiTagViewTtl {zoom:1;}
/* */

div#rakugakiTagViewTtl h3 {padding:0 15px 0 0;float:left;font-size:108%;font-weight:bold;}
div#rakugakiTagViewTtl p {padding:2px 0 0 0;float:left;}

/* pageNav
----------------------------- */
/* Clear Fix
--------------------- */
div#rakugaki div.pageNav:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
* html div#rakugaki div.pageNav {display: inline-block;}
/* Mac IE \*/
* html div#rakugaki div.pageNav {height: 1%;}
div#rakugaki div.pageNav {display: block;}
*:first-child+html div#rakugaki div.pageNav {zoom:1;}
/* */

div#rakugaki div.pageNav p.st01 {float:left;}
div#rakugaki div.pageNav p.st01 span {font-weight:bold;}
div#rakugaki div.pageNav p.st02 {float:right;}
div#rakugaki div.pageNav p.st02 span {color:#cccccc;}

/* Page List
---------------------------------------------*/
div.pageList {margin:0 0 15px 0;text-align:center;}
div.pageList ul {padding:20px 0 10px 0;text-align:center;}
div.pageList li {margin:0 1px;text-align:center;font-size:100%;display:inline;}
div.pageList li a {padding:0.3em 0.55em 0.3em 0.55em;border:solid 1px #cccccc;}
div.pageList li a:hover {background:#ff7723;color:#ffffff;}
div.pageList li.this {padding:0.3em 0.55em 0.3em 0.55em;font-weight:bold;background:#ff7723;border:solid 1px #cccccc;color:#ffffff;}
div.pageList li.lst a {border:solid 1px #cccccc;}
div.pageList li.prev {margin:0 7px 0 0;text-align:right;}
div.pageList li.prev a {padding-right:0.22em;padding-left:1em;border:solid 1px #cccccc;background:url(../../img/hiroba/rakugaki/prev.gif) no-repeat center left;}
div.pageList li.prev span {padding-top:0.3em;padding-bottom:0.3em;padding-right:0.22em;padding-left:1em;color:#999999;border:solid 1px #cccccc;background:url(../../img/hiroba/rakugaki/prev_off.gif) no-repeat center left;}
div.pageList li.prev a:hover {background:#ff7723 url(../../img/hiroba/rakugaki/prev_on.gif) no-repeat center left;}
div.pageList li.next {margin:0 0 0 7px;text-align:left;}
div.pageList li.next a {padding-left:0.22em;padding-right:1em;border:solid 1px #cccccc;background:url(../../img/hiroba/rakugaki/next.gif) no-repeat center right;}
div.pageList li.next span {padding-top:0.3em;padding-bottom:0.3em;padding-left:0.22em;padding-right:1em;color:#999999;border:solid 1px #cccccc;background:url(../../img/hiroba/rakugaki/next_off.gif) no-repeat center right;}
div.pageList li.next a:hover {background:#ff7723 url(../../img/hiroba/rakugaki/next_on.gif) no-repeat center right;}