@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------
		全体の枠組み
 ---------------------------------------------------------------------------------------------------- */

#wrapper{
	position: relative;
	width: 100%;
	margin: 0px auto;
	text-align: left;
}





/* ----------------------------------------------------------------------------------------------------
		ヘッダーコンテンツ
 ---------------------------------------------------------------------------------------------------- */

#header{
	position: absolute;
	width: 100%;
	top: 0px;
	height: 200px;
	background: url(../img/header-bg.gif) center top repeat-x;
}



#header #header-in{
	position: relative;
	width: 980px;
	margin: 0px auto;
}

#header #header-in h1{
	position: absolute;
	top: 20px;
	left: 10px;
}

/* 468x60の枠 */
#header #header-in p{
	position: absolute;
	top: 25px;
	left: 300px;
	margin: 0px;
	padding: 0px;
}

/* 検索 */
#header #header-in .search{
	position: absolute;
	width: 200px;
	top: 25px;
	right: 0px;
}

#header #header-in .search dl dt{
	margin: 0px 0px 0px;
	padding: 0px 0px 0px 7px;
	color: #462413;
	font-size: 0.9em;
	font-weight: bold;
	border-bottom: 3px #462413 double;
	text-shadow: 1px 1px 3px #ffccff;
}

#header #header-in .search dl dd{
	display: inline;
	margin: 0px;
	text-align: left;
}

#header #header-in .search dl dd input[type="text"]{
	width: 120px;
	margin: 0px 0px 0px 5px;
	padding: 5px 7px;
	color: #462413;
	font-size: 0.9em;
	border: 1px #999 dotted;
}

#header #header-in .search dl dd input[type="text"]:hover{ background-color: #f9f9f9; }
#header #header-in .search dl dd input[type="text"]:focus{ border: 1px #462413 dotted; background-color: #ffeeff; }

#header #header-in .search dl dd input[type="submit"]{
	width: 40px;
	border: none;
	cursor: pointer;
	border: 1px #fff solid;
	box-shadow: 1px 1px 2px #999;
}

#header #header-in .search dl dd input[type="submit"]:hover{
	color: #cc0000;
	background-color: #cfcfcf;
	box-shadow: 1px 1px 2px #ffaaff;
}


#header #header-in .global{
	position: absolute;
	top: 110px;
	width: 980px;
	z-index: 5;
	background: url(../img/global-bg.gif) left center no-repeat;
}

#header #header-in .global ul li{
	float: left;
	display: inline;
	margin: 0px;
	width: 140px;
	padding: 16px 0px 11px;
	text-align: center;
	line-height: 1.2em;
}

#header #header-in .global ul li a{ color: #fff; font-weight: bold; text-decoration: none; }
#header #header-in .global ul li a:hover{ color: #ffff00; font-weight: bold; text-decoration: underline; }
#header #header-in .global ul li span{ color: #ffff99; font-size: 0.9em;}





/* ----------------------------------------------------------------------------------------------------
		メインコンテンツの枠
 ---------------------------------------------------------------------------------------------------- */

#container{
	position: absolute;
	width: 100%;
	top: 185px;
}

#container #container-in{
	position: relative;
	width: 980px;
	margin: 0px auto;
}


/* -------------------------------------------------- パン屑 */

#container-in #breadcrumbs{
	position: absolute;
	width: 980px;
	top: 0px;
	left: 0px;
	margin: -2px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#container-in #breadcrumbs ol li{
	float: left;
	display: inline;
	color: #fff;
	font-size: 0.85em;
	line-height: 1.0em;
	height: 30px;
}

#container-in #breadcrumbs ol li a{
	margin: 0px 10px 0px 0px;
	padding: 0px 20px 0px 0px;
	color: #fff;
	text-decoration: none;
	background: url(../img/link-bg2.gif) right 4px no-repeat;
}


#container-in #breadcrumbs ol li a:hover{ color: #ffff00; text-decoration: underline; }



/* ----------------------------------------------------------------------------------------------------
		メインコンテンツ
 ---------------------------------------------------------------------------------------------------- */

#content{
	float: left;
	width: 710px;
	margin: 0px 0px 50px;
	padding: 10px 0px 0px;
}

#content .link a{
	font-size: 1.1em;
	padding: 3px 0px 3px 32px;
	background: url(../img/link-icon.gif) left top no-repeat;
}

#content .link a:hover{ background: url(../img/link-icon_on.gif) left top no-repeat; }

#content p.link{ margin-bottom: 75px; }


/*
　　	メインコンテンツの共通箇所の設定
 -------------------------------------------------------------------------------------------------- */


/* -------------------------------------------------- h */

#content  h2{
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #462413;
	font-size: 1.75em;
	line-height: 1.4em;
	text-shadow: 3px 3px 3px #dfbdac;
	border-bottom: 3px #462413 solid;
	behavior: url(/js/pie/PIE.htc);
}

#content > h2:first-child{ margin: 30px 0px 0px; }

#content  h3{
	clear: both;
	margin: 50px 0px 30px;
	padding: 0px 0px 0px 15px;
	color: #462413;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.4em;
	border-bottom: 3px #462413 double;
	text-shadow: 2px 2px 5px #dfbdac;
	behavior: url(/js/pie/PIE.htc);
}

#content h3.cat{
	margin: 20px 0px;
	font-size: 1.3em;
	border-bottom: 1px #462413 solid;
}

#content  h4{
	clear: both;
	margin: 50px 20px 0px;
	padding: 10px 0px 8px 10px;
	color: #462413;
	font-size: 1.2em;
	font-weight: bold;
	border-left: 6px #462413 double;
	text-shadow: 1px 1px 3px #dfbdac;
	behavior: url(/js/pie/PIE.htc);
}

#content h2 a, #content h3 a, #content h4 a{ color: #462413; text-decoration: none; }
#content h2 a:hover, #content h3 a:hover, #content h4 a:hover{ color: #e41b1b; text-decoration: underline; }


/* -------------------------------------------------- Text, Image,Float */

#content p{
	margin: 30px 35px;
	padding: 0px;
	font-size: 1.1em;
	text-shadow: 2px 2px 4px #fff;
	behavior: url(/js/pie/PIE.htc);
}

#content p img{
	border: 1px #fff solid;
	border-radius: 7px;
	box-shadow: 1px 1px 5px #999;
	behavior: url(/js/pie/PIE.htc);
}

#content p img.l, #content p img.r{ float: left; margin: 0px 20px 20px 0px; }
#content p img.r{ float: right; margin: 0px 0px 20px 20px; }


/* -------------------------------------------------- List */

#content .list ul,
#content .list ol{
	clear: both;
	margin: 30px 30px 30px 52px;
}

#content .list ol{ margin: 30px 35px 30px 70px; }

#content .list ul li,
#content .list ol li{
	margin: 15px 0px 0px;
	padding: 0px 0px 2px 3px;
	font-size: 1.05em;
	list-style: circle none outside;
	border-bottom: 1px #462413 dotted;
}

#content .list ol li{ list-style: decimal-leading-zero none outside; }


#content .list dl{
	margin: 30px;
	padding: 10px;
	border: 1px #462413 dotted;
	border-radius: 7px;
	box-shadow: 3px 3px 5px #ccc;
}

#content .list dl dt{
	margin: 10px 0px;
	padding: 0px 0px 0px 15px;
	color: #462413;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 3px #462413 double;
	text-shadow: 0px 0px 7px #dfbdac;
	behavior: url(/js/pie/PIE.htc);
}

#content .list dl dd{
	margin: 15px 0px;
	padding: 0px 25px;
}

#content .list dl dd ul{
	margin: 20px 10px 0px;
}

#content .list dl dd ul li{
	margin: 8px 0px 0px;
	padding: 0px 0px 2px;
	font-size: 1.0em;
	list-style: circle none outside;
	border: none;
	border-bottom: 1px #462413 dotted;
	border-radius: 0px;
	box-shadow: none;
}



/* -------------------------------------------------- table

#content  table{
	width: 630px;
	margin: 25px 40px;
	font-size: 1.0em;
	empty-cells: show;
	border-spacing: 0px;
	border-collapse: collapse;
	border-top: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
	background-color: #fff;
}

#content  table tr th{
	width: 25%;
	margin: 1px;
	padding: 15px 10px;
	font-weight: bold;
	text-align: center;
	color: #000;
	border-right: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	background-color: #e9e9e9;
}

#content  table tr td{
	padding: 7px;
	text-align: left;
	border-right:1px solid #c7c7c7;
	border-bottom:1px solid #c7c7c7;
}
 */

/* -------------------------------------------------- sponcerd link 

#content .adsense-468x60{
	clear: both;
	margin: -10px 30px 40px;
	padding: 0px 0px 10px;
	text-align: center;
	border-bottom: 1px #462413 dotted;
}

#content .adsense-468x60 p{
	margin: 0px 0px 10px;
	padding: 0px 10px 3px 0px;
	color: #462413;
	font-size: 0.75em;
	text-align: right;
	line-height: 1em;
	border-bottom: 1px #aaa dotted;
}

#content .adsense-300x250{
	clear: both;
	width: 680px;
	margin: 40px 15px;
}

#content .adsense-300x250 p{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	color: #462413;
	font-size: 0.8em;
	text-align: left;
	border-bottom: 1px #aaa dotted;
}

#content .adsense-300x250-l{
	float: left;
	display: inline;
	margin: 5px 0px 0px 15px;
}

#content .adsense-300x250-r{
	float: right;
	display: inline;
	margin: 5px 30px 0px 0px;
}*/

/* 上下逆にしたら、下記に差し替え */

#content .adsense-468x60{
	clear: both;
	margin: 40px 35px;
	padding: 0px 0px 10px;
	text-align: center;
	border-bottom: 1px #462413 dotted;
}

#content .adsense-468x60 p{
	margin: 0px 0px 10px;
	padding: 0px 5px 3px 0px;
	color: #462413;
	font-size: 0.75em;
	text-align: right;
	line-height: 1em;
	border-bottom: 1px #462413 dotted;
}

#content .adsense-300x250{
	clear: both;
	width: 680px;
	margin: 0px 20px 30px;
}

#content .adsense-300x250 p{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	color: #462413;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px #462413 dotted;
}

#content .adsense-300x250-l{
	float: left;
	display: inline;
	margin: 5px 0px 0px 15px;
}

#content .adsense-300x250-r{
	float: right;
	display: inline;
	margin: 5px 30px 0px 0px;
}

/* -------------------------------------------------- onepoint */

#content .onepoint{
	margin: 30px 0px 0px;
	padding: 0px 0px 10px;
	background: url(../img/onepoint-bg.gif) 0px bottom no-repeat;
}

#content .onepoint h2{
	padding: 30px 0px 20px 85px;
	font-size: 1.6em;
	border: none;
	background: url(../img/onepoint-title.jpg) left top no-repeat;
}

#content .onepoint p{
	margin: 0px;
	padding: 0px 55px 10px 30px;
	color: #696969;
	font-size: 0.9em;
}










/*
　　	カテゴリトップで主に利用
 -------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------- 見出し下のアイキャッチ */

#content p.eyecatch{ margin: 15px 5px 0px; padding: 0px; }
#content p.eyecatch img{
	border: 1px #fff solid;
	border-radius: 7px;
	box-shadow: 1px 1px 5px #999;
	behavior: url(/js/pie/PIE.htc);
}

/* -------------------------------------------------- アイキャッチ下のテキスト部分 */

#content .intro{ margin: 0px; }
#content .intro p{ margin: 30px 25px; }
#content .intro img{
	float: right;
	display: inline;
	margin: 0px 0px 0px 20px;
	padding: 3px;
	border: 1px #ccc solid;
	border-radius: 5px;
	box-shadow: 1px 1px 7px #aaa;
	background-color: #fff;
	behavior: url(/js/pie/PIE.htc);
}

/* -------------------------------------------------- コンテンツ案内、いわゆるカテゴリ一覧的なもの */

#content .category{ margin: 0px; }

/* カテゴリの大枠テキスト */
#content .category p{
	clear: both;
	margin: 10px 20px 20px;
	padding: 10px 15px 8px;
	font-size: 0.95em;
	line-height: 1.6em;
	border: 1px #ccc solid;
	border-radius: 10px;
	background-color: #fff;
	behavior: url(/js/pie/PIE.htc);
}

/* 各カテゴリ枠 */
#content .category dl{
	float: left;
	display: inline;
	width: 210px;
	height: 200px;
	margin: 0px 0px 20px 20px;
	overflow: hidden;
}

/* カテゴリ名とリンクテキスト */
#content .category dl dt{ margin: 0px 0px 5px; }
#content .category dl dt a{ padding: 0px 0px 0px 12px; background: url(../img/link-bg.gif) left center no-repeat; }

/* カテゴリのイメージ写真 */
#content .category dl dt img{
	padding: 2px;
	border: 1px #ccc dotted;
	border-radius: 10px;
	background-color: #ffffee;
	behavior: url(/js/pie/PIE.htc);
}

/* 各カテゴリの説明テキスト */
#content .category dl dd{
	padding: 0px 7px 7px;
	color: #666;
	font-size: 0.9em;
	line-height: 1.4em;
}




/* -------------------------------------------------- エントリーリスト 。ブログのカテゴリで使用*/

#content .entrylist{ margin: 0px 15px -10px 25px; }

#content .entrylist p{
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 1.1em;
}

#content .entrylist p a img{
	float: left;
	margin: 0px 18px 15px 0px;
	padding: 2px;
	border: 1px #462413 solid;
	box-shadow: 0 0 7px #462413;
	background-color: #fff;
	behavior: url(/js/pie/PIE.htc);
}

#content .entrylist p a:hover img{
	border: 1px #ff0000 solid;
	box-shadow: 0 0 7px #ff00ff;
	behavior: url(/js/pie/PIE.htc);
}

#content .entrylist p.more a img{ float: none; margin: 5px 0px 0px; padding: 0px; border: none; box-shadow: none; }
#content .entrylist p.more a:hover img{ padding: 0px; border: none; }




/* -------------------------------------------------- 各エントリーページの下の同じカテゴリーのエントリーリスト*/

#content .contents-menu{
	margin: 30px 0px 0px;
	padding: 0px 0px 15px;
	border: 1px #ccc solid;
	border-radius: 7px;
	background-color: #fff;
}

#content .contents-menu dl dt{
	margin: 0px 5px 0px;
	padding: 15px 0px 0px 10px;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 3px #000 double;
}

#content .contents-menu dl dd{
	float: left;
	display: inline;
	width: 200px;
	margin: 0px 14px 0px 16px;
}

#content .contents-menu dl dd ul{
	margin: 15px 0px 0px;
}

#content .contents-menu dl dd ul li{
	margin: 5px 0px;
	font-weight: bold;
}

#content .contents-menu dl dd ul li.title{
	padding: 0px 0px 3px;
	margin: 0px 0px 7px;
	border-bottom: 1px #999 dotted;
}

#content .contents-menu dl dd ul li.title:before{
	content: "■ ";
}

#content .contents-menu dl dd ul li a{
	font-weight: normal;
	padding: 0px 0px 0px 20px;
	background: url(../img/link-bg.gif) 5px center no-repeat;
}

/* 小メニュー無しのパターン */

#content .contents-menu-step{
	margin: 30px 20px 0px;
	padding: 0px 0px 15px;
	border: 1px #ccc solid;
	border-radius: 7px;
	background-color: #fff;
}

#content .contents-menu-step dl dt{
	margin: 0px 5px 0px;
	padding: 15px 0px 0px 10px;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 3px #000 double;
}

#content .contents-menu-step dl dd{
	margin: 10px 0px 0px 10px;
}

#content .contents-menu-step dl dd ul li{
	float: left;
	display: inline;
	width: 200px;
	margin: 8px 0px 0px 10px;
	font-weight: bold;
}

#content .contents-menu-step dl dd ul li a{
	font-weight: normal;
	padding: 0px 0px 0px 20px;
	background: url(../img/link-bg.gif) 5px center no-repeat;
}





/* ------------------------------ サイトマップ用 */

#content .sitemap ul{
	margin: 30px;
}

#content .sitemap ul li{
	margin: 5px 0px;
	padding: 0px 0px 5px 20px;
	list-style: none none outside;
	border: none;
}

#content .sitemap ul li ul{ margin: 0px 0px 0px 20px; }

#content .sitemap ul li{ background: url(../img/sitemap.gif) no-repeat; }
#content .sitemap ul li.toppage{ background-image: none; }
#content .sitemap ul li.fin{ background: url(../img/sitemap-last.gif) no-repeat; }





/* ----------------------------------------------------------------------------------------------------
		サイド部分
 ---------------------------------------------------------------------------------------------------- */

#side{
	float: right;
	width: 250px;
	margin: 0px 0px 50px;
}

#side .bn-list ul li{ margin: 0px 0px 15px; }
#side .bn-list ul li a img{ box-shadow: 0px 0px 5px #ccc; }
#side .bn-list ul li a:hover img{ box-shadow: 0px 0px 5px #ff00ff; }

/* -------------------------------------------------- Pickup */

#side .pickup{
	margin: 30px 0px 15px;
}

#side .pickup p.title{
	margin: 0px 0px 0px;
	padding: 5px;
	color: #6c6c6c;
	font-size: 2.2em;
	font-weight: bold;
	font-family: 'Josefin Sans', sans-serif;
	text-align: left;
	text-decoration: underline;
	text-shadow: 0px 0px 5px #ffbbff;
	border: none;
	background: none;
}

#side .pickup p{
	margin: 0px 0px 10px;
	padding: 7px 10px 5px;
	font-size: 0.8em;
	border: 1px #ccc dotted;
	border-radius: 5px;
	text-align: center;
	background-color: #fff;
}

#side .pickup p.subtitle{
	margin: 10px 0px;
	padding: 3px 0px 2px 10px;
	font-size: 0.95em;
	font-weight: bold;
	border: none;
	border-left: 7px #ffccff solid;
	border-bottom: 1px #ff99ff dotted;
	border-radius: 0px;
	text-align: left;
	text-shadow: 2px 2px 2px #ffccff;
	background-color: transparent;
}

#side .pickup dl{
	margin: 5px 0px 0px;
	padding: 8px 7px 8px 8px;
	border: 1px #ccc solid;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 2px 2px 4px #eee;
}

#side .pickup dl dt{
	font-size: 0.9em;
	line-height: 1.4em;
}

#side .pickup dl dt img{
	float: left;
	margin: 0px 7px 0px 0px;
	padding: 1px;
	border: 1px #ccc solid;
	border-radius: 3px;
}

#side .pickup dl dt a img{ box-shadow: 0px 0px 2px #ccc; }
#side .pickup dl dt a:hover img{ box-shadow: 0px 0px 2px #ff00ff; }

#side .pickup dl dd{
	margin: 5px 0px 0px;
	font-size: 0.85em;
	color: #595959;
}

/* -------------------------------------------------- サイト情報 */

#side .info{
	margin: 40px 0px 10px;
	padding: 5px 10px;
	border: 1px #ccc solid;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 3px 3px 1px #eee;
}

#side .info dl dt{
	padding: 0px 5px;
	color: #6c6c6c;
	font-size: 2.2em;
	font-weight: bold;
	font-family: 'Josefin Sans', sans-serif;
	border-bottom: 1px #ccc dotted;
	text-shadow: 2px 2px 2px #ffddff;
}

#side .info dl dd{
	margin: 10px 7px;
	font-size: 0.85em;
	color: #595959;
}





/* ----------------------------------------------------------------------------------------------------
		フッター
 ---------------------------------------------------------------------------------------------------- */

#footer{
	position: relative;
	clear: both;
	margin: 50px 0px 0px;
	padding: 30px 0px 0px;
	background: url(../img/footer-bg.gif) center bottom repeat;
}

#footer .inner{
	position: relative;
	width: 980px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	border: 1px #fff solid;
	border-radius: 10px;
	background: url(../img/footer-bg2.gif) center top repeat;
	behavior: url(/js/pie/PIE.htc);
}

#footer .inner .entry,
#footer .inner .category,
#footer .inner .profile,
#footer .inner .sitelink{
	float: left;
	display: inline;
	width: 220px;
	margin: 10px 0px 0px 20px;
}

#footer .inner .entry{ width: 350px; }
#footer .inner .category{ width: 300px; }
#footer .inner .sitelink{ width: 230px; }

#footer .inner p{
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 7px;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	border-bottom: 3px #fff double;
	text-shadow: 1px 1px 15px #000;
	behavior: url(/js/pie/PIE.htc);
}

#footer .inner ul{ margin: 0px 0px 15px; }

#footer .inner ul li{
	margin: 5px 0px 0px 12px;
	padding: 0px 0px 0px 12px;
	color: #feee33;
	font-size: 0.9em;
	background: url(../img/link-bg2.gif) left 5px no-repeat;
}

#footer .inner ul li a{
	padding: 0px;
	color: #fff;
	text-decoration: none;
}
#footer .inner ul li a:hover{ color: #feee00; text-decoration: underline; }

#footer .inner dl{
	margin: 0px 0px 15px 15px;
	font-size: 0.9em;
}

#footer .inner dl dt{
	margin: 5px 0px 0px;
	padding: 0px;
	color: #feee33;
}

#footer .inner dl dd{
	padding: 0px 0px 0px 15px;
	color: #fff;
	background: url(../img/link-bg2.gif) 3px 4px no-repeat;
}

#footer .inner dl dd a{
	color: #fff;
	text-decoration: none;
}

#footer .inner dl dd a:hover{ color: #feee00; text-decoration: underline; }

#footer .inner .tag{
	clear: both;
	margin: 0px 20px;
	padding: 15px 0px 0px;
}

#footer .inner .tag ul{
	margin: 0px 20px;
}

#footer .inner .tag ul li{
	float: left;
	display: inline;
	margin: 3px 5px 0px 0px;
	padding: 0px;
	background-image: none;
}

#footer .siteinfo{
	width: 980px;
	margin: 20px auto;
}

#footer .siteinfo dl{
	margin: 0px 0px 0px 17px;
}

#footer .siteinfo dl dt{
	float: left;
	display: inline;
	margin: 0px 20px 0px 0px;
}

#footer .siteinfo dl dd{
	padding: 3px 0px 0px;
	color: #fff;
	font-size: 1.05em;
}

#footer address{
	margin: 0px;
	padding: 10px 0px 7px;
	color: #fff;
	font-size: 0.9em;
	line-height: 25px;
	text-align: center;
	border-top: 1px #fff solid;
}