@charset "utf-8";

/*基本設定
----------------------------------------------------*/

body {
		margin:0;
		padding:0;
		background:url(../images/common/bg.gif) left top repeat-x #fff;
		font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
		color:#222;
		line-height:1.8em;
		font-size:12px;
		text-align:center;
		
}

html {   
		overflow-y:scroll;   
}  


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

a:hover {
		color:#419444;
		text-decoration:underline;

}

img {
		border:0;
}

h1,h2,h3,h4,h5,p {
		margin:0;
		padding:0;
		font-weight:normal;
}

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

}

table {
		width:100%;
		border:0;
}

th,td {
		font-size:12px;
}


#wrap {
		margin:0 auto;
		padding:0;
		width:950px;
		text-align:left;
}

.clear {
		clear:both;
}

.fix:after {
  content: "."; 
  display:block; 
  clear:both;
  height:0;
  visibility:hidden;
}

.fix {
  min-height:1px;
}

* html .fix {
  height:1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.ohz {
		overflow: hidden;
		_zoom: 1;
}


p.mark {
		display:none;
}

span.red {
		color:#c00;
}

.img {
		float:left;
		margin:0 20px 0 0;
}

.img02 {
		float:right;
		margin:0 0 0 20px;
}

.tel {
		font-size:20px;
		font-weight:bold;
		font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
		color:#C8442A;
}


/*section p
----------------------------------------------------*/

.section {
		margin:0 0 20px 0;
		width:100%;
}

.inner {
		width:100%;
}

.btm5 {
		margin-bottom:5px;
}

.btm10 {
		margin-bottom:10px;
}

.btm15 {
		margin-bottom:15px;
}

.btm20 {
		margin-bottom:20px;
}

.btm25 {
		margin-bottom:25px;
}

.btm30 {
		margin-bottom:30px;
}

.btm40 {
		margin-bottom:40px;
}


.top5 {
		margin-top:5px;
}

.top10 {
		margin-top:10px;
}

.top20 {
		margin-top:20px;
}

.f10 {
		font-size:10px;
}

.f14 {
		font-size:14px;
}

p.l11 {
		line-height:1.1;
}

p.l13 {
		line-height:1.3;
}

.m0 {
		margin:0!important;
}

.tar {
		text-align:right;
}

.tac {
		text-align:center;
}

.f-l {
		float:left;
}

.f-r {
		float:right;
}

.hover a:hover{
    opacity: 0.7; 
    filter: alpha(opacity=70); 
    -moz-opacity: 0.7;
}



/*ヘッダー
----------------------------------------------------*/

#header-wrap {
		width:100%;
		text-align:center;
		padding:0;
		margin:0;
		border-bottom:solid 1px #fff;
}

#header {
		width:950px;
		height:108px;
		position:relative;
		margin:0 auto;
}

h1 {
		position:absolute;
		text-align:left;
		top:17px;
		left:238px;
		font-size:10px;
		font-weight:bold;
}

p.h-p {
		position:absolute;
		text-align:left;
		top:36px;
		left:238px;
		font-size:10px;
}

p.logo {
		position:absolute;
		top:5px;
		left:0px;
}

p.h-contact {
		position:absolute;
		top:17px;
		right:0px;
}

#navi {
		position:absolute;
		width:725px;
		height:40px;
		margin:0;
		padding:0;
		top:68px;
		right:0px;
}

#navi li {
		margin:0;
		padding:0;
		float:left;
}



/*コンテンツ
----------------------------------------------------*/
#cont {
		width:100%;
		margin:20px 0 0 0;
}



/*サイド
----------------------------------------------------*/

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

#side-menu {
		background:url(../images/common/side_menu_bg.gif) 0 0 no-repeat;
		padding:50px 5px 10px 5px;
		margin:0 0 10px 0;
}

ul.product {
		margin:0 0 2px 0;
}

ul.product li {
		background:url(../images/common/product_list_bg.gif) 0 bottom no-repeat;
		padding:2px 0 2px 5px;
		font-size:10px;
		margin:0 0 0 0;
}


ul.page li {
		background:url(../images/common/sm_list_bg.gif) 0 0 no-repeat;
		padding:6px 0 4px 25px;
		font-size:12px;
		margin:0 0 2px 0;
}

ul.page li a {
		color:#222;
}



/*メイン
----------------------------------------------------*/

#main {
		width:479px;
		float:left;
}


#main-wrap {
		width:725px;
		float:right;
}

#side02 {
		width:200px;
		float:right;
}

.tc {
		width:235px;
}

.tc h2 {
		background:url(../images/common/arrow.gif) 0 4px no-repeat;
		padding:0 0 0 15px;
		font-size:15px;
		font-weight:bold;
		margin:5px 0 0 0;
}

.tc p {
		font-size:12px;
		line-height:1.7em;
}

.wb {
		width:505px;
		margin:20px -26px 0 0;
}

.wb img {
		width:100px;
		margin:0 0 5px 0;
}

.wb p{
		float:left;
		margin:0 26px 10px 0;
		text-align:center;
		font-size:10px;
		line-height:1.4em;
}

.btm-con {
		font-size:12px;
		line-height:1.6em;
		text-align:center;
}

.news {
		padding:5px 20px 5px 20px;
		background:#FCFCEE;
		border:solid 2px #A0C9A1;
		border-top:none;
		width:162px;
		margin:0 0 20px 0;

}

.news p {
		line-height:1.6em;
		margin:0 0 15px 0;

}

.right-section {
		background:url(../images/common/right_section_bg.gif) 0 bottom no-repeat;
		padding:0 0 15px 0;
		margin:0 0 15px 0;
		line-height:1.3em;
}

.right-section h2 {
		margin:0 0 10px 0;
}


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

#footer-wrap {
		width:100%;
		text-align:center;
		background:url(../images/common/footer_bg.gif) 0 top repeat-x;
		padding:0 0 20px 0;
		margin:60px 0 0 0;
}

#footer {
		margin:0 auto;
		padding:0;
		width:950px;
		text-align:left;
		background:url(../images/common/footer_bg_logo.gif) 0 0 no-repeat;
}

#footer a {
		text-decoration:none;
}


#pagetop {
		text-align:right;
		margin:0 0 10px 0;
}

p.f-link {
		font-size:10px;
		text-align:center;
		margin:70px 0 0 0;
}




p.cr {
		font-size:10px;
		text-align:center;
}

p.cr a {
		color:#222;
}