/*
---------------------------------------------------------------------
ページ全体のスタイル設定
---------------------------------------------------------------------
*/

html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
text-align: center;
font-size: 12px;
font-weight: normal;
color: #BAB3A0;
}


body > #container {
height: 100%;
}


/*
---------------------------------------------------------------------
コンテナ部分のスタイル設定
---------------------------------------------------------------------
*/
#container {
min-height: 100%;
height: auto !important;
width: 800px;
margin: 0 auto -70px;
}


/*
---------------------------------------------------------------------
コンテンツ部分のスタイル設定
---------------------------------------------------------------------
*/
#contents {
margin-left : auto;
margin-right : auto;
font-size: 10px;
color: #BAB3A0;
width: 800px;
height: 400px;
position:relative;
}


/*
---------------------------------------------------------------------
各画像やテキストのスタイル設定。画像配置をpx単位で固定配置しています。
---------------------------------------------------------------------
*/

/* メインイメージ画像 --------------------------------- */
.img_main {
position: absolute; 
top: 70px;
left: 90px;
}

/* ポットイメージ画像 --------------------------------- */
.img_icon1 {
position: absolute;
top: 260px;
left: 335px;
}

/* カゴバッグイメージ画像 --------------------------------- */
.img_icon2 {
position: absolute;
top: 145px;
left: 435px;
}

/* 著書イメージ画像 --------------------------------- */
.img_icon3 {
position: absolute;
bottom: 2px;
right: 128px;
}

/* 著書イメージ画像2 --------------------------------- */
.img_icon4 {
position: absolute;
bottom: 2px;
right: 14px;
}


/* ブログ日付 --------------------------------- */
.txt1 {
position: absolute;
top: 205px;
left: 455px;
font-size: 10px;
font-family: "ＭＳゴシック";
}

/* おひさまコラム日付 --------------------------------- */
.txt2 {
position: absolute;
top: 310px;
left: 335px;
font-size: 10px;
font-family: "ＭＳゴシック";
}


#screen {
width: 800px;
margin: 0 auto;
padding-bottom: 100px;
}


/*
---------------------------------------------------------------------
ヘッダーのスタイル設定
---------------------------------------------------------------------
*/
#header {
width: 800px;
text-align: left;
font-family: "メイリオ";
}


/*
---------------------------------------------------------------------
メニューのスタイル設定。
---------------------------------------------------------------------
*/
#menu {
width: 800px;
font-family:"メイリオ","Arial";
font-size:16px;
float:right;
}

ul Navi {
margin:0;
padding:0;
}
ul.Navi li {
width:80px;
height:30px;
margin: 0px 5px 0px 10px;
color: #BAB3A0;
float: right;
list-style-type: none;
}
ul.Navi li a {
display:block;
width:100%;
height:100%;
margin: 0px 0px 0px 0px;
text-align:center;
overflow:hidden;
}

/* mail  --------------------------------- */
li.mail a:link {
color: #BAB3A0;
}
li.mail a:visited {
color: #BAB3A0;
}
li.mail a:hover {
color: #947363;
font-weight:bold;
}

/* blog --------------------------------- */
li.blog a:link {
color: #BAB3A0;
}
li.blog a:visited {
color: #BAB3A0;
}
li.blog a:hover {
color: #947363;
font-weight:bold;
}

/* style --------------------------------- */
li.style a:link {
color: #BAB3A0;
}
li.style a:visited {
color: #BAB3A0;
}
li.style a:hover {
color: #947363;
font-weight:bold;
}

/* works --------------------------------- */
li.works a:link {
color: #BAB3A0;
}
li.works a:visited {
color: #BAB3A0;
}
li.works a:hover {
color: #947363;
font-weight:bold;
}

/* profile --------------------------------- */
li.profile a:link {
color: #BAB3A0;
}
li.profile a:visited {
color: #BAB3A0;
}
li.profile a:hover {
color: #947363;
font-weight:bold;
}

/* home --------------------------------- */
li.home a:link {
color: #BAB3A0;
}
li.home a:visited {
color: #BAB3A0;
}
li.home a:hover {
color: #947363;
font-weight:bold;
}


/*
---------------------------------------------------------------------
コンテナのスタイル設定。
---------------------------------------------------------------------
*/
#counter {
height: 50px;
width: 800px;
position: absolute;
bottom: 0;
font-family:"Times New Roman", Times, serif;
color:#938f85;
text-align:center;
}


/*
---------------------------------------------------------------------
フッターのスタイル設定。
---------------------------------------------------------------------
*/
#footer {
height: 30px;
width: 800px;
position: absolute;
bottom: 0;
font-family:"Times New Roman", Times, serif;
}


#air {
height: 70px;
}


/*
---------------------------------------------------------------------
ページ全体のリンクスタイル設定。
---------------------------------------------------------------------
*/
a:link {
text-decoration: none;
color: #666666;
}

a:active {
text-decoration: none;
}

a:visited {
text-decoration: none;
color: #666666;
}

a:hover {
text-decoration: none;
color: #999999;
}