/*
Theme Name: THE COVER NIPPON Theme
Theme URI: http://www
Description: This is THE COVER NIPPON theme.
*/


/* 全体構造
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
html{
	overflow-y:scroll;
	height:100%;
}
body{
	background:url(http://www.thecovernippon.jp/images/common/bg01.jpg) repeat-x top #d3cfcb; /* 背景 */
	font-size:12px;
	color:#000;
	line-height:1.6;
	margin:0px;
	padding-top:7px;
	font-family:Osaka, 'Hiragino Kaku Gothic Pro', 'MS P Gothic', Meiryo, Helvetica, Verdana, Arial, sans-serif;
	height:100%;
}
#wrapper{
	width:1005px;
	background:url(http://www.thecovernippon.jp/images/common/bg02.jpg) repeat-y; /* 背景 */
	margin:0 auto; /* 新しいブラウザ用中央揃え */
	text-align:left;  /* 内容を左揃えに戻す */
	min-height:100%;
	height:100%;
}
#navi li img,#sidenavi li img{
	vertical-align:bottom;	/* ナビ画像下揃え */
}
body > #wrapper {height:auto}

/* リンク
---------------------------------------------------- */
a:link,a:visited,a:hover,a:active{
	color:#000;
	background:transparent;
}
a:hover{
	text-decoration:none;
}
a{
/**/
 overflow:hidden;
/**/
}
a img{
  border:none;
  color:#fff;
  background:transparent;
}

/* リスト
---------------------------------------------------- */
li{
	list-style:none;
}

/* ヘッダー
---------------------------------------------------- */
#header{
	background:url(http://www.thecovernippon.jp/images/common/bg_header.jpg) no-repeat;
	height:1%;/* IE背景バグ対策 */
}
#header h1{
	padding:0 0 3px 125px;
}
p#head-mm{
	position:relative;
	text-align:right;
	margin:0;	
}
p#head-mm a{
	position:absolute;
	display:block;
	top:-134px;
	right:11px;
}


/* コンテンツエリア
---------------------------------------------------- */
#contents{
	background:url(http://www.thecovernippon.jp/images/common/bg03.gif) repeat-y 366px; /* 背景 */
	padding:0 11px;
}
h2{
	font-size:24px;
}
h2 span{
	font-size:16px;
}
h2 a:link,h2 a:visited,h2 a:hover,h2 a:active{
	text-decoration:none;
}
h2 a:hover{
	text-decoration:underline;
}

h3{
	font-size:14px;
}

/* #main
---------------------------------------------------- */
#main{
	width:733px;
	float:left;
}
.itemarea{
	width:345px;
	padding-bottom:25px;
}
.itemarea-left{
	float:left;
}
.itemarea-right{
	float:right;
}
.itemarea img{
	padding:1px;
	border:1px solid #8c8887;
}
.itemarea img.no-border{
	border:none;
}
.month-title{
	font-size:24px;
	font-weight:bold;
	padding-left:3px;
}
.more-link{
	display:block;
	text-align:right;
}

/* インデックスページ */

/* 今月の○○ */
#this-month .post p{
	margin:15px 0 20px 0;
}

#this-month .post .img-thumbnail td.td01{
	width:177px;
}
#this-month .post .img-thumbnail td.td02{
	width:168px;
}


table.link-shop{
	width:345px;
	text-align:right;
	margin:18px 0 0 0;

}
table.link-shop td{
	vertical-align:bottom;
}
table.link-shop td.link-shop-btn{
	width:81px;
}


/* 個別ページ表示 */
#main .single-contents{
	background:url(http://www.thecovernippon.jp/images/common/bg04.jpg) no-repeat left top; /* 背景 */
	height:1%;/* IE背景バグ対策 */
}
#single-itemarea{
	margin-bottom:25px;
	padding-top:5px;
}
#single-itemarea #item-photo{
	width:355px;
	float:left;
	padding-top:8px;
}
#single-itemarea #item-photo img{
	margin-bottom:10px;
}
#main #single-itemarea #item-photo p{/* 画像下文字 */
	color:#444;
	font-size:10px;
	margin:-5px 0 35px 0;
}
html*#main #single-itemarea #item-photo p{/* IE用文字サイズ */
	font-size:9px;
}
#single-itemarea img{
	padding:1px;
	border:1px solid #8c8887;
}
#single-itemarea img.no-border{
	border:none;
}
#single-itemarea #item-txt{
	float:right;
	width:350px;
	padding-top:8px;
}

#single-itemarea #item-txt h3{
        display:block;
        font-size:18px;
	margin-bottom:15px;
        border-bottom:1px solid #999;
}

.comment{
	text-indent:2.5em;
        background-image:url("/wordpress/wp-content/uploads/2009/07/bullet.gif");
        background-repeat:no-repeat;
        background-position:0% 4%;
}


#single-itemarea .post p{
	margin:0 0 20px 0;
}




#single-itemarea .month-title{
	font-size:24px;
	font-weight:bold;
	margin:0 0 7px 0;
}





/* 過去の商品エリア */

#old{
	border-top:1px solid #b2b2b2;
}

.old-item{
	width:345px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
}
.old-item .month-title{
	margin:0 0 0.3em 0;
}
.old-item p.link-archive{
	position:relative;
	text-align:right;
	margin:0;
}
.old-item p.link-archive a{
	position:absolute;
	display:block;
	top:-2em;
	right:0;
}
.old-item .post{
	padding:1px;
	margin-bottom:10px;
	border:1px solid #8c8887;
}

.old-item p.img{
	width:155px;
	margin-right:8px;
	float:left;
}
.old-item div.txt{
	width:170px;
	float:left;
}

.old-item h2{
	font-size:14px;
}
.old-item h3{
	font-size:10px;
	margin-right:10px;
}




/* サイドナビ
---------------------------------------------------- */
#side{
	width:260px;
	padding-bottom:20px;
	float:left;
	color:#fff;
	line-height:1.4;
}
#side a:link,#side a:visited,#side a:hover,#side a:active{
	color:#fff;
	background:transparent;
	text-decoration:none;
}
#side a:hover,#side a:active{
	text-decoration:underline;
}
#link_site{
	text-align:right;
	margin:15px 8px 0 0;
}
.side-inner{
	padding:0 13px 0 12px;
}
.side-inner p{
	margin-bottom:10px;
}
.side-inner address{
	font-style:normal;
}
.side-inner p.link-map{
	position:relative;
	text-align:right;
	margin:0;
}
.side-inner p.link-map a{
	position:absolute;
	display:block;
	top:-1.5em;
	right:0.3em;
}

.side-inner img{
	margin-top:30px;
}

.side-inner #page-links{
	text-align:center;
	margin-top:5px;
        border:1px solid #8c8887;
        padding:1px 1px 1px 1px;
}

.side-inner #page-links a{
        background-color:#9d080e;
        display:block;
        color:#eae6e1;
}

.side-inner #page-links a:hover{
        color:#fff;
 	text-decoration:none;
}

.side-inner ul{
	margin-bottom:10px;
}

/* フッター
---------------------------------------------------- */
#footer{
	background:#9d080e;
	border-top:#191210 solid 7px;
	color:#fff;
}

#footer #footer-txt{
	width:1008px;
	padding-top:22px;
	margin:0 auto 15px auto;
}
#footer #footer-txt-inner{
	width:990px;
	margin-left:18px;
}
.footer-txt-block{
	float:left;
	width:312px;
	margin-right:18px;
}

#footer p{
	margin-bottom:15px;
}
#footer p a:link,#footer p a:visited,#footer p a:hover,#footer p a:active{
	color:#fff;
}
#footer p#copyright{
	text-align:center;
	border-top:1px solid #eae6e1;
	padding:6px 0 15px 0;
}

/* メールマガジン登録ページのフォーム調整
---------------------------------------------------- */
.wpcf7{
	padding:0 15px;
	background:#dedad1;
}
#mailform{
	padding:25px 25px 15px 25px;
}

.mailmagazine_form {
        border:none;
}

.mailmagazine_form th{
      border:none;
      width:150px;
      height:15px;
      text-align:right;
      vertical-align:top;
      padding-right:10px;
      font-weight: bold;
      line-height: 120%;
}

.mailmagazine_form td{
      border:none;
      text-align:left;
      vertical-align:top;
      padding-bottom:15px;
}

.form-name input{
      width:10em;
}

.form-mail input{
      width:15em;
}

.address1 input{
      width:30em;
}

.address2 input{
      width:30em;
}

.job select{
      width:7em;
}

.submit_button{
text-align:center;
}

.wpcf7-response-output{
	padding-bottom:10px;
}
/* float対策
---------------------------------------------------- */
.clear{
	clear:both;
}

.box-clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.box-clear{
    display:inline-block;  /* MAC IE用　*/
    min-height:1%;  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html .box-clear{height: 1%;}
.box-clear{display: block;}
/*--ここまでMAC IEは非適用 */

/* spec_table
---------------------------------------------------- */

#table01{
    width: 600px;
    border:1px #999999 solid;
    border-spacing:0px;
    border-collapse: collapse;
    margin:25px 25px 25px 2px;
}


#table01 th {
    width:100px;
    padding: 5px;
    border:#999999 solid;
    border-width: 0 0 1px 1px;
    background:#dedad1 ;
    font-weight: bold;
    line-height: 120%;
    text-align: right;
    white-space: nowrap; 
}

#table01 td {
    width:500px;
    padding:5px 5px 5px 10px;
    border:#999999 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}