/*///// COMMON.CSS /////*/
/* Last Update 2009-01-14 */

/*///// CONTENT /////*/
/*
0. RESET.CSS
1. BASIC SETTINGS
2. レイアウト
2-1. ヘッダー
2-2. グローバルメニュー
2-3. メインコンテンツ
2-4. フッター

11. インフォメーション
15. リンク

98. 汎用
99. 印刷設定
*/


/*///// 0. RESET.CSS /////*/
/*
reset.css - resets default browser styling
http://tantek.com/log/2004/09.html#d06t2354
http://www.vox.com/.shared/css/base.css
http://developer.yahoo.com/yui/reset/
*/

:link,:visited {
text-decoration:none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
table {
border-spacing:0;
}
fieldset,img,abbr,acronym {
border:0;
}
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
font-style:normal;
font-weight:normal;
}
caption,th {
text-align:left;
}
q:before,q:after {
content:'';
}
ul,ol {
list-style-type: none;
}
a {
text-decoration:underline;
outline:none;
}
hr {
border:0;
height:1px;
background-color:#000;
color:#000;
}
a img,:link img,:visited img {
border:none;
}
address {
font-style:normal;
}


/*///// 1. BASIC SETTINGS /////*/
body,th,td {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*/// Basic Layout ///*/
html {
background: #000 url(../common/htmlBg.gif) repeat-y left top;
}
body {
margin: 0;
padding: 0;
background: url(../common/bodyBg.gif) no-repeat left bottom;
}

#container {
position: relative;
width: 656px;
min-height: 619px;
height: auto!important;
height: 619px;
padding-left: 20px;
background: url(../common/containerBg.gif) no-repeat left top;
}

/*/// 2. レイアウト ///*/
/*/// 2-1. ヘッダー ///*/
div#head {
width: 640px;
}
#head #logo {
vertical-align: bottom;
padding: 6px 1px;
float: left;
}
#logo img {
vertical-align: bottom;
}
#head ul#contactMenu {
list-style: none;
float: right;
padding-right: 15px;
}
#head ul#contactMenu li {
display: inline;
margin-left: 15px;
}
#head ul#contactMenu img {
vertical-align: top;
}

/*/// 2-2. グローバルメニュー ///*/
div#globalMenu {
position: absolute;
top: 147px;
left: 160px;
width: 500px;
}
#globalMenu ul li {
display: inline;
padding-right: 1px;
}
#globalMenu ul li img {
}


/*/// 2-3. メインコンテンツ ///*/
div#main {
clear: both;
width: 640px;
min-height: 360px;
_height: 360px;
padding-top: 69px;
padding-bottom: 50px;
background: url(../common/mainBg.jpg) no-repeat right bottom;
}
#main #pageTitle {
margin-left: 14px;
}
#main #pageTitle img {
vertical-align: bottom;
}
#main #contents {
width: 420px;
margin-left: 30px;
padding: 15px 10px 50px;
background: url(../common/contentBg.png);
_background: #333 url(../common/contentBgIE.gif) no-repeat;
line-height: 1.5;
color: #FFF;
}
#contents a {
color: #B1DFFF;
text-decoration: underline;
}
#contents a:visited {
color: #DDD;
text-decoration: none;
border-bottom: 1px dotted #EEE;
}

/*/// 2-4. フッター ///*/
#foot {
width: 640px;
padding-top: 1em;
color: #999;
text-align: center;
}


/*/// 11. インフォメーション ///*/
body#info #contents dt {
display: list-item;
margin-left: 16px;
}
body#info #contents dd {
margin-bottom: 1em;
}


/*/// 12. プロフィール ///*/
#profile #contents h3 {
border-bottom: 1px solid #FFF;
}
body#profile #contents div.cd {
margin-bottom: 1.5em;
padding: 5px;
border: 3px #666 double;
}
#profile #contents div.cd h3 {
border-bottom: none;
}
#profile .cd p.photo {
text-align: center;
}

/*/// 14. ダイアリー ///*/
body#diary #contents {
min-height: 380px;
_height: 380px;
}
body#diary #contents #mMenu {
position:absolute;
left:500px;
width: 150px;
}
#mMenu ul.arrow_back {
padding-top: 0.5em;
border-top: 1px #333 dotted;
}
body#diary #contents div.entry {
margin-bottom: 2em;
}
#diary #contents .entry .entryBody {
margin-left: 16px;
}

/*/// 15. リンク ///*/
body#link #contents dd {
margin-bottom: 1em;
}



/*/ 98. 汎用 /*/
.comment {
margin-bottom: 1em;
padding-bottom: 0.5em;
border-bottom: 1px #FFF dotted;
}
.description {
display: none;
}
.meta {
margin: 1em 0;

padding-top: 0.5em;
border-top: 1px #FFF dotted;
text-align: right;
}
ul.arrow {
list-style: url(../common/arrow.gif);
}
ul.arrow_back {
list-style: url(../common/arrow_back.gif);
margin-top: 1em;
}
#contents h1 {
margin-bottom: 1.5em;
}
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6,
#contents p,
#contents ul,
#contents ol,
#contents dl,
#contents table {
margin-bottom: 0.9em;
}
#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6,
#contents dt {
font-weight: bold;
}
#contents h2 {
border-bottom: 1px #900 solid;
}
#contents ul {
list-style-type: disc;
}
#contents ul li {
margin-left: 32px;
}
#contents ol {
list-style-type: decimal;
}
#contents ol li {
margin-left: 32px;
}
#contents dd {
margin-left: 16px;
}

#contents h1,
#contents h2 {
font-size: 110%;
}
#main #contents {
font-size: 90%;
}
#foot {
font-size: 80%;
}