@charset "UTF-8";

/* CSS Document */
@import "reset.css";
@import "init.css";

body{
	background: url(../images/common/bg_gray.png) repeat;
}

div#header_wrap{
	background: url(../images/common/bg_header_pink.png) repeat-x bottom;
	padding-top: 10px;
	height: 106px;
}

div#header_wrap header{
	background: url(../images/common/flamingo_gray.png) no-repeat bottom right;
	height: 86px;
}


div#logo{
	padding-top: -10px;
}
/*
div#information{
	width: 400px;
	float: right;
	padding-top: 10px;
}

*/
h2{
	color: #F4C3B2;
	font-size: 30px;
}

section{
	margin-top: 50px;
}

section h3{
	color: #666666;
	font-size: 16px;
	margin-bottom: 1em;
	padding-left: 16px;
	background: url(../images/common/point_pink.gif) no-repeat center left;
}

/*section h3:before{
    content: "";
    background: #F4C3B2;
    float: left;
    position: relative;
    border-radius: 16px;
	behavior: url(../border-radius.htc);
    display: block;
    height: 16px;
    width: 16px;
	margin-right: 5px;
}
*/
section p{
	font-size: 12px;
}

dl{
	border-bottom: dotted 1px #cccccc;
}

dl dt,
dl dd{
	float: left;
	border-top: dotted 1px #cccccc;
	padding: 8px 20px;
}

dl dt{
	clear: both;
	width: 220px;
	letter-spacing: normal;
}

dl dd{
	width: 400px;
}

@media screen and (max-width: 450px) {
div#header_wrap{
	background-size: 100% auto;
	background-repeat: repeat;
	padding-top: 10px;
	height: 64px;
}

div#header_wrap header{
	background-size: auto 100%;
	height: 54px;
}

nav{
	padding-top: 5px;
}

section{
	margin-top: 20px;
}

section h3{
	margin-bottom: 0.5em;
}

dl dd{
	width: 90%;
	border-top: none;
	padding: 0 5% 8px;
}

dl dt{
	width: 90%;
	padding: 8px 5% 0;
	font-size: 90%;
	color: #333333;
}

dl dt:after{
	content: " : ";
}

}