@charset "utf-8";

/* global */
body {
border-top:4px solid #00A0E9;
color:#000;
line-height:1.3;
}
a {
color:#06c;
}



/* header */
#header {
padding-bottom:40px;
border-right:1px solid #fff;
border-left:1px solid #fff;
background:url(../common/header_bg_01.png) left bottom repeat-x;
}
#header .wrapper {
overflow:hidden;
width:904px;
margin:0 auto;
}
#logo {
float:left;
margin:4px 5px 0 2px;
}
#header h2,
#header p {
float:left;
margin-top:8px;
}
#header ul {
float:right;
}
#header li {
float:left;
}
#header ul img {
vertical-align:bottom;
}
#header ul .login {
margin-right:6px;
}
#header ul .contact {
margin-right:7px;
}

/* global nav */
#gnav {
margin-top:-36px;
padding-bottom:7px;
background:url(../common/gnav_bg_01.png) left bottom repeat-x;
}
#gnav ul {
overflow:hidden;
width:914px;
margin:0 auto;
padding-left:14px;
background:url(../common/gnav_bg_02.png) left bottom no-repeat;
}
#gnav li {
float:left;
}
#gnav ul img {
vertical-align:bottom;
}



/* contents wrapper */
#content {
padding:16px 0 46px;
background-color:#D2EEFD;
}
#content .wrapper {
width:906px;
margin:0 auto;
}
#content .wrapper:after {
content:"";
clear:both;
display:block;
height:0;
visibility:hidden;
}



/* main contents */
#main {
/*float:left;*/
width:656px;
margin:0 auto;
background:url(../common/main_bg_01.png) repeat-y;
}
#main .main_outer {
padding-bottom:33px;
background:url(../common/main_bg_02.png) left bottom no-repeat;
}
#main .main_inner {
padding:23px 23px 0;
background:url(../common/main_bg_03.png) no-repeat;
}

/* main contents main_v2 */
#main_v2 {
float:left;
width:565px;
background:url(../common/main_bg_04.png) repeat-y;
}
#main_v2 .main_outer {
padding-bottom:33px;
background:url(../common/main_bg_05.png) left bottom no-repeat;
}
#main_v2 .main_inner {
padding:23px 23px 0;
background:url(../common/main_bg_06.png) no-repeat;
}
/* breadcrumbs */
#breadcrumbs {
overflow:hidden;
height:100%;
margin-bottom:19px;
font-size:1.2em;
line-height:1.2;
}
#breadcrumbs li {
float:left;
margin-right:9px;
padding-left:11px;
background:url(../common/breadcrumbs_bg_01.png) left center no-repeat;
}
#breadcrumbs .home {
padding-left:0;
background:none;
}

/* title */
#main h1 {
margin-bottom:14px;
}
#main .title {
margin-bottom:15px;
padding-bottom:5px;
background:url(../common/title_bg_01.png) left bottom no-repeat;
}
#main .title h1,
#main .title h2,
#main .title h3,
#main .title h4,
#main .title h5,
#main .title h6 {
padding-left:15px;
background:url(../common/title_bg_02.png) 0 0.2em no-repeat;
font-size:1.4em;
line-height:1.2;
}
#main .title h1 {
margin-bottom:0;
}

/* title main_v2 */
#main_v2 .title {
margin-bottom:15px;
padding-bottom:5px;
background:url(../common/title_bg_01.png) left bottom no-repeat;
}
#main_v2 .title h1,
#main_v2 .title h2,
#main_v2 .title h3,
#main_v2 .title h4,
#main_v2 .title h5,
#main_v2 .title h6 {
padding-left:15px;
background:url(../common/title_bg_02.png) 0 0.2em no-repeat;
font-size:1.4em;
line-height:1.2;
}
#main_v2 .title h1 {
margin-bottom:0;
}

/* pagination */
#main .pagination {
margin-bottom:20px;
}
#main .pagination ul {
overflow:hidden;
height:100%;
font-size:1.2em;
}
#main .pagination li {
float:left;
margin-right:7px;
}
#main .pagination ul span,
#main .pagination ul a {
display:inline-block;
padding:4px 6px;
}
#main .pagination ul span {
border:1px solid #00A0E9;
background-color:#00A0E9;
color:#fff;
}
#main .pagination ul a {
border:1px solid #E1E1E1;
background-color:#EBEBEB;
}

/*pagination v2 */
#main_v2 .pagination {
margin-bottom:20px;
}
#main_v2 .pagination ul {
overflow:hidden;
height:100%;
font-size:1.2em;
}
#main_v2 .pagination li {
float:left;
margin-right:7px;
}
#main_v2 .pagination ul span,
#main_v2 .pagination ul a {
display:inline-block;
padding:4px 6px;
}
#main_v2 .pagination ul span {
border:1px solid #00A0E9;
background-color:#00A0E9;
color:#fff;
}
#main_v2 .pagination ul a {
border:1px solid #E1E1E1;
background-color:#EBEBEB;
}

/* history back */
#main .back {
padding-top:10px;
text-align:center;
}
/* history back */
#main_v2 .back {
padding-top:10px;
text-align:center;
}

/* keyword search */
.keyword .error {
color:#f00;
}
.keyword .find_to {
min-height:19px;
height:auto !important;
height:19px;
padding:2px;
border:1px solid #99D9F6;
background-color:#E3F4FC;
}


/* side contents */
#aside {
float:right;
width:241px;
}

/* login */
#aside .login {
margin-bottom:7px;
padding-top:3px;
text-align:center;
}

/* section */
#aside .section {
margin-bottom:14px;
background:url(../common/aside_bg_01.png) repeat-y;
}
#aside .section_outer {
padding-bottom:7px;
background:url(../common/aside_bg_02.png) left bottom no-repeat;
}
#aside .section_inner {
height:100%;
padding:6px 6px 0;
background:url(../common/aside_bg_03.png) no-repeat;
}

/* resigter section */
#aside .regist {
position:relative;
}
#aside .regist .notes {
position:absolute;
top:-7px;
right:-6px;
}
#aside .regist .pc {
margin-bottom:2px;
}
#aside .regist .mobile {
background:url(../common/aside_bg_04.png) repeat-y;
}
#aside .regist .mobile h2 {
position:relative;
}
#aside .regist .mobile ul {
width:213px;
margin-top:-1px;
padding:0 7px 10px 9px;
background:url(../common/aside_bg_05.png) left bottom no-repeat;
word-break:break-all;
}
#aside .regist .mobile li {
padding:5px 0 4px;
border-top:1px dotted #999;
}
#aside .regist .mobile ul h3 {
margin-bottom:6px;
}
#aside .regist .mobile img {
vertical-align:bottom;
}
#aside .regist .mobile .url p {
text-align:center;
}
#aside .regist .mobile .qr_code {
overflow:hidden;
height:100%;
padding-right:7px;
}
#aside .regist .mobile .qr_code h3 {
float:left;
margin-top:23px;
}
#aside .regist .mobile .qr_code p {
float:right;
}
#aside .regist .mobile .menu ol {
overflow:hidden;
height:100%;
margin-left:-1px;
}
#aside .regist .mobile .menu li {
float:left;
padding:0;
border-top:none;
}

/* search section */
#aside .search .section_outer {
padding-bottom:5px;
}
#aside .search .section_inner {
padding:5px 5px 0;
}
#aside .search .search_outer {
background:url(../common/aside_bg_06.png) repeat-y;
}
#aside .search .search_inner {
padding-bottom:9px;
background:url(../common/aside_bg_07.png) left bottom no-repeat;
}
#aside .search h2 {
margin-bottom:1px;
}
#aside .search .access_point,
#aside .search .keyword {
height:100%;
margin:0 8px;
}
#aside .search .access_point {
margin-bottom:7px;
padding-bottom:6px;
border-bottom:1px dotted #999;
}
#aside .search .access_point h3 {
margin-bottom:3px;
}
#aside .search .access_point p {
text-align:center;
}
#aside .search .keyword h3 {
margin-bottom:6px;
}
#aside .search .keyword p {
overflow:hidden;
width:215px;
}
#aside .search .keyword input {
float:right;
}
#aside .search .keyword .find_to {
float:left;
width:164px;
}
#aside .search .keyword ul,
#aside .search .keyword p {
margin-top:5px;
font-size:1.2em;
}
#aside .search .keyword ul {
list-style:disc outside;
margin-left:1.5em;
}

/* aside nav */
#aside .nav ul img {
vertical-align:bottom;
}

/* banner */
#aside .banner {
width:235px;
margin:0 auto;
}
#aside .banner li {
margin-bottom:5px;
}
#aside .banner img {
vertical-align:bottom;
}



/* footer */
#footer {
padding-bottom:24px;
}
#footer .scroll_top {
position:relative;
top:-19px;
width:900px;
margin:0 auto -19px;
text-align:right;
}
#footer .nav {
margin-bottom:5px;
padding:11px 0 15px;
background:url(../common/footer_bg_01.png) left bottom repeat-x;
}
#footer .nav ul {
overflow:hidden;
width:900px;
margin:0 auto;
}
#footer .nav li {
float:left;
margin-right:4px;
padding-left:6px;
background:url(../common/footer_bg_02.png) left center no-repeat;
white-space:nowrap;
}
#footer .nav .home {
padding-left:0;
background:none;
}
#footer .copyright {
color:#666;
text-align:center;
}



/* side contents top aside_serach */
#aside_search {
float: right;
width:330px;
}

#aside_cate {
font-size:1.2em;
/*float: right;*/
background:url(../common/main_bg_07.png) repeat-y;
/*background-size:contain;*/
margin-bottom:20px;
}
#aside_cate .aside_outer_cate {
padding-bottom:15px;
background:url(../common/main_bg_08.png) left bottom no-repeat;
/*background-size:contain;*/
}
#aside_cate .aside_inner_cate {
padding:10px 5px 0;
background:url(../common/main_bg_09.png) no-repeat;
/*background-size:contain;*/
height: 875px;

}
#aside_cate .title {
margin-bottom:15px;
padding-bottom:5px;
background:url(../common/title_bg_01.png) left bottom no-repeat;
}

#aside_cate .title h2{
padding-left:15px;
background:url(../common/title_bg_02.png) 0 0.2em no-repeat;
font-size:1.2em;
line-height:1.2;
}
.categoryBox {
    clear: both;
}

.category_sBox {
    float: left;
    padding-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
    width: 152px;
	position: relative;
}

div#top {
   background-image: url("../../area/img/category_blue.png");
    color: #FFFFFF;
    display: table;
    height: 27px;
    position: absolute;
    width: 153px;
}

div#top2 {
   background-image: url("../../area/img/category_blue.png");
    background-repeat: no-repeat;
    height: 27px;
    margin: 0;margin: auto 10px 0 0;
    padding: 1px 0 0 7px;
    width: 100%;
    color: #FFFFFF;
    display: inline-table;
}

div#top a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

.c_chid {
    border-bottom: 1px solid #C1BDBE;
    border-left: 1px solid #C1BDBE;
    border-right: 1px solid #C1BDBE;
    padding: 35px 2px 3px;
    width: 147px;
}

.c_chid ul {
    list-style: disc outside none;
}

.allcheck{
	margin: 6px 5px 0 10px;
}

.allcheck2{
	margin: 6px 5px 0 10px;
}

.bar-text {
    display: table-cell;
    vertical-align: middle;
    width: 160px;
}

.bar-text2 {
    display: table-cell;
    vertical-align: middle;
    width: 160px;
    font-size: 11px;
    *position: absolute;
    left:20%;
}

.bar-text3 {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 170px;
}

/* main contents city_main*/

#xlos {
float: left;
width: 28%;
}

#city_main {
font-size:1.2em;
float: left;
/*width: 28%;*/
background:url(../common/main_bg_10.png) repeat-y;

}
#city_main .main_outer {
padding-bottom:15px;
background:url(../common/main_bg_11.png) left bottom no-repeat;

height: 1517px;
}
#city_main .main_inner {
padding:23px 10px 0;
background:url(../common/main_bg_12.png) no-repeat;

}

#city_main .title {
margin-bottom:15px;
padding-bottom:5px;
background:url(../common/title_bg_01.png) left bottom no-repeat;
}

#city_main .title h2{
padding-left:15px;
background:url(../common/title_bg_02.png) 0 0.2em no-repeat;
font-size:1.2em;
line-height:1.2;
}

#city_main .categoryBox {
    clear: both;
}

#city_main .category_sBox {
    float: left;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 5px;
    width: 197px;
}

#city_main h3#top {
   /*background-image: url("../../area/img/category_blue.png");*/
    background-image: url("../../area/img/category_blue2.png");
    background-repeat: no-repeat;
    height: 27px;
    margin: 0;
    display: table;
    width: 100%;
    color: #FFFFFF;
}

#city_main .h3#top a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

#city_main .c_chid {
    border-bottom: 1px solid #C1BDBE;
    border-left: 1px solid #C1BDBE;
    border-right: 1px solid #C1BDBE;
    padding: 10px 2px 3px;
    width: 97%;
}

#city_main .c_chid ul {
    list-style: disc outside none;
}

#city_main .allcheck{
	margin: 6px 5px 0 10px;
}

/* side contents #city  city_aside */
#city_aside {
float:right;
width: 71%;
background:url(../common/main_bg_13.png) repeat-y;
}

#city_aside .main_outer {
padding-bottom:15px;
background:url(../common/main_bg_14.png) left bottom no-repeat;
}
#city_aside .main_inner {
font-size:1.2em;
padding:23px 15px 0;
background:url(../common/main_bg_15.png) no-repeat;
}

#city_aside .title {
margin-bottom:15px;
padding-bottom:5px;
background:url(../common/title_bg_01.png) left bottom no-repeat;
}

#city_aside .title h2{
padding-left:15px;
background:url(../common/title_bg_02.png) 0 0.2em no-repeat;
font-size:1.2em;
line-height:1.2;
}

/* searchWordVO #city */
.searchWord {
	border: 2px solid #DCDCDC;
	width: 98%;
	padding: 5px;

}
.searchWord .search_left{
	vertical-align: top;
	width:10%;
}
.searchWord .search_right{
	text-align: left;
	width:67%;
}
.reset-btn {
	background-image:url(../common/reset.gif);
	background-repeat:no-repeat;
	border: 0px solid #FFFFFF;
	cursor:pointer;
	width: 150px;
	height: 30px;
	}