/* ============================================ */
/* �S�̃��C�A�E�g
/* -------------------------------------------- */
/* �S�Z���N�^�̃f�t�H���g�]�����폜 */
* {
    margin: 0;
    padding: 0;
    /*zoom: 1; /* for IE (hasLayout�΍�)*/ /* StickyFotter������ɂȂ��Ă��܂����߁A�•ʂ�hasLayout�΍���s�� */
}

/* �S�̃��C�A�E�g */
body {
    background-color: #E4E4E4;
}

div.wrap1 {
    width: 1200px;
    margin: 0 auto;
    border-left: 1px solid #C3C3C3;
    border-right: 1px solid #C3C3C3;
    background-color: #FFFFFF;
}

div.wrap2 {
    padding: 1px;
}
/* ============================================ */


/* ============================================ */
/* Font�֌W
/* -------------------------------------------- */
/* �f�t�H���gFont�T�C�Y��10px�ɓ��� */
body { /* for IE6 */
    font-size : 62.5%;
}
html>body { /* for IE6�ȊO */
    font-size : 10px;
}

/* �f�t�H���gfont-family�̎w�� */
body {
    /*font-family:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;*/
    font-family:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','�l�r �o�S�V�b�N',sans-serif;
}
/* ============================================ */


/* ============================================ */
/* ���ʕ��i
/* -------------------------------------------- */
/* ��\�� */
div.hide {
    height: 0px;
    visibility: hidden;
}

/* ClearFix */
.clearfix:after {
    content: ".";  /* �V�����v�f����� */
    display: block;  /* �u���b�N���x���v�f�� */
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}
/**********************************************************/
/* ClearFix��StickyFotter����������̂ŁAfloat�����͋�div�ōs�� */
/**********************************************************/
div.clear {
    clear:both;
}

/* ============================================ */


/* ============================================ */
/* �{�^���֘A
/* -------------------------------------------- */
input, button,textarea {
    background-color: #FFFFFF;
    background-image: url("../../img/button/normal.png");
    background-repeat: repeat-x;
    border: 1px solid #ABB5C3;
    padding: 3px;
}
textarea {
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	resize: none;
    width: 100%;
}
button{
    cursor: pointer;
}
/**forIE6or7**/
button{
    *padding:0;
}
input.readonly,input:hover.readonly,
textarea.readonly,textarea:hover.readonly {
    background-image: url("../../img/button/readonly.png");
    background-repeat: repeat-x;
    background-color: #E4E4E4;
}

input:hover, button:hover, textarea:hover {
    background-image: url("../../img/button/active.png");
    background-repeat: repeat-x;
}

input.disabled:hover, button.disabled:hover, textarea.disabled:hover {
    background-image: url("../../img/button/normal.png");
    background-repeat: repeat-x;
    cursor: default;
}

input[type="checkbox"], input[type="radio"]{
    cursor: pointer;
}

/**ForIe6Only**/
input.radioButton,
input.radioButton:hover
{
    _background-color: transparent;
    _background-image: none;
    _border: 0px;
    _padding: 0px;
}
input.checkBoxButton,
input.checkBoxButton:hover
{
    background-color: transparent;
    background-image: none;
    border: 0px;
    padding: 0px;
}
select.changeStyle {
    background-color: transparent;
    background-image: url("../../img/button/normal.png");
    background-repeat: repeat-x;
    border: 1px solid #ABB5C3;
    padding: 3px;
}

select.changeStyle:hover {
    background-image: url("../../img/button/active.png");
}
/* ============================================ */


/* ============================================ */
/* ���C�����C�A�E�g
/* -------------------------------------------- */
/* ��i�g */
div.mainContents {
    width: 100%;
    background-color: #FFFFFF;
}

/* �O�i�g */
div.mainContainerWrapper {
    float: left;
    width: 100%;
    margin-right: -380px;
}
div.mainContainerCenter {
    float: right;
    width: 100%;
    background-color: #FFFFFF;
    margin-left: -380px;
}
div.mainContainerCenterContents {
    margin: 0px 380px;
}
div.mainContainerLeft {
    float: left;
    width: 380px;
    background-image: url(../../img/main/sidePanel.jpg);
    height: 600px;
}
div.mainContainerRight {
    float: right;
    width: 380px;
    background-image: url(../../img/main/sidePanel.jpg);
    height: 600px;
}
/* =========================================== */


.noBorder{
   border-width: 0;
}

.cursorPointer{
    cursor: pointer;
}

.inlineError {
	margin-top:5px;
	color: #CC0000;
	font-weight: bold;
}
#divErrorMsg{
	border: 3px double #CC0000;
	color:#CC0000;
	font-weight: bold;
	padding: 10px 10px 0 10px;
	margin-bottom: 15px;
	font-size: 16px;
}
#divErrorMsg a:link,
#divErrorMsg a:visited,
#divErrorMsg a:hover{
	color:#CC0000;
}
#divErrorMsg a:hover{
	text-decoration: none;
}
li.liErrorMsg{
	margin-left: 20px;
	margin-bottom: 10px;
}
p.error_msg{
	margin-bottom: 10px;
}
/**色関係**/
.bgColorCautionRed{
   background-color: #CC0000;
}
.colorCautionRed{
   color: #CC0000;
}

div.dialogMessage div.icon{
	width: 32px;
	height: 28px;
	vertical-align:middle;
	float:left;
}

div.dialogMessage div.exclamation{
	background: url(../../img/mark/exclamation.gif) no-repeat;
}

div.dialogMessage div.information{
	background: url(../../img/mark/information.gif) no-repeat;
}

div.dialogMessage div.question{
	background: url(../../img/mark/question.gif) no-repeat;
}

div.dialogMessage div.message{
	float:left;
	margin-left:10px;
}
div.dialogMessage div.message p.marginTop{
	margin-top:20px;
}