@charset "utf-8";
/* CSS Document */

/*====================================*/
/* reset css
/*====================================*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html { overflow-y: scroll; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li img { vertical-align:bottom; }

/*====================================*/
/* etc
/*====================================*/

/* contents */
a:link    { color:#009; text-decoration:none; outline:none; }
a:visited { color:#009; text-decoration:none; outline:none; }
a:active  { color:#33F; text-decoration:underline; outline:none; }
a:hover   { color:#33F; text-decoration:underline; outline:none; }

/* float */
.fl    { float:left; }
.fr    { float:right; }
.clear { clear:both; }

/* color */
.color1 { color:#444; }
.color2 { color:#009; }
.color3 { color:#C00; }

/* td */
td { font-size:12px; }

/*====================================*/
/* body
/*====================================*/

body { color:#444; font-size:12px; line-height:1.6; background:#EBEBEB url(/img/common/back.jpg) repeat-x; text-align:center; }
.index_body { color:#444; font-size:12px; line-height:1.6; background:#EBEBEB url(/img/index/back.jpg) repeat-x; text-align:center; }

/*====================================*/
/* wrapper
/*====================================*/

.wrapper { width:800px; background:#FFF; margin:0 auto; }
.wrapper_shadow { width:800px; margin:0 auto; box-shadow:#AAA 0px 0px 25px;  }
.index_wrapper  { width:800px; margin:0 auto; }

/*====================================*/
/* menu
/*====================================*/

.menu li { float:left; }

/*====================================*/
/* main
/*====================================*/

.main { width:780px; margin:0 10px; }

/*====================================*/
/* main_contents
/*====================================*/

.main_contents { width:580px; float:left; }

/*====================================*/
/* contents
/*====================================*/

/* contents */
.contents { margin-top:10px; background:#d1d7e2 url(/img/common/main_back.jpg) repeat-x; padding-bottom:10px }

/* area */
.area_stt img { margin:10px; }
.area_b { width:560px; background:#FFF; margin:0 10px; }

/*====================================*/
/* mobile
/*====================================*/

.mobile { margin:0 auto; }
.mobile td { vertical-align:top; }
.mobile td p { margin-bottom:10px; }
.mobile td p strong { font-size:18px; font-weight:bold; }
.mobile td.td_line { width:0; border-left:1px solid #AAA; border-right:1px solid #DDD; }

/*====================================*/
/* side
/*====================================*/

.side { width:190px; margin-top:10px; background:#d1d7e2 url(/img/common/main_back.jpg) repeat-x; float:right; }

/* side_b */
.side_b { width:180px; margin:10px 5px; text-align:left; overflow:hidden; }
.side_b a { white-space:nowrap; }
.mb5 { margin-bottom:5px; }

/* side_bar */
.side_bar { width:170px; height:0; line-height:0; margin:10px auto; border-top:1px solid #cfdbe6; border-bottom:1px solid #91a3c2; }

/* side_img */
.side_img { float:left; margin-right:5px; }

/* side_banner */
.side_banner { width:190px; height:82px; margin:10px 0px 0px; float:right; }
.side_banner a { width:190px; height:82px; background-image:url(/img/side/recruit.jpg); text-indent:-500px; overflow:hidden; display:block;}
.side_banner a:hover { background-position:0 -82px; }
/*====================================*/
/* footer
/*====================================*/

.footer { color:#CCC; padding:40px 0 20px; }
.footer li { display:inline; }
.footer p { color:#666; }

/*====================================*/
/* copyright
/*====================================*/

.copyright { color:#FFF; background:#006; line-height:60px; }
.copyright a { color:#FFF; }