@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
/*====================================*/

/* link */
a:link    { color:#2200c1; text-decoration:none; outline:none; }
a:visited { color:#551a8b; text-decoration:none; outline:none; }
a:active  { color:#2200c1; text-decoration:underline; outline:none; }
a:hover   { color:#2200c1; text-decoration:underline; outline:none; }

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

/* color */
.color1 { color:#333; }
.color2 { color:#a8915b; }
.red { color:#f00; }

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

/* body
--------------------------------------------------------------------*/
body { color:#555; font-size:12px; line-height:1.6em; background:#e8e0ba url(/img/common/back.jpg) top center no-repeat; text-align:center; }
.index_body { background-color:#fff; background-image:url(/img/index/index_back.jpg); }

/* wrapper
--------------------------------------------------------------------*/
.wrapper { width:800px; background:#fff; margin:0 auto; }

/* header
--------------------------------------------------------------------*/
.header { height:117px; background:url(/img/common/header.jpg); text-align:left; }
.header h1 { display:none; }

/* menu
--------------------------------------------------------------------*/
.menu { overflow:hidden; height:30px; clear:both; }
.menu span { float:left; }
.menu span a { display:block; height:30px; overflow:hidden; text-indent:-9999px; }
.menu span a:hover { background-position:0 -30px; }
.menu_home a { width:113px; background:url(/img/menu/menu_home.jpg); }
.menu_girls a { width:115px; background:url(/img/menu/menu_girls.jpg); }
.menu_scd a { width:114px; background:url(/img/menu/menu_scd.jpg); }
.menu_system a { width:116px; background:url(/img/menu/menu_system.jpg); }
.menu_access a { width:114px; background:url(/img/menu/menu_access.jpg); }
.menu_recruit a { width:115px; background:url(/img/menu/menu_recruit.jpg); }
.menu_mail a { width:113px; background:url(/img/menu/menu_mail.jpg); }

/* info
--------------------------------------------------------------------*/
.info { width:800px; height:17px; color:#fff; font-size:10px; line-height:17px; background:url(/img/other/top_image_1.jpg); }

/* main
--------------------------------------------------------------------*/
.main{width:780px; margin:0 10px; text-align:left; clear:both; }

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

.contents{width:580px; margin:10px 0 0; background:url(/img/common/main_back.jpg) repeat-x; clear:both; }
.area_stt{width:580px; clear:both; }
.area_stt img{margin:10px; }
.area_b{width:560px; margin:0 10px; background:#ffffff; clear:both; }

/* mobile
--------------------------------------------------------------------*/
.mobile_left1{width:170px; margin:10px; float:left; }
.mobile_left1 img{margin-right:10px; float:left; }

.mobile_left2{width:3px; margin:10px; float:left; }

.mobile_left3{width:180px; margin:10px; float:left; }
.mobile_regist a{width:83px; height:27px; display:block; overflow:hidden; background-image:url(/img/mobile/mobile_regist.jpg); text-indent:-200px; float:left; margin-right:10px; }
.mobile_regist a:hover{background-position:0 -27px; }
.mobile_cancel a{width:83px; height:27px; display:block; overflow:hidden; background-image:url(/img/mobile/mobile_cancel.jpg); text-indent:-200px; float:left; margin-bottom:10px; }
.mobile_cancel a:hover{background-position:0 -27px; }

.mobile_left4{width:auto; color:#999999; margin:10px; float:left; }

.mobile_tt{color:#C03; font-size:10px; line-height:100%; text-align:left; margin-bottom:10px; }
.mobile_tt strong{font-size:18px; font-weight:bold; line-height:135%; }

/* side
--------------------------------------------------------------------*/
.side { width:190px; background:url(/img/common/main_back.jpg) repeat-x; float:right; }
.side_b { width:180px; margin:15px 5px; overflow:hidden; }
.side_stt { margin-bottom:5px; }
.side_date { margin-bottom:8px; }
.mv5 { margin:5px 0; }
.mr5 { margin-right:5px; }
.side_banner{ width:190px; float:right; margin-bottom:10px; }
.side_recruit a { width:190px; height:90px; display:block; overflow:hidden; background:url(/img/other/top_rec4.jpg); text-indent:-9999px; margin-top:10px; }
.side_recruit a:hover { background-position:0 -90px; }
.side_system a { width:190px; height:80px; display:block; overflow:hidden; background:url(/img/other/top_price.jpg); text-indent:-9999px; margin-top:10px; }
.side_system a:hover { background-position:0 -80px; }

/* footer
--------------------------------------------------------------------*/
.footer{width:800px; text-align:center; margin-top:40px; clear:both; }
.footer p{color:#999999; line-height:200%; }

/* copyright
--------------------------------------------------------------------*/
.copyright { color:#fff; background:#AB915C; line-height:60px; }
.copyright a { color:#fff; }