@charset "euc-jp";
/*
 ---------------------------------------------------------------
 date2.jp Style Common CSS
 Copyright (c) 2006 Control plus Co. Ltd. All Rights Reserved.
 
 Last Up Date : 2006/06/17
 ---------------------------------------------------------------
 */
/**
 * colors
 * 色定義
 */
.star {
	color: #ffaa00;
}

.name {
	color: #0066cc;
}

.error {
	color: #ff0000;
}

.color01 {
	color: #333333;
}

.color02 {
	color: #cc0000;
}

.color03 {
	color: #a90c0f;
}

.color04 {
	color: #466e96;
}

.grey{
	color: #707070;
}


.feed {
	margin-left: 3px;
	padding: 0 0 0 19px;
	background: url("../img/common/feed-icon-14x14.png") no-repeat 0 50%;
}

.twitter {
	margin-left: 3px;
	padding: 0 0 0 19px;
	background: url("../img/common/twitter.gif") no-repeat 0 50%;
}
/**
 * font size
 *
 */
.font-small {
	font-size: 81%;
}

.font-large {
	font-size: 120%;
}
/*
 * margin
 */
.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mv5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.mv10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mv20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mh5 {
	margin-left: 5px;
	margin-right: 5px;
}

.mh10 {
	margin-left: 10px;
	margin-right: 10px;
}

.mh20 {
	margin-left: 20px;
	margin-right: 20px;
}
/*searchBox
 ----------------------------------------------*/
/*--contentTab--*/
#main ul#contentTab {
	clear: both;
	background: url(http://img.date2.jp/img/contents/contents_tab_bg.gif) repeat-x center bottom;
	margin: 0 0 3px;
	text-align: center;
}

#main ul#contentTab img {
	display: block;
}

#main ul#contentTab li {
	float: left;
	margin-left: 10px;
}

#main ul#contentPageLink {
	clear: both;
	margin-bottom: 7px;
}

#main ul#contentPageLink li {
	float: left;
	background: url(http://img.date2.jp/img/contents/contents_tab_dotline.gif) repeat-y right center;
	margin-right: 10px;
	padding-right: 10px;
}

#main ul#contentPageLink li.noDotLine {
	background: none;
}
/*--table--*/
#main table.table1 {
	clear: both;
	width: 502px;
	margin-left:1px;
	border-top: 1px solid #C5D1DA;
	border-left: 1px solid #C5D1DA;
	border-collapse: collapse;
	empty-cells: show;
	table-layout: fixed;
}

#main table.table1 th {
	padding: 5px;
	border-right: 1px solid #C5D1DA;
	border-bottom: 1px solid #C5D1DA;
	background-color: #F4F5FF;
	color: #333333;
	text-align: left;
}

#main table.table1 td {
	padding: 5px;
	border-right: 1px solid #C5D1DA;
	border-bottom: 1px solid #C5D1DA;
	background: #FFFFFF;
}

#main table.colTable th {
	width: 100px;
}

#main table.table2 {
	clear: both;
	margin-bottom: 20px;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
}

#main table.table2 th, #main table.table2 td {
	padding: 3px;
}

#main table.table2 th {
	border-bottom: 1px solid #BCBCBC;
	background-color: #D7D7D7;
	color: #FFFFFF;
}

#main table.table2 td {
	border-bottom: 1px dotted #A5A5A5;
}

#main table.table2 tr.rowTint {
	background-color: #F9F9F9;
}

/*--NumberList--*/
/*
 ul.numberList {
 clear:both;
 margin:0 0 20px 0;
 }
 
 ul.numberList li {
 float:left;
 margin:0 5px 0 0;
 font-size:10px;
 }
 
 ul.numberList li.nolink {
 padding:3px 7px;
 border:1px solid #DFDFDF;
 background-color:#E3E3E3;
 font-weight:bold;
 }
 
 ul.numberList li a {
 display:block;
 padding:3px 7px;
 border:1px solid #DFDFDF;
 text-decoration:none;
 }
 
 ul.numberList li a:link,
 ul.numberList li a:visited {
 border:1px solid #DFDFDF;
 text-decoration:none;
 }
 
 ul.numberList li a:hover {
 border:1px solid #DB2020;
 background-color:#FEFFE3;
 color:#DB2020;
 text-decoration:none;
 }
 
 ul.numberList li.page {
 padding:3px 7px;
 border:1px solid #FFFFFF;
 }
 */
/*--TextLink--*/
#main ul.arrowLink li a {
	padding-left: 15px;
	background: url(http://img.date2.jp/img/common/icon_arrow.gif) no-repeat left 0.1em;
}

#main ul.arrowLink li a:hover {
	background: url(http://img.date2.jp/img/common/icon_arrow.gif) no-repeat 2px 0.1em;
}

#main p.arrowLink a {
	padding-left: 15px;
	background: url(http://img.date2.jp/img/common/icon_arrow.gif) no-repeat left 0.1em;
}

#main p.arrowLink a:hover {
	background: url(http://img.date2.jp/img/common/icon_arrow.gif) no-repeat 2px 0.1em;
}

#main a.spotLink {
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #ABABAB;
	color: #333333;
}

#main a.spotLink:hover {
	color: #0000FF;
}
/* 検索結果リスト */
#main .resultList {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#main .resultList span {
	margin-right: 1em;
}

#main .resultList li {
	padding: 10px;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #FFFFFF;
}

#main .resultList .descriontion {
	margin-top: 2px;
	margin-bottom: 10px;
}

#main .resultList .details {
	margin-top: 2px;
}
/* 要素・スポット */
#main .resultList .spot .image {
	float: left;
	padding-right: 10px;
}
/*Kuchikomi Box
 ----------------------------------------------*/
#event #eventDetail h1 {
	margin-bottom: 10px;
	font-size: 20px;
}

#event #eventDetail h1 span {
	font-size: 12px;
}

#event #eventDetail h2 {
	margin: 0 0 3px;
	color: #FF6F0F;
	font-size: 18px;
}
/* commentForm */
.commentForm {
	margin-bottom: 10px;
	padding: 0px;
}

.commentForm form {
	clear: both;
}

.commentForm fieldset {
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 10px;
	background: #feffe3 none repeat scroll 0%;
}

.commentForm h4 {
	font-size: 12px;
	clear: both;
	float: left;
	font-weight: normal;
	width: 60px;
	margin-right: 10px;
}

.commentForm dl dt {
	float: left;
	width: 60px;
	margin-right: 10px;
}

.commentForm ul li {
	padding-right: 10px;
	display: inline;
}

.commentForm dl dd {
	margin-bottom: 3px;
}

.commentForm .photos ul {
	height: 100%;
	margin-left: 70px;
}

.commentForm textarea {
	margin: 0;
	padding: 0;
	width: 380px;
	height: 3.5em;
}

.commentForm dl dd input {
	margin-right: 5px;
}

.commentForm dl dd label span {
	margin-right: 10px;
}

.commentForm .sendButton {
	text-align: center;
}

.commentForm .sendButton input {
	width: 6em;
}

.commentForm .stars ul li {
	display: inline;
}

.commentForm .photos .photoList {
	font-size: 12px;
	float: left;
}

.commentForm .photos .photoHelp {
	font-size: 10px;
}

#fromBlog {
	margin-top: 10px;
}
/* 列サイズを指定したul構造 */
ul.column1 li {
	float: none;
}

ul.column2 li {
	float: left;
	margin-right: 10px;
	width: 230px;
}

ul.column3 li {
	float: left;
	margin-right: 8px;
	width: 152px;
}

ul.column4 li {
	float: left;
	margin-right: 8px;
	width: 112px;
}

ul.column5 li {
	float: left;
	margin-right: 6px;
	width: 86px;
}

ul.yokoList li {
	display: inline;
	margin: 2px;
}
/* -- シンプルなフォーム --*/
.simpleForm h2 {
	padding-left: 0.5em;
	background-color: #c0c0c0;
}

.simpleForm h3 {
	margin-left: 0.5em;
	padding-left: 0.5em;
	background-color: #e0e0e0;
}

.simpleForm .q {
	margin: 0.5em 0 1em 1.5em;
}

.simpleForm .sendButton {
	margin-top: 5px;
	text-align: center;
}

.simpleForm .sendButton input {
	width: 80px;
}

.registButton {
	text-align: center;
	margin: 5px 0;
}

.floatLeft {
	float: left;
	/* margin-right:3px; */
}

.floatRight {
	float: right;
}

.alignRight {
	text-align: right;
}
/* form */
.form {
}

.form .submitButton {
	text-align: center;
}

.form fieldset {
	margin: 0px;
	padding: 10px;
	border: 1px solid #cccccc;
	background: #feffe3;
}

.form .formItem {
	margin: 5px 0;
}

.form .formItem input {
	width: 320px;
}

.form .formItem textarea {
	width: 320px;
	height: 80px;
}

.form .formItem .formItemTitle {
	width: 80px;
}

.form .formItem input.nottext {
	width: 20px;
}

.simpleComment {
}

.simpleComment .headerTitle {
	margin: 5px 0 3px 0;
	border-bottom: 1px red solid;
	font-size: 121%;
	font-weight: normal;
	color: red;
}

.simpleComment .commentEntry {
	border-bottom: dotted 1px red;
	padding-bottom: 7px;
	margin-bottom: 3px;
}

.simpleComment .commentHead {
	padding: 4px 0;
}

.simpleComment .commentEntry .commentHead .commentHeadItem {
	margin-right: 10px;
}

.simpleComment .commentEntry .commentNick {
	width: 100px;
}

.simpleComment .commentEntry .commentBody {
	width: 380px;
}

.moreLink {
	text-align: right;
	margin: 2px 2px 4px 0;
}

.pankuzu {
	font-size: small;
	padding-bottom: 10px;
}

.pager {
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pager .pagerBox {
	border: 1px solid #999999;
	background-color: #ffffcc;
	margin: 0 2px;
}

.pager .pageLink {
	font-weight: bold;
	display: block;
	width: 18px;
	padding: 2px 5px;
	text-align: center;
}

.pager a.pageLink:hover {
	background-color: #ffccff;
}

.pager .noLink {
	background-color: #d2e4fc;
}

.thumb {
	margin: 3px;
	padding: 2px;
}

.thumb img {
	width: 96px;
	height: 96px;
}
/**
 * クチコミ一覧
 *
 */
.review_list {
}

.review_list .review {
}

.review_list .review .review_userinfo {
	width: 120px;
}

.review_list .review .review_userinfo .user_image {
	margin-right: 10px;
	width: 48px;
	height: 48px;
}

.review_list .review .review_userinfo .user_attr div {
	margin: 3px 0;
}

.review_list .review .review_body {
	width: 360px;
	word-break: break-all;
}
/*
 
 
 
 
 
 tmpl.css からの移植
 
 
 
 
 
 */
.inline {
	display: inline;
}
/***-- 段落 ---***/
.txt p {
	padding-bottom: 10px;
}
/***--- 左右中央 ---***/
.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.middle * {
	vertical-align: middle;
}
/***--- 上余白 ---***/
.topSpace5 {
	margin-top: 5px;
}

.topSpace10 {
	margin-top: 10px;
}

.topSpace20 {
	margin-top: 20px;
}
/***--- タグクラウド ---***/
.tagCloud {
	word-spacing: 0.5em;
}
/***--- 下余白 ---***/
.bottomSpace5 {
	margin-bottom: 5px;
}

.bottomSpace10 {
	margin-bottom: 10px;
}

.bottomSpace20 {
	margin-bottom: 20px;
}
/***--- 小さめテキスト ---***/
.txtSmall {
	font-size: 0.8em;
}
/***--- 見出し ---***/
.title01, .title02, .title03, .title04 {
	margin-bottom: 10px;
}

.title01, .title02, .title03, .title04 {
	padding: 3px 2px;
	background: repeat-x left bottom;
	font-weight: bold;
}

.title01 {
	background-image: url("../img/tmpl/bg_dotline_01.gif");
	color: #333333;
}

.title02 {
	background-image: url("../img/tmpl/bg_dotline_02.gif");
	color: #cc0000;
}

.title03 {
	background-image: url("../img/tmpl/bg_dotline_03.gif");
	color: #a90c0f;
}

.title04 {
	background-image: url("../img/tmpl/bg_dotline_04.gif");
	color: #466e96;
}
/***--- 文章 ---***/
.txt {
	margin-bottom: 10px;
}
/***--- アイコンリンク ---***/
.iconLinkRight a, a.iconLinkRight, .iconLinkLeft a, a.iconLinkLeft, .iconLinkTop a, a.iconLinkTop {
	padding-left: 16px;
	background: none no-repeat left 0.15em;
}

.iconLinkRight a, a.iconLinkRight {
	background-image: url("../img/tmpl/icon_arrow_right.gif");
}

.iconLinkRight a:hover, a.iconLinkRight:hover {
	background-position: 2px 0.15em;
}

.iconLinkLeft a, a.iconLinkLeft {
	background-image: url("../img/tmpl/icon_arrow_left.gif");
}

.iconLinkTop a, a.iconLinkTop {
	background-image: url("../img/tmpl/icon_arrow_top.gif");
}
/***--- 箇条書き ---***/
ul.iconList01, ol.iconList01, ul.iconList02, ol.iconList02, ul.iconList03, ol.iconList03, ul.iconList04, ol.iconList04 {
	margin-bottom: 10px;
}

ul.iconList01 li, ol.iconList01 li, ul.iconList02 li, ol.iconList02 li, ul.iconList03 li, ol.iconList03 li, ul.iconList04 li, ol.iconList04 li {
	padding-left: 16px;
	background: none no-repeat 2px 0.4em;
}

ul.iconList01 li, ol.iconList01 li {
	background-image: url("../img/tmpl/icon_arrow_01.gif");
}

ul.iconList02 li, ol.iconList02 li {
	background-image: url("../img/tmpl/icon_arrow_02.gif");
}

ul.iconList03 li, ol.iconList03 li {
	background-image: url("../img/tmpl/icon_arrow_03.gif");
}

ul.iconList04 li, ol.iconList04 li {
	background-image: url("../img/tmpl/icon_arrow_04.gif");
}
/***--- ボタン ---***/
.submitButton {
	margin-bottom: 10px;
	text-align: center;
}

.submitButton input {
	padding: 0 3px;
}
/***--- 罫線 ---***/
.hr01, .hr02, .hr03, .hr04 {
	margin-bottom: 10px;
}
/***--- 2カラム ---***/
.twoColumns {
}

.twoColumns .leftBox, .twoColumns .rightBox {
	width: 247px;
}

.twoColumns .leftBox {
	float: left;
}

.twoColumns .rightBox {
	float: right;
}
/***--- 3カラム ---***/
.threeColumns {
}

.threeColumns .leftBox, .threeColumns .centerBox, .threeColumns .rightBox {
	float: left;
	width: 155px;
	margin-right: 20px;
}

.threeColumns .leftBox {
}

.threeColumns .centerBox {
}

.threeColumns .rightBox {
	margin-right: 0;
}
/* borderBoxの中の2カラム */
.borderBox .twoColumns .leftBox, .borderBox .twoColumns .rightBox, .borderBox01 .twoColumns .leftBox, .borderBox01 .twoColumns .rightBox, .borderBox02 .twoColumns .leftBox, .borderBox02 .twoColumns .rightBox, .borderBox03 .twoColumns .leftBox, .borderBox03 .twoColumns .rightBox, .borderBox04 .twoColumns .leftBox, .borderBox04 .twoColumns .rightBox {
	width: 237px;
}
/***--- 枠 ---***/
.borderBox, .borderBox01, .borderBox02, .borderBox03, .borderBox04, .borderBox05 {
	margin-bottom: 10px;
	padding: 10px 10px 0;
	border: 1px solid #cccccc;
}

.borderBox01 {
	border-color: #999999;
	background: #ffffcc;
}

.borderBox02 {
	border-color: #cc0000;
	background: #ffffcc;
}

.borderBox03 {
	border-color: #a90b0e;
	background: #fef5f6;
}

.borderBox04 {
	border-color: #456d96;
	background: #eff3f8;
}

.borderBox05 {
	border-color: #75a3ed;
	background: #d2e4fc;
}
/**
 * タイトル付き枠
 */
#main .categoryBox {
	border: 1px solid #ffcccc;
	border-top: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#main .categoryBox .categoryTitleBar {
	color: #cc0000;
	border: 0px;
	margin: 0;
	padding: 3px 0 3px 10px;
	background-color: #ffcccc;
}

#main .categoryBox .categoryTitleBar .categoryTitle {
	height: 21px;
}

#main .categoryBox .categoryTitleBar .categoryIcon {
	vertical-align: middle;
}

#main .categoryBox .categoryContent {
	margin: 10px;
	width: 483px;
}

#main .categoryBox .categoryContent hr {
	margin: 5px 0;
}

#main .categoryBox .categoryContent .categorySubmenu {
	width: 150px;
	padding-right: 10px;
}
/**
 * 棚状のボックス
 */
.borderShelf {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.borderShelf .shelfBox {
	padding: 10px;
	border-bottom: 1px solid #cccccc;
}
/**
 * table
 *
 **/
table.borderTable, table.borderTable01 {
	clear: both;
	border-top: 1px solid #c5d1da;
	border-left: 1px solid #c5d1da;
	border-collapse: collapse;
	empty-cells: show;
	table-layout: auto;
}

table.fixed {
	table-layout: fixed;
}

table.fullsize {
	width: 503px;
}

table.borderTable th, table.borderTable01 th {
	padding: 5px;
	border-right: 1px solid #c5d1da;
	border-bottom: 1px solid #c5d1da;
	color: #333333;
	text-align: left;
	font-weight: normal;
}

table.borderTable01 th {
	background-color: #f4f5ff;
}

table.borderTable td, table.borderTable01 td {
	padding: 5px;
	border-right: 1px solid #c5d1da;
	border-bottom: 1px solid #c5d1da;
	background: #ffffff;
}

#main .tmpl .feedIcon {
	margin-left: 3px;
	vertical-align: middle;
}
/* フロート書き込みフォーム */
#float_write_area {
	position: absolute;
	display: none;
}

.float_write_form {
	border: #999999 solid 1px;
	background-color: #f0f0f0;
	width: 300px;
	padding: 15px;
	z-index: 99;
}
/* フロート検索フォーム */
#float_search_area {
	position: absolute;
	display: none;
}

.float_search_form {
	border: #999999 solid 1px;
	background-color: #f0f0f0;
	width: 360px;
	padding: 15px;
	z-index: 99;
}
/*--------------------------------------*/
/*# お約束 #                            */
/*--------------------------------------*/
.tab01, .twoColumns, .imgRight, .imgLeft, .floatClear {
	zoom: 1; /*for IE 5.5-7*/
}

.tab01:after, .twoColumns:after, .imgRight:after, .imgLeft:after, .floatClear:after { /*for modern browser*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}