@charset "EUC-JP";

/* =============================================

	layout.css
	
============================================= */

/*----------------------------------------
	CSS Sprite
----------------------------------------*/

h1 a,
ul#HdAdSEO li a,
dd#SearchWords ul,
div#GlobalMenu,
div#FooterNavi,
div#FooterNavi p a {
	background:url(/top/img/bg_common_parts_20140401.png);
}

/*----------------------------------------
	Main Layout
----------------------------------------*/

body {
	position:relative;
	width:100%;
	font-size:12px;
	font-family:メイリオ,Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height:160%;
	color:#333;
	background: none;
	background-color:#fff;
	behavior:url("/common/csshover.htc");
}

div#Page {
	border-top:3px solid #0084c0;
	width:100%;
}

div#PageHeader {
	position:relative;
	margin:1px 0 0 0;
	padding:17px 0 15px 0;
	width:950px;
	margin:0 auto;
	z-index:10;
}

div#PageContent {
	width:950px;
	margin:0 auto 15px;
	z-index:0;
}

/* スマートフォン用 */
div#smartphone_PageContent {
	margin:0 auto 10px;
	padding:5px;
	z-index:0;
}
/* スマートフォン用 */

	div#PageMain {
		position:relative;
		float:left;
		width:630px;
	}
	
	div#PageSide {
		position:relative;
		float:right;
		width:300px;
	}
	
		div.PageSideUnit  {
			margin-bottom:10px;
			width:300px;
		}
	
div#PageContent2 {
	width:880px;
	margin:0 auto 15px;
}

	div#PageContent2 div#PageMain {
		position:relative;
		float:left;
		width:630px;
	}
	
	div#PageContent2 div#PageSide {
		position:relative;
		float:right;
		width:230px;
	}

div#PageFooter {
	width:950px;
	margin:0 auto 0;
}

/*----------------------------------------
	Link Color
----------------------------------------*/

a:link	  { color:#0033cc; text-decoration:underline; }
a:visited { color:#333366; text-decoration:underline; }
a:active  { color:#ff6600; text-decoration:none; }
a:hover   { color:#ff6600; text-decoration:underline; }

/*----------------------------------------
	Header
----------------------------------------*/

#PageHeaderWrap:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#PageHeaderWrap {
	padding-bottom:15px;
	zoom:1;
	position: relative;/*for preview*/
} 
#PageHeaderLeft {
	float:left;
	width:207px;
}
#PageHeaderRight {
	float:right;
	width:728px;
}

h1 {
	width:191px;
	height:69px;
}

	h1 a {
		display:block;
		width:191px;
		height:69px;
		text-indent:-8000px;
		background-position:960px 337px;
	}

/* ようこそJUGEMへ */
p#HdWelcome  {
	margin-bottom:5px;
	font-size:10px;
}

	p#HdWelcome span {
		color:#0084c0;
	}

	p#HdWelcome a:link,
	p#HdWelcome a:visited {
		color:#0033cc;
		text-decoration:none;
	}

	p#HdWelcome a:hover {
		color:#ff6600;
	}

/* SEO広告枠 */
ul#HdAdSEO {
	position:absolute;
	top:65px; right:15px;
}

	ul#HdAdSEO li {
		display:inline;
		font-size:10px;
	}

	ul#HdAdSEO li a {
		padding:0 0 10px 25px;
		background-position:704px 339px;
		/* background:url(/top/img/icon_pr.gif) no-repeat;
		background-position:0 center; */
	}

/* 見える検索 marsflag */
dl#HdSearch {
	position:absolute;
	top:52px; right:15px;
	width:620px;
	height:26px;
}

	dl#HdSearch dt {
		display:none;
	}

/* 注目のキーワード */
dd#SearchWords {
	float:left;
	width:383px;
	height:26px;
}

	dd#SearchWords ul {
		width:270px;
		height:22px;
		padding:4px 0 0 113px;
		background-position:393px 306px;
	}

	dd#SearchWords ul li{
		display:inline;
		font-size:10px;
		color:white; 
	}

	dd#SearchWords ul li a { color:white; text-decoration:underline; }  
	dd#SearchWords ul li a:hover { color:white; text-decoration:none; }  

/* 検索フォーム */
dd#SearchMarsflag {
	float:right;
	width:225px;
	height:26px;
}

	dd#SearchMarsflag input.search_input2 {
		width:121px;
		height:16px;
		padding:2px 0 0 13px;
		margin:2px 0 0 0;
		border:2px solid #005e88;
		border-right:none;
		vertical-align:top;
		background:url(/top/img/bg_search_arrow.gif) no-repeat;
		background-position:6px center;
	}
	
	input.search_input3 {
		width:89px;
		height:26px;
		margin:0;
		padding:0;
	}

/*----------------------------------------
	Main Area
----------------------------------------*/

.pannavi{
	margin-bottom:10px;
	padding:7px;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	/* display:none; */
}

p.ContentDescription {
	padding:10px 12px;
	background:#f1f1f1;
	border:3px solid #ddd;
	margin:0 0 25px;
}

p.ContentDescription2 {
	border:3px solid #0084c0;
	padding:10px 12px;
	background:#FFF;
	margin:0 0 15px;
}

	p.ContentDescription2 span {
		font-weight:bold;
		color:#ff4444;
	}

p.sub_ContentDescription2 {
	padding:10px 12px;
	background:#fff;
	border:3px solid #0084c0;
	margin:0 0 15px;
}

p.sub_ContentDescription2 a {
	text-decoration:none;
}

p.sub_ContentDescriptio3 {
	padding:10px 12px;
	margin:0 0 15px;
}

p.sub_ContentDescription3 a {
	text-decoration:none;
}

.sub_ContentDescription2_in {
	border-top: dashed 1px #0084c0;
	padding: 10px;
}

.sub_ContentDescription2_in a{
	margin-top: 10px;
}

div#ContentDescription3 span {
		font-weight:bold;
		color:#ff4444;
	}

p#PageNoscript {
	margin:0 auto 15px;
	padding:10px 0;
	width:946px;
	background:#ffcccc;
	border:3px solid #ff9999;
	text-align:center;
}


/* post assist */
div#postassist_tab {
	position: relative;
	margin: 0 auto;
	width: 810px;
	z-index:0;
}

div#postassist_tab ul {
	width: 433px;
	margin: 0 0 0 auto;
}

div#postassist_tab li {
	width: 105px;
	float: left;
}

div#postassist_tab li img {
	vertical-align: bottom;
	z-index:0;
}

/*----------------------------------------
	Side Area
----------------------------------------*/
/* サイドバナー300px */
div#SideAd300 {
	margin-bottom:10px;
}

div#SideAd300 iframe {
	z-index:0;
}

/* カラメルバナー */
div#SideAdCalamel {
	margin-bottom:10px;
}

/* ブログを作成 */
dl#SideSignup {
	margin-bottom:10px;
}

dl#SideSignup dt {
	margin-bottom:5px;
}

	/* お申し込み 画像リンク */
	dl#SideSignup dt a {
		display:block;
		width:300px;
		height:60px;
		background:url(/common/img/side/btn_signup.gif);
		background-position:300px 120px;
		text-indent:-8000px;
		outline:none;
	}
	
	dl#SideSignup dt a:hover {
		background-position:300px 60px;
	}

dl#SideSignup dd p{
	font-size:10px;
	text-align:center;
}

/* JUGEM 有料プランも充実 */
dl#SideSignupPlus {
	margin-bottom:10px;
}

dl#SideSignupPlus dt {
	margin-bottom:5px;
}

	/* JUGEM PLUS 画像リンク */
	dl#SideSignupPlus dt a {
		display:block;
		width:300px;
		height:54px;
		background:url(/common/img/side/btn_signup_jugemplus.gif?20160509);
		background-position:300px 108px;
		text-indent:-8000px;
		outline:none;
	}
	
	dl#SideSignupPlus dt a:hover {
		background-position:300px 54px;
	}

dl#SideSignupPlus dd p{
	font-size:10px;
	text-align:center;
}


/* Information 新着情報 */
div#SideInfo {
	position:relative;
}

div#SideInfo dl dt {
	width:180px;
	height:30px;
	background:url(/top/img/title_side_index.gif);
	background-position:310px 136px;
	text-indent:-6000px;
}

div#SideInfo dl dd {
	width:298px;
	border:1px solid #0084c0;
	border-top:3px solid #0084c0;
}

div#SideInfo dl dd ul li {
	width:274px;
	padding:7px 12px;
	border-bottom:1px dotted #ccc;
}

	div#SideInfo dl dd ul li span {
		float:left;
		display:block;
		width:30px;
	}
	
	div#SideInfo dl dd ul li a {
		float:right;
		display:block;
		width:235px;
	}

/* Information 新着情報 もっと見る */
div#SideInfo ul.LinkMore {
	position:absolute;
	top:5px; right:0;
	width:94px;
	height:20px;
}

	div#SideInfo ul.LinkMore li a {
		display:block;
		width:93px;
		height:20px;
		background:url(/top/img/title_side_index.gif);
		background-position:104px 131px;
		text-indent:-6000px;
	}

/* QRコード 携帯サイト */
div#SideQrcode dl {
	position:relative;
}

div#SideQrcode dl dt,
div#SideQrcode dl dd#SideQrcodeImg,
li.SideQrcodeUnit {
	position:absolute;
	top:0; left:0;
	text-indent:-8000px;
}

li#SendMobileUrl a{
	display:block;
	width:300px;
	height:76px;
	background:url(/common/img/side/img_side_mobile.gif);
	background-position:300px 152px;
	text-indent:-8000px;
}

	li#SendMobileUrl a:hover {
		background-position:300px 76px;
	}

/*----------------------------------------
	スーモー
----------------------------------------*/

.suumo {
	border:1px solid #ccc;
	padding:10px;
	margin:10px 0;
	 clear:both;
	 line-height:140%;
}

.suumo a:hover {
	text-decoration:underline;
}

.suumo img {
	float:left;
	padding-right:12px;
}

/*----------------------------------------
	カーセンサー
----------------------------------------*/

.carsensor {
	padding:2px 0 2px 0;
}
.carsensor a {
background:url("/top/img/bg_common_parts_201004.png") repeat scroll 0 0 transparent;
background-position:704px 339px;
padding:0 0 10px 25px;
}

/*----------------------------------------
	カラメル
----------------------------------------*/

.calamel_keyword {
	border:solid 7px #039E41;
	margin:15px 0 0 0;
	padding:14px;
}
.calamel_keyword li {
	display:inline;
	font-weight:bold;
	font-size:12px;
	margin:10px 5px;
	line-height:1.6em;
}


/*----------------------------------------
	advertisements
----------------------------------------*/

.advertisements {
	margin-bottom:15px;
}

.advertisements ul {
	list-style:none outside none;
}


.advertisements li {
	display:inline;
	padding:0 10px 0 0;
}


html>/**/body .advertisements li , x:-moz-any-link, x:default {
	display:inline;
	padding:0 10px 0 0;
	}


/*----------------------------------------
	footer
----------------------------------------*/

div#FooterNavi {
	width:950px;
	height:34px;
	margin:0 0 20px;
	background-color:#0084c0;
	background-position:960px 88px;
}

/* フッターリンク */
div#FooterNavi ul {
	float:left;
	display:block;
	width:580px;
	height:26px;
	padding: 8px 0 0 15px;
}

	div#FooterNavi ul li {
		display:inline;
		font-size:10px;
		color:#fff;
	}
	
	div#FooterNavi ul li a {
		color:#fff;
		text-decoration:underline;
	}
	
	div#FooterNavi ul li a:visited {
		color:#fff;
	}
	
	div#FooterNavi ul li a:hover {
		text-decoration:none;
	}

/* copyright */
address {
	display:block;
	float:left;
	width:300px;
	padding: 8px 10px 0 0;
	color:#fff;
	text-align:right;
	font-size:10px;
	font-family:tahoma;
}

	address a{ color:#fff; }
	address a:visited{ color:#fff; }
	address a:hover { color:#ffffcc; }

/* ページの先頭へ */
div#FooterNavi p {
	float:right;
	width:42px;
	height:34px;
}

	div#FooterNavi p a {
		display:block;
		width:42px;
		height:34px;
		text-indent:-8000px;
		outline:none;
		background-position:52px 88px;
	}
	
	div#FooterNavi p a:hover {
		background-position:52px 44px;
	}

dl#FooterService {
	width:900px;
	margin:0 auto 30px;
}

	/* paperboy&co. ロゴ */
	dl#FooterService dt {
		float:left;
		width:120px;
		height:43px;
	}
	
	/* paperboy&co. サービスリンク */
	dl#FooterService dd {
		float:right;
		width:760px;
		padding-top:5px;
	}

	dl#FooterService ul li {
		display:inline;
		font-size:10px;
	}

/*----------------------------------------
	Float Clearfix
----------------------------------------*/

.clearfix,
dl#HdSearch,
div#PageContent,
div#smartphone_PageContent,
div#PageContent2,
div#postassist_tab ul,
div#SideInfo dl dd ul li,
div#FooterNavi,
dl#FooterService, {
	zoom:1;/*for IE 5.5-7*/
}

.clearfix:after,
dl#HdSearch:after,
div#PageContent:after,
div#smartphone_PageContent:after,
div#PageContent2:after,
div#postassist_tab ul:after,
div#SideInfo dl dd ul li:after,
div#FooterNavi:after,
dl#FooterService:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}