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

	
body{background:#fff8f2;}

#wrapper{
	background:#ffffff;
	width:960px;
	margin:0 auto;
	}


.clear{clear:both;}

a {
	color:#333;
	text-decoration:none;
	}

a:hover	{
	color:#FF7800;
	text-decoration:underline;
	}

h2{
	font-size:20px;
	}






/*レフトメニュー関係*/
#leftmenu a{
text-decoration:none;
	}
	
.leftmenu01 .leftmenu_img{
	width:16px;
	height:16px;
	background:url(../img/top/menu_triangle3.png);
	vertical-align:-2px;}
	
.leftmenu01:hover .leftmenu_img{
	width:16px;
	height:16px;
	background:url(../img/top/menu_triangle3_hov.png);
	vertical-align:-2px;}
	
	
.leftmenu02 .leftmenu_img{
	width:16px;
	height:16px;
	background:url(../img/top/menu_triangle3.png);
	vertical-align:-2px;}
	
.leftmenu02:hover .leftmenu_img{
	width:16px;
	height:16px;
	background:url(../img/top/menu_triangle3_hov.png);
	vertical-align:-2px;}
	
.leftmenu03 .leftmenu_img{
	width:16px;
	height:16px;
	background:url(../img/top/menu_triangle3.png);
	vertical-align:-2px;}
	
.leftmenu03:hover .leftmenu_img{
	width:16px;
	height:16px;
	background:url(../img/top/menu_triangle3_hov.png);
	vertical-align:-2px;}



	
#leftmenu{
	position:fixed;
	left:1px;
	top:90px;
	margin:0 0 -500px 0;
	list-style:none;
	z-index:9999999999;
	}

.leftmenu_a{
	width:135px;
	padding:5px;
	border:solid 1px #000;
	margin:0 0 -1px 0;
	background:#f5d9d5;
	color:#592e2d;}

.leftmenu01{
	width:135px;
	padding:5px;
	border:solid 1px;
	text-align:right;
	margin:0 0 -1px 0;
	background:#ffffff;
	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
	
	}
.leftmenu01:hover{
	background:#f5d9d5;
	color:#592e2d;
	
	}
.leftmenu01:hover span{
	color:#592e2d;
	}


.leftmenu02{
	width:135px;
	padding:5px;
	border:solid 1px;
	text-align:right;
	margin:0 0 -1px 0;
	background:#ffffff;
	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
	
	}
.leftmenu02:hover{
	background:#f5d9d5;
	color:#592e2d;
	}
.leftmenu02:hover span{
	color:#592e2d;
	}
	
	
.leftmenu03{
	width:135px;
	padding:5px;
	border:solid 1px;
	text-align:right;
	margin:0 0 -1px 0;
	background:#ffffff;
	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
	
	}
.leftmenu03:hover{
	background:#f5d9d5;
	color:#592e2d;
	}
.leftmenu03:hover span{
	color:#592e2d;
	}

.leftmenu01_hov{
	width:350px;
	height:350px;
	border:solid 1px;
	position:fixed;
	left:145px;
	top:100px;
	background:url(../img/top/leftmenu01.jpg);
	visibility:hidden;
	text-align:left;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	opacity:0;
	}
	


.leftmenu01_hov dt{
	font-size:35px;
	font-weight:bold;
	margin:10px 0 30px 10px;
	list-style:none;
	}
	
.leftmenu01_hov dd{
	margin:0 0 8px 10px;
	font-weight:bolder;
	}


.leftmenu02_hov{
	width:350px;
	height:350px;
	border:solid 1px;
	position:fixed;
	left:145px;
	top:100px;
	background:url(../img/top/leftmenu02.jpg);
	visibility:hidden;
	text-align:left;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	opacity:0;
	}
	
.leftmenu02_hov dt{
	font-size:35px;
	font-weight:bold;
	margin:10px 0 30px 10px;
	list-style:none;
	}
	
.leftmenu02_hov dd{
	margin:0 0 8px 10px;
	font-weight:bolder;
	}
	
	
.leftmenu03_hov{
	width:350px;
	height:390px;
	border:solid 1px;
	position:fixed;
	left:145px;
	top:100px;
	background:url(../img/top/leftmenu03.jpg);
	visibility:hidden;
	text-align:left;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	opacity:0;
	}
	
.leftmenu03_hov dt{
	font-size:35px;
	font-weight:bold;
	margin:10px 0 30px 10px;
	list-style:none;
	}
	
.leftmenu03_hov dd{
	margin:0 0 8px 10px;
	font-weight:bolder;
	}
	
	
.leftmenu01:hover .leftmenu01_hov{
	visibility:visible;
	opacity:100;
	} 
	
.leftmenu02:hover .leftmenu02_hov{
	visibility:visible;
	opacity:100;
	} 
	
.leftmenu03:hover .leftmenu03_hov{
	visibility:visible;
	opacity:100;
	} 
	
	
.leftmenu01_hov a{
	color:#E19F0E;
	}
.leftmenu01_hov a:hover{
	color:#FF7800;
text-decoration:underline;
}

.leftmenu02_hov a{
	color:#8BBF3B;
	}
.leftmenu02_hov a:hover{
	color:#FF7800;
text-decoration:underline;
}

.leftmenu03_hov a{
	color:#F87FB0;
	}
.leftmenu03_hov a:hover{
	color:#FF7800;
text-decoration:underline;
}

.left_bnr{
	top:250px;
	position:fixed;
	z-index:1;}

/*ここまでレフトメニュー関係*/






#main{
	width:960px;
	background:#ffffff;
	margin:0 auto 5% auto;
}






















/*ピックアップSNS*/

#pickup{
	width:600px;
	margin:40px 0 0 20px;
	float:left;
}



.pickup{width:550px;
border:solid 1px;
padding:10px;
	
	}

.pickup img{
	margin:0 0 20px 0;
	
	}
	
.pickup span{
	float:right;
	}
.pickup_thumb{
	margin:0 0 0 10px;
	}


.pickup_thumb img{
	margin:0 10px 0 0;
	}


#sns{
	float:left;
	width:340px;
	margin:40px 0 0 0;
	}


/*ピックアップSNS*/	






/*ランキング*/	


#ranking{
	margin:20px;
	}
	
#ranking h2{
	margin:0 0 5px 0;
	}
	
#ranking span{
	float:right;
	font-weight:bold;
	color:#f00;
	margin:-15px 0 0 0;
	}
	
	
/*ランキング*/



/*　フッター*/


#primary{
	background:#f5d9d5;
	width:100%;
	margin-bottom:-50px;
	}
	
#primary_inner{width:960px;
background:#f5d9d5;
padding:1.5%;
margin:0 auto;}


#primary_contentsinner{
	background:#fff;
	height: 100%; 
	
	width:100%;}

.primary_contents{
	font-size:90%;
	width:440px;
	height:150%;
	background:#fff;
	padding:2%;
	float:left;
	
	}
	


.primary_contents h6{
	font-size:120%;
	width:100%;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:solid 1px #000;
	}
.primary_contents span{
	color:#FF7800;
	font-weight:bold;
	}
	
	
.primary_contents h5{
	font-size:150%
	}

	
#footer{
	background:#f5d9d5;
	width:100%;
	height:400px;
	margin:50px 0 0 0;
	

	
	}
	
	
#footer_inner{
	width:960px;
	margin:0 auto;
	padding:10px 0 0 0;
	}
	
	
#footer_inner ul li{
	list-style:none;
	float:left;
	margin:20px 10px 0 0;
	}
	
	
#footer_inner dl{
	float:left;
	margin:20px 20px 0 10px;
	}
	
	
#footer_inner dt{
	font-weight:bold;
	margin:0 0 10px 0;
	}
	
	
#footer_inner dd{
	font-size:14px;
	margin:0 0 5px 15px;
	}
	
/*　フッター*/




/*　会社概要*/


#company_l{
	width:20%;
	margin-top:5%;
	
	float:left;
	}
#company_r{
	width:76%;
	margin-top:5%;
	padding:0 10px 0 2%;
	float:left;}
	

#company_l ul{list-style:none;}
#company_l li{
	padding:5px 0 0 10px;
	border-left:5px solid #f5d9d5;
	font-weight:bold;
	}

#greeting{
	padding:0 3% 3% 3%;

	
	}
	
#company_r h1{
	margin:0 0 3% 0;
	font-size:150%;
	border-left:5px solid #f5d9d5;
	border-bottom:1px solid #FF7800;
	padding:0 0 0 10px;
	}


#company_r tr{
	border-top:1px solid #ffa882;
	border-bottom:1px solid #ffa882;
	}

#company_r th{
	padding:1% 0 1% 3%;
	text-align:left;
	background:#fff8f2;}

#company_r td{
	padding:1% 0 1% 3%;
	text-align:left;
	border-left:1px solid #ffa882;}
	
#president{
	width:45%;
	display:block;
	float:left;
	}
	
#president img{width:93%;}
	

#store{padding:0 10px;}
	
#store h1{font-size:200%;
text-align:center;}

#store a{
	color:#FF7800;
	font-weight:bold;
	}
	
.store{
	width:100%;
	margin:0 auto;}
	
.store2{
	width:47%;
	float:left;
	margin-left:3%}
	
.store img{width:100%}
.store2 img{width:100%}

.introduction{
	width:98%;
	padding:1%;
	margin-top:10px;
	border:1px solid;
	text-align:center;}