@charset "utf-8";

@import url("menu.css");
@import url("hinokihome.css");
/*****************************
??\o§?°?￣
*****************************/
/*body,td,th {
	font-size: small;
	color: #3F3F3F;
	line-height: 130%;
}
body {
	background-image: url(../image/bg.gif);
	background-position: center top;
	background-repeat: repeat-y;
	background-color:#CCCCCC;
	margin: 0px auto;
	padding: 0px;
}
h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,p,li,ul {
	margin: 0px;
	padding: 0px;
}*/
/*li{
	list-style: none;
}
h1 {
	padding: 3px 0px 0px 5px;
	font-size: x-small;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
}
h3 {
	margin-top: 10px;
	font-size: small;
	line-height: normal;
	font-weight: normal;
}
h4 {
	font-size: small;
	padding:10px 0px;
}*/
form {
	margin: 0px;
}
hr {
	height: 1px;
	color: #8F6336;
	margin: 10px 0px;
}

/*****************************
?§?!?|o§?°?￣
*****************************/
a:link {
	color: #43609B;
	text-decoration: none;
}
a:visited {
	color: #43609B;
	text-decoration: none;
}
a:hover {
	color: #43609B;
	text-decoration: underline;
}
a:active {
	color: #43609B;
	text-decoration: none;
}

/****************************/
.margin-t-10px {
	margin-top:10px;
}
.margin-b-10px {
	margin-bottom:10px;
}
.margin-r-10px {
	margin-right:10px;
}
.margin-l-10px {
	margin-left:10px;
}
.margin-br-10px {
	margin:0px 10px 10px 0px;
}
.margin-bl-10px {
	margin:0px 0px 10px 10px;
}
#contener {
	width: 778px;
	margin: 0px auto;
	padding: 0px;
	background-color:#FFFFFF;
}
/*#header {
	height: 83px;
	background-image: url(../image/header_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
}*/
#contents {
	width: 758px;
	padding: 0px 10px;
}
#sub {
	width: 211px;
	float: left;
	margin-bottom:20px;
}
#main {
	width: 537px;
	float: left;
	padding-right:10px;
	margin-bottom:20px;
}
#list-main {
	padding:10px;
}
#fotter {
	clear: both;
	text-align:center;
	padding:10px 0px;
	line-height:2;
	font-size:small;
	background-image:url(../image/fotter_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

.total {
	width: 377px;
	height:221px;
	float: left;
	background-image:url(../image/top_bg01.gif);
	background-position:left top;
	background-repeat:repeat-x;
	border-right:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	font-size:12px;
}
.reform {
	width: 378px;
	height:221px;
	float: left;
	background-image:url(../image/top_bg01.gif);
	background-position:left top;
	background-repeat:repeat-x;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	font-size:12px;
}
.header-menu {
	height:23px;
}
.topix {
	margin-top:10px;
}
.top-btn {
	text-align:right;
	padding-right:10px;
}
.top-banner {
	margin-top:10px;
	background-color: #EDEDED;
	border: 1px solid #CCCCCC;
	padding:4px 9px 9px 9px;
}

/*** ?!?|?・a\u§?|#?|?!?|***/
.topix_con li{
	list-style:none;
	padding:5px 10px 0px 10px;
}
/*.list-title-bg {
	background-image:url(../image/list_tit_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:94px;
}*/
.list-navi {
	font-size:12px;
	padding:20px 0px 0px 20px;
}
.list-title {
	font-size:22px;
	color:#216CAF;
	padding:12px 0px 0px 20px;
}
.list-waku {
	margin:10px;
	padding:10px;
	border:1px solid #DDDDDD;
}
.list-tbl {
	border: 1px solid #CCCCCC;
	margin:10px 7px;
}
.pagenav {
	text-align:right
}
.list-tbl-title {
	background-color:#EFEFEF;
	border-bottom: 1px solid #CCCCCC;
	padding:5px;
}
.list-tbl-photo {
	padding:10px 0px;
}
.list-tbl-detail {
	padding:10px 0px;
	border-left:1px solid #EFEFEF;
}
.list-tbl-con {
	padding:10px;
	border-left:1px solid #EFEFEF;
}
.list-tbl-comment {
	margin-top:5px;
	padding:3px 0px;
}

.detail-waku {
	margin:10px;
	padding:3px;
	border:1px solid #DDDDDD;
}
.detail-waku2 {
	width:738px;
	margin:10px;
}
.detail-main {
	width:458px;
	float:left;
}
.detail-sub {
	width:280px;
	float:left;
}
.detail-sphoto {
	border:1px solid #eeeeee;
	padding:1px;
	height:82px;
	width:81px;
}
.detail-tbl {
	margin:10px 0px;
	width:438px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	margin-right:20px;
}
.detail-tbl-title {
	width:127px;
	padding:5px;
	font-weight:bold;
	background-color:#F7F6F0;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.detail-tbl-con {
	padding:5px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.detail-btn {
	text-align:right;
	width:438px;
	margin-right:20px;
	padding:10px 0px;
}
.detail-con {
	padding:10px;
}

.form_bottom {
	text-align:center;
	padding:10px;
}
.form_err2 {
	color:#cc0000;
	padding:0px 20px 10px 20px;
}
.contact-title {
	font-size:22px;
	color:#216CAF;
	padding:10px 0px 0px 20px;
}
.privacy-comp {
	text-align:right;
	font-weight:bold;
	padding:30px 0px 10px 0px;
}
.company-tbl-tit {
	background-color:#DDDDDD;
	font-weight:bold;
	padding:5px;
}
.company-tbl-con {
	padding:5px;
}
.company-tbl-con2 {
	padding-left:10px;
}

.form_left {
	padding:10px;
	background-color:#eeeeee;
}
.form_right {
	padding:10px;
}
.hissu {
	color:#cc0000;
	font-size:x-small;
}
.furi {
	font-size:x-small;
}

#items li{
	float: left;
	width: 233px;
	height:155px;
	padding: 0px 5px 10px 0px;
	background-image:url(../image/g_list_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	list-style:none;
}
#items ul{
	clear: both;
	width: 716px;
}
#items ul:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.glist-tit{
	padding:8px 0px 5px 28px;
}
.flow-bg,
.flow-bg2,
.flow-bg3,
.flow-bg4,
.flow-bg5,
.flow-bg6,
.flow-bg7,
.flow-bg8,
.flow-bg9,
.flow-bg10,
.flow-bg11,
.flow-bg12,
.flow-bg13,
.flow-bg14,
.flow-r-bg,
.flow-r-bg2,
.flow-r-bg3,
.flow-r-bg4,
.flow-r-bg5,
.flow-r-bg6,
.flow-r-bg7,
.flow-r-bg8 {
	padding:50px 20px 15px 80px;
	background-position: left top;
	background-repeat:no-repeat;
	border-bottom:1px solid #eeeeee;
}
.flow-bg {background-image:url(../image/flow_bg.gif);}
.flow-bg2 {background-image:url(../image/flow_bg2.gif);}
.flow-bg3 {background-image:url(../image/flow_bg3.gif);}
.flow-bg4 {background-image:url(../image/flow_bg4.gif);}
.flow-bg5 {background-image:url(../image/flow_bg5.gif);}
.flow-bg6 {background-image:url(../image/flow_bg6.gif);}
.flow-bg7 {background-image:url(../image/flow_bg7.gif);}
.flow-bg8 {background-image:url(../image/flow_bg8.gif);}
.flow-bg9 {background-image:url(../image/flow_bg9.gif);}
.flow-bg10 {background-image:url(../image/flow_bg10.gif);}
.flow-bg11 {background-image:url(../image/flow_bg11.gif);}
.flow-bg12 {background-image:url(../image/flow_bg12.gif);}
.flow-bg13 {background-image:url(../image/flow_bg13.gif);}
.flow-bg14 {background-image:url(../image/flow_bg14.gif);}

.flow-r-bg {background-image:url(../image/flow_r_bg.gif);}
.flow-r-bg2 {background-image:url(../image/flow_r_bg2.gif);}
.flow-r-bg3 {background-image:url(../image/flow_r_bg3.gif);}
.flow-r-bg4 {background-image:url(../image/flow_r_bg4.gif);}
.flow-r-bg5 {background-image:url(../image/flow_r_bg5.gif);}
.flow-r-bg6 {background-image:url(../image/flow_r_bg6.gif);}
.flow-r-bg7 {background-image:url(../image/flow_r_bg7.gif);}
.flow-r-bg8 {background-image:url(../image/flow_r_bg8.gif);}

.faq-q {
	height:24px;
	padding:3px 10px 0px 66px;
	background-image:url(../image/faq_bg01.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
}
.faq-a {
	margin:10px 0px;
	padding:0px 10px 10px 66px;
	background-image:url(../image/faq_bg02.gif);
	background-position:left top;
	background-repeat:no-repeat;
}