/*--- YUI RESET CSS ---*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {    
	margin:0;   
	padding:0;   
} 
table {  
	border-collapse:collapse;   
	border-spacing:0;   
} 
fieldset,img {    
	border:0;   
} 
address,caption,cite,code,dfn,em,strong,th,var {  
	font-style:normal;   
	font-weight:normal;   
} 
ol,ul {  
	list-style:none;   
} 
caption,th {  
	text-align:left;   
} 
h1,h2,h3,h4,h5,h6 {  
	font-size:100%;   
	font-weight:normal;   
} 
q:before,q:after {  
	content:'';   
} 
abbr,acronym {
	border:0;
}

/*--- font ---*/
body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size:11px;
line-height:130%;
letter-spacing:0.1em;/*文字間隔*/
word-spacing:0.1em;/*単語感覚*/
}
/*IE6 or sooner*/
* html body{
font-size:75%;
}


img{
vertical-align:bottom;
}
.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

body{
height:100%;
}

html{ 
height:100%; 
} 

body>#wrapp{
height:auto;
min-height:100%;
}

#wrapp{
width:736px;
margin:0 auto;
height:100%; 
min-height:100%;
height:auto;
background:url(../img/titlebg.gif) no-repeat;
}
.topics{
margin:30px 0 25px 0;
}

p.p1{
margin-left:10px;
line-height:180%;
}

#iphone{
margin:30px 0 35px 0;
}

#info{
padding-top:25px;
background:url(../img/cocoa.gif) right top no-repeat;
min-height:208px;
}

#flak{
margin-top:70px;
}