@charset "utf-8";

/***　All　***/
* {
	margin:0;
	padding:0;
}

body,html {
	text-align: center;
	height: 100%;
}

body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }

body {
	color: #4f4f4f;
	font-size:13px;
	background: #fff;
	line-height: 14px;
	text-align: center;
	background: url(../img/all/body_bg.jpg) repeat-x top #fff;
}

a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

a {
	color:#2c76b0;
	text-decoration: none;
}

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

table{
	font-size: 13px;
}

td {
	padding: 0;
	vertical-align: top;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

p,div {
	text-align: left;
}

h1{
	width: 100%;
	height: 38px;
	font-size: 11px;
	font-weight: normal;
	float: left;
	background: url(../img/all/h1.gif) repeat-x;
	text-align: center;
}

h1 div{
	width:990px;
	margin: 0 auto;
	text-align: right;
	color: #fff;
	line-height: 38px;
}

/*--------------------*/

#container{
	width:990px;
	text-align: center;
	margin: 0 auto;
}

#header{
	width:990px;
	margin: 0 auto;
	float: left;
	background: url(../img/all/head.gif) no-repeat;
}

#header .logo{
	float: left;
	width: 360px;
	margin: 12px 0 11px;
}

#header .logo div{

}

#header .tel{
	float: right;
	width: 300px;
	margin: 12px 0 11px;
	text-align: right;
}


.pan{
	xmargin: 5px 0 0;
	line-height: 25px;
	text-indent: 10px;
	float: left;
	width: 860px;
}

.pan a{
	color:#666;
}

.pan span{
	background: url(../img/all/pan.png) no-repeat 0 1px;
	padding: 0 0 0 15px;
	margin: 0 0 0 10px;
}

/*--------------------*/
/*コンテンツ*/

#contents{
	width: 990px;
	margin: 20px auto 0;
	float: left;
}

#side{
	width: 230px;
	float: left;
}

#side .menu{
	float: left;
	margin: 0 0 20px;
}

#side .banner{
	margin: 0 0 20px;
}

#top_main{
	float: left;
	background: #ccc;
	margin: 0 0 25px;
}

#main_contents{
	float: right;
	width: 740px;
}


/*--------------------*/

.title_box{
	background: url(../img/sub/t_icon.png) no-repeat 0 1px;
	height: 40px;
	line-height: 40px;
	text-indent: 40px;
	font-size: 18px;
	padding: 0;
	border-bottom: 1px solid #ddd;
}



.top_area{
	float: left;
	margin: 0 0 40px;
	width: 740px;
}

.top_left{
	float: left;
	width: 360px;
}

.top_right{
	float: right;
	width: 360px;
}

/*--------------------*/

/*新着情報*/

#news_box{
	width: 440px;
	float: left;
	height: 95px;
}

#news_box .title{
	float: left;
	margin: 10px;
}

#news_box .news_area{
	float: left;
	xoverflow: auto;
	height: 95px;
	width: 300px;
	margin: 0;
	color: #fff; 
}


/*TOPバナー*/

#top_banner{
	width: 460px;
	float: right;
	background: #ccc;
}

#top_banner .left_box{
	float: left;
}

#top_banner .right_box{
	float: right;
}


/*--------------------*/
/*フッター*/

#footer{
	width: 100%;
	float: left;
	margin: 30px 0 0;
	text-align: center;
	height: 75px;
	background: url(../img/all/footer.gif) repeat-x ;
	color: #fff;
}

#footer .footer{
	width: 990px;
	margin: 20px auto 10px;
	text-align: center;
}

#footer .footer a{
	color: #fff;
}

#footer .footer span{
	background: url(../img/all/footer_mark.gif) no-repeat;
	padding: 0 0 0 5px;
	margin: 0 7px 0 0;
}

#footer .footer .copy{
	text-align: center;
}

#footer .footer .copy p{
	text-align: center;
	margin: 5px 0 0;
	line-height: 20px;
}

#footer .footer .copy div{
	text-align: center;
	float: left;
}



/*--------------------*/

.sub_title{
	font-size: 45px;
	margin: 25px 0 0;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 20px;
	float: left;
	width: 925px;
}

/*--------------------*/
/*お問合わせ*/

.company_comment{
	width: 640px;
	margin: 20px 140px 20px;
	float: left;
}

.company_comment .t_title{
	margin: 0 0 20px;
}

.company_comment .image_box{
	float: left;
	width: 100px;
}

.company_comment .text_box{
	float: left;
	width: 460px;
	margin: 20px 0 0;
}

.company_comment .text_box div{
	margin: 0 0 5px;
}

.company_comment .text_box p{
	line-height: 18px;
	margin: 0 0 10px;
}

.company_comment .text_box p span{
	color: #b02f2c;
	font-weight: bold;
}

/*------------*/

.contact_text{
	margin: 30px 0 10px;
	line-height: 20px;
}

.contact_text span{
	color: #b02f2c;
	font-weight: bold;
}

.company_tbl_box{
	width: 740px;
	margin: 20px 0 20px;
	float: left;
}

.company_tbl_box .t_title{
	margin: 0 0 20px;
}

.company_tbl_box table{
	width: 740px;
	border-top: 1px solid #ccc;
}

.company_tbl_box table th{
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #ccc;
	padding: 15px 10px;
	text-align: left;
	width: 120px;
	color: #456787;
	background: #eee;
	font-weight: normal;
}

.company_tbl_box table th span{
	color: #b02f2c;
	margin: 0 0 0 7px;
}

.company_tbl_box table td{
	padding: 15px 10px 15px 20px;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #ccc;
}

.company_tbl_box .bt{
	margin: 15px 0 0;
	text-align: right;
}


/*--------------------*/
/*宅配*/

.delivery_box{
	xbackground: url(../img/delivery/image.jpg) no-repeat;
	xheight: 500px;
	float: left;
	width: 740px;
	margin: 30px 0 0;
}

.delivery_box_area{
	width: 500px;
}

.delivery_text_top{
	margin: 50px 0 10px 40px;
	line-height: 20px;
	padding: 25px;
	border: 1px solid #ddd;
	float: left;
background: #cceeff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZWVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #cceeff 0%, #ffffff 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cceeff), color-stop(99%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cceeff 0%,#ffffff 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cceeff 0%,#ffffff 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cceeff 0%,#ffffff 99%); /* IE10+ */
background: linear-gradient(to bottom,  #cceeff 0%,#ffffff 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cceeff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.delivery_text_top_text{
	margin: 5px 0 10px 45px;
	line-height: 20px;
	float: left;
	font-size: 11px;
}

.delivery_text{
	margin: 30px 0 10px 40px;
	line-height: 20px;
	padding: 25px;
	border: 1px solid #ddd;
	float: left;
background: #cceeff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZWVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #cceeff 0%, #ffffff 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cceeff), color-stop(99%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cceeff 0%,#ffffff 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cceeff 0%,#ffffff 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cceeff 0%,#ffffff 99%); /* IE10+ */
background: linear-gradient(to bottom,  #cceeff 0%,#ffffff 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cceeff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.delivery_box span{
	color: #b02f2c;
	font-weight: bold;
}

/*--------------------*/
/*購入の流れ*/

.flow_box{
	background: url(../img/flow/image.jpg) no-repeat;
	height: 600px;
	float: left;
	width: 740px;
	margin: 30px 0 0;
}

/*--------------------*/
/*会社概要*/

.shop_box{
	xbackground: url(../img/flow/image.jpg) no-repeat;
	xheight: 600px;
	float: left;
	width: 740px;
	margin: 30px 0 0;
}

.shop_tbl{
	background: #ccc;
	width: 420px;
}

.shop_tbl th{
	background: #eee;
	padding: 12px;
}

.shop_tbl td{
	background: #fff;
	padding: 12px;
}

.shop_tbl td img{
	vertical-align:middle;
	margin: 0 10px 0 0;
}

.map_box{
	width: 740px;
	float: left;
	border: 2px solid #eee;
	margin: 5px 0 0;
}

.map_box div{
	margin: 8px;
}

.shop_left{
	float: left;
}

.shop_right{
	float: right;
}

.shop_right .come{
	width: 280px;
	margin: 10px 0 0;
	line-height: 18px;
	background: #eee;
	border-radius: 10px;
	padding: 10px;
	font-size: 12px;
}

.shop_right .come div{
	font-weight: bold;
	margin: 0 0 5px;
	color: #518eb0;
	font-size: 13px;
}


/*------------*/
/*サイトマップ*/

.sitemap_box{
	width: 600px;
}

.sitemap_box ul{
	margin: 30px 20px 20px 50px;
}

.sitemap_box li{
	background: url(../img/sitemap/a.gif) no-repeat 20px 0;
	padding: 0 0 0 35px;
	margin: 0 0 25px;
}

.sitemap_box .a{
	background: none;
	padding: 0;
	color: #24468c;
}

.sitemap_box .b{
	background: url(../img/sitemap/b.gif) no-repeat 20px 0;
}

.sitemap_box .c{
	padding: 0 0 0 60px;
	margin: 0 0 15px;
	background: url(../img/sitemap/b.gif) no-repeat 45px 0;
}

.sitemap_box .c span{
	padding: 0 0 0 25px;
	background: url(../img/sitemap/c.gif) no-repeat 5px 0;
}

.sitemap_box .d{
	padding: 0 0 0 60px;
	margin: 0 0 8px;
	background: url(../img/sitemap/a.gif) no-repeat 45px 0;
}

.sitemap_box .d span{
	padding: 0 0 0 25px;
	background: url(../img/sitemap/c.gif) no-repeat 5px 0;
}

.sitemap_box .clam{
	float: left;
	width: 250px;
	color: #24468c;
}