body {
 color: #333333;
 margin:0px auto;
 padding:0px;
 font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;
 font-size:14px !important;   
 font-size:11px ; /* for only IE6 style */
 text-align: center;
 line-height: 130%;
 letter-spacing:120%;
}


#frame {
height: 100%;
width: 100%;
text-align: center;
margin:0px auto;
padding:0px;
background-image: url(images/background.jpg);
background-color: #000000;
background-position: center top;
}

#frame-sub {
height: 100%;
width: 100%;
text-align: center;
margin:0px auto;
padding:0px;
background-image: url(images/background2.jpg);
background-repeat: repeat-x;
background-color: #FBE9D0;
background-position: center top;
}

.font-s { font-size:9pt;}
.font-m { font-size:12pt;}
.font-l { font-size:14pt;}

.f-left { float:left;}
.f-right { float:right;}

.t-left { text-align: left;}
.t-right { text-align: right;}
.t-center { text-align: margin:0px auto;}


h1,h2,h3 {
margin:0px;
padding:0px;
font-weight:normal;
}


.font {
font-size:90%;
  line-height : 20px;
  letter-spacing : 3px;
}

.font_s {
font-size:10px;
line-height : 15px;
letter-spacing : 1px;
}

.font_m {
font-size:11px;
color : #D20078;
line-height : 15px;
}

.font_l {
 font-size:14px !important;   
 font-size:11px ; /* for only IE6 style */;
line-height : 18px;
letter-spacing : 1px;
}

.font_ll {
font-size:16px;
font-weight:bold;
}

/*pタグ空白消去*/
p {
margin:0px;
padding:0px;
}


/*IMGボーダー非表示*/
img  {
border: none;
vertical-align:top;
}



/*TABLEボーダー非表示*/
table  {
border:none;
margin-bottom:20px;
}


/*IE--BRバグ回避*/
br  {
letter-spacing:normal;
}



/*ビルダー表示崩れ回避*/
br.clear{
clear:both;
padding:0px;
margin:0px;
height:0px;
line-height:0;
}


/*リスト空白消去*/
ul,ol,li  {
margin:0px;
padding:0px;
list-style:none;
}


.pan-list-inline {
  font-size:10px;
  text-align:left;
  margin:0px; padding:0px;
  margin-bottom:10px;
  border-bottom:1px #cccccc dashed;
 
}
.pan-list-inline li {
  display:inline;
    margin:0px; padding:0px 0px 0px 18px;
  list-style-type:none;
  background-image:url("images/pan-image.gif");
  background-repeat:no-repeat;
}
.pan-list-inline li.home {
  display:inline;
  padding:0px;
  list-style-type:none;
  background-image:url("images/no-img.gif");
}


/*ページのタイトル部分のみのテキストリンク-----------------*/
h1 a:link       {color:#444444;text-decoration:none;} /*メニュー・テキストリンクの色*/
h1 a:visited    {color:#444444;text-decoration:none;} /*メニュー・訪問済みのリンクの色*/
h1 a:active     {color:#444444;text-decoration:underline;} /*メニュー・クリック時のリンクの色*/
h1 a:hover      {color:#444444;text-decoration:underline;} /*メニュー・マウス上にカーソルがある時のリンク色*/



/*普通のテキストリンク-----------------*/
a:link    {text-decoration:underline;color:#cc0000;}  /*テキストリンクの色*/
a:visited {text-decoration:underline;color:#cc0000;}  /*訪問済みのリンクの色*/ 
a:active  {text-decoration:none;color:#666666;}   /*クリック時のリンクの色*/
a:hover   {text-decoration:none;color:#666666;}  /*マウスの上にカーソルがあるときのリンクの色*/



div#imgbox{
 width:940px;
 height:100%;
 position:relative;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 background-image:url(images/bg.png);
 background-repeat: repeat-y;
}

div#container{
width:895px;
margin:0 auto;
padding-left:0px !important;   
padding-left:40px; /* for only IE6 style */
}

#summery{
text-align:right;
line-height:normal;
padding-bottom:4px;
font-size:10px;
}

#header{
background-image:url(images/header_bg.gif);
background-repeat:no-repeat;
width: 895;
}


#topimg{
margin:0px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
border:1px #FFFFFF solid;
border-bottom:3px #cccccc solid;
width: 100%;
margin:0 auto;
height:550px;
}

#topimg-2{
margin:0px;
background-image:url(images/mainimg03.jpg);
background-repeat:no-repeat;
border:1px #FFFFFF solid;
border-bottom:3px #cccccc solid;
width: 100%;
margin:0 auto;
height:300px;
}

#topimg2{
margin:0px;
background-image:url(images/titleimg.jpg);
background-repeat:no-repeat;
border:1px #FFFFFF solid;
border-bottom:3px #cccccc solid;
width: 100%;
margin:0 auto;
height:150px;
}


#subtitle{
width:940px;
background-color:#666666;
background:url(images/);
 font-size:9px !important;   
 font-size:10px ; /* for only IE6 style */;
padding: 5px;
text-align:left;
}



/*サイトのタイトル文字-----------------*/
h1{
line-height:normal;
text-align:left;
}


h1 a { 
display:block;
height:80px; /* タイトルの高さ */
width:200px; /* タイトル部の横幅 */
background:url(images/logo.jpg);
background-repeat:no-repeat;
margin: 10px;
}

h1 a:hover{color: #ffffff;}

h1 span { display:none; }



#setumei{
line-height:normal;
 font-size:12px !important;   
 font-size:11px ; /* for only IE6 style */;
}


#menu{
width: 895px !important;   
width: 852px; /* for only IE6 style */
font-size:12px !important;   
font-size:11px ; /* for only IE6 style */
margin: 0px;
padding: 0px;
}


#menu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}


#menu li{
float: left;
width: 126px !important;   
width: 120px; /* for only IE6 style */
border-top:1px #FFFFFF solid;
border-left:1px #FFFFFF solid;
border-bottom:1px #FFFFFF solid;
}

#menu li.menuright{
width: 125px !important;   
width: 125px; /* for only IE6 style */
border-top:1px #FFFFFF solid;
border-left:1px #FFFFFF solid;
border-right:1px #FFFFFF solid;
border-bottom:1px #FFFFFF solid;
}

#menu a{
text-align: center;
display:block;
margin: 0px;
padding:5px 8px; 
width: 115px !important;   
width: 110px; /* for only IE6 style */
background-color:#371900;
color:#ffffff;
text-decoration:none;
font-size:1em;
}


#menu a:hover{
background-color:#999999;
color:#ffffff;
text-decoration:none;
font-size:1em;
}



#wrapper{
margin:0 auto;
padding:4px 2px;
width: 895px !important;   
width: 870px; /* for only IE6 style */
clear:both;
position:relative;
text-align:left;
}



#main{
float:left;
padding-top:20px;
padding-left:39px;
width:597px;
}

#main div{margin-bottom:30px;}

#side{
float:right;
padding-top:20px;
padding-right:25px;
width:200px;
margin-bottom:10px;
}

#side p{margin-top:5px; margin-bottom:5px;}

#copy{
font-size:25px !important;   
font-size:16px ; /* for only IE6 style */
## font-weight:bold ;
## margin-left:10px !important;
## margin-left:5px; /* for only IE6 style */
## padding:10px !important;
## padding:5px; /* for only IE6 style */
color:#25905C;
line-height:130%;
}


.text{
## margin-left:10px !important;
## margin-left:5px; /* for only IE6 style */
margin-bottom:20px;
padding:10px !important;
padding:5px; /* for only IE6 style */
line-height:170%;
float:left;
border:1px #cccccc solid;
color:#666666;
font-size:12px !important;   
font-size:11px ; /* for only IE6 style */
}


h2 {
background-image:url(images/bar.gif);
background-repeat:no-repeat;
margin-bottom:18px;
height:41px;
font-weight:normal;
font-size:16px;
} 


.line{
color:#ffffff;
padding:12px;
height:21px;
font-weight:bold ;
}

.line2{
color:#FFFFFF;
background-image:url(images/bar2.gif);
padding:10px;
height:21px;
font-weight:bold ;
}

.news{width:580px; margin:0 auto;}
.topbn{width:580px; margin:0 auto; text-align:center;}

.news li{
margin-bottom:2px;
padding-bottom:6px;
padding-left:4px;
padding-top:6px;
border-bottom:#dddddd dotted 1px;
}


.news ul{
margin:0px 2px 45px 2px;
}

.news p{
margin-bottom: 20px;
padding:10px;
}

.news span{font-size:11px;}

.box_bg{
width:200px;
background-image:url(images/box_bg.gif);
background-repeat:repeat-y;
text-align:center;
}


#textlink{
background-color:#F4F4F4;
border:#999999 dotted 1px;
margin:10px;
margin-right:30px;
padding:10px;
text-align:center;
}


/*----テーブル表組み左のセル--------*/
.table_item{
background-color:#f3f3f3;/*----セルの色--------*/
text-align:left;
}


/*----テーブル表組み右のセル--------*/
.table_text{
background-color:#ffffff;/*----セルの色--------*/
text-align:left;
}


/*----テーブル表組みの枠線--------*/
.waku{
background-color:#999999;/*---枠線の色--------*/
}


#copyright{
clear:both;
margin:0 auto;
padding:4px 2px;
width:840px;
font-size:10px;
text-align:right;

}

.space20{
margin-bottom:20px;
}


/*テーブル*/

.hpb-cnt-tb-cell1 {
	background-color: #EEEEEE;
	width:90px;
	height:50px;
	margin: 10px;
	padding: 10px;
	border-right: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
}
.hpb-cnt-tb-cell2 {
	background-color: #FFFFFF;
	padding: 10px;
	border-bottom: 1px dotted #999999;
}

.hpb-cnt-tb-cell1 p{
	font-size: 150%;
	color: #333333;
	font-weight:bold;
	text-align:center;
	margin: 20px;
}

.hpb-cnt-tb-cell2 p{
	margin-bottom: 20px;
}

.hpb-cnt-tb-cell2 span{
	font-size: 85%;
	color: #555555;
}

.price-img {margin-bottom: 80px;}
.price-img p {margin-left: 235px;}

.pricetitle {
	font-size: 120%;
	font-weight:bold;
	color: #ffffff;
	background-color: #000000;
	margin: 10px;
	padding: 10px;
	border-right: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
}

.price1 {
	font-size: 120%;
	font-weight:bold;
	background-color: #EEEEEE;
	width:205px;
	height:35px;
	margin: 10px;
	padding: 10px;
	border-right: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
}
.price1 p {font-size: 80%; font-weight:normal;}


.price2a {
	background-color: #ECF5FF;
	padding: 10px;
	border-right: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	text-align:center;
}
.price2b {
	background-color: #FFF3E8;
	padding: 10px;
	border-right: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	text-align:center;
}


.price3 {
	font-size: 130%;
	font-weight:bold;
	background-color: #FFFFFF;
	padding: 10px;
	border-right: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	text-align:center;
}

.price4 {
	font-size: 110%;
	background-color: #FFFFFF;
	padding: 10px;
	border-right: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	text-align:right;
}

.price-cp {font-size: 12px; color:#cc0000; padding: 5px;}


.system-img {
	height: 235px;
	margin-bottom: 20px;
	border-bottom:1px #cccccc dashed;
}

.system-img h3 {
	font-size: 150%;
	color: #F60;
	font-weight:bold;
	margin-left: 220px;
	margin-bottom: 10px;
}

.system-img p {margin-left: 235px;}

.btn {
	text-align:center;
	margin: 10px;
	margin: 5px; /* for only IE6 style */
	margin-top: 50px;
	margin-bottom: 50px;
}

.topsp {
	text-align:center;
	margin: 15px;
	margin: 5px; /* for only IE6 style */
}

.staff table {margin-bottom: 30px;}
.staff td {text-align:center;}
.staff p {font-size:13px;}

.slidetop { height: 895px; width: 412px; margin: auto }
.slideshow { height: 200px; width: 200px; margin: auto }
