@charset "utf-8";

/** Style Information
 * @ Style Name: IndexPage Css
 * @ Style Place: /css/hp.css
 * @ Create Author: nakachi
 * @ Create Date: 2010.05.01
 * @ LastUp Date: 2010.05.21
 */

/** INDEX
 * @ Define
 * @ Html
 * @ Body
 * @ Layout Common
 * @ Layout Parts
 */
 
/**************************************************
 @ Define
 **************************************************/
a{text-decoration:none;}

/**************************************************
 @ Html
 **************************************************/
html{
overflow-y:hidden;
height:100%;
}

/**************************************************
 @ Body
 **************************************************/
body{
overflow:hidden;
height:100%;
font-size:12px;
line-height:1;
}

/**************************************************
 @ Layout Common
 @ Header
 @ Container
 @ Flash
 @ Footer
 **************************************************/
/* @ Header */
#header{
position:absolute;
right:0;
bottom:0;
z-index:10;
float:left;
width:100%;
height:101px;
background:#fff;
border-bottom:0px;
}
#headerInner{
position:absolute;
right:10px;
padding-top:10px;
width:900px;
}

/* @ Container */
#container{
position:absolute;
bottom:115px;
right:10px;
z-index:10;
clear:both;
float:none;
width:850px;
background:none;
}
#container h4{
padding:5px;
color:#08d;
font-size:18px;
color:#08d;
background:#fff;
border-top:2px solid #08d;
border-bottom:1px dashed #08d;
}

/* @ Flash */
#flashContents{
position:absolute;
z-index:1;
width:100%;
height:100%;
}

/* @ Footer */
#footer{
position:absolute;
right:10px;
bottom:10px;
z-index:10;
clear:both;
float:none;
padding:0;
width:100%;
border-top:0px;
background:#fff;
}

/**************************************************
 * @ Layout Parts
 @ Copy
 @ Information
 @ Twitter
 @ Copyright
 **************************************************/
/* @ Copy */
#h2Ttl{margin-bottom:10px;}
#h3Ttl{margin-bottom:20px;}
#h2Ttl span,
#h3Ttl span{
display:block;
text-indent:-5000px;
}
#h2Ttl span{
width:829px;
height:110px;
background:url(/imgs/hp/h2_ttl.gif) no-repeat 0 0;
}
#h3Ttl span{
width:613px;
height:108px;
background:url(/imgs/hp/h3_ttl.gif) no-repeat 0 0;
}

/* @ Information */
#info{
margin-bottom:10px;
width:850px;
}
#info dl{
padding:0 5px;
background:#fff;
}
#info dt{
clear:left;
float:left;
width:130px;
padding:5px 0;
color:#08d;
font-weight:bold;
}
#info dd{
margin-left:130px;
padding:5px 0;
width:704px;
}
#info dd:last-child{border-bottom:0px;}

/* @ Twitter */
#twitter{
clear:left;
width:850px;
}
#twitter ul{
padding:0 5px;
background:#fff;
}
#twitter li{padding:5px 0;}
.followTwitter{
margin-left:20px;
font-size:65%;
}
.followTwitter{color:#000;}

/* @ Copyright */
#copyright{
margin:0;
width:auto;
font-size:10px;
text-align:right;
}
#copyright a{text-decoration:underline;}