/*トップの帯*/
.content_obi {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	padding-top: 14px;
	padding-bottom: 14px;
	background-color: #FFF;
	margin-bottom: 16px;
}
.content_obi_inner {
	width: 950px;
	margin-right: auto;
	margin-left: auto;

}
/*トップの帯の中のタイトル*/
h2 {
	float: left;
	background-image: url(../img/h2_back.jpg);
	background-repeat: repeat-y;
	width: 50px;
	text-align: center;
	padding: 0px;
	height: 320px;
	margin: 0px
}
h2 .content_icon {
	padding: 0px;
	height: 30px;
	width: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 10px;
}
/*トップの特集記事関連*/
.tokusyu_entry {
	width: 240px;
	float: left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
	margin-left: 20px;
	padding-right: 15px;
}
.tokusyu_tag {
	font-size: 85%;
	font-weight: bold;
	color: #666;
	/*word-wrap:break-word;
	line-height: 13px;
	width: 11px;*/
	float: right;
	transform: rotateZ(-90deg ); /* X軸回転 */
	-moz-transform: rotateZ(-90deg);
	-webkit-transform: rotateZ(-90deg);
	-o-transform: rotateZ(-90deg);
	-ms-transform: rotateZ(-90deg);
	transform-origin:right;
	-moz-transform-origin:right bottom;
	-webkit-transform-origin:right bottom;
	-o-transform-origin:right bottom;
	-ms-transform-origin:right bottom;
}
.tokusyu_photo {
	float: left;
	margin-bottom: 10px;
}
.tokusyu_title {
	clear: both;
	font-size: 120%;
	line-height: 16px;
	font-weight: bold;
	padding: 0px 15px 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.tokusyu_title a {
	clear: both;
	font-size: 100%;
	line-height: 16px;
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.tokusyu_date {
	font-size: 85%;
	line-height: 10px;
	font-weight: bold;
	padding: 0px 20px 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 8px;
}
.tokusyu_intro {
	font-size: 90%;
	line-height: 18px;
	margin: 0px;
	padding: 0px 15px 0px 0px;
}

.archive_botan {
	float: right;
	background-color: #F1F0EE;
	width: 50px;
	height: 320px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	position:relative;
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
}
.archive_botan:hover p {
	color: #fff;
}
.archive_botan p {
	font-size: 130%;
	width: 16px;
	line-height: 120%;
	position:absolute;
	top: 50%;
	margin-top: -50px;
	padding-left: 15px;
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
}

/*トップの投稿画像関連*/

.toukou {
	float: left;
	width: 220px;
	height: 320px;
/*	background-image: url(../img/bg_line.jpg);
	background-repeat: no-repeat;
	background-position: right;*/
}
.toukou_main {
	margin: 0 26px;
	width: 160px;
	height: 250px;
}
.toukou_photo {
	margin-bottom: 15px;
}
.toukou_title {
	font-size: 120%;
	line-height: 16px;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.toukou_entry {
	text-align: center;
}

.photo {
	width: 160px;
	height: 200px;
	overflow: hidden;
}

/*里旅*/
.satotabi {
	width: 620px;
	height: 320px;
	float: right;
	background-image: url(../img/satotabi.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	
}
.satotabi .link {
	display: block;
	width: 320px;
	height: 140px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
.satotabi .link a {
	display: block;
	width: 320px;
	height: 140px;
}
.sato_into {
	overflow: hidden;
	width: 610px;
	height: 130px;
	margin: 5px 0px 0px 10px;
	padding: 0;
	
}
.sato_into p {
	color:#FFF;
	font-size:110%;
	line-height:180%;
	
}
.sato_into h5 {
	margin: 0;
	padding: 5px 0;
}
p.sato_link {
	margin: 10px 0 0;
	padding: 0;
	text-align: right;
}


/*トップの月別イベント関連*/
.event_into {
	width: 590px;
	height: auto;
	float: left;
	background-image: url(../img/bg_line.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

h2.event {
	width: 188px;
	height:30px;
	background-image: none;
	background-repeat: repeat-y;
	text-align: center;
	padding: 0;
	margin: 0 0 0 10px;
}
.event_content {
	float: left;
	padding-top: 10px;
	width: 590px;
	height: 280px;
}

/*トップのお知らせ関連*/
.news {
/*	float: left;*/
	margin: 0px 0px 10px 15px;
	width: 545px;
	border-bottom: 1px #ccc solid;
}
.news dt {
	font-size: 110%;
	line-height: 10px;
	font-weight: bold;
	color: #888;
	margin: 0;
	padding: 15px 10px 10px;
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}
.news dd {
	color: #444;
	font-size: 95%;
	line-height: 140%;
	margin: 0;
	padding: 0px 10px 10px;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}

/*お客様リンク関連*/
.what_link {
	background-image: url(../img/bg_line.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	width: 350px;
	min-height: 320px;
	float: right;
}
.what_link .link {
	border: #ccc 1px solid;
	margin-top: 0px;
	margin-left:10px;
}
.what_link .link dt {
	font-size: 120%;
	padding: 7px 7px 3px;
}
.what_link .link dd {
	font-size: 85%;
	padding: 0 7px 7px;
	margin: 0;
}
.what_link .link dd p {
	margin: 0;
	padding: 0;
}


/*リンクバー*/
.obi_link {
	margin: 0;
	padding: 0;
}

.obi_link li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.obi_link li a {
	background-color: #ccc;
	background-image: url(../img/link-list.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 20px;
	padding: 0px 10px 0px 20px;
}
.obi_link li span {
	font-size: 90%;
}

/*HARORO関連*/
.haroro {
	background-color: #F1F0EE;
	padding: 20px 20px 20px 40px;
	height: 100px;
}
.haroro img {
	float: left;
}

.haroro p {
	float: right;
	width: 660px;
	padding: 10px 0;
	margin: 0;
}