@charset "UTF-8";
/*		style sheet for japan-alps.net		*/
html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
/*
 [ reset
----------------------------------------------------------- */
h1,h2,h3 {
	margin: 0;
	padding: 0;
	font-size: normal;
	line-height: 1.0;
}
ul#entrylist,
ul#entrylist li,
ul.taglist,
ul.taglist li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.0;
}
.blogEntryBody dl,
.blogEntryBody dt,
.blogEntryBody dd,
.inBody ul,
.inBody2 ul,
#sidebar ul,
#sidebar ul li,
.blogEntryBody p {
	margin: 0;
	padding: 0;
}
/*
 [ 
----------------------------------------------------------- */
body {
	margin: 0px;
	background-color: #ffffff;
	color: #222222;
	font-family:"ＭＳ Ｐゴシック", Osaka,Arial, Helvetica, sans-serif;
	line-height: 1.5;
	/*\*/
		letter-spacing: 0.1em;
	/**/
}
br {
	letter-spacing: 0;
}

.photo {
	margin: 0 5px;
}
/*
 [ link_color
----------------------------------------------------------- */
a:link, a:visited, a:active {
	color: #006699;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*
 [ layout
----------------------------------------------------------- */
#container {
	width: 750px;
	margin: auto;
	background: url(images/bg-shadow.jpg) repeat-y center top;
	padding: 0 20px;
}

#content {
	background: #ffffff;
	margin: 5px 0 20px 0;
}
#main {
	float: right;
	width: 560px;
}
#sidebar {
	float: left;
	width: 180px;
}

/*
 [ header
----------------------------------------------------------- */
#header {
	position: relative;
	height: 79px;
	width: 750px;
}
#sub_header {
	height: 47px;
	padding: 0px;
	width: 750px;
}


#navigation {
	width: 750px;
	float: left;
	padding: 0;
	margin: 0px;
}
#navigation h2 {
	margin: 0px;
	padding: 0px;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation strong {
	margin: 0px;
	padding: 0px;
}

#navigation li#recruit {
	position: relative;
	float: left;
	width: 130px;
	margin: 0;
}
#navigation li#mount {
	position: relative;
	float: left;
	width: 131px;
	margin: 0;
}
#navigation li#goods {
	position: relative;
	float: left;
	width: 131px;
	margin: 0;
}
#navigation li#blog {
	position: relative;
	float: left;
	width: 131px;
	margin: 0;
}
#navigation li#obi img {
	border: none;

}

#navigation li#recruit a {
	background: url(images/recruit2.jpg) no-repeat left bottom;
	height:47px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}
#navigation li#mount a {
	background: url(images/mount.jpg) no-repeat left bottom;
	height:47px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}
#navigation li#goods a {
	background: url(images/goods2.jpg) no-repeat left bottom;
	height:47px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}
#navigation li#blog a {
	background: url(images/blog2.jpg) no-repeat left bottom;
	height:47px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}

#navigation li#recruit a:hover {
	background: url(images/recruit.jpg) no-repeat left bottom;
	height:47px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}
#navigation li#mount a:hover {
	background: url(images/mount.jpg) no-repeat left bottom;
	height:47px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}
#navigation li#goods a:hover {
	background: url(images/goods.jpg) no-repeat left bottom;
	height:47px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}
#navigation li#blog a:hover {
	background: url(images/blog.jpg) no-repeat left bottom;
	height:47px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}


#header h1 {
	position: absolute;
	top: 19px;
}
#header h1 img {
	border: none;
}
#sub_navigation {
	width: 328px;
	float: right;
	padding: 0;
	margin: 0;
}
#sub_navigation ul {
	margin: 0;
	padding: 0;
	margin: 0;
	list-style: none;
}
#sub_navigation li#home {
	position: relative;
	float: left;
	width: 64px;
	margin: 0;
}
#sub_navigation li#company {
	position: relative;
	float: left;
	width: 72px;
	margin: 0;
}
#sub_navigation li#contact {
	position: relative;
	float: left;
	width: 98px;
	margin: 0;
}
#sub_navigation li#sitemap {
	position: relative;
	float: left;
	width: 92px;
	margin: 0;
}
#sub_navigation li#home a {
	background: url(images/home2.jpg) no-repeat left bottom;
	height:26px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}
#sub_navigation li#company a {
	background: url(images/company2.jpg) no-repeat left bottom;
	height:26px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}
#sub_navigation li#contact a {
	background: url(images/contact2.jpg) no-repeat left bottom;
	height:26px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}
#sub_navigation li#sitemap a {
	background: url(images/sitemap2.jpg) no-repeat left bottom; 
	height:26px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}
#sub_navigation li#home a:hover {
	background: url(images/home.jpg) no-repeat left bottom;
	height:26px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}
#sub_navigation li#company a:hover {
	background: url(images/company.jpg) no-repeat left bottom;
	height:26px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}
#sub_navigation li#contact a:hover {
	background: url(images/contact.jpg) no-repeat left bottom;
	height:26px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}
#sub_navigation li#sitemap a:hover {
	background: url(images/sitemap.jpg) no-repeat left bottom;
	height:26px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	text-indent:-9999px;
	overflow:hidden;
}

/*  [ main-images
--------------------- */
.title_text {
	height: 100px;
	width: 350px;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	color: #666666;
	font-size: small;
	font-weight: normal;
	text-align:left;
	float:right;
}
.content_title {
	background-image: url(images/content_title02.jpg);
	height: 165px;
	width: 750px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}

/*
 [ control panel
----------------------------------------------------------- */
.item {
	font-size: small;
	text-align: left;
	border: 1px solid #9A9A9A;
	margin-bottom: 5px;
}
.itemHeader, .itemHeader a:link, .itemHeader a:visited, .itemHeader a:active {
	background: #e6c400;
	color: #FFFFFF;
	font-size: small;
	font-weight: bold;
	padding: 4px;
}
.itemBody {
	font-size: small;
	padding-bottom: 10px;
	border-left: #9A9A9A solid 1px;
	border-right: #9A9A9A solid 1px;
}
.itemMetadata, .itemMetadata a:link, .itemMetadata a:visited, .itemMetadata a:active {
	color: gray;
	font-size: small;
}
.itemBodyEven {
	background: white;
}
.itemBodyOdd {
	background: #FFFFCC;
}
/*
 [ main content
----------------------------------------------------------- */
.blogEntry {
	text-align: left;
	background: white;
	margin-bottom: 10px;
}
.blogEntrytitle {
	background: url(images/categoryPoint.jpg) no-repeat;
	background-position: center left;
	color: #dddd01;
	font-size: 16px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 28px;
	height: 24px;
}
.blogEntryHeader {
	width: 560px;
	height: 27px;
	background: #ddb601 url(images/blogEntryHeader.gif) no-repeat left top;
}
.blogEntryHeader h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 6px 0 0 15px;
	color: #ffffff;
}
.blogEntryHeader h3 a:link,
.blogEntryHeader h3 a:visited,
.blogEntryHeader h3 a:hover,
.blogEntryHeader h3 a:active {
	color: #ffffff;
	text-decoration: none !important;
}
.blogBody {
	margin: 0px;
	font-size: small;
	line-height: 1.3;
	padding: 0 10px 0px 10px;
}
.blogEntryPosted {
	font-size: small;
	float: right;
}
.blogEntryBody {
	margin: 0px;
	font-size: 14px;
	line-height: 1.5;
	padding: 10px 30px 5px 30px;
	background: url(images/blogEntryBody.gif) repeat-y center top;
	width: 500px;
}
.blogEntryBody p {
	clear: both;
	padding: 0 0 10px 0;
}
.blogEntryBody:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
.blogEntryMetadata, .blogEntryMetadata a:link, .blogEntryMetadata a:visited, .blogEntryMetadata a:active {
	color: gray;
	font-size: x-small;
}
.blogEntryBottom {
	clear:both;
	background: #FFFFFF url(images/blog_bott.gif) no-repeat left top;
	margin: 0px;
	padding: 0 30px;
	height: 6px;
	width: 500px;
	font-size: 5px;
}
.blogEntryLinks {
	clear: both;
}
.blogEntryLinks, .itemLinks, .commentLinks, .trackbackLinks {
	float: right;
	color: gray;
	font-size: x-small;
}
.bodyContentEven {
	background: white;
}
.bodyContentOdd {
	background: #FFFFCC;
}
p.notfound {
	margin-left: 28px;
	font-size: small;
}
/*
 [ sidebar
----------------------------------------------------------- */
/*
 [ sidebar Header
-------------------- */
.mt_sideHeader1 {
	background: url(images/side-y-1.gif) no-repeat center top;
	width: 180px;
	height: 22px;
	text-indent: -9999px;
	vertical-align: bottom;
	font-size: 5px;
}
.mt_sideHeader2 {
	background: url(images/side-y-2.gif) no-repeat center top;
	width: 180px;
	height: 22px;
	text-indent: -9999px;
	vertical-align: bottom;
	font-size: 5px;	
}
.mt_mobileHeader {
	background: url(images/side-y-3.gif) no-repeat center top;
	width: 180px;
	height: 22px;
	text-indent: -9999px;
	vertical-align: bottom;
	font-size: 5px;	
}

.catBody2 p {
	margin: 3px 0 5px 0;
	padding: 0;
	clear: both;
}
p.image_left {
	float: left;
	width: 80px;
}
ul.side_qrcode {
	float: right;
	width: 85px;
}
ul.side_qrcode li{
	background: none !important;
}

#sidebar ul li {
	background: #FFFFFF url(images/mark_1.gif) no-repeat 0px 4px;
	padding: 0px 0px 2px 10px;
	margin:0px;
	line-height: 1.4;
	list-style:none;
}

.catBody {
	font-size: 11px;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	border-left: #9A9A9A solid 1px;
	border-right: #9A9A9A solid 1px;
	zoom: 1;
}
.catFooter{
	background: url(images/item_bott.gif) no-repeat left top;
	margin: 0 0 10px 0;
	height: 10px;
	width: 180px;
	font-size: 5px;
}
.inBody {
	font-size: 0.75em;
	margin: 0px;
	padding: 5px 0px 0px 5px;
	border-left: #9A9A9A solid 1px;
	border-right: #9A9A9A solid 1px;
	zoom: 1;
}
.catBody2 {
	font-size: 0.75em;
	margin: 0px;
	padding: 5px 0px 3px 10px;
	border-left: #9A9A9A solid 1px;
	border-right: #9A9A9A solid 1px;
	zoom: 1;
}
.catBody2 :after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
.catFooter2{
	clear: both;
	background: #FFFFFF url(images/item_bott.gif) no-repeat left top;
	margin:  0px 0px 10px 0px;
	padding: 0px;
	height: 10px;
	width: 180px;
}
.side_contents, .side_contents a:link, .side_contents a:visited, .side_contents a:active {
	color: #FFFFFF;
	font-size: 5px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}


.calendar table{
	font-size: x-small;
	width: 170px;
	text-align: center;
	table-layout:fixed;
}
.calendarDayHeader {
	font-size: x-small;
}
.calendarDay {
	font-size: x-small;
}
.calendarDayWithEntries, .calendarDayWithEntries a:link, .calendarDayWithEntries a:visited, .calendarDayWithEntries a:active {
	font-size: x-small;
	font-weight: bold;
}
.calendarToday, .calendarToday a:link, .calendarToday a:visited, .calendarToday a:active {
	font-size: x-small;
	background : #0050B0;
	color: white;
	font-weight: bold;
}

.category {
	font-size: small;
}
.selectedCategory {
	font-size: small;
	color: #FF6633;
}

/*
 [ tag/entry index
----------------------------------------------------------- */
/*  [ entry_list for index
---------------------------- */
.indexHeader {
	font-size: 5px;
	margin: 0px;
	width: 560px;
	height: 26px;
	background: url(images/tagHeader.jpg) no-repeat center top;
	text-indent: -9999px;
}
.indexFooter{
	background: url(images/tagFooter.jpg) no-repeat center top;
	width: 560px;
	height: 7px;
	font-size: 5px;
	margin-top: 5px;
	margin-bottom: 30px;
}
.tagHeader {
	background:url(images/tagPoint.jpg) no-repeat;
	background-position: 2px 2px;
	color: #dddd01;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	padding-left: 28px;
}
.tagbody {
	margin: 5px 0 15px 29px;
	padding: 0px;
}
.tagbody:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}

ul.taglist {
	width: 510px;
}
ul.taglist li {
	line-height: 1.5;
	float: left;
	padding: 0 5px 0 5px;
	border-right:1px solid #999;
	font-size: small;
	margin: 3px 0;
	word-break: keep-all;
}
ul.taglist li a:link,
ul.taglist li a:visited {

}
ul.taglist li a:hover {

}
ul.taglist li a:active {
}

dl#entry_list {
	line-height: 2;
	margin:10px 0px 10px 18px;
	width: 490px;
	font-size: small;
	zoom: 1;
}

dl#entry_list dt{
	width:5.5em;
	padding-left:20px;
	letter-spacing: 0.05em;
	background: url(images/entry_point.gif) no-repeat 0 7px;
	zoom: 1;
}

dl#entry_list dd{
	margin:-2em 0 0 7em;
	zoom:1;
	border-bottom: #e6c841 1px dashed;	
}
/* #bee898 for alpinist */

dl#entry_list dd a {
	width: 389px;
	display: block;
	padding-left: 10px;
	
}
dl#entry_list dd a:link,
dl#entry_list dd a:visited {
	text-decoration: none;
}
dl#entry_list dd a:hover {
	text-decoration: none;
	background: #ffeef3;
}
dl#entry_list dd a:active {
	text-decoration: none;
}



/*
 [ comment/trackback
----------------------------------------------------------- */
.comment {
	font-size: small;
}
.commentBody {
	font-size: small;
}
.commentHeader, .commentHeader a:link, .commentHeader a:visited, .commentHeader a:active {
	font-weight: bold;
}
.commentMetadata, .commentMetadata a:link, .commentMetadata a:visited, .commentMetadata a:active {
	color: gray;
	font-size: x-small;
}
.trackback {
	font-size: small;
}

.trackbackBody {
	font-size: small;
	margin: 0px;
}
.trackbackHeader, .trackbackHeader a:link, .trackbackHeader a:visited, .trackbackHeader a:active {
	font-weight: bold;
}
.trackbackMetadata, .trackbackMetadata a:link, .trackbackMetadata a:visited, .trackbackMetadata a:active {
	color: gray;
	font-size: x-small;
}

/*
 [ footer
----------------------------------------------------------- */
#footer {
	border-top: #FF0000 3px double;
	clear: both;
	padding-top: 20px;
	padding-bottom: 15px;
	width: 750px;
}

ul#under_link,
ul#under_link li {
	margin: 0;
	padding: 0;
	line-height: 1.0;
}
ul#under_link {
	text-align: center;	
}
ul#under_link li {
	margin-left: 0px;
	font-size: 11px;
	display: inline;
	list-style-type:none;
}
ul#under_link li a:link,
ul#under_link li a:visited {
	color: #666666;
}
ul#under_link li a:hover {
	color: #FF0000;
}
ul#under_link li a:active {
	color: #666666;
}
.copyright {
	font-size: 11px;
	text-align: center;
	color: #666666;
	vertical-align: bottom;
	padding-top: 6px;
	width: 750px;
}
#footer p img {
	border: none;
}
#footer p {
	font-size: 10px;
	color:#FFFFFF;
}
#footer p a:link,
#footer p a:visited {
	color: #ffffff;
}
#footer p a:hover {
	color: #333333;
	text-decoration: none;
}
#footer p a:active {
	color: #ffffff;
}

/*
 [ other
----------------------------------------------------------- */
.winheader {
	background : #0050B0;
	color: white;
	font-weight: bold;
}
.winheader a:link, .winheader a:visited, .winheader a:active {
	color : white;
}
.help, .help a:link, .help a:visited, .help a:active {
	color: gray;
	font-size: 11px;
	text-align: right;
}
.validationError {
	color: #333333;
	background-color: #B20D1C;
}


.blogEntryBody dl {
	width: 490px;
}
.blogEntryBody dt {
 float: left;
 width: 110px;
 clear: both;
}
.blogEntryBody dd {
 width: 370px;
 margin-left: 110px;
}
.blogEntryBody dt.access {
	background: url(images/point.gif) no-repeat 0 5px;
	padding-left: 20px;
	width: 90px;
}
.blogEntryBody dt.record {
	float: none;
	width: 490px;
}
.blogEntryBody dd.record {
	overflow: hidden;
	width: 490px;
	margin: 0;
}
/*
 [ print page
----------------------------------------------------------- */
#print {
	width: 90%;
	background: #ffffff;	
}
#header_print {
	padding-bottom: 15px;
	padding-left: 10px;
	background: #ffffff;
	height: 50px;
	border-bottom: #dddddd 2px solid;
}
#content_prent {
	padding-bottom: 10px;
	border-bottom: #dddddd 2px solid;
}
#content_prent .blogEntry,
#content_prent .blogEntryHeader,
#content_prent .blogEntryBody,
#content_prent .blogEntryBottom {
	background: none;
	margin: 0;
	padding: 0;
	width: 90%;
}
#content_prent .blogEntryHeader {
	margin: 0;
}
#content_prent .blogEntryHeader,
#content_prent .blogEntryHeader a:link,
#content_prent .blogEntryHeader a:visited,
#content_prent .blogEntryHeader a:hover,
#content_prent .blogEntryHeader a:active {
	color: #333333;
}
#content_prent .blogEntryBody {
	padding: 5px 15px;
}
#footer_prent {
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 10px;
}
	
/*
 [ tags
----------------------------------------------------------- */
.tagCloud {
	line-height: 36px;
}
.tagCloud1 {
	font-size: 10px;
}
.tagCloud2 {
	font-size: 12px;
}
.tagCloud3 {
	font-size: 14px;
}
.tagCloud4 {
	font-size: 16px;
}
.tagCloud5 {
	font-size: 18px;
}
.tagCloud6 {
	font-size: 20px;
}
.tagCloud7 {
	font-size: 22px;
}
.tagCloud8 {
	font-size: 24px;
}
.tagCloud9 {
	font-size: 26px;
}
.tagCloud10 {
	font-size: 28px;
}

/*
 [ for mobile page
----------------------------------------------------------- */
.tel-link {

}
.tel-link a:link,
.tel-link a:visited,
.tel-link a:hover,
.tel-link a:active {
	color: #222222 !important;
	text-decoration: none !important;
}
