/* サイト共通要素 */

.custom-tweet-button a {
    display: block;
    padding: 2px 5px 2px 20px;
    background: url('../../images/tw_favicon.ico') 1px center no-repeat;
    border: 1px solid #ccc;
  }

.mainTitle iframe  {
    vertical-align:middle;
    padding-left:10px;
}

/* ==================== タグの初期設定 ==================== */
body {
color: #333;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
}
h1 {
font-weight: normal;
font-size: small;
}
h2,
h3,
h4,
h5,
h6 {
font-size: medium;
}
p,
td,
th,
li,
dt,
dd,
input,
textarea,
.entryBody,
.entryMore {
font-size: small;
}
.clear {
clear: both;
}
br.clear {
letter-spacing: 0;
line-height: 1;
}
.center {
text-align: center;
}



/* ==================== クリアフィックス ==================== */
.clearfix:after {
content: ".";
display: block;
clear: both;
line-height: 0;
font-size: 0;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Mac版IEを除外 \*/
.clearfix {
display: block;
}
/* */



/* ==================== サイト全体 レイアウト ==================== */
/* ========== 全体枠 ========== */
#container_top {
}

#container {
}

#container_window{
}

/* ========== ヘッダー ========== */
#header {
}

#siteTitle {
	margin:10px 0 40px 0;
}
#siteTitle h1 {
color: #666;
margin: 0 auto;
padding-top: 10px ;
width: 970px;
}

#headerTitle {
width: 970px;
margin: 0 auto;
}
#headerAreaLogo {
float: left;
}
#headerAreaSub {
float: right;
text-align: right;
margin-top:8px;
}
p#headerAddress {
color: #666;
font-size: 10pt;
}

/* ========== メインメニュー + キャッチ画像 + セカンドエリア + コンテンツ 枠 ========== */

/* メインメニュー + キャッチ画像 + メイン をラップ */
#mainBg {
border-top:solid 1px #aaaaaa;
margin: 0 auto;
padding: 0 ;
}


/* ========== キャッチ画像 ========== */
#catchArea {
width: 970px;
margin: 0 auto;
}



/* ========== キャッチ画像・メインメニュー下 シャドウ ========== */
/* セカンドエリア + コンテンツ をラップ */
#main {
margin-top:5px;
width: 970px;
margin: 0 auto 40px;
}
#mainInner {
padding: 15px 0;
}



/* ========== 2カラム 設定 ========== */
#secondArea {
float: left;
}
#contents {
float: right;
}



/* ==================== コンテンツ ==================== */
#contents {
width: 700px;
}


/* ---------- コモン ---------- */
#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6 {
clear: both;
margin-bottom: 10px;
}
#contents h2,
#contents h3,
#contents h4,
#contents H5,
#contents H6,
#contents p,
#contents td,
#contents th,
#contents li,
#contents dt,
#contents dd,
#contents .entryBody,
#contents .entryMore {
line-height: 1.5;
}
#contents dl {
    margin-bottom: 5px;
}

#contents p,
#contents ol,
#contents ul,
#contents table {
margin-bottom: 15px;
}
#contents th,
#contents td{
padding: 5px;
border: 1px solid #666;
}
#contents th,
#contents thead td,
#contents tfoot td{
background-color: #ddd;
}
#contents thead th,
#contents tfoot th{
color: #fff;
background-color: #333;
}
#contents textarea {
width: 300px;
height: 8em;
}

/* ---------- mainBlock ---------- */
#contents .mainBlock {
margin-bottom: 30px;
}

/* ---------- 見出し ---------- */
#contents .mainTitle {
}
#contents .mainTitle h2 {
	padding:0 0 0.5em 0;
	font-size:1.2em;
	letter-spacing:0.1em;
	font-family:"Times New Roman", Times, serif;
	border-bottom:1px solid #ccc;
}
#contents .mainTitle h2.rss {
}


#contents .mainTitle a.rss {
display: block;
text-decoration: none;
color: #ffffff;
width: 100%;
}
#contents .mainTitle a.rss:hover {
text-decoration: none;
}

#contents h3 {
	font-size:1.2em;
/*padding: 3px 0 3px 25px;
margin-top: 10px;
background: url("../images/h3_bg.gif") left center no-repeat;*/
}
#contents h4 {
/*margin-left:5px;
padding: 3px 0 3px 15px;
background: url("../images/h4_bg.gif") left center no-repeat;*/
}

/* ---------- ボディー ---------- */
#contents .mainContents {
padding: 10px;
}
#contents .entryBody,
#contents .entryMore {
padding: 1px;
}
#contents .entryBody a:hover img,
#contents .entryMore a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
}

/* ---------- ページ送り ---------- */
#contents .contentNavi {
text-align: center;
padding-bottom: 8px;
width: 100%;
margin: 0 0 8px;
background: url("../images/hr_bg.gif") left bottom repeat-x;
}
#contents .contentNavi a,
#contents .contentNavi strong {
display: inline-block;
text-decoration: underline;
text-align: center;
line-height: 1;
font-size: 130%;
margin: 0 5px 0 0;
padding: 5px 8px;
border: 2px solid #efefef;
/* color */
color: #1C55FF;
border-color: #efefef;
background-color: #f5f5f5;
}
#contents .contentNavi strong,
#contents .contentNavi a:hover {
text-decoration: none;
color: #101113;
border-color: #90c6e0;
background-color: #d8ecf6;
}



/* ---------- 基本クラス ---------- */
#contents .pankuzu {}
#contents .pankuzu p {}
#contents .fontXLarge {font-size: large;}
#contents .fontLarge {font-size: medium;}
#contents .fontSmall {font-size: x-small;}
#contents .fontMedium {font-size: small;}
#contents .fontXSmall {font-size: xx-small;}
#contents input.text {
width: 300px;
}
#contents .caution {
color: #e00;
}
#contents p.price {
font-size: medium;
text-align: right;
font-weight: bold;
color: #e00;
}
#contents .hr01 {
margin: 0 0 15px;
height: 1px;
background-image: url("../images/hr_bg.gif");
background-position: left top;
background-repeat: repeat-x;
}
#contents .comment .hr01 {
margin-top: -1em;
}
#contents p.nextPrevious {
clear: both;
text-align: center;
}
#contents p.linkBlock,
#contents p.anchorTop {
text-align: right;
padding-top: 15px;
background: url("../images/hr_bg.gif") left top repeat-x;
}
#contents td.buttonArea {
border: none;
}


/* ==================== セカンドエリア ==================== */
#secondArea {
width: 230px;
}


/* ---------- 見出し ---------- */
#secondArea h2,
#secondArea h3,
#secondArea h4,
#secondArea h5,
#secondArea h6,
#secondArea td,
#secondArea th,
#secondArea li,
#secondArea dt,
#secondArea dd,
#secondArea p {
font-size: small;
}
#secondArea th,
#secondArea td,
#secondArea li,
#secondArea dt,
#secondArea dd,
#secondArea p {
line-height: 150%;
}

/* ----- コンテンツの余白 ----- */
#secondArea p,
#secondArea select,
#secondArea .entryBody {
margin: 5px 10px;
}

/* ---------- サブメニュー ---------- */
/* ----- 背景画像 ----- */
DIV#secondArea DIV#subMenu DIV.subMenu,
DIV#secondArea DIV#freeSpace,
DIV#secondArea DIV#qrcode {
background: none repeat scroll 0 0 #efefef;
margin: 0 0 25px;
}
DIV#secondArea DIV#freeSpace DIV.entryBody,
DIV#secondArea DIV#qrcode DIV.entryBody {
background: url("../images/second_area_hr.gif") center bottom no-repeat;
}
DIV#secondArea DIV#banners {
margin: 0 0 10px;
}
/* ----- タイトル ----- */
DIV#secondArea DIV#subMenu DIV.title,
DIV#secondArea DIV#freeSpace DIV.title,
DIV#secondArea DIV#banners DIV.title,
DIV#secondArea DIV#qrcode DIV.title {
overflow: hidden;
text-indent: -9999px;
height: 34px;
background-position: left top;
background-repeat: no-repeat;
}
/* ----- コンテンツの余白 ----- */
DIV#secondArea P,
DIV#secondArea SELECT,
DIV#secondArea DIV.entryBody,
DIV#secondArea DIV#freeSpace H3 {
margin: 5px 10px;
}

/* ========== フッター ========== */
DIV#footer {
padding: 50px 0;
background: url("../../images/footer_bg.png") center top repeat-x #111111;
clear: both;
color: #fff;
}
DIV#footer a {
color: #fff;
}

DIV#footerInner {
width: 970px;
margin: 0 auto;
}



/* ---------- フッターロゴ ---------- */
P#footerAreaLogo {
float: right;
margin-top:20px;
color: #fff;
}

/* ---------- フッターメニュー ---------- */
DIV#footer P#footerMenu {
margin: 0;
padding: 30px 0 0;
}

/* ---------- フッター copyright エリア ---------- */
DIV#footer DIV#footerCopyrightArea {
padding: 5px 0 15px;
}

/* ---------- フッター copyright 付メニュー ---------- */
DIV#footer P#footerFree {
margin-bottom: 10px;
}

/* ---------- copyright ---------- */
DIV#footer P#copyright {}

BR.clear {
clear: both;
}
.center {
text-align: center;
}



/* ==================== ブログ別 装飾 ==================== */

#contents ul.social{
/*    width: 250px;
    padding-top: 10px;*/
float:right;
}

#contents ul.social li{
float:left;
list-style:none;
}




/* 追加 */

a:link,a:visited
{
	color:#000;	
}

a:hover,a:active{
	color:#666;
	text-decoration:underline;
}

#topNews .mainTitle{
	margin:0 0 10px 0;
	
}

div#secondArea #topNews .mainContents dl.date dd{
	padding:5px 0 10px 0;
	border-bottom:1px dotted #ccc;
}
div#secondArea #topNews .mainTitle h2.news {
	padding:0 0 0.5em 0;
	font-size:1.2em;
	letter-spacing:0.1em;
	font-family:"Times New Roman", Times, serif;
	border-bottom:1px solid #ccc;
}

#sideBanners ul{
	margin:0;
	padding:0;
}

div#secondArea div#sideBanners ul.mb40 {
	margin-bottom:40px;	
}

#contents .main_box{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}

#contents .main_boxl{
	float:left;
	width:430px;
	padding:0 20px 0 0;
}

#contents .main_boxl ul{
	margin-left:0;
	padding-left:0;
}

#contents .main_boxl ul,#contents .sub_boxin ul{
	margin-left:0;
	padding-left:0;
}

#contents .main_boxl ul li.tag, #contents .sub_boxin ul li.tag{
	float:left;
	width:75pxpx;
	margin:0 5px 0 0;
	list-style:none;
}
#contents .main_boxr{
	float:right;
	width:250px;
}

#contents ul.social{
margin: 0 0 10px 0;
	padding:0;	
}

#contents .main_boxr dl dt,#contents .sub_boxin dl dt{
	float:left;
	width:40px;
}

#contents .main_boxr dl dd,#contents .sub_boxin dl dd{
	width:180px;
	float:left;
	padding:0;
	margin:0 0 0.5em 0;
}

#contents .sub_box{
	margin-bottom:20px;
}

#contents .sub_boxin{
	float:left;
	width:220px;	
}

#contents .mr20{
	margin:0 20px 0 0;
}


#footer_inner{
	width:970px;
	margin:0 auto;	
}

#footer_logo{
	float:left;
	width:400px;
}

#footerCopyrightArea{
	float:right;	
}
.mb15{
	margin:0 0 15px 0;	
}

.t080{
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}