@charset "UTF-8";

@import url(reset.css);
@import url(fonts.css);
@import url(layout.css);


/* --------------------------------------------------
 * general
 * -------------------------------------------------- */
html {
background-color: #F5E3BF;
}

body {
background-color: #ffffff;
color:#4c4c4c;
/*text-align:center;*/
overflow-y:scroll;
}


/* ie6, ie7 hack */
*html body,
*+html body {
overflow-y:auto;
}


a {
/*color:#4c4c4c;*/
color:#8B5014;
text-decoration:none;
}
a:hover {
/*color: #808080;*/
color: #8B5014;
text-decoration: underline;
}


h1 {
font-size: 146.5%;
margin: 0 0 1em;
}

h2 {
font-size: 131%;
margin: 2em 0 0;
}

h3 {
font-size: 116%;
margin: 0 0 0.5em;
}

h4 {
font-size: 100%;
margin: 0 0 0.5em;
}

p {
padding:0 0 1em;
}

ul, ol {
margin:0 0 1em 1.5em;
}

ul li {
list-style-type: square;	
}

ol li {
list-style-type: decimal;	
}

strong {
font-weight:bold;
}

table {
border-collapse:collapse;
max-width:567px;
}
table th {
background-color: #E8E8E8;
/*border: 1px solid #bbb;*/
padding:0.2em;
}
table td {
/*border: 1px solid #bbb;*/
padding:0.2em;
}

pre {
margin: 0 0 1.5em;
padding: 0.5em;
border: 1px solid #ccc;
font-size:77%;
line-height:100%;
background-color: #EFEFEF;
font-family: monospace;
}

h2 small {
color:#666;
font-size:60%;
}

#maincol.maincontent img {
max-width:567px;
}




/* --------------------------------------------------
 * container
 * -------------------------------------------------- */
#container {
border:1px solid #B2B2B2;
text-align: left;
}





/* --------------------------------------------------
 * header
 * -------------------------------------------------- */
#header h1 {
margin: 10px 0 0 7px;
float:left;
display:inline;
}
#header .contents {
float:right;
text-align:right;
margin: 13px 13px 0 0;
}
#header .contents .buttons {
margin:0 0 9px;
}
#header .contents .banners img {
margin:0 0 0 10px;
}



/* --------------------------------------------------
 * globalnavigation
 * -------------------------------------------------- */
#globalnavigation {
background-image: url(../images/gn_bg.png);
background-repeat: repeat-x;
height: 30px;
}
/* navigation */
#globalnavigation .navigation {
float:left;
}
#globalnavigation .navigation ul {
margin:0;
}
#globalnavigation .navigation li {
height:20px;
float: left;
list-style-type: none;
line-height:100%;
}

/* search */
#globalnavigation .search {
padding:7px 0 0 20px;
float:left;
}
#globalnavigation .search input {
width: 130px;
height: 14px;
border-top: 1px solid #A26A00;
border-left: 1px solid #A26A00;
border-right: 1px solid #F1BC8D;
border-bottom: 1px solid #F1BC8D;
font-size: 11px;
}
#globalnavigation .search img{
vertical-align:bottom;
}





/* --------------------------------------------------
 * mainfuture
 * -------------------------------------------------- */
#mainfuture {
margin: 0 0 15px;
zoom:100%;
}
#mainfuture:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
} 
#mainfuture .mainimage {
float:left;
width:581px;
}
#mainfuture .buttonswrapper {
background-color:#C92C1C;
float:left;
width:219px;
_width:217px;
height: 220px;
text-align: left;
}
#mainfuture .buttons {
margin:15px 0 0 13px;
}






/* --------------------------------------------------
 * breadcrumb
 * -------------------------------------------------- */
#breadcrumb {
font-size:90%;
margin: 0em;
height: 40px;
border-bottom: 1px solid #B2B2B2;
}
#breadcrumb p {
padding: 13px 0 0 30px;
}

#breadcrumb a {
color:#8C5014;
}





/* --------------------------------------------------
 * .maincontent
 * -------------------------------------------------- */
#maincol {
border-right:1px solid #B2B2B2;
min-height:270px;
height: auto !important;
height: 300px;
}

#maincol.maincontent .maintitle {
margin: 0px;
height: 55px;
background-color:#C82C1C;
}

#maincol.maincontent .maintitle h2 {
padding:18px 0 0 30px;
margin: 0px;
font-size: 18px;
color:#FFF;
font-weight:bold;
}

#maincol.maincontent h3 {
font-weight:bold;
color:#000;
margin:0 0 1em;
}

#maincol.maincontent h4 {
zoom: 100%;
}

#maincol.maincontent h4:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#maincol.maincontent .content {
margin:25px 30px 25px;
}


/* 
 * #maincol ul.menu / menu list
 * -------------------------------------------------- */
#maincol ul.menu {
margin: 0px;
}

#maincol ul.menu li {
background-image: url(../images/arrow01.png);
background-repeat: no-repeat;
background-position: left;
margin: 0 0 20px;
padding: 0 0 0 18px;
list-style: none;
font-size: 108%;
width:auto;
}

#maincol ul.menu a {
color:#4D4D4D;
}

#maincol ul.menu a:hover {
color:#808080;
}



/* --------------------------------------------------
 * rightcol
 * -------------------------------------------------- */
#rightcol h3{
margin:10px;
}
#rightcol .menu {
margin:10px;
font-size:108%;
/*color:#8C5014;*/
}
#rightcol .menu a {
/*color:#8B5014;*/
text-decoration:none;
}
#rightcol .menu ul li {
list-style-type:disc;
margin:0 0 0.5em;
font-size: 14px;
width:auto;
color:#8B5014;
}
#rightcol .menu li ul {
margin: 5px 0 0 0;
}
#rightcol .menu li li {
list-style:none;
background-image: url(../images/arrow02.png);
background-repeat: no-repeat;
background-position: left;
padding:0 0 0 10px;
font-size: 13px;
width:100%;
}


/* 
 * #rightcol #rightcol_ttl h3 / sidebar title
 * -------------------------------------------------- */
#rightcol #rightcol_ttl {
background-image: url(../images/bg_sidebar_ttl.png);
background-repeat: no-repeat;
width:180px;
height:30px;
margin:10px;
}

#rightcol #rightcol_ttl h3 {
font-size:13px;
color:#FFF;
font-weight:bold;
padding:7px 10px;
margin: 0px;
}



/* --------------------------------------------------
 * leftmenu
 * -------------------------------------------------- */
#leftmenu {
margin:0 0 20px;
}





/* --------------------------------------------------
 * sidebar
 * -------------------------------------------------- */
#sidebar div {
margin: 0 0 3px;
}




/* --------------------------------------------------
 * footer
 * -------------------------------------------------- */
#footer {
font-size: 11px;
/*padding:0.5em 25px 1em;*/
border-top: 1px solid #b3b3b3;
height:50px;
}

#footer a {
color:#4D4D4D;
text-decoration:underline;
}

#footer .copyright{
margin: 10px 0 0 15px;
float:left;
}

#footer .menu{
margin: 10px 25px 0 0;
float:right;
text-align:right;
}



/* --------------------------------------------------
 * そのほかのレイアウト
 * -------------------------------------------------- */
#indexpage {
margin-top: 15px;
text-align: left;
}

#indexpage h3 {
background-color: #C92C1C;
font-size: 160%;
font-family: "メイリオ","ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
color: #FFFFFF;
font-weight: bold;
padding-left: 30px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 
}

#indexpage ul {
padding-top: 25px;
padding-bottom: 250px;
padding-left: 30px;
}

#indexpage li {
font-family: "メイリオ","ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
padding-bottom: 20px;
}

#rightcol_ttl a {
color: #FFFFFF;
}

/* --------------------------------------------------
 * .maincontent(other)
 * -------------------------------------------------- */
#maincol_o {
min-height:300px;
height: auto !important;
height: 300px;
}

#maincol_o.maincontent .maintitle {
margin: 0px;
height: 55px;
background-color:#C82C1C;
}

#maincol_o.maincontent .maintitle h2 {
padding:18px 0 0 30px;
margin: 0px;
font-size: 18px;
color:#FFF;
font-weight:bold;
}

#maincol_o.maincontent .maintitle .main {
width: 400px;
float: left;
}

#maincol_o.maincontent .maintitle .sub {
float: right;
text-align: right;
padding: 4px 30px 0 0;
font-size: 13px;
}

#maincol_o.maincontent .maintitle .sub a {
color: #FFF;
}

#maincol_o.maincontent h3 {
font-weight:bold;
color:#000;
margin:0 0 1em;
}

#maincol_o.maincontent h4 {
zoom: 100%;
}

#maincol_o.maincontent h4:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#maincol_o.maincontent .content {
margin:25px 30px 0;
}


/* 
 * #maincol_o ul.menu / menu list
 * -------------------------------------------------- */
#maincol_o ul.menu {
margin: 0px;
}

#maincol_o ul.menu li {
background-image: url(../images/arrow01.png);
background-repeat: no-repeat;
background-position: left;
margin: 0 0 20px;
padding: 0 0 0 18px;
list-style: none;
font-size: 108%;
width:auto;
}

#maincol_o ul.menu a {
color:#4D4D4D;
}

#maincol_o ul.menu a:hover {
color:#808080;
}

table.iken {
border:0;
}

.iken th, .iken td {
border:0;
}

#zadan dl {
line-height:1.6;
width: 95%;
}

#zadan dt {
float:left;
width:5em;
}
#zadan dd {
margin-left:5em;
margin-bottom:10px;
padding-left:5px;
border-left: 5px solid #ccc;
text-align:left;
}

dd {
margin-left:1em;
}

#zadan h2.theme {
border-top:2px solid #666;
border-bottom:1px dashed #666;
padding-top:8px;
padding-bottom:8px;
font-weight:bold;
margin-bottom:20px;
}

#faq h2 {
border-top:1px double #666;
font-weight:bold;
padding-top:8px;
padding-bottom:8px;
color:#cc0033;
}

#faq p.questions {
padding-left:2em;
}

#faq p.answer {
border:1px solid #bbb;
padding:5px;
margin-left:10px;
margin-right:10px;
line-height:20px;
}

#faq span.question {
font-weight:bold;
color:#cc0033;
margin-right:5px;
font-size:1.5em;
}

#kaisya table td {
}

#kaisya table td.border {
border-top:2px solid #006633;
border-left:2px solid #006633;
border-right:2px solid #006633;
border-bottom:2px solid #006633;
}

table {
border-collapse:collapse;
}
table th {
background-color: #E8E8E8;
border-color:#bbb;
padding:0.2em;
}
table td {
border-color:#bbb;
padding:0.2em;
}

#link {
font-size:14px;
text-align:center;
}

#maincol ul.recruitmenu {
margin: 0px;
}

#maincol ul.recruitmenu li {
background-image: url(../images/arrow01.png);
background-repeat: no-repeat;
background-position: left;
margin: 0 0 20px;
padding: 0 0 0 18px;
list-style: none;
font-size: 108%;
/*width:auto;*/
float:left;
width:43%;
}

#maincol ul.recruitmenu a {
color:#4D4D4D;
}

#maincol ul.recruitmenu a:hover {
color:#808080;
}

#container_none {
text-align: left;
}

span.notice {
color:#cc0033;
}

br.clear {
clear:both;
}

div.box1 {
border:solid 1px #bbb;
padding:5px;
margin-left:10px;
margin-right:10px;
line-height:20px;
}