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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

img	{
	border: 0;
	vertical-align: bottom;
}

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

		general settings
	
--------------------------------------- */

body	{
	background: #fff url(images/bg.jpg) repeat-x top;
	color: #595959;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.6;
}

body#home	{
	background: #fff url(images/bg_home.jpg) repeat-x top;
}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
}
.clearfix{
	display: inline-block;
}
.clearfix{
	display:block;
}

.clear	{
	clear: both;
}
.fl_left	{
	float: left;
}
.fl_right	{
	float: right;
}
.fl_left_img	{
	float: left;
	margin: 0 20px 20px 0;
}
.fl_right_img	{
	float: right;
	margin: 0 0 20px 20px;
}
.right	{
	text-align: right !important;
}
.left	{
	text-align: left !important;
}
.center	{
	text-align: center !important;
}

/* hover */
a	{
	color: #f15805;
	text-decoration: underline;
}
a:hover, a:active	{
	color: #f15805;
	text-decoration: none !important;
}
a:focus	{
	outline: none;
}
a:visited	{
}

strong, .bold	{
	font-weight: bold;
}
.red	{
	color: #900;
}



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

		layout
	
--------------------------------------- */

#wrapper	{
	position: relative;
	text-align: center;
}

.main	{
	clear: both;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 1000px;
}

#contents	{
	clear: both;
	margin: 0 auto;
	padding: 40px 0 80px;
	position: relative;
	text-align: left;
	width: 860px;
}

#footer	{
	clear: both;
}


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

		header
	
--------------------------------------- */

#header	{
	height: 87px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 1000px;
}
	#header h1	{
		left: 0;
		position: absolute;
		top: 26px;
	}

ul#globalnav	{
	background: url(images/globalnav.png) repeat-x;
	height: 95px;
	margin: 0 auto;
	position: relative;
	width: 1006px;
	z-index: 1000;
}
	ul#globalnav li a	{
			display: block;
			float: left;
			height: 95px;
			text-indent: -9999px;
			width: 200px;
		}
	ul#globalnav li#nav01 a	{
		width: 203px;
	}
	ul#globalnav li#nav03 a, ul#globalnav li#nav04 a, ul#globalnav li#nav05 a	{
		width: 200px;
	}
		ul#globalnav li#nav01 a:hover, ul#globalnav li#nav01 a.selected	{
			background: url(images/globalnav.png) no-repeat 0 -95px;
		}
		ul#globalnav li#nav02 a:hover, ul#globalnav li#nav02 a.selected	{
			background: url(images/globalnav.png) no-repeat -203px -95px;
		}
		ul#globalnav li#nav03 a:hover, ul#globalnav li#nav03 a.selected	{
			background: url(images/globalnav.png) no-repeat -403px -95px;
		}
		ul#globalnav li#nav04 a:hover, ul#globalnav li#nav04 a.selected	{
			background: url(images/globalnav.png) no-repeat -603px -95px;
		}
		ul#globalnav li#nav05 a:hover, ul#globalnav li#nav05 a.selected	{
			background: url(images/globalnav.png) no-repeat -803px -95px;
		}

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

		footer
	
--------------------------------------- */

#footer	{
	background: #595959 url(images/copyright.png);
	color: #c9c9c9;
	font-size: 11px;
	text-align: center;
}
	#footer img	{
		left: 0;
		position: absolute;
		top: 35px;
	}
		
	#footer a	{
		color: #c9c9c9;
		font-size: 11px;
		text-decoration: none;
	}
	#footer a:hover	{
		color: #eee;
	}
	
#copyright	{
	background: #595959 url(images/copyright.png);
	color: #d5d5d5;
	font-size: 10px;
	padding: 7px 0;
}
	#copyright a	{
		color: #d5d5d5;
		text-decoration: none;
	}
	#copyright address	{
		display: inline;
		font-style: normal;
	}
	
#copyright #btmlinks	{
		float: right;
		text-align: right;
	}
		#copyright #btmlinks ul	{
			list-style: none;
			margin: 0;
		}
		#copyright #btmlinks ul li	{
			display: inline;
			margin-left: 20px;
		}
		#copyright #btmlinks ul li a	{
			font-size: 10px;
		}
		#copyright #btmlinks ul li a:hover	{
			color: #fff;
		}
		
#footer-widget-area	{
	overflow: hidden;
	padding: 35px 0 10px 190px;
}
	#footer-widget-area .widget-area {
		float: left;
		margin-right: 20px;
		width: 180px;
	}
	#footer-widget-area #first {
		width: 390px !important;
	}
	#footer-widget-area h3.widget-title	{
		font-size: 11px;
		font-weight: bold;
		padding-bottom: 10px;
		text-indent: -9999px;
		height: 27px;
	}
	#footer-widget-area #first h3.widget-title	{
		background: url(images/footer_works.png) no-repeat 0 0;
	}
	#footer-widget-area #second h3.widget-title	{
		background: url(images/footer_company.png) no-repeat 0 0;
	}
	#footer-widget-area #third h3.widget-title	{
		background: url(images/footer_spirits.png) no-repeat 0 0;
	}
		#footer-widget-area .textwidget dl	{
			margin: 0 0 30px !important;
			line-height: 2.5em;
			width: 180px;
		}
			#footer-widget-area .textwidget dl dt	{
				font-weight: normal;
				border-bottom: solid 1px #7a7a7a;
				padding: 0 1em;
			}
			#footer-widget-area .textwidget dl dd	{
				margin: 0 !important;
				padding: 0 0 0 2em;
				border-bottom: solid 1px #7a7a7a;
			}
		#footer-widget-area .textwidget ul	{
			line-height: 2.5em;
			list-style: none;
			margin: 0 0 30px;
		}
			#footer-widget-area .textwidget ul li	{
				border-bottom: solid 1px #7a7a7a;
				padding: 0 1em;
			}

		.widget-container {
			margin: 0 0 18px;
		}
		
		a.btn_ContactUs	{
			background: url(images/btn_ContactUs.png) no-repeat 0 0;
			display: block;
			height: 37px;
			text-indent: -9999px;
			width: 180px;
		}
		a:hover.btn_ContactUs	{
			background: url(images/btn_ContactUs.png) no-repeat 0 -37px;
		}





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

		contents
	
--------------------------------------- */

#contents	{
}
	#contents h3	{
		margin-bottom: 2em;
	}
	#contents h3.title	{
		background: #fff url(images/h3.png) repeat-x bottom;
		font-size: 18px;
		margin: 0 auto 20px;
		padding: 10px 30px 8px;
		text-shadow: -1px -1px 1px #fff;
	}
		#contents h3.title span	{
			color: #f15805;
		}
	#contents h4	{
		margin-bottom: 1em;
	}
	#contents h4.title	{
		background: url(images/bullet.png) no-repeat 10px 8px;
		border-bottom: solid 1px #d9d9d9;
		font-size: 18px;
		margin-bottom: 20px;
		padding: 5px 25px;
	}
	#contents p	{
		margin: 0 2em 1em;
	}

/* title */
h2.title	{
	display: block;
	height: 0;
	margin: 15px auto 25px;
	overflow: hidden;
	padding-top: 35px;
	text-align: left;
	width: 900px;
}
	h2.title_message	{
		background: url(images/title_Message.png) no-repeat 0 0;
	}
	h2.title_spirits	{
		background: url(images/title_Spirits.png) no-repeat 0 0;
	}
	h2.title_works	{
		background: url(images/title_Works.png) no-repeat 0 0;
	}
	h2.title_company	{
		background: url(images/title_Company.png) no-repeat 0 0;
	}
	h2.title_mailmagazine	{
		background: url(images/title_MailMagazine.png) no-repeat 0 0;
	}
	h2.title_contact	{
		background: url(images/title_Contact.png) no-repeat 0 0;
	}
	h2.title_sitemap	{
		background: url(images/title_Sitemap.png) no-repeat 0 0;
	}
	
table.table_style	{
	border: solid 1px #d2d2d2;
	border-collapse: collapse;
	font-size: 12px;
	margin: 20px auto;
	width: 760px;
}
	table.table_style th, table.table_style td	{
		border: solid 1px #d2d2d2;
		padding: 5px 10px;
	}
	table.table_style th	{
		background: #f0f0f0;
		color: #0065a6;
		text-align: center;
		vertical-align: top;
	}
	table.table_style td	{
		padding: 5px 20px;
		width: 560px;
	}
	table.table_style th.sz1	{
		width: 80px;
	}
	table.table_style th.sz2	{
		width: 50px;
	}
	table.table_style th.sz3	{
		width: 130px;
	}
	
table.table_th_left th	{
	text-align: left !important;
}


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

		home contents
	
--------------------------------------- */

#home #header img.mainImage	{
	left: -50px;
	position: absolute;
	top: 85px;
}
body#home ul#globalnav	{
	margin: 260px auto 0;
}
body#home #contents	{
	width: 960px;
}

.project	{
	border: solid 1px #d9d9d9;
	border-top: solid 2px #3384b8;
	display: block;
	float: left;
	margin: 20px 22px 50px 0;
	position: relative;
	text-align: center;
	width: 303px;
}
	.project h4	{
		font-size: 16px;
		line-height: 1.3;
		margin: 12px 0;
	}
	.project p	{
		font-size: 12px;
		margin: 0 !important;
		padding: 0 18px 0 20px;
		text-align: left;
	}
	.project img.shadow	{
		bottom: -16px;
		left: 0;
		position: absolute;
	}
.end	{
	margin: 20px 0 50px 0;
}

/*a.btn_detail	{
	background: url(images/btn_detail.png) no-repeat 0 0;
	display: block;
	height: 35px;
	margin: 10px auto 15px;
	text-indent: -9999px;
	width: 129px;
}
	a:hover.btn_detail	{
		background: url(images/btn_detail.png) no-repeat 0 -35px;
	}*/
.btn_detail {
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	display: inline-block;
	margin:  10px auto 20px;
	text-decoration: none !important;
	width: 130px;
}
a.btn_detail span {
	border: solid 1px #f15805;
	background: #e45f17; /* Old browsers */
	background: -moz-linear-gradient(top, #e45f17 0%, #e45f17 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e45f17 0%,#e45f17 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e45f17 0%,#e45f17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45f17', endColorstr='#e45f17',GradientType=0 ); /* IE6-9 */
	border-radius: 4px;
	box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
	color: #fff;
	display: block;
	padding: 5px 15px;
}
a.btn_detail:hover span {
	background: #e45f17; /* Old browsers */
	background: -moz-linear-gradient(top, #e45f17 0%, #c34602 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e45f17 0%,#c34602 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e45f17 0%,#c34602 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45f17', endColorstr='#c34602',GradientType=0 ); /* IE6-9 */
}


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

		message contents
	
--------------------------------------- */

.name	{
	font-size: 1.1em;
	font-weight: bold;
	padding: 20px 0;
	text-align: right;
}

.btm_links	{
	height: 64px;
	overflow: hidden;
}
	a.btn_spirits	{
		background: url(images/btn_spirits.png) no-repeat 0 0;
		display: block;
		float: left;
		height: 64px;
		margin-right: 20px;
		text-indent: -9999px;
		width: 420px;
	}
	a.btn_works	{
		background: url(images/btn_works.png) no-repeat 0 0;
		display: block;
		float: left;
		height: 64px;
		text-indent: -9999px;
		width: 420px;
	}


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

		works contents
	
--------------------------------------- */

.works	{
	background: url(images/works_side_bg.png) repeat-y left;
	padding-left: 110px;
	padding-bottom: 10px;
	position: relative;
}
	.works img.side_title	{
		left: 0;
		position: absolute;
		top: 0;
	}
	.works p	{
		margin: 0 5px 1em !important;
	}
	.works h4	{
		color: #0065a6;
	}



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

		company contents
	
--------------------------------------- */

.company	{
	margin: 0 auto;
	overflow: hidden;
	width: 760px;
}
.company img {
	float: left;
	margin-top: 20px;
}
.company dl {
	float: right;
	margin-top: 20px;
	width: 560px;
}
.company dl dt {
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #9fc5de;
	box-sizing: border-box;
	clear: left;
	color: #0065a6;
	float: left;
	margin-bottom: 8px;
	padding: 1px 30px 1px 0;
	text-align: right;
	width: 25%;
}
.company dl dd {
	border-bottom: solid 1px #ddd;
	box-sizing: border-box;
	float: left;
	margin-bottom: 8px;
	padding: 1px 0 1px 30px;
	width: 75%;
}



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

		mail magazine contents
	
--------------------------------------- */

.contactBox	{
	border: solid 3px #ececec;
	margin: 30px auto 50px;
	padding: 30px;
	text-align: left;
	width: 734px;
	
	box-shadow: 0 0 1px #999;
	-moz-box-shadow: 0 0 1px #999;
	-webkit-box-shadow: 0 0 1px #999;
}
.contactBox p {
	margin-left: 0 !important;
}
.contactBox a {
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	display: inline-block;
	margin:  0 auto;
	text-decoration: none !important;
}
.contactBox a span {
	border: solid 1px #f15805;
	background: #e45f17; /* Old browsers */
	background: -moz-linear-gradient(top, #e45f17 0%, #e45f17 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e45f17 0%,#e45f17 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e45f17 0%,#e45f17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45f17', endColorstr='#e45f17',GradientType=0 ); /* IE6-9 */
	border-radius: 4px;
	box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
	color: #fff;
	display: block;
	padding: 8px 15px;
}
.contactBox a:hover span {
	background: #e45f17; /* Old browsers */
	background: -moz-linear-gradient(top, #e45f17 0%, #c34602 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e45f17 0%,#c34602 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e45f17 0%,#c34602 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45f17', endColorstr='#c34602',GradientType=0 ); /* IE6-9 */
}

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

		sitemap contents
	
--------------------------------------- */

.sitemap a	{
	color: #595959;
	text-decoration: none;
}
.sitemap a:hover	{
	color: #f15805;
	text-decoration: underline !important;
}

.sitemap ul	{
	display: block;
	float: left;
	padding: 0 50px 0 20px;
	width: 230px;
}
	.sitemap ul li	{
		background: url(images/sitemap_link_top.png) no-repeat 0 0;
		display: block;
		padding: 10px 0 30px 30px;
	}
		.sitemap ul li a	{
			color: #0065a6 !important;
		}
		.sitemap ul li ul	{
			float: none;
			font-size: 12px;
			margin: 10px 0;
			padding: 0;
			width: 230px;
		}
			.sitemap ul li ul li	{
				background: url(images/sitemap_list.png) no-repeat 0 6px;
				display: block;
				margin: 5px 0;
				padding: 0 0 0 20px;
			}
				.sitemap ul li ul li a	{
					color: #595959 !important;
				}
					.sitemap ul li ul li ul	{
						float: none;
						margin: 5px 0 20px;
						padding: 0;
						width: 210px;
					}
					
.sitemap ul.end	{
	margin: 0;
	padding: 0 0 0 20px;
}