@charset "utf-8";
/* CSS Document */

/* tag */

body {
	color: #8C8C8C;
	background-color: #FAF7F0;
}

a {
	color: #C2A157;
	overflow:hidden;
	outline:none;
}

a:hover {
	color: #8C8C8C;
	text-decoration: none;
}

a span {
    display: none;
}

blockquote {
}

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

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

/* parts */

.b_up {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(../images/box_up.png);
	background-repeat: no-repeat;
	float: right;
}

.b_ksk {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(../images/koushiki.png);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

/* text */

.s_txt {
	font-size: 85%;
	line-height: 150%;
}

span.iromoji {
	color: #FF6EAB;
}

span.hosoku {
	font-size: 85%;
	line-height: 150%;
}

span.uline_red {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF4742;
}

span.uline_green {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #32961E;
}

span.uline_white {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}

span.uline_yellow {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF000;
}

address {
	font-size: 85%;
	line-height: 25px;
	margin-left: 15px;
	float: left;
}

/* parts */

.form_ipt {
	width: 200px;
	height: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.form_ipt_imed {
	width: 200px;
	height: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
	ime-mode: disabled;
}

.form_ipt_s {
	width: 100px;
	height: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.form_ta {
	margin-top: 3px;
	margin-bottom: 3px;
}

input#form_submit {
	width: 220px;
	height: 60px;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url(../images/submit.png);
	/*text-indent: -5000px;*/
	border: none;
	border-style: none;
	cursor: pointer;
	background-repeat: no-repeat;
}

/* layout */

div#container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

div#header {
	display: block;
	height: 130px;
	background-image: url(../images/header_bg.png);
	background-repeat: no-repeat;
	position: relative;
}

#logo {
	height: 60px;
	width: 60px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	left: 30px;
	top: 30px;
}

ul#navi_head {
	position: absolute;
	right: 10px;
	width: 299px;
	height: 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #AAABAB;
	top: 20px;
}

ul#navi_head li {
	float: right;
	height: 20px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #AAABAB;
}

div#pagebody {
	display: block;
	background-image: url(../images/pagebody_bg.png);
	background-repeat: repeat-y;
}

div#footer {
	height: 25px;
	display: block;
	background-image: url(../images/footer_bg.png);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	background-position: bottom;
	padding-right: 30px;
	padding-left: 30px;
}

div#f_navi {
	font-size: 85%;
	line-height: 25px;
	float: right;
	margin-right: 10px;
}