/*==============================
Base
==============================*/
html, body {
margin:0;
padding:0;
height:100%;
background-color:#f2ede5 !important;
}
body {
font-size:12px; 
line-height:160%;
color:#666666;
font-family:Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka, 'ＭＳ Ｐゴシック', sans-serif;
}

a:link,
a:visited {color:#666666; text-decoration:none;}
a:hover,
a:active {color:#666666; text-decoration:underline;}

a:link img,
a:visited img {}
a:hover img,
a:active img {
filter:alpha(opacity= 70); /* IE */
-moz-opacity:0.7; /* Firefox CSS3以前 */
opacity:0.7; /* CSS3 */
}

#container {
width:100%;
margin-right:auto;
margin-left:auto;
margin-bottom:-101px;
min-height:100%;
height:auto !important;
height:100%;
background-color:#f2ede5 !important;
}
#container-inner {
width:960px;
margin-right:auto;
margin-left:auto;
min-height:100%;
height:auto !important;
height:100%;
background:#ffffff url("../img/cmn/bg_container-inner.gif") top left repeat-y;
}
.push {
clear:both;
height:101px;
}


/*==============================
Decoration
==============================*/
img {border:0;}
strong {font-weight:bold;}
em {font-style:normal; font-weight:bold;}
h1, h2, h3, h4 {
margin:0;
padding:0;
font-weight:normal;
}
ul {
margin:0;
padding:0;
list-style-type:none;
}
ul li {
display:block;
}
ol {
margin:0;
padding:0;
}
form {margin:0;}
.clear {
clear:both;
line-height:1px;
height:1px;
}

/*==============================
Header
==============================*/
#hdr {
height:150px;
margin:0;
padding:0;
background:url("../img/cmn/hdr-bg.jpg") top right no-repeat;
border-bottom:5px solid #eaeaea;
}
#hdr .hdr-title {
margin:0;
}
#hdr .hdr-btn {
width:525px;
height:35px;
margin:0;
padding:0 0 0 30px;
}

/*==============================
Main
==============================*/
#main {
width:680px;
float:left;
padding:0 0 50px 0;
}
#main-inner_detail {
width:670px;
background:#ffffff url("../img/cmn/bg.gif") top right no-repeat;
}

#main .detail-header {
height:70px;
border-bottom:10px solid #efefef;
}
#main .detail-header_pic {
width:64px;
padding:3px 6px 3px 0;
float:left;
}
#main .detail-header .category-title {}

#main p {margin:0 0 12px 0;}


/*=============== List Page ===============*/
#main-inner_list {
background:#ffffff url("../img/cmn/bg_list.gif") top right no-repeat;
width:670px;
}

#main-inner_list .list-header {
height:100px;
border-bottom:10px solid #efefef;
}
#main-inner_list h1 {
width:660px;
}

#main-inner_list .column-list {
width:620px;
margin:0 auto;
padding:12px 0 0 0;
}
td.column-thumb {
vertical-align:top;
padding:0 20px 10px 0;
}
#main-inner_list td.column-thumb img {
width:80px;
border:5px solid #ededed;
}
#main-inner_list td.column-text {
vertical-align:top;
padding:0 0 10px 0;
}
#main-inner_list .column-title {
font-size:18px; 
line-height:28px;
font-weight:bold;
}
#main-inner_list .column-caption {
padding:10px 0 0 0;
color:#999999;
}


/*=============== NEWS ===============*/
.news-image {
width:250px;
float:left;
padding:0 0 34px 0;
}
.news-image img {width:250px;}

.news-detail {
width:360px;
float:right;
padding:20px 22px 0 0;
}
.news-detail .entry-title {
font-size:20px; 
line-height:30px;
font-weight:bold;
color:#666666;
margin:0 0 16px 0; 
}
.news-detail .entry-caption {
color:#999999;
margin:0 0 40px 0;
}
.news-detail .entry-date {
font-size:10px; 
line-height:100%;
margin:0 0 16px 0;
}
.news-detail .entry-body {
padding:0 0 34px 0;
}

/*=============== Joseigaku ===============*/
.joseigaku-detail {
width:610px;
padding:20px 30px 0 30px;
}
.joseigaku-detail .entry-title {
font-size:20px; 
line-height:30px;
font-weight:bold;
color:#666666;
margin:0 0 16px 0; 
}
.joseigaku-detail .entry-caption {
color:#999999;
margin:0 0 10px 0;
}
.joseigaku-detail .entry-date {
font-size:10px; 
line-height:100%;
margin:0 0 16px 0;
}
.joseigaku-detail .entry-image {
margin:0 0 22px 0;
}
.joseigaku-detail .entry-image img {width:610px;}
.joseigaku-detail .entry-hl {
font-size:14px; 
line-height:30px;
color:#666666;
margin:0 0 22px 0;
}
.joseigaku-detail .entry-body {
padding:0 0 34px 0;
}

/*=============== SENSE ===============*/
.sense-detail {
width:610px;
padding:20px 30px 0 30px;
}
.sense-detail .entry-image {
width:300px;
float:right;
margin:0 0 15px 30px;
}
.sense-detail .entry-image img {width:300px;}
.sense-detail .entry-title {
font-size:20px; 
line-height:30px;
font-weight:bold;
color:#666666;
margin:0 0 16px 0; 
}
.sense-detail .entry-caption {
color:#999999;
margin:0 0 10px 0;
}
.sense-detail .entry-date {
font-size:10px; 
line-height:100%;
margin:0 0 16px 0;
}
.sense-detail .entry-body {
padding:0 0 34px 0;
}

/*=============== TREND01 ===============*/
.trend01-detail {
width:610px;
padding:20px 30px 0 30px;
}
.trend01-detail .entry-title {
font-size:20px; 
line-height:30px;
font-weight:bold;
color:#666666;
margin:0 0 16px 0; 
}
.trend01-detail .entry-caption {
color:#999999;
margin:0 0 10px 0;
}
.trend01-detail .entry-image {margin:0 0 22px 0;}
.trend01-detail .entry-image img {width:610px;}
.trend01-detail .entry-date {
font-size:10px; 
line-height:100%;
margin:0 0 16px 0;
}
.trend01-detail .entry-body {
width:410px;
float:left;
padding:0 0 34px 0;
}
.trend01-detail .entry-spec {
width:180px;
float:right;
color:#999999;
padding:0 0 34px 0;
}

/*=============== TREND02 ===============*/
.trend02-detail {
width:610px;
padding:20px 30px 0 30px;
}
.trend02-detail .entry-title {
font-size:20px; 
line-height:30px;
font-weight:bold;
color:#666666;
margin:0 0 16px 0; 
}
.trend02-detail .entry-caption {
color:#999999;
margin:0 0 10px 0;
}
.trend02-detail .entry-image {margin:0 0 22px 0;}
.trend02-detail .entry-image img {width:610px;}
.trend02-detail .entry-date {
font-size:10px; 
line-height:100%;
margin:0 0 16px 0;
}
.trend02-detail .entry-body {
padding:0 0 34px 0;
}
.trend02-detail .num {
line-height:12px;
background:url("../img/trend/icn-num.gif") top left no-repeat;
padding:0 0 0 26px;
margin:0 0 5px 0;
}
.trend02-detail .entry-spec01 {
width:140px;
float:left;
color:#999999;
padding:0 0 34px 0;
}
.trend02-detail .entry-spec02 {
width:140px;
float:left;
color:#999999;
padding:0 0 34px 17px;
}
.trend02-detail .entry-spec03 {
width:140px;
float:left;
color:#999999;
padding:0 0 34px 17px;
}
.trend02-detail .entry-spec04 {
width:140px;
float:left;
color:#999999;
padding:0 0 34px 16px;
}

/*=============== 追加20110516 ===============*/
.trend02-detail a:link,
.trend02-detail a:visited {color:#CC9966; text-decoration:underline;}
.trend02-detail a:hover,
.trend02-detail a:active {color:#999999; text-decoration:underline;}

/*=============== CINEMA ===============*/
.cinema-detail {
padding:20px 0 0 0;
}
.cinema-detail .entry-image {
margin:0 0 22px 0;
text-align:center;
}
.cinema-detail .cinema-detail-inner {
width:636px;
margin:0 auto;
}
.cinema-detail .cinema-intro {
width:210px;
float:left;
}
.cinema-detail .cinema-intro .cinema-package {
text-align:center;
padding:0 0 20px 0;
}
.cinema-detail .cinema-intro .cinema-description {
font-size:10px; 
line-height:14px;
}
.cinema-detail .cinema-body {
width:410px;
float:right;
}
.cinema-detail .entry-title {
font-size:20px; 
line-height:30px;
font-weight:bold;
color:#666666;
margin:0 0 16px 0; 
}
.cinema-detail .entry-caption {
color:#999999;
margin:0 0 10px 0;
}
.cinema-detail .entry-date {
font-size:10px; 
line-height:100%;
margin:0 0 16px 0;
}
.cinema-detail .entry-body {
padding:0 0 34px 0;
}

/*=============== Monthly Pickup ===============*/
.monthly-detail {
width:610px;
padding:20px 30px 0 30px;
}
.monthly-detail .entry-title {
font-size:20px; 
line-height:30px;
font-weight:bold;
color:#666666;
margin:0 0 16px 0; 
}
.monthly-detail .entry-caption {
color:#999999;
margin:0 0 10px 0;
}
.monthly-detail .entry-image {
margin:0 0 22px 0;
}
.monthly-detail .entry-date {
font-size:10px; 
line-height:100%;
margin:0 0 16px 0;
}
.monthly-detail .entry-body {
width:410px;
float:left;
padding:0 0 34px 0;
}
.monthly-detail .entry-body h2 {
font-size:14px; 
line-height:20px;
font-weight:bold;
color:#666666;
margin:0 0 14px 0;
}
.monthly-detail .entry-spec {
width:180px;
float:right;
color:#999999;
padding:0 0 34px 0;
}

/*=============== Mens ===============*/
.mens-detail {
width:610px;
padding:20px 30px;
}
.mens-detail .entry-title {
font-size:20px; 
line-height:30px;
font-weight:bold;
color:#666666;
margin:0 0 16px 0; 
}
.mens-detail .entry-caption {
color:#999999;
margin:0 0 10px 0;
}
.mens-question {}
.mens-detail .fukidashi-right {
height:129px;
background:url("../img/mens/fukidashi-right.gif") top right no-repeat;
overflow:hidden;
margin:0 0 24px 0;
}
.mens-detail .fukidashi-right .fukidashi-pic {
width:120px;
float:left;
}
.mens-detail .fukidashi-right .fukidashi-txt {
width:418px;
float:right;
padding:20px 15px 0 0;
font-size:14px; 
line-height:22px;
}
.mens-detail .fukidashi-left {
height:129px;
background:url("../img/mens/fukidashi-left.gif") top left no-repeat;
overflow:hidden;
margin:0 0 24px 0;
}
.mens-detail .fukidashi-left .fukidashi-pic {
width:120px;
float:right;
}
.mens-detail .fukidashi-left .fukidashi-txt {
width:418px;
float:left;
padding:20px 0 0 15px;
font-size:14px; 
line-height:22px;
}
.mens-detail span {
font-size:12px; 
display:block;
color:#669999;
}


/*---------------------------- PageNavi ----------------------------*/
#main .pagenavi {
clear:both;
padding:6px 0;
text-align:center;
font-size:10px; 
line-height:100%;
color:#cccccc;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
}
#main .pagenavi a {color:#996e52;}
#main .pagenavi table {
width:670px;
}
#main .pagenavi .pagenavi-l {
width:235px;
text-align:right;
}
#main .pagenavi .pagenavi-c {
width:200px;
text-align:center;
}
#main .pagenavi .pagenavi-r {
width:235px;
text-align:left;
}

/*==============================
Sidebar
==============================*/
#sidebar {
width:265px;
float:right;
font-size:12px; 
line-height:18px;
}
#sidebar-inner {
padding:8px 0 40px 0;
}

#sidebar iframe {
width:210px;
overflow:hidden;
}

#sidebar .module {
margin:0;
}
#sidebar .module-inner {
width:250px;
}
#sidebar .module h2 {
margin:0 0 8px 0;
}

#sidebar .module ul li {
margin:0 0 5px 0;
}
#sidebar .module ul.general li {
padding:0 0 0 18px;
background:url("../img/cmn/icn-dot.gif") top left no-repeat;
}


/*---------------------------- COLLECTION ----------------------------*/
#sidebar .btn-collection {
text-align:center;
padding:0 15px 0 0;
margin:0 0 10px 0;
}

/*---------------------------- ADD This ----------------------------*/
#sidebar .addthis {
text-align:center;
margin:0 0 10px 0;
}

/*---------------------------- Mail News ----------------------------*/
#sidebar .mailnews {
margin:0 0 12px 0;
}

/*---------------------------- RSS ----------------------------*/
#sidebar .rss {
margin:0 0 10px 0;
}

/*---------------------------- Magazine Vote ----------------------------*/
#sidebar .vote {
margin:0 0 16px 0;
}

#sidebar .vote .vote-title {
font-size:13px; 
line-height:18px;
text-align:center;
padding:12px 0;
border-top:1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
}
#sidebar .vote .vote-body {
border:1px solid #999999;
text-align:center;
padding:0 0 16px 0;
}
#sidebar .vote .vote-body p {
font-size:12px; 
line-height:26px;
padding:26px 0;
}
#sidebar .vote .btn-vote {}

/*---------------------------- Present ----------------------------*/
#sidebar .present {
margin:0 0 16px 0;
}

/*---------------------------- Banner ----------------------------*/
#sidebar .banner {
text-align:center;
}
#sidebar .banner ul {}
#sidebar .banner ul li {
width:250px;
height:60px;
margin:0;
padding:0 0 10px 0;
}

/*---------------------------- About ----------------------------*/
#sidebar .about {
padding-bottom:18px;
background:url("../img/cmn/about-bottom.gif") bottom left no-repeat;
}
#sidebar .about h2 {
margin:0;
padding:0;
}
#sidebar .about .about-inner {
padding:12px 12px 0 12px;
border-left:1px solid #e4dbc7;
border-right:1px solid #e4dbc7;
background:#f6eae8 url("../img/cmn/about-bg.gif") top left repeat-x;
}
#sidebar .about .about-copy {
margin:0 0 6px 0;
font-size:12px; 
line-height:20px;
color:#7a7a7a;
}
#sidebar .about ul.about-bnr {
width:222px;
margin:0 auto;
}
#sidebar .about ul.about-bnr li {
width:222px;
height:55px;
margin:0;
padding:10px 0 0 0;
}
#sidebar .about ul.down-bnr li {
width:222px;
height:100px;
margin:0;
padding:10px 0 0 0;
}

/*---------------------------- Update ----------------------------*/
#sidebar .update {
margin:0 0 16px 0;
}
#sidebar .update ul {}
#sidebar .update ul li {
display:block;
margin:0 0 10px 0;
}
#sidebar .update ul li .category {
display:block;
color:#885830;
}
#sidebar .update a:link,
#sidebar .update a:visited {color:#666666; text-decoration:none;}
#sidebar .update a:hover,
#sidebar .update a:active {color:#999999; text-decoration:underline;}

#sidebar .update ul li .category a:link,
#sidebar .update ul li .category a:visited {color:#885830; text-decoration:none;}
#sidebar .update ul li .category a:hover,
#sidebar .update ul li .category a:active {color:#885830; text-decoration:underline;}

/*---------------------------- Magazine Contents ----------------------------*/
#sidebar .magazine {
padding:0 0 8px 0;
}
#sidebar .magazine ul {}
#sidebar .magazine ul li {
display:block;
margin:0 0 8px 0;
}



/*==============================
Footer
==============================*/
#ftr {
height:101px;
margin:0;
}