@import "reset.css";
@import "font.css";
@import url(http://fonts.googleapis.com/css?family=Carme);

/*common*/
body{
	background:url(../images/body_bg.gif) repeat-x top;
	-webkit-text-size-adjust:none;
	word-wrap:break-word;
	padding:1.5em 0 0 0;
}
header,#contents,footer .inner{
	clear:both;
	width:490px;
	margin:0 auto;
}
h2{
	font-size:131%;
	font-family: 'Carme', sans-serif;
}
h2 span{
	font-size:60%;
	padding:0 0 0 1em;
	font-weight:normal;
}
img{
	vertical-align:bottom;
}
a img:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
a{
	color:#e42600;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/*header*/
header h1{
	font-size:108%;
	padding:3px 0 20px 0;
}
header h1 img{
	width:187px;
	height:auto;
}
/*/header*/

/*title*/
.title h2{
	width:490px;
	margin:0 auto 1em;
}
.title h2 img{
	width:14px;
	margin:0 4px 0 0;
	vertical-align:middle;
}
/*/title*/

/*footer*/
footer{
	color:#999;
	margin:30px 0 0 0;
	text-align:center;
	font-size:85%;
}
footer a{
	color:#999;
}
/*/footer*/


/*policy*/
#policy .box{
	margin:3em 0 0 0;
}
#policy ul{
	margin:1em 0 0 2em;
}
#policy li{
	list-style:square;
}
/*/policy*/

/*mq*/
@media screen and (max-width: 490px) {
	header,#contents,footer{
		width:95%;
	}
	.title h2{
		width:95%;
	}
}