﻿

/**** ヘッダー ******************************/
header{
	width:100%;
	padding:0;
	z-index:999;
	}
.top_inner{
	width:90%;
	margin:0 auto;
	}

.head_in1{
	background-image:url(../image/head_back.png);
	background-repeat:repeat-x;
	width:100%;
	height:70px;
	}
header h1{
	width:200px;
	float:left;
	}
.top_tel{
	float:right;
	margin:0;
	}
.top_mail{
	float:right;
	margin:22px 0 0 20px;
	}
	
.head_in2{
	top:70px;
	background-image:url(../image/naviback.png);
	background-repeat:repeat-x;
	width:100%;
	height:46px;
	color:#FFF;
	}
.gnav{
	margin:0;
	padding:8px 0 0 0;
	white-space:nowrap;
	}
	
.gnav li{
	text-decoration:none;
	font-weight:bold;
	line-height:30px;
	display:inline-block;
	margin:0;
	padding:0 10px 0 10px;
	border-left:1px solid #FFF;
	}
.gnav .li_last{
	border-right:1px solid #FFF;
	}
.gnav li a{
	color:#FFF;
	}
.gnav li a:hover{
	color:#C8BB9B;
	}
.menu{
	display:none;
	}
	
/**** トップ ******************************/

.contents_top{
	width:1200px;
	margin:-220px auto 0 auto;
	background-color:#FFF;
	padding-top:10px;
	border-top: 10px solid #C89F62;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	}
.box-video {
	width:100%;
	height:auto;
	background:url(../image/video/over.png) repeat-x bottom left;
	}
.box-video-content {
	position:absolute;
	top:160px;
	width:100%;
	color:#fff;
	}
video {
	position: relative;
	right: 0;
	bottom: 0;
	min-width: 100%;
	width: 100%;
	height: auto;
	z-index: -100;
}
.top_catch{
	position:absolute;
	right:10%;
	width:137px;
	height:400px;
	}
.top_body{
	position:absolute;
	right:20%;
	width:450px;
	height:400px;
	background-image:url(http://www.fukuda-ningyo.jp/fukuda/image/top/main_catch2.png);
	background-repeat:no-repeat;
	}
.top_body p{
	display:none;	
	}

.top_left{
	width:55%;
	float:left;
	}
.top_right{
	width:40%;
	float:right;
	}

.recommend ul{
	padding:0;
	margin:0;
	}
.recommend li{
	list-style:none;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #DDD;
	}
.re_photo{
	float:left;
	width:25%;
	}
.re_txt{
	float:right;
	width:72%;
	}
.re_txt h4{
	margin:0;
	font-size:16px;
	}

	
/**** サブページ ******************************/	
.contents_wrap{
	width:1170px;
	margin:30px auto 60px auto;
	}
.main_contents{
	float:left;
	width:74%;
	line-height:1.7em !important;
	}
.right_contents{
	float:right;
	width:23%;
	}
.right_contents .bnr_box{
	margin-bottom:30px;
	}
.right_contents .bnr_box img{
	width:100%;
	}
.right_contents .bnr_box .bnr1{
	margin-bottom:20px;
	}
.right_contents .bnr_box .bnr2{
	margin-bottom:6px;
	}
.right_nav_box{
	margin-bottom:20px;
	}
.right_nav_box h2{
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	text-shadow: 1px 1px 0px #675A39;
	background-image:url(../image/right/right_nav_title.jpg);
	height:30px;
	line-height:30px;
	padding-left:20px;
	margin:0 0 7px 0;
	}
.right_nav_box ul{
	margin:0;
	padding:0;
	}
.right_nav_box li{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	list-style:none;
	background-image:url(../image/right/rignt_nav_arrow.png);
	background-position:right;
	background-repeat:no-repeat;
	font-size:13px;
	line-height:24px;
	border-bottom:1px dotted #CCCCCC;
	}
.right_about_box{
	border:1px solid #CCC;
	padding:15px;
	}
.right_about_box img{
	display: block;
	margin:0 auto;
	width:100%;
	}
	
.right_about_box h2{
	font-size:16px;
	font-weight:bold;
	background-image:url(../image/right/right_nav_title2.png);
	background-repeat:no-repeat;
	background-position:left;
	border-bottom:1px solid #CCC;
	height:25px;
	line-height:25px;
	padding-left:20px;
	margin:15px 0 7px 0;
	}
.right_about_box ul{
	margin:0;
	padding:0 0 20px 0;
	}
.right_about_box li{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	list-style:none;
	background-image:url(../image/right/rignt_nav_arrow.png);
	background-position:right;
	background-repeat:no-repeat;
	font-size:13px;
	line-height:24px;
	border-bottom:1px dotted #CCCCCC;
	}
.right_about_box p{
	margin:0 0 10px 0;
	font-size:13px;
	}
.right_logo{
	margin-bottom:10px !important;
	}
.right_mail{
	margin-bottom:10px !important;
	}

.bread{
	margin:0 0 30px 0;
	font-size:13px;
	background-color:#F2EFE7;
	padding:2px 10px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	}

.main_contents a:link, a:visited {
	color: #BF2B29;
	}
.main_contents a:active, a:hover {
	color: #AA9562;
	}

	
.main_contents h2{
	background-repeat:no-repeat;
	margin:0 0 40px 0;
	padding:0 0 0 30px;
	height:100px;
	line-height:100px;
	font-size:45px;
	font-weight:normal;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	text-shadow: 1px 1px 0px #000;
	color:#FFF;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	}
.main_contents h3{
	background:url(../image/right/right_nav_title2.png) left no-repeat;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	line-height:30px;
	font-size:20px;
	font-weight:normal;
	margin:0 0 15px 0;
	padding-left:25px;
	border-bottom:1px solid #CCC;
	}
.main_contents p{
	margin:0;
	}
	
.contents_in{
	margin-bottom:40px;
	}
	
.col2{
	width:48%;
	}
.col3_left{
	float:left;
	width:32%;
	margin-right:2%;
	}
.col3_right{
	float:right;
	width:32%;
	}
.col4_left{
	float:left;
	width:24%;
	margin-right:1.3%;
	}
.col4_right{
	float:right;
	width:24%;
	}


.f_left{
	float:left;
	}
.f_right{
	float:right;
	}
	
/**** 商品リスト ******************************/
.list_box{
	float:left;
	width:31%;
	margin-right:1%;
	margin-left:1%;
	background-color:#F2EFE7;
	margin-bottom:15px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	}

.list_box_in{
	margin:10px;
	}
.list_box_in img{
	vertical-align:bottom;
	}
.list_box_in h4{
	margin:10px 0 0 0;
	border-bottom:1px solid #FFF;
	}
.list_box_in dl{
	font-size: 13px;
	line-height: 1.2em;
	}
.list_box_in dl dt{
	font-size: 13px;
	font-weight: bold;
	width: 60px !important;
	}
.list_box_in dl dd{
	margin: -1.2em 0 4px 0;
	padding: 0 0 4px 60px !important;
	}
	

.item_box{
	}
.item_box h4{
	font-size:22px;
	line-height:40px;
	color:#FFF;
	text-shadow: 1px 1px 0px #675A39;
	padding-left:15px;
	margin:15px 0;
	border-left:5px solid #AA9562;
	background-color:#C8BB9B;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	}
.item_photo_box{
	background-color:#F2EFE7;
	margin-bottom:25px;
	padding:10px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	}
.item_box_photo{
	margin-bottom:15px;
	}
.item_box img{
	vertical-align:bottom;
	}
.item_box table{
	background:#AAA;
	border-collapse:separate;
	border-spacing:0 1px;
	width:100%;
	margin-bottom:10px;
}
.item_box table th{
	padding:5px;
	width:30%;
	min-width:90px;
	vertical-align:middle;
	border:1px #FFF solid;
	background:#EEE;
	font-weight:normal;
}
.item_box table td{
	padding:5px 20px;
	vertical-align:middle;
	border:1px #FFF solid;
	background:#FFF;
}


	
.img_outer {
	width: 100%;
	height: 170px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color:#FFF;
}
.img_inner {
	/*display: table-cell;*/
	vertical-align: middle;
	width: 100%;
	height: 170px;
}
.img_inner img {
	display:block;
	margin:0 auto;
	max-width: 100%;
	max-height: 100%;
}


/**** 商品リスト ******************************/

.item_section_box{
	background-image:url(../image/washi_back.jpg);
	background-repeat:repeat;
	padding-top:20px;
	}
.item_section{
	border-bottom:1px solid #EEE;
	padding-bottom:20px;
	margin:20px;
	}
.item_section h5{
	margin:10px 0 10px 0;
	font-size:24px;
	}



/**** 新着情報 ******************************/
.contents_in dl{
	line-height: 1.6em;
	}
.contents_in dl dt{
	width: 170px;
	padding-left:3px;
}
.contents_in dl dd{
	margin: -1.6em 0 8px 0;
	padding: 0 0 8px 170px;
	border-bottom:1px solid #CCC;
}
.contents_in dl dt i{
	color:#F29300;
}
/**** 新着情報 ************************/
.news_dd_title{
	font-size:135%;
	line-height:1.5em;
	font-weight:bold;
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:5px;
	padding-bottom:5px;
	}
.news_dd_content{
	margin-bottom:10px;
	}
.pager{
	margin-top:20px;
	text-align:center;
	}
.pager_item{
	display:inline-block;
	padding:5px 8px;
	border:1px solid #CCC;
	margin:1px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	}
	
.post_date{
	font-weight:bold;
	font-size:15px;
	text-align:right;
	border-bottom:1px solid #999;
	}
.post_title{
	font-size:25px;
	font-weight:bold;
	padding:7px 0;
	border-top:5px solid #666;
	border-bottom:1px solid #666;
	margin-bottom:15px;
	}
.post_navi{
	margin-top:40px;
	border-top:1px solid #DDD;
	text-align:center;
	padding-top:10px;
	}



/**** 雛人形 ******************************/
.hina_title{
	background-image:url(../image/hina/title_back.jpg);
	}
/**** 五月人形 ******************************/
.gogatsu_title{
	background-image:url(../image/gogatsu/title_back.jpg);
	}
	
/**** 福田人形店について ******************************/
.about_title{
	background-image:url(../image/about/title_back.jpg);
	}
.greeting_left{
	float:left;
	width:22%;
	}
.greeting_right{
	float:right;
	width:75%;
	}

.enkaku dl{
	line-height: 1.8em;
	}
.enkaku dl dt{
	width: 17%;
	border-right:3px solid #C8BB9B;
	}
.enkaku dl dd{
	margin: -1.8em 0 8px 0;
	padding: 0 0 8px 20%;
	border-bottom:1px dotted #CCC;
	}
	
.jusyo h4{
	font-size:16px;
	line-height:1.8em !important;
	margin:0 0 8px 0;
	border-bottom:1px dotted #CCC;
	}
.jusyo h4 span{
	background-color:#AA9562;
	color:#FFF;
	font-size:13px;
	font-weight:normal;
	padding:3px 8px;
	margin-right:10px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	}
.jusyo p{
	margin-bottom:10px;
	padding-left:50px;
	}
	
.gaiyo dl{
	line-height: 1.8em;
	margin:0;
	}
.gaiyo dl dt{
	width: 17%;
	}
.gaiyo dl dd{
	margin: -1.8em 0 8px 0;
	padding: 0 0 8px 20%;
	border-bottom:1px dotted #CCC;
	}
.gaiyo_left{
	float:left;
	width:70%;
	}
.gaiyo_right{
	float:right;
	width:28%;
	}
.map_box{
	background-color:#C8BB9B;
	padding:10px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	}
	
/**** 京人形 ******************************/
.kyo_title{
	background-image:url(../image/kyoningyo/title_back.jpg);
	}
.kyobox{
	margin-bottom:40px;
	}
.kyobox h4{
	margin:0 0 10px 0;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:36px;
	line-height:50px;
	font-weight:normal;
	}
.kyobox_left1{
	float:left;
	width:60%;
	}	
.kyobox_right1{
	float:right;
	width:36%;
	}	
.kyobox_left2{
	float:left;
	width:36%;
	}	
.kyobox_right2{
	float:right;
	width:60%;
	}	
	
/**** 年間の節句 ******************************/
.sekku_title{
	background-image:url(../image/sekku/title_back.jpg);
	}
.sekkubox{
	margin-bottom:40px;
	}
.sekkubox h4{
	margin:0 0 10px 0;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:36px;
	line-height:50px;
	font-weight:normal;
	}
.sekkubox_left{
	float:left;
	width:69%;
	}	
.sekkubox_right{
	float:right;
	width:28%;
	}
.sekkubox_right img{
	vertical-align:bottom;
	margin-bottom:15px;	
	}

.hayami table{
	border:1px solid #BBB;
	}
.hayami table p{
	margin:0;
	}
.hayami table th{
	border:1px solid #BBB;
	padding:10px;
	font-weight:normal;
	}
.hayami table td{
	border:1px solid #BBB;
	padding:10px;
	}
.hayami table .left{
	float:left;
	width:67%;
	}
.hayami table .right{
	float:right;
	width:30%;
	}

.hw20{
	width:20%;
	}
.hw15{
	width:15%;
	}
.hw10{
	width:10%;
	}
.hayami .ttl1{
	color:#FFF;
	background-color:#D3CBC5;
	font-weight:bold !important;
	}
.hayami .ttl2{
	background-color:#EAE5E3;
	font-weight:bold !important;
	}
.hayami span{
	font-size:12px;
	}
	

/***飾り方******************************************/

.one_point h2{
	background-color:#960;
	padding-left:15px;
	font-size:20px;
	line-height:30px !important;
	height:30px !important;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	}
.one_point{
	background-color:#EEE !important;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	}
.one_point_in{
	margin:20px;
	}

.kazari_title{
	background-color:#222;
	}
.kazari_title h2{
	font-size:26px;
	}
.kazari_title2{
	color:#FFF;
	line-height:30px;
	margin:60px 0 0 0 !important;
	padding:5px 15px;
	font-size:20px !important;
	background-color:#960;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	}

/***採用情報******************************************/

.recruit_entry{
	background-color:#EEE;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	padding:20px; 
	}
.recruit_entry h5{
	margin:0 0 20px 0;
	text-align:center;
	font-size:20px;
	}
.recruit_tel{
	width:48%;
	float:left;
	text-align:right;
	}
.recruit_tel a{
	font-size:25px !important;
	color:#093 !important;
	}
.recruit_entry i{
	margin-right:5px;
	}
.recruit_mail{
	width:48%;
	float:right;
	}
.recruit_mail a{
	display:block;
	background-color:#C00;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	padding:10px 0;
	width:240px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	}
.recruit_mail a:hover{
	background-color: #900;
	}
	
.side_recruit a{
	display:block;
	background-color:#C00;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.5em;
	padding:10px 0;
	width:100%;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	}
.side_recruitl a:hover{
	background-color: #900;
	}

/***お問い合わせ******************************************/

table.inquiry_form{
	background:#425C32 !important;
	border-collapse:separate;
	border-spacing:0 1px;
	width:100%;
	margin-bottom:10px;
}
table.inquiry_form th{
	padding:10px;
	width:25%;
	min-width:90px;
	vertical-align:middle;
	border:1px #F4F2F1 solid;
	background:#DBD9CB;
	font-weight:normal;
}
table.inquiry_form td{
	padding:10px 20px;
	height:32px;
	vertical-align:middle;
	border:1px #FFF solid;
	background:#FFF;
}
.error_message{
	color:#F00;
	}
input[name="data[column_1]"] {
	width:60%;
	}
input[name="data[column_2]"] {
	width:60%;
	}
input[name="data[column_3]"] {
	width:90%;
	}
input[name="data[column_4]"] {
	width:60%;
	}
textarea[name="data[column_6]"] {
	width:90%;
	}
input[name="data[column_5][address1]"] {
	width:90%;
	}
input[name="data[column_5][address2]"] {
	width:90%;
	}
input[name="data[column_5][address3]"] {
	width:90%;
	}

/**** フッター ******************************/
footer{
	width:100%;
	}

.foot_link{
	background-image:url(../image/footer_back.png);
	background-repeat:repeat-x;
	width:100%;
	padding:20px 0 0 0;
	}
.foot_left{
	float:left;
	width:210px;
	color:#FFF;
	margin-right:20px;
	margin-bottom:15px;
	}
.foot_right{
	float:right;
	width:120px;
	color:#FFF;
	font-size:12px;
	text-align:right;
	line-height:1.2em;
	}
.foot_right_txt{
	margin-right:10px;
	}

.foot_left h3{
	margin:0;
	line-height:30px;
	border-bottom:1px solid #FFF;
	}
.foot_left ul{
	margin:7px 0 0 0;
	padding:0;
	}
.foot_left li{
	list-style:none;
	font-size:14px;
	}
.foot_left li a{
	color:#FFF;	
	}
.foot_left li a:hover{
	color:#AAA;	
	}
.foot_link p{
	margin:5px 0 0 0;
	color:#FFF;
	font-size:12px;
	}

/**** SLIDER ******************************/	
.sb-left ul{
	margin:0;
	padding:0;
	}
.sb-menu li{
	width:100%;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
  	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	list-style:none;
	margin:0;
	}
.sb-menu > li:last-child {
  border-bottom: none;
	}

.sb-menu li a{
	width:100%;
	display:inline-block;
	padding:15px;
	color:#f2f2f2;
	}
.sb-menu li a:hover{
	border-left: 3px solid #DCBE85;	
	color:#DCBE85;
	}

	
/***飾り方******************************************/
.one_point{
	background-color:#FFF;
	padding:20px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	}


@media only screen and (max-width:1200px) {
.contents_top{
	width:100%;
	}
.contents_wrap{
	width:90%;
	}
.top_catch, .top_body{
	display:none;
	}
.foot_right{
	display:none;
	}
}

@media only screen and (max-width:980px) {
.menu{
	display:block;
	font-size:36px;
	position:fixed;
	top:15px;
	left:15px;
	padding:5px;
	}
.head_in2{
	display:none;
	}
.head_in1 h1{
	margin-left:50px;
	}
.top_tel{
	display:none;
	}
.top_mail{
	display:none;
	}

.main_contents{
	float:none;
	width:100%;
	}
.right_contents{
	float:none;
	width:100%;
	}

.top_left{
	width:98%;
	float:left;
	}
.top_right{
	width:89%;
	float:none;
	}
	
.col2{
	width:100%;
	}
.list_box{
	width:100%;
	}

}