@charset "utf-8";

@import "reset.css";

/* global */
body {
color:#666;
}
a {
color:#666;
}
.wrapper {
width:950px;
margin:0 auto;
padding:0px 1px;
}

/* header */
#header01 {
min-width:950px;
background:url(../img/header_bg_01.png) repeat-x;
}
#header01 .wrapper {
position:relative;
min-height:77px;
height:auto !important;
height:77px;
margin-bottom:7px;
}
#header01 #logo {
position:absolute;
top:18px;
left:6px;
}
#header01 .lead {
width:450px;
margin-left:132px;
padding-top:37px;
}
#header01 .lead p {
font-size:1.2em;
}
#header01 .lead p img {
display:block;
}
#header01 .lead h2,
#header01 .lead p img {
margin-bottom:3px;
}
#header01 ul {
position:absolute;
top:9px;
right:0;
overflow:hidden;
width:166px;
}
#header01 li {
display:inline;
float:left;
margin-left:5px;
}
#header01 .search {
position:absolute;
top:41px;
right:0;
width:343px;
height:32px;
border:1px solid #E9E9E9;
padding:1px;
background-color:#fff;
font-size:0em;
}
#header01 .search p {
overflow:hidden;
height:22px;
padding:5px 8px;
background-color:#F7F2DD;
}
#header01 .search img,
#header01 .search input {
vertical-align:middle;
}
#header01 .search .findto {
width:190px;
margin-right:3px;
margin-left:4px;
padding:3px 3px 3px 18px;
border:1px solid #D9D9D9;
background:#fff url(../img/header_bg_02.png) 4px center no-repeat;
}

/* header (closed) */
#header02 {
min-width:950px;
background:url(../img/header_bg_01.png) repeat-x;
}
#header02 .wrapper {
overflow:hidden;
width:944px;
padding:19px 0 7px 6px;
}
#header02 #logo {
float:left;
margin-right:11px;
}
#header02 .catchy {
float:left;
padding-top:19px;
}
#header02 ul {
float:right;
overflow:hidden;
margin-bottom:5px;
font-size:1.2em;
line-height:1.2;
}
#header02 li {
display:inline;
padding-left:3px;
}
#header02 ul img {
vertical-align:middle;
}
#header02 ul .voice {
border-left:1px solid #ccc;
}
#header02 .search {
float:right;
width:343px;
height:32px;
border:1px solid #E9E9E9;
padding:1px;
background-color:#fff;
font-size:0em;
}
#header02 .search p {
overflow:hidden;
height:22px;
padding:5px 8px;
background-color:#F7F2DD;
}
#header02 .search img,
#header02 .search input {
vertical-align:middle;
}
#header02 .search .findto {
width:190px;
margin-right:3px;
margin-left:4px;
padding:3px 3px 3px 18px;
border:1px solid #D9D9D9;
background:#fff url(../img/header_bg_02.png) 4px center no-repeat;
}

/* global nav */
#gnavi01 {
min-width:950px;
margin-bottom:10px;
padding-top:1px;
background:url(../mypage/img/gnavi_bg_01.png) repeat-x;
z-index:100;
}
#gnavi01 ul {
width:950px;
margin:0 auto;
}
#gnavi01 ul:after {
content:"";
clear:both;
display:block;
height:0;
visibility:hidden;
}
#gnavi01 li {
position:relative;
float:left;
z-index:200;
}
#gnavi01 ul img {
vertical-align:bottom;
}
#gnavi01 ul ul {
display:none;
position:absolute;
top:44px;
left:0;
width:auto;
margin:auto;
z-index:1000;
}
#gnavi01 li li {
float:none;
}
#gnavi01 ul ul .empty {
width:158px;
height:5px;
padding-top:1px;
background:url(../mypage/img/gnavi_bg_02.png) left bottom repeat-x;
font-size:0;
}

/* breadcrumb */
#bread01 {
margin:-5px 0 10px;
}
#bread01 ul {
overflow:hidden;
width:950px;
margin:0 auto;
}
#bread01 li {
float:left;
margin-right:4px;
padding-left:7px;
background:url(../img/bread_bg_01.png) left center no-repeat;
}
#bread01 ul .first {
padding-left:0;
background:none;
}
#bread01 ul a {
color:#666;
}

/* main contents */
#content01 {
float:left;
width:715px;
padding-bottom:45px;
z-index:100;
}
#content01 h1 {
margin-bottom:18px;
}

/* pagination */
#content01 .pagination {
margin-top:25px;
padding-top:13px;
border-top:1px dotted #E6E6E6;
}
#content01 .pagination ul {
overflow:hidden;
height:100%;
margin:0 5px;
font-size:1.2em;
font-weight:bold;
}
#content01 .pagination ul a {
color:#666;
}
#content01 .pagination .prev {
float:left;
padding-left:12px;
background:url(../img/common_bg_02.png) left center no-repeat;
}
#content01 .pagination .next {
float:right;
padding-right:12px;
background:url(../img/common_bg_01.png) right center no-repeat;
}

/* sidebar */
#sidebar01 {
float:right;
width:220px;
}
#sidebar01 img {
vertical-align:bottom;
}
/* each container */
#sidebar01 .nav,
#sidebar01 .login {
margin-bottom:9px;
}
#sidebar01 .news {
margin-bottom:10px;
}
#sidebar01 .voice,
#sidebar01 .user,
#sidebar01 .support,
#sidebar01 .suponsor {
margin-bottom:9px;
}
/* login */
#sidebar01 .login {
padding:1px;
border:1px solid #E9E9E9;
background-color:#fff;
}
#sidebar01 .login-inner {
padding:8px 0 8px 9px;
background-color:#FDE9EA;
}
#sidebar01 .login h2 {
margin-bottom:4px;
}
#sidebar01 .login p {
margin-bottom:3px;
padding-left:11px;
background:url(../img/common_bg_01.png) 2px 0.5em no-repeat;
font-size:1.2em;
}
#sidebar01 .login p a {
color:#666;
}
/* gold member */
#sidebar01 .gold-member li {
margin-bottom:9px;
}
/* suponsor */
#sidebar01 .suponsor h2 {
margin-bottom:7px;
}
#sidebar01 .suponsor ul {
padding-bottom:5px;
}
#sidebar01 .suponsor li {
margin-bottom:5px;
}
/* user */
#sidebar01 .user {
padding-bottom:8px;
border:1px solid #E4E4E4;
border-top:0;
}
#sidebar01 .user h2 {
margin:0 -1px 9px;
}
#sidebar01 .user ul {
margin:0 10px;
font-size:1.2em;
}
#sidebar01 .user li {
margin-bottom:6px;
padding-left:14px;
background:url(../img/user/mypage/user_bg_01.png) left 0.4em no-repeat;
}
#sidebar01 .user ul ul {
margin:7px 0 0;
font-size:1em;
}
#sidebar01 .user li li {
padding-left:0;
background:none;
}

/* campaign */
#sidebar01 .campaign {
padding-bottom:3px;
}
#sidebar01 .campaign .item {
margin-bottom:9px;
padding:2px;
border:1px solid #E1E1E1;
}
#sidebar01 .campaign .item img {
display:block;
margin:0 auto;
}
#sidebar01 .campaign .item p {
margin:4px 0 2px;
padding:0 7px;
line-height:1.41;
text-align:right;
}
#sidebar01 .campaign .item p a {
padding-left:12px;
background:url(../img/user/index_bg_01.png) left center no-repeat;
color:#666;
}

/* period */
#sidebar01 .period {
margin-bottom:9px;
padding:7px 3px 3px;
background:#90D8F2 url(/img/user/mypage/sidebar_bg_01.png) left bottom no-repeat;
*background-color:#83d2ef;
}
#sidebar01 .period h2 span {
position:relative;
display:block;
margin-bottom:-15px;
color:#fff;
font-size:1.2em;
font-weight:bold;
text-align:center;
}
#sidebar01 .period h2 img {
vertical-align:bottom;
}
#sidebar01 .period p {
padding:9px 7px 7px;
background-color:#E8FAFF;
color:#4B6D8A;
font-size:1.4em;
font-weight:bold;
text-align:center;
}

/* user info */
#sidebar01 .user_info {
margin-bottom:11px;
padding:1px;
border:4px solid #C9BE98;
background-color:#A69D7F;
}
#sidebar01 .user_info_inner {
padding:6px 9px 8px;
border:1px solid #fff;
background-color:#F1EFE5;
}
#sidebar01 .user_info h2 {
min-height:32px;
height:auto !important;
height:32px;
margin-bottom:4px;
padding-left:40px;
background:url(/mypage/img/sidebar_icon_user.png) no-repeat;
color:#89723C;
font-size:1.2em;
line-height:1.3;
}
#sidebar01 .user_info h2 img {
display:block;
margin-top:1px;
}
#sidebar01 .user_info p {
padding:4px 0;
border:1px solid #C9BE98;
background-color:#fff;
color:#666;
font-size:1.2em;
font-weight:bold;
line-height:1.3;
text-align:center;
}

/* mobile */
#sidebar01 .mobile {
overflow:hidden;
height:100%;
margin-bottom:11px;
}
#sidebar01 .mobile img {
float:left;
}



/* footer */
#footer01 {
width:950px;
margin:12px auto 0;
padding:1px 0 45px;
border-top:1px solid #C1C1C1;
}
#footer01 .wrapper {
clear:both;
padding:8px 0;
background-color:#F4F4F4;
}
#footer01 ul {
font-size:1.2em;
text-align:center;
}
#footer01 li {
display:inline;
padding:0 10px;
background:url(../img/footer_bg_01.png) left center no-repeat;
}
#footer01 ul .first {
background:none;
}
#footer01 ul a {
color:#666;
}
#footer01 p {
width:950px;
margin:1px auto 0;
padding-top:5px;
border-top:1px solid #C1C1C1;
}

/* footer (closed) */
#footer02 {
min-width:950px;
clear:both;
margin-bottom:1px;
padding:1px 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#footer02 .wrapper {
overflow:hidden;
width:880px;
padding:0 35px;
}
#footer02 a {
color:#666;
}
#footer02 ul {
font-size:1.2em;
}
#footer02 .main {
padding:15px 0;
background-color:#F7F7F7;
}
#footer02 .main .wrapper {
overflow:hidden;
background:url(../img/footer_bg_02.png) 266px 0 repeat-y;
}
#footer02 .main .section {
float:left;
}
#footer02 .main .about {
width:231px;
margin-right:35px;
}
#footer02 .main .category {
width:441px;
margin-right:35px;
}
#footer02 .main h2 {
margin-bottom:9px;
padding-left:7px;
background:url(../img/icon_square.png) 0 0.5em no-repeat;
font-size:1.2em;
line-height:1.3;
}
#footer02 .main li {
white-space:nowrap;
}
#footer02 .main ul img {
margin-left:3px;
vertical-align:middle;
}
#footer02 .main .about li,
#footer02 .main .category li {
margin-bottom:3px;
padding-left:7px;
background:url(../img/arrow_01.png) 0 0.5em no-repeat;
}
#footer02 .main .special li {
min-height:9px;
height:auto !important;
height:9px;
margin-bottom:16px;
padding-left:14px;
background:url(../img/arrow_02.png) 0 0.4em no-repeat;
}
#footer02 .main .category ul {
overflow:hidden;
width:476px;
margin-right:-35px;
}
#footer02 .main .category li {
float:left;
width:106px;
}
#footer02 .main .special ul {
margin-bottom:-16px;
}
#footer02 .sub {
overflow:hidden;
height:100%;
padding:6px 0;
background-color:#EAEAEA;
}
#footer02 .sub ul,
#footer02 .sub li {
float:left;
}
#footer02 .sub li {
float:left;
margin-right:8px;
padding-left:9px;
background:url(../img/footer_bg_03.png) left center no-repeat;
}
#footer02 .sub ul a {
padding-left:7px;
background:url(../img/arrow_01.png) left center no-repeat;
}
#footer02 .sub ul .first {
padding-left:0;
background:none;
}
#footer02 .sub p {
float:right;
}



/* voice */
#sidebar01 .voice {
padding-top:9px;
border-top:1px dotted #DFDFDF;
}