@charset "utf-8";

/*------------------------------------------------
 初期設定
------------------------------------------------*/

/* スタイルのリセット */
html, body, div,
h1, h2, h3, h4, h5, h6,
blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, tr, td, img,
form, fieldset, legend {
margin: 0;
border: 0;
padding: 0;
}

ul, li, dt, dl, dd{
list-style-type:none;
margin:0;
padding:0;
}

a:link, a:visited{
color:#0000FF;
}

a:hover{
color:#CC0000;
}


/*------------------------------------------------
 クリアフィックス
------------------------------------------------*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*------------------------------------------------
 タグ/クラス要素
------------------------------------------------*/
html {
width: 100%;
height: 100%;
overflow-y: scroll;
}

body {
width: 100%;
height: 100%;
font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
line-height: 1.8;
font-size:80%;
text-align: center;
background: url(images/bg.gif);
}

h1{
font-size:5px;
line-height:0.2;
color:#252525;
}

em{
font-weight:bold;
color:#CC0000;
font-style:normal;
}

strong{
font-weight:bold;
font-style:normal;
}



/* コンテナ */
#container{
width:918px;
background:url(images/main_bg.gif) center top repeat-y;
margin:0 auto;
text-align:left;
}

/* たいとる */
#title{
background:url(images/title_bg.gif) center top no-repeat;
height:352px;
}

#title #logo{
margin:10px 0 0 68px;
}


/* メインDIV */
#main{
background:url(images/main_bg.gif) center top repeat-y;
}

/* サイドバー */
#side{
float:left;
width:346px;
}

#sideCont{
background:url(images/side_bg.gif) center top repeat-y;
}

#sideHead{
background:url(images/sideHead.gif) top left no-repeat;
}

#sideFoot{
background:url(images/sideFoot.gif) bottom left no-repeat;
padding:100px 0 40px 0;
}

#sideCont #sideContainer{
color:#c0c0c0;
padding:4px 24px 0 92px;
font-size:85%;
line-height:1.5;
}

#sideCont #sideContainer a:link,
#sideCont #sideContainer a:visited{
color:#c0c0c0;
}

#sideCont #sideContainer a:hover{
color:#fefefe;
}


#sideCont #sideContainer #profile{
text-indent:1em;
}

#sideCont #sideContainer #site span{
display:block;
margin:10px 0 0 0;
}

#sideCont #sideContainer #site,
#sideCont #sideContainer #mixi,
#sideCont #sideContainer #book{
margin-top:20px;
margin-bottom:0;
}



/* コンテンツ */
#contents{
float:left;
width:513px;
}

#cont01{
background:url(images/contents_01.gif) left top no-repeat;
height:97px;
}

div#cont02{
background:url(images/contents_02.gif) left top no-repeat;
height:460px;
}

#cont02 #cont02_txt{
line-height:2.0;
padding:80px 0 0 35px;
}

#cont02 #name{
text-align:right;
padding-right:70px;
}

#cont02 .btn{
margin-top:25px;
text-align:center;
}

#cont0301{
margin-top:10px;
background:url(images/contents_0301.gif) center top no-repeat;
height:98px;
margin:20px auto 0 auto;
}

#cont0302{
background:url(images/contents_0302.gif) center top no-repeat;
height:715px;
margin:0 auto;
}

#cont0303{
background:url(images/contents_0303.gif) center top no-repeat;
height:664px;
margin:0 auto;
}

#cont0304{
background:url(images/contents_0304.gif) center top no-repeat;
height:553px;
}

#contFoot{
background:url(images/contents_foot.gif) center top no-repeat;
height:41px;
}


/* FOOTLINK */
#footlink{
background:url(images/footlink_bg.gif) center top no-repeat;
height:37px;
}

#footlink p{
padding:9px 0 0 70px;
font-size:80%;
}

#footlink p a:link,
#footlink p a:visited{
color:#CCCCCC;
}
#footlink p a:hover{
color:#eee;
}

/* フッター */
#footer{
background:url(images/footer.gif) center top no-repeat;
height:150px;
}