@charset "utf-8";
/*
Theme Name: spheroid
Theme URI: http://ellipticus.net/
Description: ELLIPTiCUS photography専用テンプレート
Version: 1
Author: Ikuko Inagaki
Author URI: http://ellipticus.net/
Tags: photo.ellipticus
*/



/* all_html */

/* 基本設定
============================================================*/
*{
margin:0;
padding:0;
}

html{
text-align:center;
margin:0px auto;
}

body{
text-align:center;
margin:0px auto;
font-size:11px;
font-family:"Verdana","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
background:url(http://ellipticus.net/common/img/bg_right.gif) 100% 100% no-repeat fixed #ffffff;
}

*+html body{
font-size:10px;
}
* html body {
font-size:10px;
}

img{
border:0px;
}

.iepngfix {
behavior:expression(IEPNGFIX.fix(this));
margin:0px;
padding:0px;
}

/* レイアウトベース
============================================================*/
div#layoutBase{
width:100%;
margin:0 auto;
background:url(http://ellipticus.net/common/img/bg_left.gif) 0% 0% no-repeat fixed;
}

div#layout{
width:1014px;
margin:0px auto;
text-align:center;
flaot:left;
}

div#left{
width:403px;
float:left;
padding-left:30px;
}

div#right{
width:581px;
float:left;
}

*+html body div#right{
font-size:10px;
font-family:"Verdana","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif,;
}

/* logo,menu
============================================================*/
h1{
margin:275px 0px 70px 28px;
width:326px;
}

/*メニュー*/
ul#menu{
list-style:none;
width:355px;
margin:0 0 45px 22px;
}

ul#menu li{
list-style:none;
float:left;
height:13px;
}

ul#menu a{
list-style:none;
display:block;
height:13px;
}

#menu a span,ul#menu li span{
list-style:none;
display:none;
}

a.about{
width:58px;
background-position:0px 0px;
background-image:url(http://ellipticus.net/common/img/menu_about.png);
margin-right:10px;
}
a:hover.about,ul#menu li.about{
width:58px;
background-position:0px -13px;
background-image:url(http://ellipticus.net/common/img/menu_about.png);
margin-right:10px;
}
a.portfolio{
width:93px;
background-position:0px 0px;
background-image:url(http://ellipticus.net/common/img/menu_port.png);
margin-right:10px;
}
a:hover.portfolio,ul#menu li.portfolio{
width:93px;
background-position:0px -13px;
background-image:url(http://ellipticus.net/common/img/menu_port.png);
margin-right:10px;
}
a.material{
width:81px;
background-position:0px 0px;
background-image:url(http://ellipticus.net/common/img/menu_material.png);
margin-right:10px;
}
a:hover.material,ul#menu li.material{
width:81px;
background-position:0px -13px;
background-image:url(http://ellipticus.net/common/img/menu_material.png);
margin-right:10px;
}
a.bookmark{
width:93px;
background-position:0px 0px;
background-image:url(http://ellipticus.net/common/img/menu_bookmark.png);
}
a:hover.bookmark,ul#menu li.bookmark{
width:93px;
background-position:0px -13px;
background-image:url(http://ellipticus.net/common/img/menu_bookmark.png);
}

/*ie6 hack*/
* html a.about,
* html a:hover.about,
* html ul#menu li.about{
background-image:url(http://ellipticus.net/common/img/menu_about.gif);
}
* html a.portfolio,
* html a:hover.portfolio,
* html ul#menu li.portfolio{
background-image:url(http://ellipticus.net/common/img/menu_port.gif);
}
* html a.material,
* html a:hover.material,
* html ul#menu li.material{
background-image:url(http://ellipticus.net/common/img/menu_material.gif);
}
* html a.bookmark,
* html a:hover.bookmark,
* html ul#menu li.bookmark{
background-image:url(http://ellipticus.net/common/img/menu_bookmark.gif);
}


/* footer
============================================================*/
.footer{
text-align:right;
margin:40px 30px 0 0;
}

/* clearfix
============================================================*/
div#layout:after , ul#menu:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
div#layout , ul#menu li{
display:inline-block;
}