@charset "UTF-8";

body {
	background-image: url(/pics/common/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
}
/************************************************
*	Reset										*
************************************************/

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,blockquote,cite,q,address {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

img {
border-style: none;
}
/************************************************
*	clear										*
************************************************/
div {
	display:block;
}
div:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/************************************************
*	container									*
************************************************/
div#container {
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,"メイリオ",sans-serif;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 810px;
}
/************************************************
*	header										*
************************************************/

div#header {
}

div#header p,div#header h1 {
text-indent: -9999px;
}

div#header .logo {
	background-image: url(/pics/common/logo.png);
	background-position: 20px 0px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 7px;
	width: 293px;
	height: 48px;
	float: left;
}

div#header .adres {
	background-image: url(/pics/common/corp_name.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 7px;
	margin-bottom: 3px;
	width: 225px;
	height: 50px;
	float: right;
}

div#header a {
	text-decoration: none;
	padding: 0px;
	position: relative;
	left: 10px;
	top: 0px;
	width: 280px;
	height: 48px;
	border: 0;
	display: block;
}
/************************************************
*	navi										*
************************************************/
div#navi {
	background-image: url(/pics/common/navi.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	width: 806px;
	height: 45px;
	clear: both;
}

div#navi ul {
	margin-left: 6px;
}

div#navi ul li {
	text-indent: -9999px;
	list-style-type: none;
	float: left;
}
div#navi ul li a {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 133px;
	height: 45px;
	display: block;
}

/************************************************
*	Navigation Rollover							*
************************************************/

div#navi ul li a:link {
	background-position: 0px 0px;
}
div#navi ul li a:hover {
	background-position: 0px -45px;
}
div#navi ul li a:visited {
	background-position: 0px 0px;
}
div#navi ul li a:visited:hover {
	background-position: 0px -45px;
}
/* top_page */
div#navi ul li.top_page a {
	background-image: url(/pics/common/top_page.jpg);
}
/* catalog */
div#navi ul li.catalog a {
	background-image: url(/pics/common/catalog.jpg);
}
/* profile */
div#navi ul li.profile a {
	background-image: url(/pics/common/profile.jpg);
}
/* contact */
div#navi ul li.contact a {
	background-image: url(/pics/common/contact.jpg);
}
/************************************************
*	image										*
************************************************/
div#image {
	background-image: url(/pics/common/image.jpg);
	background-position: 6px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 806px;
	height: 195px;
	clear: both;
}

/************************************************
*	Contents Area Wapper						*
************************************************/
#wapper {
	width: 806px;
	background-image: url(/pics/common/body_bg.jpg)!important;
	background-position: 0px 0px;
	background-repeat: repeat-y;
	clear: both;
}
/************************************************
*	Main Content Area #main_index,#main_content	*
************************************************/
div#main_index ,
div#main_content {
	font-size: 75%;
	line-height: 1.4;
	letter-spacing: 0.05em;
	width: 590px;
	float: left;
}

div#main_index .pad ,
div#main_content .pad {
	padding-top: 25px;
	padding-left: 30px;
	padding-right: 30px;
}

/************************************************
*	Main Content Area Lick Color				*
************************************************/


div#main_index a ,
div#main_content a {
	color: #B32832;
    background-color: transparent;
}

div#main_index a:link ,
div#main_content a:link {
	color: #B32832;
    background-color: transparent;
}

div#main_index a:hover ,
div#main_content a:hover {
	color: #B32832;
    background-color: transparent;
}

div#main_index a:visited ,
div#main_content a:visited {
	color: #B32832;
    background-color: transparent;
}

div#main_index a:visited:hover ,
div#main_content a:visited:hover {
	color: #B32832;
    background-color: transparent;
}

/************************************************
*	Main Content Area Used Well Mark Up			*
************************************************/
div#main_index p {
	margin-bottom: 10px;
}

div#main_content p {
	margin-top: 10px;
	margin-bottom: 10px;
}

div#main_index ul , div#main_index ol ,
div#main_content  ul , div#main_content  ol{
	margin-left: 25px;
	margin-bottom: 10px;
}

div#main_index ul li ,
div#main_content ul li {
	margin-bottom: 5px;
}

div#main_index blockquote ,
div#main_content blockquote {
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
	padding: 10px;
	margin-bottom: 10px;
}

div#main_index dt ,
div#main_content dt {
	margin-bottom: 5px;
}

div#main_index dd ,
div#main_content dd {
	margin-bottom: 10px;
}

/************************************************
*	#main_index Headings						*
************************************************/
div#main_index h1,
div#main_index h2,
div#main_index h3,
div#main_index h4 {
	font-size: 100%;
	font-weight: bold;
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 26px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 28px;
	clear: both;
}
/************************************************
*	#main_index Headings Style					*
************************************************/

.style1 {
	color: #ffffff;
	background-color: #6A1211;
	background-image: url(/pics/common/h_style1.jpg);
	padding-left: 35px;
	padding-right: 20px;
}

.style2 {
	color: #ffffff;
	background-color: #086A31;
	background-image: url(/pics/common/h_style2.jpg);
	padding-left: 35px;
	padding-right: 20px;
}

.style3 {
	color: #ffffff;
	background-color: #C30102;
	background-image: url(/pics/common/h_style3.jpg);
	padding-left: 35px;
	padding-right: 20px;
}
.style4 {
	color: #ffffff;
	background-color: #484848;
	background-image: url(/pics/common/h_style4.jpg);
	padding-left: 35px;
	padding-right: 20px;
}


/************************************************
*	#main_content Headings						*
************************************************/
div#main_content h1,
div#main_content h2,
div#main_content h3,
div#main_content h4 {
	font-size: 100%;
	font-weight: bold;
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 26px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	clear: both;
}
/************************************************
*	#main_content Headings Style				*
************************************************/

div#main_content h1 {
	color: #ffffff;
	background-color: #6A1211;
	background-image: url(/pics/common/h_style3.jpg);
	padding-left: 35px;
	padding-right: 20px;
	height: 28px;
	border-bottom-color: #A29A85;
}

div#main_content h2 {
	color: #ffffff;
	background-color: #086A31;
	background-image: url(/pics/common/h_style2.jpg);
	padding-left: 35px;
	padding-right: 20px;
	height: 28px;
	border-bottom-color: #A29A85;
}

div#main_content h3 {
	color: #570509;
	background-color: #ffffff;
	background-image: url(/pics/common/h_style_h3.jpg);
	padding-left: 35px;
	padding-right: 20px;
	height: 28px;
	border-bottom-color: #570509;
}
div#main_content h4 {
	color: #000000;
	background-color: #ffffff;
	background-image: url(/pics/common/h_style_h4.jpg);
	padding-left: 15px;
	padding-right: 20px;
	border-bottom-color: #A29A87;
	padding-bottom: 1px;
	height: 20px;
}


/************************************************
*	Read Box									*
************************************************/
div#main_index div.read {
	font-size: 100%;
	color: #000000;
	background-color: #f2efe8;
	line-height: 1.5;
	padding-top: 5px;
	margin-bottom: 30px;
	padding-bottom: 0px;
	width: 530px;
}

div#main_index div.read div.inner {
	padding-left: 5px;
	padding-right: 5px;
}

div#main_content div.read div.inner {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

div#main_index .inbox {
	font-weight: bold;
	color: #163d35;
	background-color: #f2efe8;
	text-align: right;
	padding-top: 3px;
	padding-right: 5px;
	margin-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	padding-bottom: 3px;
}

div#main_index div.inner_photo {
	margin-top: 5px;
	width: 135px;
	height: 135px;
	float: left;
}

div#main_index div.inner_text {
	padding-bottom: 0;
	width: 350px;
    height: auto;
	float: right;
}

div#main_index div.inner_text p {
	line-height: 1.5em;
	letter-spacing: 0.1em;
	margin-top: 5px;
	margin-bottom: 15px;
    clear: both;

}

/************************************************
*	Common Box									*
************************************************/
div#main_index div.main_box ,
div#main_content div.main_box {
	font-size: 100%;
	color: #000000;
	background-color: #f2efe8;
	line-height: 1.5;
	padding-top: 5px;
	margin-bottom: 30px;
	padding-bottom: 5px;
}
div#main_index div.main_box div.inner  {
	padding-left: 5px;
	padding-right: 5px;
}

div#main_content div.main_box div.inner  {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

div.inner {
    height: auto;
    width: 500px;
}
/************************************************
*	News										*
************************************************/
div#main_index div.main_box dl.news {
	margin-left: 10px;
}
div#main_index div.main_box dl.news dd {
	line-height: 1.5;
	margin-top: -1.9em;
	margin-left: 5em;
	margin-right: 0px;
	margin-bottom: .4em;
}
div#main_index div.main_box dl.news dd a {
	background-color: #f2efe8;
}
/************************************************
*	Articless									*
************************************************/
div#main_content div#heading {
	color: #ffffff;
	background-color: #996633;
	background-image: url(/pics/common/heading.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	margin-bottom: 40px;
	width: 530px;
	height: 80px;
}
div#main_content div#heading p{
	font-weight: bold;
	position: relative;
	left: 40px;
	top: 32px;
}

div#main_index div.main_box div.articles_photo,
div#main_content div.main_box div.articles_photo {
	margin: 5px;
	width: 158px;
	height: 128px;
	float: left;
}
div#main_index div.main_box div.articles ,
div#main_content div.main_box div.articles {
	margin-left: 0px;
    width: 495px;
    height: auto;
	float: left;
}
div#main_index div.main_box div.articles dl ,
div#main_content div.main_box div.articles dl {
	margin-bottom: 10px;
}
div#main_index div.main_box div.articles dt ,
div#main_content div.main_box div.articles dt {
	font-weight: bold;
}
div#main_index div.main_box div.articles dd ,
div#main_content div.main_box div.articles dd {
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-top: -0.4em;
	margin-right: 5px;
    height: 138px;
    overflow: auto;
}
.button {
	margin-bottom: 10px;
	margin-right: 5px;
	float: right;
}
.button a {
	background-image: url(/pics/common/cargo_button.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 130px;
	height: 24px;
	float: right;
	display: block;
}
.button a:link {
	background-position: 0px 0px;
}
.button a:hover {
	background-position: 0px -24px;
}
.button a:visited {
	background-position: 0px 0px;
}
.button a:visited:hover {
	background-position: 0px -24px;
}

div.articles img {
	margin-bottom: 5px;
	float: right;
}
/************************************************
*	Pic Up										*
************************************************/
div#main_index div.pic_up {
	margin-top: 5px;
	margin-bottom: 30px;
	clear: both;
    width: 530px;
}

div#main_index div.pic_up img {
	margin-top: 5px;
	margin-left: 6px;
	margin-right: 6px;
}

div#main_index div.pic_up p{
	font-size: 91.6%;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

div#main_index div.pic_up_1 {
	color: #000000;
	background-color: #f2efe8;
	margin-right: 5px;
	margin-bottom: 5px;
    width: 170px;
    height: auto;
	float: left;
}

div#main_index div.pic_up_2 {
	color: #000000;
	background-color: #f2efe8;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 170px;
    height: auto;
	float: left;
}
div#main_index div.pic_up_3 {
	color: #000000;
	background-color: #f2efe8;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 170px;
    height: auto;
	float: right;
}

div#main_index .pic_btn {
	text-align: center;
	width: 170px;
	height: auto;
	display: block;
	background-color: #f2efe8;
}
div#main_index .pic_btn a {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	background-image: url(/pics/common/cargo_button.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 130px;
	height: auto;
	display: block;
}
div#main_index .pic_btn a:link {
	background-position: 0px 0px;
}
div#main_index .pic_btn a:hover {
	background-position: 0px -24px;
}
div#main_index .pic_btn a:visited {
	background-position: 0px 0px;
}
div#main_index .pic_btn a:visited:hover {
	background-position: 0px -24px;
}
/************************************************
*	Column										*
************************************************/
div.column {
	background-image: url(/pics/common/bean_photo.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border-width: 1px;
	border-style: solid;
	border-color: #8E8E8E;
	margin-bottom: 70px;
	width: 530px;
	height: 82px;
	clear: both;
}

div.column dl {
	margin-top: 10px;
	margin-left: 220px;
	margin-right: 10px;
}

div.column dt {
	font-size: 116%;
	font-weight: bold;
	color: #2c6f46;
	background-color: #ffffff;
}
/************************************************
*	Copyright									*
************************************************/
div.copyright {
	color: #666666;
	background-color: #ffffff;
	text-align: center;
}

div.copyright address {
	margin-bottom: 20px;
}

div.copyright ul {
}

div.copyright li {
	margin-left: 3px;
	margin-right: 3px;
	display: inline;
}

/************************************************
*	Sub Content Area							*
************************************************/
div#sub {
	text-align: left;
	width: 210px;
	float: right;
}
div#sub .pad {
	padding-top: 10px;
	padding-left: 2px;
	padding-right: 2px;
}

div#sub a {
	color: #B32832;
	background-color: #ffffff;
}

div#sub a:link {
	color: #B32832;
	background-color: #ffffff;
}

div#sub a:hover {
	color: #B32832;
	background-color: #ffffff;
}

div#sub a:visited {
	color: #B32832;
	background-color: #ffffff;
}

div#sub a:visited:hover {
	color: #B32832;
	background-color: #ffffff;
}

div#sub li {
	list-style-type: none;
}

/************************************************
*	Sub Content Button							*
************************************************/
div#sub .side_button1 a {
	background-image: url(/pics/common/about.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 3px;
	width: 200px;
	height: 50px;
	display: block;
}
div#sub .side_button2 a {
	background-image: url(/pics/common/articles.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 8px;
	width: 200px;
	height: 50px;
	display: block;
}

div#sub h2 {
	font-size: 75%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	background-image: url(/pics/common/side_h.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#sub div.side_button1 a:link, div.side_button2 a:link {
	background-position: 0px 0px;
}
div#sub div.side_button1 a:hover, div.side_button2 a:hover {
	background-position: 0px -50px;
}

div#sub div.side_button1 a:visited, div.side_button2 a:visited {
	background-position: 0px 0px;
}
div#sub div.side_button1 a:visited:hover, div.side_button2 a:visited:hover {
	background-position: 0px -50px;
}
/************************************************
*	Sub Content Box								*
************************************************/
div#sub div.banner_box {
	color: #000000;
	background-color: #ffffff;
	padding: 1px;
}

div#sub div.banner_box {
	color: #000000;
	background-color: #ffffff;
	padding: 1px;
	margin-bottom: 10px;
}

div#sub div.info_box {
	font-size: 75%;
	color: #000000;
	background-color: #ffffff;
	line-height: 1.33;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div#sub div.info_box ul {
	margin-top: 10px;
	margin-bottom: 0;
}

div#sub div.info_box ul li {
	background-image: url(/pics/common/list_icon.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-bottom: 8px;
}

div#sub div.staff_box {
	font-size: 75%;
	color: #000000;
	background-color: #ffffff;
	line-height: 1.33;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div#sub div.photo {
	text-align: center;
	margin-bottom: 5px;
}

div#sub div.staff_box img {
	border-width: 1px;
	border-style: solid;
	border-color: #A29C86;
}
/************************************************
*	Sub Content Feed Button						*
************************************************/
div#sub div.feed {
	text-align: right;
	margin-bottom: 50px;/* ==Adjust margin-bottom== */
}
@import url(http://roastcoffee.jp/lightbox/css/lightbox.css) screen;