* {
 margin:0px;
 padding:0px;
}

body{
 margin:30px 0px 0px;
 padding:0px;
 background:url(http://across.heteml.jp/across_images/back.gif) repeat;
 color:#666;
 font-size: 12px;
 font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
 line-height: 150%;
}

.clear {
 clear: both;
 font: 0px/0px sans-serif;
}

dl {
 margin-bottom:10px;
}

img {
 border:none;
 margin: 0px;
 padding: 0px;
}
.small {font-size:10px;}
.center {text-align:center;}
.right {text-align:right;}


/* ------------------------------------- 
 * リンクの色設定（初級モードで設定）
 * ------------------------------------- */

a:link    {color: #17579D; text-decoration: underline;}
a:visited {color: #17579D; text-decoration: underline;}
a:active  {color: #17579D; text-decoration: underline;}
a:hover   {color: #17579D; text-decoration: none;}

#title a:link    {color: #000; text-decoration: none;}
#title a:visited {color: #000; text-decoration: none;}
#title a:active  {color: #000; text-decoration: none;}
#title a:hover   {color: #666; text-decoration: none;}


/* ------------------------------------- 
 * ページレイアウト
 * ------------------------------------- */

#wrapper {
 width:732px;
 background:#FFF url(http://across.heteml.jp/across_images/body_back.gif) repeat;
 padding: 0px;
 float: left;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 100px;
 }

#header {
 width:100%;
 background: url(http://dp24163909.lolipop.jp/hakuba/blog/header.gif) no-repeat;
 height: 80px;
}

#body {
 background: #FFFFFF url(http://across.heteml.jp/across_images/body_back.gif) repeat;
 margin: 0px;
 padding: 0px;
}

#body .margin {
 margin-top: 0px;
 margin-bottom: 0px;
 background: no-repeat;
 height: 100px;
}

#side {
 width:207px;
 float:left;
 background: #FFFFFF url(http://across.heteml.jp/across_images/contents_back.gif) repeat-y;
 margin-right: 0px;
 padding: 0px;
}
#waku {
 background: #FFFFFF url(across_images/body_back.gif) repeat;
 margin: 0px;
 padding: 0px;
}


#main {
 width:510px;
 float:right;
 background: #FFFFFF;
 text-align: left;
 padding: 0px 5px 0px 10px;
}

#footer {
 width:722px;
 background: #FFFFFF no-repeat center bottom;
 float: left;
 height: 30px;
 text-align: right;
 padding-right: 10px;
 padding-top: 20px;
 padding-bottom: 10px;
}
#AcrossLink {
 font-weight: bold;
 float: none;
 width: 732px;
 height: 28px;
 padding: 5px 0px;
 background: #0072B6 url(http://across.heteml.jp/across_images/yoko_back.gif) no-repeat;
 color: #FFFFFF;
}
#wrapper #AcrossLink li {
 float: right;
 margin-right: 10px;
 margin-left: 0px;
 list-style: url(http://across.heteml.jp/across_images/list.gif) outside;
 font-size: 13px;
 font-weight: bold;
 color: #FFFFFF;
}


/* ************************************************ 
 * ヘッダー（サイトタイトル、検索スペース、メニュー）
 * ************************************************ */
 
 /* ------------------------------------- 
 * ヘッダー内レイアウト
 * ------------------------------------- */

#header .margin {
 height: 90px;
 background: url(http://across.heteml.jp/across_images/header_back.gif);
 }

#header_menu {
 height:20px;
 text-align:right;
}

#header #search {
 width:350px;
 float:right;
 padding-bottom:5px;
}

#header #search .title {
 height:20px;
}

#header #title {
 margin-left: 0px;
 padding-top: 5px;
 font-weight: bold;
 color: #0072B6;
 padding-left: 20px;
 background: url(http://across.heteml.jp/across_images/header_back.gif) no-repeat;
 font-family: "ＭＳ ゴシック", "Osaka−等幅";
 height: 90px;
}


/* ------------------------------------- 
 * サイトタイトルの設定
 * ------------------------------------- */
h1 {
 margin-top:5px;
 margin-bottom:5px;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
}
#wrapper #header .margin #title a {
 font-size: 22px;
 font-weight: bolder;
 color: #17579D;
 line-height: 170%;
}


/* ------------------------------------- 
 * ヘッダーメニュー（ショップを見る、管理者ページ）
 * ------------------------------------- */

#header_menu ul {
 padding-top:2px;
}

#header_menu ul li{
 display:inline;
 margin-right:5px;
}

#header_menu ul li img {
 height:12px;
}

 /* ------------------------------------- 
 * 検索
 * ------------------------------------- */

#search input {
margin-left:8px;
}

#search input.button {
 width:50px;
 height:20px;
 margin-left:3px;
}


/* ************************************************ 
 * フッター（メニュー、コピーライト）
 * ************************************************ */

address {
 font-style:normal;
 margin:10px;
}


/* ************************************************ 
 * サイドメニュー
 * ************************************************ */
 
/* ------------------------------------- 
 * リンクリスト
 * ------------------------------------- */

dl#list dt {
 font-weight:bolder;
margin-bottom:5px;
}

dl#list dd {
 margin-bottom:15px;
 margin-right: 8px;
}

dl#list dd ul li {
 list-style:none;
 padding-left:25px;
 margin-bottom:5px;
 background:url(http://across.heteml.jp/across_images/contents_list.gif) no-repeat 7px;
}
div.border {
 border-top:2px #8F826C dotted;
 padding-bottom:5px;
}


/* ------------------------------------- 
 * カレンダー
 * ------------------------------------- */

.calendar {
 margin-bottom:20px;
 color: #333333;
 font: 10px Verdana;
 margin-left: 10px;
 }
 
 
.week {
 width:21px;
 height:15px;
 text-align: center;
 color: #FFF;
 background:#0072B6;
 border:2px solid #FFF;
 }
 
.cell {
 width:21px;
 height:15px;
 text-align: center;
 color: #555;
 background:#DDD;
 border:2px solid #FFF;
 }


/* ------------------------------------- 
 * feed
 * ------------------------------------- */
#feed {
 text-align:center;
 }
#feed img {
 width:57px;
 height:15px;
 margin:5px;
 }



/* ************************************************ 
 * メインエリア
 * ************************************************ */
 
/* ************************************************ 
 * エントリー
 * ************************************************ */

/* ------------------------------------- 
 * レイアウト
 * ------------------------------------- */
 
.entry {
 margin-bottom:20px;
 width: 500px;
}

.entry .title {
 background:#FF99FF url(http://across.heteml.jp/across_images/kizi_back.gif) no-repeat;
 padding:0px;
 height: 42px;
 width: 500px;
 }

.entry .area {
 background: #FFFFFF;
 border: 1px solid #999999;
}

.entry .area .body {
 padding:12px;
 color: #333333;
}

.entry .bottom {
 height:14px;
}

/* 記事のタイトル */
h2 {
 color:#0072B6;
 font-size:18px;
 padding-left:35px;
 font-weight: bold;
 padding-top: 10px;
}

/* 記事の日付 */
.entry .area .date {
 color:#FFFFFF;
 background:#0072B6;
 text-align:right;
 padding:3px;
 }

/*「続きを読む」の部分 */
.entry_more {
 padding:5px;
 color: #333333;
}

/* ------------------------------------- 
 * エントリーナビ(前のページ：次のページ//トップページ用)
 * ------------------------------------- */

.top_navi {
 width: 500px;
 padding: 10px 0px;
}

.top_navi .prev {
 width:100px;
 float:left;
}
.top_navi .next {
 width:100px;
 float:right;
 text-align:right; 
}
.top_navi .main {
 margin:0px 100px;
 text-align:center;
}


/* ------------------------------------- 
 * エントリーナビ(前のタイトル：main：次のタイトル//記事単位)
 * ------------------------------------- */

.entry_navi {
 width: 500px;

}

.entry_navi .prev {
 width:220px;
 float:left;
}
.entry_navi .next {
 width:220px;
 float:right;
 text-align:right; 
}
.entry_navi .main {
 margin:0px 200px;
 text-align:center;
}

/* ------------------------------------- 
 * コメント・トラックバック
 * ------------------------------------- */

div.tb {
 margin-bottom:20px;
 width: 500px;
}

div.tb div.title {
 color:#003366;
 font-size:14px;
 background:url(./template/cmsp/17/arrow.gif) no-repeat;
 background-position:left;
 padding-left:5px;
 margin-bottom:10px;
}

/*ベージュの背景色エリア*/
div.area_bg {
 background:#FFFFFF;
 margin:0px 10px 0px 10px;
 border: 1px solid #999999;
}

/*コメント入力フォーム*/
div.comment_form_area {
 margin:10px 0px 0px 100px;
}

/*コメント・トラックバック本文レイアウト*/
div.tb div.tb_area {
 padding:10px 15px 15px 15px;
}

div.tb div.tb_area span {
 font-size:11px;
 color:#8F826C;
 margin-right:30px; 
}
.pict {
 padding: 8px 8px 30px;
 border: 1px solid #CCCCCC;
 background: #FFFFFF;
}

div.tb div.tb_area p.tb_title {
 border-top:1px dotted #8F826C;
 font-weight:bolder;
 padding:5px 0;
}

div.tb div.tb_area p.border {
 border-bottom:1px dotted #8F826C;
 padding:5px 0;
}
.ToTop {
 text-align: right;
 padding-right: 10px;
 padding-bottom: 20px;
 padding-top: 10px;
 vertical-align: middle;
}
#CM {
 text-align: center;
}
#lightbox{
 position: absolute;
 top: 40px;
 left: 0;
 width: 100%;
 z-index: 100;
 text-align: center;
 line-height: 0;
 }

#lightbox a img{ border: none; }

#outerImageContainer{
 position: relative;
 background-color: #fff;
 width: 250px;
 height: 250px;
 margin: 0 auto;
 }

#imageContainer{
 padding: 10px;
 }

#loading{
 position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;
 }
#hoverNav{
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;
 }
#imageContainer>#hoverNav{ left: 0;}


#prevLink, #nextLink{
 width: 49%;
 height: 100%;
 background: transparent url(http://dp24163909.lolipop.jp/hakuba/blog/js/images/blank.gif) no-repeat; /* Trick IE into showing hover */
 display: block;
 }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://dp24163909.lolipop.jp/hakuba/blog/js/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://dp24163909.lolipop.jp/hakuba/blog/js/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
 font: 10px Verdana, Helvetica, sans-serif;
 background-color: #fff;
 margin: 0 auto;
 line-height: 1.4em;
 }

#imageData{
 padding:0 10px;
 }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } 
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }   
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; } 
  
#overlay{
 position: absolute;
 top: 0;
 left: 0;
 z-index: 90;
 width: 100%;
 height: 500px;
 background-color: #FFCCFF;
 filter:alpha(opacity=60);
 -moz-opacity: 0.6;
 opacity: 0.6;
 }
 

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }

* html>body .clearfix {
 display: inline-block; 
 width: 100%;
 }

* html .clearfix {
 /* Hides from IE-mac \*/
 height: 1%;
 /* End hide from IE-mac */
 } 
 
#wrapper #AcrossLink a {
 margin-right: 10px;
 margin-left: 0px;
 list-style: url(http://dp24163909.lolipop.jp/hakuba/blog/list.gif) outside;
 font-size: 14px;
 font-weight: bold;
 color: #FFFFFF;
}
#top-ph {
 background: url(http://across.heteml.jp/across_images/top_ph.jpg) no-repeat;
 height: 278px;
 width: 732px;
}