@charset "utf-8";

/**
 * @style  Frequently used styles
 * @media   all
 * @version 1.0
 * @date    2008-11-07
 * @author  Hiloki Tani
*/

/**
 * Called "clearfix". Floating boxes are cleared.
 *
 * @see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */

.clearfix,
.clear {
    zoom: 1;/*for IE 5.5-7*/
}
.clearfix:after,
.clear:after {/*for modern browser*/
    content:".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

* html .clearfix,
* html .clear {
 display: inline-table;
 /*\*/display: block;/**/
}

.group {
    zoom: 1;/*for IE 5.5-7*/
}
.group {/*for modern browser*/
    content:".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

* html .group {
	display: inline-table;
	/*\*/display: block;/**/
}

/* navigations * add 080124 tani
-------------------------------------------- */

.pagetop {
 text-align:right;
}

.pagetop img {
 margin-right:3px;
 vertical-align:middle;
}

/* no setting text */
.yet {
	color: #ccc;
}

/* icons */

.safety {
 padding-left: 18px;
 background: url(/image/common/ico_rock.jpg) left center no-repeat;
}

.question {
 padding-left: 24px;
 background: url(/image/common/ico_q.jpg) left top no-repeat;
}

.answer {
 padding-left: 24px;
 background: url(/image/common/ico_a.jpg) left top no-repeat;
}

/* color */

.emp {
	color: #ff2200;
}

.error {
	color: #ff2200;
}

.send {
	color: #229900;
}

.strike {
	text-decoration: line-through;
}

.right {
 text-align: right;
}

.center {
 text-align: center;
}

/* border */

.borderCenter {
 background: url(/image/common/border_dot.gif) 50% top repeat-y;
}

/* forms */

div#wrapper form p.example {
  margin-bottom: 0;
  font-size: 12px;
 }

 input.formTextMail {
  width: 80%;
 }

p.submit {
 margin: 20px auto;
 text-align: center;
}

/* layout */

img.imageRight {
 float: right;
 margin-left: 1.0em;
}

img.imageLeft {
 float: left;
 margin-right: 1.0em;
}

img.imageCenter {
 display: block;
 margin: 0 auto 10px auto;
 text-align: center;
}

.nextPage {
 text-align: right;
}

/* application */

body div#wrapper div#notePdf {
 zoom: 1;
 margin-top: 10px;
 border-top: 1px dotted #999;
 padding-top: 10px;
}

body div#wrapper div#notePdf:after {/*for modern browser*/
    content:".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

body div#wrapper div#notePdf p {
 font-size: 10px;
}