@charset "Shift_JIS";

/* ----------------------------------------------------------------
*	01. Form Text Module
*	02. Form Checkbox Module
*	03. Form Radio Module
*	04. Form Select Module
*	05. Form Textarea Module
*	06. Form Button Module
*	07. Form List Module
*	08. Form Icon Module
*	09. Form Label Module
*	10. Form Placeholder Module
----------------------------------------------------------------- */

/* ----------------------------------------------------------------
	01. Form Text Module
----------------------------------------------------------------- */

div#str-main form input.form-text-01{
margin:3px 3px 3px 0;
padding:2px;
border:1px #7f9db9 solid;
width:400px;
}

div#str-main form input.form-text-02{
margin:3px 3px 3px 0;
padding:2px;
border:1px #7f9db9 solid;
width:50px;
}

div#str-main form input.form-text-03{
margin:3px 3px 3px 0;
padding:2px;
border:1px #7f9db9 solid;
width:120px;
}

div#str-main form input.form-text-04{
margin:3px 3px 3px 0;
padding:2px;
border:1px #7f9db9 solid;
width:250px;
}

/* ----------------------------------------------------------------
	02. Form Checkbox Module
----------------------------------------------------------------- */

div#str-main form input.form-checkbox-01{
margin:0 0 2px;
padding:0;
vertical-align:middle;
cursor:pointer;
}

/* ----------------------------------------------------------------
	03. Form Radio Module
----------------------------------------------------------------- */



/* ----------------------------------------------------------------
	04. Form Select Module
----------------------------------------------------------------- */

div#str-main form select.form-select-01{
margin:3px 3px 3px 0;
border:1px #7f9db9 solid;
width:80px;
}

div#str-main form select.form-select-01 option{
padding-right:1em;
}

div#str-main form select.form-select-02{
margin:3px 3px 3px 0;
border:1px #7f9db9 solid;
width:110px;
}

div#str-main form select.form-select-02 option{
padding-right:1em;
}

div#str-main form select.form-select-03{
margin:3px 3px 3px 0;
border:1px #7f9db9 solid;
width:50px;
}

div#str-main form select.form-select-03 option{
padding-right:1em;
}

div#str-main form select.form-select-04{
margin:3px 3px 3px 0;
border:1px #7f9db9 solid;
width:200px;
}

div#str-main form select.form-select-04 option{
padding-right:1em;
}


/* ----------------------------------------------------------------
	05. Form Textarea Module
----------------------------------------------------------------- */

div#str-main form textarea.form-textarea-01{
margin:3px 3px 3px 0;
padding:2px;
border:1px #7f9db9 solid;
width:680px;
height:180px;
}


/* ----------------------------------------------------------------
	06. Form Button Module
----------------------------------------------------------------- */

div#str-main form button.form-reset-01{
margin:0;
padding:0;
border:none;
width:67px;
vertical-align:middle;
cursor:pointer;
background:none;
}

/* ----------------------------------------------------------------
	07. Form List Module
----------------------------------------------------------------- */

div#str-main form ul.form-list-01 li{
margin-right:15px;
display:inline;
}

div#str-main form ul.form-list-01 li input{
margin:0 0 1px;
cursor:pointer;
}

div#str-main form ul.form-list-01 li label{
padding-left:3px;
}

div#str-main form ul.form-list-02 li{
margin-bottom:3px;
float:left;
width:85px;
}

div#str-main form ul.form-list-02 li input{
margin:0 0 1px;
cursor:pointer;
}

div#str-main form ul.form-list-02 li label{
padding-left:3px;
}

div#str-main form ul.form-list-03 li{
margin-bottom:3px;
float:left;
width:120px;
}

div#str-main form ul.form-list-03 li input{
margin:0 0 1px;
cursor:pointer;
}

div#str-main form ul.form-list-03 li label{
padding-left:3px;
}

div#str-main form ul.form-list-04 li{
margin-bottom:3px;
float:left;
width:200px;
}

div#str-main form ul.form-list-04 li input{
margin:0 0 1px;
cursor:pointer;
}

div#str-main form ul.form-list-04 li label{
padding-left:3px;
}

div#str-main form ul.form-list-05 li{
margin:0.35em 0;
}

div#str-main form ul.form-list-05 li label{
margin-left:5px;
}

/* ---------------------------------
	form-list Width Control
 -------------------------------- */

div#str-main form ul.form-w470{
width:470px;
}


/* ----------------------------------------------------------------
	08. Form Icon Module
----------------------------------------------------------------- */

div#str-main form span.male{
padding-right:13px;
background:url("/shared/images/icon-male-01.gif") no-repeat 100% 0;
}

div#str-main form span.female{
padding-right:12px;
background:url("/shared/images/icon-female-01.gif") no-repeat 100% 0;
}

div#str-main form span.horse-color-01{
padding-right:11px;
background:url("/shared/images/contents-form/icon-horse-color-01-01.gif") no-repeat 100% 0.10em;
}

div#str-main form span.horse-color-02{
padding-right:11px;
background:url("/shared/images/contents-form/icon-horse-color-01-02.gif") no-repeat 100% 0.10em;
}

div#str-main form span.horse-color-03{
padding-right:11px;
background:url("/shared/images/contents-form/icon-horse-color-01-03.gif") no-repeat 100% 0.10em;
}

div#str-main form span.horse-color-04{
padding-right:11px;
background:url("/shared/images/contents-form/icon-horse-color-01-04.gif") no-repeat 100% 0.10em;
}

div#str-main form span.horse-color-05{
padding-right:11px;
background:url("/shared/images/contents-form/icon-horse-color-01-05.gif") no-repeat 100% 0.10em;
}

div#str-main form span.horse-color-06{
padding-right:11px;
background:url("/shared/images/contents-form/icon-horse-color-01-06.gif") no-repeat 100% 0.10em;
}

div#str-main form span.horse-color-07{
padding-right:11px;
background:url("/shared/images/contents-form/icon-horse-color-01-07.gif") no-repeat 100% 0.10em;
}

div#str-main form span.horse-color-08{
padding-right:11px;
background:url("/shared/images/contents-form/icon-horse-color-01-08.gif") no-repeat 100% 0.10em;
}

div#str-main form span.male-horse{
padding-left:40px;
display:block;
background:url("/shared/images/contents-form/icon-male-02.gif") no-repeat 0 0.30em;
}

div#str-main form span.female-horse{
padding-left:40px;
display:block;
background:url("/shared/images/contents-form/icon-female-02.gif") no-repeat 0 0.30em;
}


/* ----------------------------------------------------------------
	09. Form Label Module
----------------------------------------------------------------- */

.form-label-02{
display:block;
}


/* ----------------------------------------------------------------
	10. Form Placeholder Module
----------------------------------------------------------------- */

.form-placeholder-active{
position:relative;
display:block;
}

.form-placeholder-active label{
position:absolute;
font:caption;
cursor:text;
}