/***********************************************/
/*       copyright(C)2008 Country Farm         */
/***********************************************/

/* 基本スタイル
---------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

a {
	color: #006699;
}

a:visited {
	color: #006699;
}

a:hover {
	color: #0099CC;
}

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

body {
	font-size: 12px;
	background-position:left top;
	background-repeat: repeat-x;
	background-color:#EFEFEF;
}

#flame {
	width: 780px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	background-color:#FFFFFF;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
}

#contents {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

#contents_bg {
	width: 760px;
	background-image: url(images/base/menu_bg.jpg);
	background-position:left top;
	background-repeat:repeat-y;
}

#top_midashi {
	width: 760px;
	margin: 0 0 12px 0;
}

/* ヘッダー部分
---------------------------------------------*/

#header {
	width: 780px;
	margin:0;
	padding:0;
	position:relative;
	background-image:url(images/base/header_bg.jpg);
	background-position:left top;
	height:104px;
}

#logo {
	position: absolute;
	left: 20px;
	top: 30px;
	margin: 0;
	width:152px;
}

#h_conbtn {
	position: absolute;
	left:594px;
	top: 0px;
	margin: 0;
	width:180px;
	list-style:none;
}

#h_conbtn li {
	display:inline;
	text-align:left;
	margin:0 10px 0 0;
}

#h_contact {
	position: absolute;
	left: 450px;
	top: 53px;
	margin: 0;
}


/* グローバルナビ
---------------------------------------------*/

#globalnavi {
	width: 760px;
	margin:0;
}

#globalnavi ul{
	width: 760px;
	margin:0;
	list-style:none;
}

#globalnavi li{
	float: left;
	width: 152px;
	padding: 0px;
	margin: 0px;
}

#globalnavi li a{
    display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:44px;
	padding-top: 44px;
	background-image:url(images/base/gnavi.jpg);
	color: #000000;
}

/*　位置
---------------------------------------------*/
	
	#nav01 a { background-position:  0     0; }
	#nav02 a { background-position: -152px 0; }
	#nav03 a { background-position: -304px 0; }
	#nav04 a { background-position: -456px 0; }
	#nav05 a { background-position: -608px 0; }

	#nav01 a:hover { background-position:  0     -44px; }
	#nav02 a:hover { background-position: -152px -44px; }
	#nav03 a:hover { background-position: -304px -44px; }
	#nav04 a:hover { background-position: -456px -44px; }
	#nav05 a:hover { background-position: -608px -44px; }


#content1 {
	float: left;
	width: 555px;
	margin-bottom:15px;
}


#u_content {
	width: 531px;
	padding:0 8px;
}

/* TOPページ特別クラス
---------------------------------------------*/

/* メインナビ
----------------------*/

#main_navi {
	margin: 0 0 15px 0;
	width:548px;
	height:650px;
	position:relative;
}

#point_navi1 {
	margin:0;
	width:269px;
	height:203px;
	background-image:url(images/top/content_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}

.point_header {
	margin:0 0 7px;
}

#point1_image {
	width:240px;
	position:absolute;
	top:47px;
	left:15px;
}

.point_text {
	top:130px;
	left:15px;
	width:240px;
	font-size:12px;
	line-height:18px;
	color:#666666;
	position:absolute;
}

#point1_more {
	margin:0;
	width:240px;
	position:absolute;
	top:174px;
	left:15px;
	font-size:12px;
	line-height:15px;
	text-align:right;
}

#point_navi2 {
	margin:0;
	width:269px;
	height:203px;
	background-image:url(images/top/content_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:279px;
}

#point2_image {
	margin:0;
	width:240px;
	position:absolute;
	top:47px;
	left:15px;
}

#point2_more {
	margin:0;
	width:240px;
	position:absolute;
	top:174px;
	left:15px;
	font-size:12px;
	line-height:15px;
	text-align:right;
}


#point_navi3 {
	margin:0;
	width:269px;
	height:203px;
	background-image:url(images/top/content_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	position:absolute;
	top:213px;
	left:0px;
}

#point3_image {
	margin:0;
	width:240px;
	position:absolute;
	top:47px;
	left:15px;
}

#point3_more {
	margin:0;
	width:240px;
	position:absolute;
	top:174px;
	left:15px;
	font-size:12px;
	line-height:15px;
	text-align:right;
}


#point_navi4 {
	margin:0;
	width:269px;
	height:203px;
	background-image:url(images/top/content_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	position:absolute;
	top:213px;
	left:279px;
}

#point4_image {
	margin:0;
	width:240px;
	position:absolute;
	top:47px;
	left:15px;
}

#point4_more {
	margin:0;
	width:240px;
	position:absolute;
	top:174px;
	left:15px;
	font-size:12px;
	line-height:15px;
	text-align:right;
}

#point_navi5 {
	margin:0;
	width:269px;
	height:203px;
	background-image:url(images/top/content_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	position:absolute;
	top:426px;
	left:0px;
}

#point5_image {
	margin:0;
	width:240px;
	position:absolute;
	top:47px;
	left:15px;
}

#point5_more {
	margin:0;
	width:240px;
	position:absolute;
	top:174px;
	left:15px;
	font-size:12px;
	line-height:15px;
	text-align:right;
}

#point_navi6 {
	margin:0;
	width:269px;
	height:203px;
	background-image:url(images/top/content_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	position:absolute;
	top:426px;
	left:279px;
}

#point6_image {
	margin:0;
	width:240px;
	position:absolute;
	top:47px;
	left:15px;
}

#point6_more {
	margin:0;
	width:240px;
	position:absolute;
	top:174px;
	left:15px;
	font-size:12px;
	line-height:15px;
	text-align:right;
}

/* news
----------------------*/

#top_news {
	width: 571px;
	height:170px;
	margin-bottom:25px;
}


/* 見出し
----------------------*/

.t_titile {
	margin: 0 0 5px 0;
}


.t_titile1 {
	margin: 0 0 10px 0;
}

.t_titile2 {
	margin: 0 0 15px 0;
}

.t_titile3 {
	margin: 0 0 20px 0;
}

.t_titile4 {
	margin: 0 0 25px 0;
}

/* 階層ページクラス
---------------------------------------------*/

/* 共通
----------------------*/

.box_base0 {
	width: 531px;
	margin: 0 0 15px 0;
}

.box_base0 p {
	line-height:22px;
	font-size:12px;
	padding-left:10px;
}

.box_base1 {
	width: 531px;
	margin: 0 0 20px 0;
}

.box_base1 p {
	line-height:22px;
	font-size:12px;
	padding-left:10px;
}


.product_box {
	width: 529px;
	margin: 0 0 10px 0;
	background-color:#F7F7F7;
	border:solid 1px #CCCCCC;
	padding:15px 0 0;
}



.page_navi_tit {
	width: 501px;
	margin: 0 0 0 15px;
}

.page_navi {
	width: 499px;
	margin: 0 0 15px 15px;
	background-color:#FFFFFF;
	border:solid 1px #E6E6E6;
	padding-top:5px;
	list-style:none;
}

.page_navi li {
	margin: 0 10px 5px 10px;
	padding: 7px 0 7px 20px;
	font-size:14px;
	border-bottom:solid 1px #FFFFFF;
	background-image:url(images/products/list_ya.jpg);
	background-position:left center;
	background-repeat:no-repeat;
}


/* 代表挨拶
----------------------*/

.box_ryakureki {
	width: 511px;
	margin: 0 0 15px 0;
	padding:10px 10px 0px 10px;
	background-color:#F0F0F0;
	list-style:none;
}

.box_ryakureki li {
	margin: 0 0 10px 0;
	padding:0 0 5px 10px;
	border-bottom: solid 1px #FFFFFF;
}

/* 製品紹介
----------------------*/

.item_box {
	width: 509px;
	padding:10px;
	margin: 0 0 20px 0;
	border:solid 1px #CCCCCC;
	background-color:#F9F9F9;
}

.item_photo {
	width: 170px;
	float:left;
}

.item_intro {
	width: 337px;
	float:left;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
}

.item_intro p{
	line-height:20px;
	padding:0 5px 5px 5px;
}

.yoto {
	width: 327px;
	background-color:#3366CC;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 0 5px 10px;
	margin-bottom:10px;
}

.itemname {
	width: 327px;
	background-color:#5384AA;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 0 5px 10px;
	margin-bottom:10px;
}

.extit {
	width: 317px;
	margin: 10px 0 0 10px;
}


.ex {
	width: 315px;
	background-color:#FFFFFF;
	border:solid 1px #E6E6E6;
	margin: 0 10px 10px 10px;
}

.ex p {
	line-height:20px;
	padding:5px;
}


.item_con {
	width: 337px;
	float:left;
	text-align:right;
}


/* コーポレートプロフィール
----------------------*/

.go_map {
	width: 521px;
	text-align:right;
	margin: 0 0 10px 0;
	background-color:#F6F6F6;
	font-size:12px;
	padding:3px 10px 3px 0;
}

/* お問い合わせフォーム
----------------------*/

.box_con {
	width: 550px;
	margin: 0 0 10px 5px;
	padding-left:15px;
	padding-top:10px;
	border: solid 1px #CCCCCC;
}

.contact_table td {
	padding:5px 5px 5px 10px;
	line-height:20px;
}


/* table
----------------------*/

.base_table {
	padding:0;
	border-left: solid 1px #CCC;
	border-top: solid 1px #CCC;
}

.base_table td {
	padding:0;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding:8px;
}




/* サイドメニュー
---------------------------------------------*/

#content2 {
	float: right;
	width: 199px;
}

.b_space1 {
	margin-bottom:10px;
}

.b_space2 {
	margin-bottom:15px;
}

.b_space3 {
	margin-bottom:20px;
}

/* メニュー
--------------------*/

#menu {
	width: 199px;
	margin: 0 0 20px 0;
}

#menu ul {
	width: 199px;
	list-style:none;
}

#menu li{
	float: left;
	width: 199px;
	padding: 0px;
	list-style:none;
}

#menu li a{
    display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:35px;
	padding-top: 35px;
	background-image:url(images/base/menu0910.jpg);
	list-style:none;
}


/*  位置
---------------------------------------------*/
	
	/* 通常 */
	#menu01 a { background-position:  0     0; }
	#menu02 a { background-position:  0 -35px; }
	#menu03 a { background-position:  0 -70px; }
	#menu04 a { background-position:  0 -105px; }
	#menu05 a { background-position:  0 -140px; }
	#menu06 a { background-position:  0 -175px; }
	#menu07 a { background-position:  0 -210px; }
	#menu08 a { background-position:  0 -245px; }

	/* オンマウス */
	#menu01 a:hover { background-position: -199px     0; }
	#menu02 a:hover { background-position: -199px -35px; }
	#menu03 a:hover { background-position: -199px -70px; }
	#menu04 a:hover { background-position: -199px -105px; }
	#menu05 a:hover { background-position: -199px -140px; }
	#menu06 a:hover { background-position: -199px -175px; }
	#menu07 a:hover { background-position: -199px -210px; }
	#menu08 a:hover { background-position: -199px -245px; }



/*  CMS
---------------------------------------------*/

/* エントリー
--------------------*/

#entrymenu_bg {
	width: 181px;
	margin: 0 0 15px 0;
	border:solid 1px #CCCCCC;
	background-color:#E6E2DD;
	padding:5px 5px 0 5px;
}


#entrymenu {
	width: 181px;
	padding-bottom:5px;
	list-style:none;
}

#entrymenu li {
	padding: 0;
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
	background: #F4F4F4 url(images/menu/menu_li_bg.jpg) no-repeat left center;
}

#entrymenu a {
	padding: 8px 5px 7px 25px;
	background: #F4F4F4 url(images/menu/menu_li_bg.jpg) no-repeat left center;
	display: block;
	width: 151px !important;
	width /**/: 181px;
	color: #333333;
	text-decoration: none;
}

#entrymenu a:hover {
	color: #990000;
	background: none;
}


/* アーカイブス
--------------------*/

#ar_bg {
	width: 181px;
	margin: 0 0 15px 0;
	border:solid 1px #CCCCCC;
	background-color:#E6E2DD;
	padding:5px 5px 0 5px;
}


#ar {
	width: 181px;
	padding-bottom:5px;
	list-style:none;
}

#ar li {
	padding: 0;
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
	background: #F4F4F4 url(images/menu/menu_li_bg.jpg) no-repeat left center;
}

#ar a {
	padding: 8px 5px 7px 25px;
	background: #F4F4F4 url(images/menu/menu_li_bg.jpg) no-repeat left center;
	display: block;
	width: 151px !important;
	width /**/: 181px;
	color: #333333;
	text-decoration: none;
}

#ar a:hover {
	color: #990000;
	background: none;
}


.cms_tohome {
	text-align:right;
	width:100%;
	margin:10px 0 0 0;
	font-size:12px;
	
}

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

#footer {
	clear:both;
	width: 760px;
	margin:0;
}

#footer_navi {
	width: 760px;
	margin:0 0 5px;
	font-size:10px;
	color:#666666;
}

#footer_pla {
	width: 750px;
	margin:0 0 20px 10px;
	font-size:10px;
	line-height:15px;
	color:#666666;
}


/* フォントクラス
---------------------------------------------*/

.f10 {
	font-size:10px;
	padding-left:20px;
}

.f12 {
	font-size:12px;
}

.gray {
	color:#999999;
}

.blue12 {
	color:#0066FF;
	font-size:12px;
}

.blue {
	color:#3366CC;
}


.orange12 {
	color:#FF6600;
	font-size:12px;
}

.orange14 {
	color:#FF6600;
	font-size:14px;
}

.red12 {
	color:#FF0000;
	font-size:12px;
}

.red14 {
	color:#FF0000;
	font-size:14px;
}

.winered12 {
	color:#990000;
	font-size:12px;
}

.winered14 {
	color:#990000;
	font-size:14px;
}

.white {
	color:#FFFFFF;
}

/* イメージクラス
---------------------------------------------*/

.right {
    float:right;
	padding: 0 5px 10px 15px;
}

.left {
    float:left;
	padding: 0 15px 10px 5px;
}

.clear {
	clear: both;
}