@charset "UTF-8";

/* ################################################################################ */
/*                                                                                  */
/* 表題: 各種コンテンツページ共有CSS                                                */
/* 作成日: 2008-3-12                                                                */
/* 最終更新日: 2008-4-9         　                                                  */
/* 作成者: 佐藤拓也         　                                                      */
/* 最終更新者: 佐藤拓也                                                             */
/*                                                                                  */
/* ################################################################################ */

/* ================================================================================ */
/*                                                                                  */
/* ■目次                                                                           */
/*   1. 大見出し                           　                                       */
/*   2. パンくずナビ                       　                                       */
/*   3. メインエリア                       　                                       */
/*   4. ページナビゲーション                       　                               */
/*   5. サイドバー                           　                                     */
/*                                                                                  */
/* ================================================================================ */

div.container {
	background-image: url(../images/contents/shared/container-bg.gif);
	background-repeat: repeat-y;

}

div.container div.footer {
	background-image: url(../images/contents/shared/footer-bg.gif);
	background-repeat: no-repeat;
}

/* -------------------------------------------------------------------------------- */
/*      1. 大見出し                                                                 */
/* -------------------------------------------------------------------------------- */
div.container h2 {
}



/* -------------------------------------------------------------------------------- */
/*      2. パンくずナビ                                                             */
/* -------------------------------------------------------------------------------- */

div.container div.mainArea p.breadCrumbs {
	margin: 0 0 15px 15px;
	font-size: 10px;
}

div.container div.mainArea p.breadCrumbs a {
	color: #0066CC;
	background-color: #FFFFFF;
	text-decoration: none;
}

div.container p.breadCrumbs a:hover {
	text-decoration: underline;
}


/* -------------------------------------------------------------------------------- */
/*      3. メインエリア                                                             */
/* -------------------------------------------------------------------------------- */

div.container div.mainArea {
}

/* 見出し */
/*div.container div.mainArea h3 {
	margin-top: 30px;
	margin-bottom: 15px;
	margin-left: 15px;
	padding-top: 12px;
	padding-left: 20px;
	width: 630px;
	height: 40px;
	color: #FFFFFF;
	background-color: #333333;
	background-image: url(../images/contents/shared/main-column_heading3-bg.png);
	background-repeat: no-repeat;
	font-size: 100%;
	font-weight: bold;
}*/

div.container div.mainArea h3 {
	margin: 20px 15px 30px;
	padding-top: 9px;
	padding-left: 25px;
	width: 625px;
	height: 23px;
	color: #00223C;
	background-color: #CCCCCC;
	background-image: url(../images/contents/shared/main-column_heading4-bg.png);
	background-repeat: no-repeat;
	font-size: 90%;
	font-weight: bold;
}

div.container div.mainArea h4 {
	margin: 0 15px 15px 20px;
	padding: 6px 10px 4px 7px;
	border-bottom: solid 1px #404040;
	border-left: solid 4px #C44604;
	line-height: 1.3;
	font-size: 85%;
	font-weight: bold;
}

div.container div.mainArea h5 {
	margin: 20px 15px 10px 25px;
	padding: 3px 10px 2px 7px;
	border-left: double 9px #5B422F;
	line-height: 1.3;
	color: #413A32;
	font-size: 85%;
	font-weight: bold;
}

div.container div.mainArea h6 {
	margin: 15px 15px 10px 25px;
	padding: 0 0 5px 5px;
	border-bottom: dashed 1px #6099A0;
	color: #666666;
	background-color: inherit;
	font-weight: bold;
	font-size: 80%;
}


/* テキスト */
div.container div.mainArea p {
	margin: 0 25px 1em;
	line-height: 1.5;
	font-size: 80%;
}

/* リンク */
div.container div.mainArea a {
	color: #003585;
	background-color: inherit;
}
div.container div.mainArea a:hover {
	color: #C30006;
	background-color: inherit;
}

/* 箇条書き */
div.container div.mainArea ol,
div.container div.mainArea ul {
	margin-right: 30px;
	margin-bottom: 1em;
	margin-left: 40px;
}

div.container div.mainArea ul {
	list-style-type: disc;
}

div.container div.mainArea ol {
	list-style-type: decimal;
}

div.container div.mainArea ol li,
div.container div.mainArea ul li {
	margin-bottom: 3px;
	line-height: 1.4;
	font-size: 80%;
}

/* 強調 */

div.container div.mainArea strong {
	font-weight: bold;
}

div.container div.mainArea em {
	font-style: italic;
}

div.container div.mainArea blockquote {
	margin: 15px 40px;
	padding: 10px;
	border: dashed 1px #7D603E;
	color: #4E3936;
	background-color: #FCFBFA;
}

/* 記事一覧 */
div.container div.mainArea div.itemList p.date {
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 12px;
	text-align: right;
}

div.container div.mainArea div.itemList p.date em {
	color: #A90E0E;
	background-color: inherit;
	font-weight: bold;
	font-style: normal;
}

div.container div.mainArea div.itemList ul.post {
	margin-right: 25px;
	margin-left: 25px;
	list-style-type: none;
}

div.container div.mainArea div.itemList ul.post li {
	margin-bottom:  15px;
	font-size: 80%;
	line-height: 1.4;
}

div.container div.mainArea div.itemList ul.post li.photo {
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0;
	float: left;
	width: 150px;
	list-style-type: none;
}

div.container div.mainArea div.itemList ul.post li.photo img {
	padding: 4px;
	border: solid 1px #999999;
}

div.container div.mainArea div.itemList ul.post li.excerpt {
	margin-bottom: 10px;
	float: left;
	width: 450px;
}


/* 戻るボタン */
div.container div.mainArea p.backToList {
	text-align: right;
}

/* 詳細ボタン　*/
div.container div.mainArea div.itemList ul.detailButton {
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: dashed 1px #CCCCCC;
	clear: left;
	width: 640px;
	list-style-type: none;
}
div.container div.mainArea div.itemList ul.detailButton li {
	padding-right: 10px;
	text-align: right;
}

/* イベント等日時表記 */
div.container div.mainArea h4.date {
	margin: 30px 15px 0px;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: none;
	border-left: solid 1px #CCCCCC;
	color: #333333;
	background-color: #F4F4F7;
}

div.container div.mainArea ul.ec3_schedule {
	margin: 0px 15px 30px;
	padding: 3px 0 10px 30px;
	border-top: none;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	color: #333333;
	background-color: #F4F4F7;
}

div.container div.mainArea ul.ec3_schedule li {
	margin-right: 10px;
	display: inline;
	color: #CD0005;
	background-color: inherit;
	font-weight: bold;
}

/* 画像ギャラリー */
div.container div.mainArea div.gallery {
	margin-bottom: 30px;
	margin-left: 12px;
	width: 665px;
	display: inline-block;
}

div.container div.mainArea div.gallery:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div.container div.mainArea div.gallery dl {
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 4px;
	border: solid 1px #CCCCCC;
	float: left;
	width: 150px;
}

div.container div.mainArea div.gallery dl dd {
	padding-top: 2px;
	font-size: 12px;
	line-height: 1.1;
}

div.container div.mainArea table.yearSchedule {
	margin-bottom: 20px;
	margin-left: 20px;
	width: 640px;
}

div.container div.mainArea table.yearSchedule th {
	padding: 7px;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: double 3px #999999;
	border-left: solid 1px #999999;
	line-height: 1.3;
	color: #313131;
	background-color: #F9E3D8;
	font-size: 80%;
	font-weight: bold;
}

div.container div.mainArea table.yearSchedule th.date {
	width : 10em;
}

div.container div.mainArea table.yearSchedule td {
	padding: 7px;
	border: solid 1px #999999;
	font-size: 80%;
	line-height: 1.3;
}

div.container div.mainArea table.yearSchedule td p {
	margin: 1em 0 0;
	font-size: 100%;
}

/* 画像配置等 */

div.container div.mainArea div.wp-caption {
	border: solid 1px #CCCCCC;
	color: #333333;
	background-color: #FFFFFF;
	padding: 4px 0;
	margin-bottom: 1em;
	text-align: center;
}

div.container div.mainArea .alignleft {
	margin: 0 auto 1em 20px;
	display: block;
}

div.container div.mainArea .aligncenter {
	margin: 0 auto 1em;
	display: block;
}

div.container div.mainArea .alignright {
	margin: 0 20px 1em auto;
	display: block;
}

div.container div.mainArea div.wp-caption p {
	margin: 0;
	padding-left: 10px;
	text-align: left;
}

div.container div.mainArea a {
	color: #003399;
	background-color: #inherit;
}

div.container div.mainArea a:hover {
}

/* ハーレーを知る */
div.container div.mainArea div.introduction h4 {
	margin-top: 30px;
}

div.container div.mainArea div.introduction ul {
	margin-left: 50px;
}

div.container div.mainArea div.introduction ul li {
	margin-bottom: 5px;
	padding-left: 10px;
	list-style-type: none;
	background-image: url(../images/contents/introduction/list-marker.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}

div.container div.mainArea div.section7,
div.container div.mainArea div.section8 {
	width: 680px;
	display: inline-block;
}

div.container div.mainArea div.section7:after,
div.container div.mainArea div.section8:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div.container div.mainArea div.section7 p.photo {
	margin-right: 20px;
	margin-left: 20px;
	padding: 4px;
	border: solid 1px #C0C0C0;
	display: inline;
	float: left;
	width: 280px;
	text-align: center;
}

div.container div.mainArea div.section7 div.column {
	margin-left: 0;
	margin-right: 0;
	display: inline;
	float: left;
	width: 330px;
}

div.container div.mainArea div.section7 div.column * {
	margin-right: 0;
	margin-left: 0;
}

div.container div.mainArea div.section7 div.column h5 {
	margin-top: 0;
}

div.container div.mainArea div.section8 {
	padding-left: 20px;
	width: 660px;
}

div.container div.mainArea div.section8 dl {
	float: left;
	width: 330px;
	font-size: 80%;
}

* html div.container div.mainArea div.section8 dl {
	margin-bottom: 15px;
}

div.container div.mainArea div.section8 dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div.container div.mainArea div.section8 dl dt {
	margin-bottom: 15px;
	padding: 4px;
	border: solid 1px #CCCCCC;
	float: left;
	width: 100px;
}

div.container div.mainArea div.section8 dl dd {
	padding-left: 10px;
	float: left;
	width: 200px;
	line-height: 1.4;
}

div.container div.mainArea div.section8 dl dd strong {
	margin-bottom: 2px;
	padding-top: 15px;
	display: block;
	color: #707070;
	background-color: inherit;
	font-size: 16px;
	font-weight: bold;
}

/* -------------------------------------------------------------------------------- */
/*      4. ページナビゲーション                                                     */
/* -------------------------------------------------------------------------------- */


div.container div.mainArea ul.pageNav {
	margin: 0 0 15px;
	padding: 3px 0;
	clear: left;
	width: 630px;
	list-style-type: none;
	text-align: center;
}


div.container div.mainArea ul.pageNav li {
	display: inline;
}



div.container div.mainArea ul.pageNav li a.page-numbers,
div.container div.mainArea ul.pageNav li span.current {
	color: #663300;
	padding: 2px .4em;
	border: solid 1px #663300;
	text-decoration: none;
}



div.container div.mainArea ul.pageNav li a.page-numbers:hover {
	color: #F0F0F0;
	background: #996600;
}



div.container div.mainArea ul.pageNav li span.current {
	color: #F0F0F0;
	background-color: #996600;
	border-color: #663300;
	font-weight: bold;
}

div.container div.mainArea p.indexLink {
	margin-top: 5px;
	margin-bottom: -10px;
}


/* -------------------------------------------------------------------------------- */
/*      5. サイドバー                                                               */
/* -------------------------------------------------------------------------------- */

/* ローカルナビゲーション */
div.container div.sidebar div.localNav {
	padding-bottom: 10px;
	background-color: #FFFFFF;
}

div.container div.sidebar div.localNav ul {
	padding-bottom: 9px;
	background-image: url(../images/contents/shared/sub-column-subnav_bg-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

div.container div.sidebar div.localNav ul li a {
	padding-left: 30px;
	display: block;
	height: 43px;
	line-height: 43px;
	color: #404040;
	background-color: transparent;
	background-image: url(../images/contents/shared/sub-column-subnav_link-bg.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
}

div.container div.sidebar div.localNav ul li a:hover {
	color: #B93413;
	background-color: transparent;
	text-decoration: underline;
}