@charset "shift_jis";
/* ---------------------------
・基本設定
--------------------------- */

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote
{ margin:0; padding:0; }

html { height: 100%; }

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	line-height: 1.2em;
	text-align: left;
	vertical-align: top;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 12px;
	color: #333333;
}

.finger{
	cursor:pointer;
}

h4 {
	margin: 5px 0 0 0;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.5;
}

h1 {
	font-size: 1.0em;
	font-weight: lighter;
}

h1 > span {
	display: block;
	margin: 0;
}

hr {
	margin: 30px 0 40px 0;
}

#hissu {
	margin-left:15px;
	padding:1px 6px 0px;
	font-size:0.9em;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	background-color:#FF4D4D;
	color:#ffffff;
	letter-spacing:2px;
	float:right;
}

#hissu2 {
	margin-left:5px;
	margin-right:5px;
	padding:1px 6px 0px;
	font-size:1em;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	background-color:#FF4D4D;
	color:#ffffff;
	letter-spacing:2px;
}

.required {
font-size: 12px;
color: #fff;
font-weight: bold;
background: #862224;
border-radius: 3px;
padding: 1px 6px;
margin-left: 5px;
}


#nin-i {
	margin-left:15px;
	padding:1px 6px 1px;
	font-size:1.0em;
	background-color:#999999;
	color:#ffffff;
}

.red_big{
	font-size: 1.5em;
	font-weight: bold;
	color: #990000;
	}

a {
	display: block;
	text-decoration: none;
}

a:link {
	color: #333333;
}

a:visited {
	color: #333333;
}

a:active {
	color: #333333;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.over {
	overflow: hidden;
}

/*.clearfix:after {
	content:"";
	clear:both;
	display:block;
}*/


.font10 {
	font-size: 10px;
	line-height: 1.6;
	color: #333333;
}

.font12 {
	font-size: 12px;
	font-weight: lighter;
	line-height: 1.6;
	color: #333333;
}

.font14 {
	font-size: 14px;
	font-weight: lighter;
	line-height: 1.6;
	color: #333333;
}

.font16 {
	font-size: 16px;
	font-weight: lighter;
	line-height: 1.6;
	color: #333333;
}

.font18 {
	font-size: 18px;
	font-weight: lighter;
	line-height: 1.6;
	color: #333333;
}

.font20 {
	font-size: 20px;
	font-weight: lighter;
	line-height: 1.6;
	color: #333333;
}

.fontred_count{
	font-size:26px;
	color:#980134;
	font-weight:bold;
	margin:0 5px;
}

.display_none {
	display: none;
}

/* ---------------------------
・基本
--------------------------- */

#contents_wrap {
	width: 990px;
	margin: 0 auto;
}

#contents{
	width: 100%;
	margin: 0 auto;
}

#waku {
	width: 800px;
	margin: 30px auto;
}

table.tb_1{
	font-size: 12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-top: 10px;
	border-collapse : collapse;
	empty-cells:show;
}
.tb_1 td{
	font-size: 12px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-collapse : collapse;
	empty-cells:show;
	
}
.tb_1 th{
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	background-color:#FFFBEE;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-collapse : collapse;
	empty-cells:show;
	
}

/* コンテンツ部分
--------------------------------------- */

#contents {
	margin: 10px 0 50px 0;
}

#contents p {
	width: 550px;
	margin: 0 0 20px;
	padding: 0 0 0 5px;
}

#contents + p + p {
	margin: 15px 0 5px 20px;
}

#color_sample01 {
	width: 100%;
	padding: 0 0 10px 0;
	border-bottom:1px solid #cccccc;
}

#color_sample01 a {
	display: inline-block;
}

#color_sample01 .float_left {
	margin: 0 2px 0 0;
}

#color_sample02 {
	width: 100%;
	margin: 13px 0 45px 0;
}

#color_sample02 a {
	display: inline-block;
}

#color_sample02 .float_left {
	margin: 0 5px 0 0;
}


/* ウッドブラインドコンテンツ部分
--------------------------------------- */
#wood_sample .float_left{
	
}

#wood_sample .float_right{
	width:380px;
}

#wood_sample table{
	font-size:14px;
}

#wood_sample .choice{
	border-top:double 1px #aaaaaa;
	border-bottom:double 1px #aaaaaa;
	line-height:200%;
	color:#cc0033;
}

/**フォーム**/
input {
	height: 35px;
	padding-left:5px;
	font-size:12px;
}

textarea{
	padding-left:5px;
	line-height:160%;
}

#submit_btn {
    border: 0px;
    width: 200px;
    height: 50px;
    background: url(img/form_submit.jpg) left top no-repeat;
	cursor:pointer;
}

#submit_go {
    border: 0px;
    width: 200px;
    height: 50px;
    background: url(img/form_go.jpg) left top no-repeat;
	cursor:pointer;

}

#submit_back {
    border: 0px;
    width: 200px;
    height: 50px;
    background: url(img/form_back.jpg) left top no-repeat;
	cursor:pointer;
}

#submit_close {
    border: 0px;
    width: 200px;
    height: 50px;
    background: url(img/form_close.jpg) left top no-repeat;
	cursor:pointer;
}


/*　エラーページ
--------------------------------------------*/

#err2Wrap p {
	color: #ff3333;
}

#err2Wrap dl {
	width: 100%;
	font-weight: lighter;
}

#err2Wrap dt {
	width: 250px;
	height: 30px;
	padding: 12px 0 0 0;
	background: #cccccc;
	text-align: center;
}

#err2Wrap dd {
	width: 500px;
	height: 30px;
	padding: 12px 0 10px 10px;
	text-align: left;
}

#err2Wrap div {
	margin: 10px 0 0 0;
}

#err2Wrap input {
}

#err2Wrap .center {
	width: 800px;
	text-align: center;
	display: inline;
}

/*　内容確認ページ
--------------------------------------------*/

#confWrap dl{
	width: 700px;
	font-weight: lighter;
}

#confWrap dt{
	width: 187px;
	height: 28px;
	line-height:28px;
	background: #FFFBEE;
	text-align: center;
	border:1px #d9d9d9 solid;
	border:1px #d9d9d9 solid;
	border:1px #d9d9d9 solid;
}

#confWrap dd{
	width: 500px;
	height: 28px;
	line-height:29px;
	border-top:1px #d9d9d9 solid;
	border-right:1px #d9d9d9 solid;
	border-bottom:1px #d9d9d9 solid;
	padding-left:10px;
	text-align: left;
}

#confWrap div{
	margin: 3px 0 0 0;
}

#confWrap .center {
	width: 800px;
	text-align: center;
	display: inline;
}

/* ステップページh1
============*/

#h1zone{
position:fixed;
bottom:0;
width:100%;
padding:3px 0 0 0;
background-color:#fff;
border-top:1px #f2f2f2 solid;
z-index:1;
}

.h1zone{
width:100%;
text-align:right;
color:#999;
}

.kinds01{
display:inline-block;
}

.kinds02{
display:inline-block;
}


@media screen and (max-width: 767px){

body{
width:100%;
}

img{
max-width:100%;
}

#contents_wrap {
width: 96%;
}

#contents p {
width: 100%;
padding: 0;
}

.h1zone{
font-size:10px;
text-align:left;
}

h4 {
margin: 5px 0 0 0;
font-size: 24px;
font-weight: bold;
line-height: 1.5;
}

#contents + p + p {
margin: 15px 0 5px 0;
}

.fontred_count{
font-size:20px;
}

.font20{
font-size:18px;
}

.kinds01{
width:32%;
}

.kinds02{
width:48%;
}

.color_spl01{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}


}