/* CSS Document */

/* 全体の設定*/
/* ================================================ */	
/* ボディ */
body {margin: 0;
      padding: 0;
	  height:100%;
	  font-family:,"ＭＳ Ｐゴシック",Osaka,sans-serif;
	  background-position: top center}


	  
/* ================================================ */	  
/* イメージ */

img{border:0px}

IMG{border:0px}



/* ================================================ */
/* フロート */

.froat-l {float:left;
             margin-right: 1em;
             margin-bottom: 1em}
			 
.froat-r {float:right;
             margin-left: 1em;
			 margin-top: 0px;
             margin-bottom: 1em}

.clear-b {clear:both}

.clear-l {clear:left}



/* ================================================ */
/* リンク関連　*/



a:link {color: #0066CC; font-style:normal; text-decoration:underline}
	
a:visited {color: #999999; text-decoration:underline}
	
a:hover {color: #00CCFF; font-style:normal; text-decoration:none}
	
a:active {text-decoration:none}



/* ================================================ */
/* 文章 */

p {margin:0px;}


/* 文字配置 */

.right {text-align:right}	　　　　　/* 右寄せ */
.center {text-align:center}	　　　/* 中央寄せ */
.left {text-align:left}	　　　　　/* 左寄せ */
.justify {text-align:justify}	　　　/* 均等割付 */
.v-center {vertical-align:middle}　　/* 垂直均等割付 */


/* 文字変更 */

.f6 {font-size:6px}     /* 超小さい */
.f8 {font-size:8px}      /* 小さい */
.f10 {font-size:10px}        /* やや小さい */
.f12 {font-size:12px}       /* 普通 */
.f14 {font-size:14px}       /* やや大きい */
.f16 {font-size:16px} 　  /* 大きい */
.f20 {font-size:20px}    /* 超大きい */
.bold {font-weight:bold}      /* 太い */
.vbold {font-weight:bolder}   /* とても太い */
.hoso {font-weight:lighter}   /* 細い */
.goku {font-weight:900}       /* 極太 */
.italy {font-style:italic}  　/* イタリック体 */
.h150 {line-height:150%}


/* 色 */

.gray {color:gray}      /* 灰色 */
.gold {color:#aa0}      /* 金色 */
.green {color:#0b0}     /* 緑色 */
.red {color:red}        /* 赤 */
.white {color:#fff}     /* 白 */
.blue {color:#00b}      /* 青 */
.yello {color:#0cc}      /* 黄色 */


/* 余白関係 */

.dd1 {margin:0.5em 1em}		/* １文字分インデント */
.dd3 {margin:0.5em 3em}		/* ３文字分インデント */
.dd6 {margin:0.5em 6em}	    /* ６文字分インデント */
.dd9 {margin:0.5em 9em}	    /* ９文字分インデント */
.mar-l1 {margin-left:1em} 
.mar-t1 {margin-top:1em} 

.pad20 {padding:0px 20px}		/* 20pxインデント */
.uu5 {padding:0.5em 0em}	　　/* 上下0.5文字詰め*/



/* ================================================ */
/* その他 */

.break {page-break-after:always} /* 印刷時の改ページ */






html{height:100%}



/* ================================================ */
/* コンテナ */

#container {width: 798px;
               background-color:#FFFFFF;
			   position:relative;
               height: 100%;
			   min-height: 100%;
			   border-left: 1px solid #CCCCCC;
			   border-right: 1px solid #CCCCCC;
			   margin:0px auto}
			   
body > #container {height: auto}



/* ================================================ */
/* ヘッダー */

#header {width:798;
         background-image: url(./img/top/back.gif);
         padding: 12px 5px 5px 14px;
		 margin:0px}
			
#header h1 {margin: 0}
		 
#header p {font-size:10px}


/* ヘッダーナビ */

#header_navi {float:right;
              width:220px;
			  height: 30px}

#header_navi ul {font-size: 9px}

#header_navi li {list-style-type:none;
                 float: left;
				 margin-left: 5px}
				 
				 
#header_rogo {width:300px;
              height:48px;
			  margin-bottom:18px;}
/* ================================================ */
/* ヘッダーメニュー */

#headmenu {width:798;
           margin:0;
		   padding:0;}



ul#headermenu {font-size: 12px;
               margin: 0px;
			   padding-left: 0px;
			   padding-right: 0px;
			   height: 42px}

ul#headermenu li {list-style-type: none;
                 display:inline;
                  float: left;
				  margin: 0px;
			   padding-left: 0px;
			   padding-right: 0px;}

ul#headermenu li a {display: block;
				  text-decoration: none;
				  color: #FFFFFF;
				  background-color: #99CC00;
				  border-style: none}
				  
ul#headermenu li a:hover {background-color: #669900}



/* ヘッダーメニューロール */

ul#headermenu a {display:block;
                 width:133px;
                 height:42px;
                 background-image:url(../img/top/headmenu01.jpg)}

#headermenu a span{display:none} 

#headmenu01 a {background-position:0px 0px}
#headmenu01 a:hover {background-position:0px -41px}
#headmenu01 a.stay {background-position:0px -82px}

#headmenu02 a {background-position:-133px 0px}
#headmenu02 a:hover {background-position:-133px -41px}
#headmenu02 a.stay {background-position:-133px -82px}

#headmenu03 a {background-position:-266px 0px}
#headmenu03 a:hover {background-position:-266px -41px}
#headmenu03 a.stay {background-position:-266px -82px}

#headmenu04 a {background-position:-399px 0px}
#headmenu04 a:hover {background-position:-399px -41px}
#headmenu04 a.stay {background-position:-399px -82px}

#headmenu05 a {background-position:-532px 0px}
#headmenu05 a:hover {background-position:-532px -41px}
#headmenu05 a.stay {background-position:-532px -82px}

#headmenu06 a {background-position:-665px 0px}
#headmenu06 a:hover {background-position:-665px -41px}
#headmenu06 a.stay {background-position:-665px -82px}



/* ================================================ */
/* フラッシュ */
#flash {width: 798px;
           height: 220px;}



/* ================================================ */
/* ページナビ */
#bread {width: 798px}


#bread p {background-image: url(../img/top/naviback.jpg);
		 background-repeat: no-repeat;
         font-size: 12px;
		 margin: 0;
         line-height: 35px;
		 color: #666666;
		 padding-left: 10px}



/* ================================================ */
/* マップ */
#map {width: 100%;
         margin-left: auto;
		 margin-right: auto}



/* ================================================ */
/* サイトマップ */

#content p.sitemaptit {background-image: url(../img/sitemap/sitemap_icon01.jpg);
		 background-repeat: no-repeat;
         font-size: 12px;
		 margin: 20px 20px 5px 25px;
         line-height: 20px;
		 color: #666666;
		 padding-left: 25px}

#content p.sitemapicon {background-image: url(../img/sitemap/sitemap_icon02.jpg);
		 background-repeat: no-repeat;
         font-size: 12px;
		 margin: 0px 20px 5px 30px;
         line-height: 20px;
		 color: #666666;
		 padding-left: 40px}



/* ================================================ */
/* コンテンツ */
#content {width: 564px;
             float: left;
			 color: #666666;
			 margin-top: 10px;
			 margin-left: 15px;
			 margin-bottom: 30px;
			 content: inline}
			 
#content .title {
			margin: 0px 0px 25px;
			padding: 0px;
			width: 564px;
			font-size: 0px;
			line-height: 0px;
			}

#content h2 {background-color: #FFFFFF;
                background-image: url(../img/top/h2.jpg);
				background-repeat: no-repeat;
				font-size: 14px;
				line-height: 26px;
				padding-left: 20px;
				margin-top: 0px;
				margin-left: 7px;
				margin-bottom: 20px}
					
#content h3 {background-color: #FFFFFF;
                background-image: url(../img/top/h2.jpg);
				background-repeat: no-repeat;
				font-size: 14px;
				line-height: 26px;
				padding-left: 20px;
				margin-top: 35px;
				margin-left: 7px;
				margin-bottom: 20px}

#content h4 {background-color: #FFFFFF;
                background-image: url(../img/top/h4.jpg);
				background-repeat: no-repeat;
				font-size: 12px;
				font-weight:bold;
				line-height: 26px;
				padding-left: 25px;
				margin-top: 35px;
				margin-left: 20px;
				margin-bottom: 20px}
				
#content p.h4 {font-size:  12px;
               line-height: 1.6;
			   padding-left: 40px;
			   padding-right: 40px;
			   margin-top: 10px;
			   margin-bottom: 10px}
			   
#content p.h4_icon {font-size:  12px;
                background-image: url(../img/business/busi_icon01.jpg);
				background-repeat: no-repeat;
               line-height: 1.6;
			   clear:both;
			   margin-left: 50px;
			   margin-right: 40px;
			   padding-left: 25px;
			   margin-top: 10px;
			   margin-bottom: 10px}
			   
#content p.h4_icon2 {font-size:  12px;
                background-image: url(../img/business/busi_icon02.jpg);
				background-repeat: no-repeat;
				font-weight:bold;
               line-height: 1.6;
			   margin-left: 20px;
			   margin-right: 40px;
			   padding-left: 30px;
			   margin-top: 10px;
			   margin-bottom: 10px}

#content p {font-size:  12px;
               line-height: 1.6;
			   padding-left: 20px;
			   padding-right: 20px;
			   margin-top: 10px;
			   margin-bottom: 5px}
			   		   
#content hr {width: 96%;
                height:     1pt;
                border-style: solid;
                border-color: #EAEAEA;
                border-width: 1px 0 0 0;
			    margin-bottom: 0px}		

#content p img.middle {float:absmiddle}
				
#content table img {vertical-align:middle;
                    margin-right:10px}
		
iframe.inq {width:520px;
         height:600px;
		 border: 0px #EAEAEA solid;
		 scrolling:no;
		 frameborder:0;}
			
#frame {border: solid 1px #EAEAEA;
           padding-left: 10px;
		   padding-top: 10px;
		   padding-right: 10px;
		   width:500px;
		   height: 1000px;
		   margin:0px auto;}
		   
		   
/* ---------------------------------------- */
/* コンテンツ-ビジネス */

#bisi_web,#bisi_eco,
#bisi_mob,#bisi_gen {width:240px;
                     height:150px;
					 font-size:12px;
                     float:left;
					 margin: 0px 0px 20px 27px;
					 background-image: url(../img/business/busi_img10.jpg);
			         background-repeat: no-repeat;}
		   

#bisi_web p.busi,#bisi_eco p.eco,
#bisi_mob p.mob,#bisi_gen p.gen {font-size: 10px;
               line-height: 26px;
			   padding-left: 20px;
			   padding-right: 20px;
			   }


/* ---------------------------------------- */
/* コンテンツ-サイトリンク */

#content a.slink {font-size:  10px;
				line-height:2.5;
                background-image: url(img/business/busi_icon01.jpg);
				background-repeat: no-repeat;
				padding-top:5px;
				padding-bottom:5px;
				padding-left: 25px;
}
				
/*				
#content a.slink {font-size:  10px;
                background-image: url(../img/business/busi_icon01.jpg);
				background-repeat: no-repeat;
				padding-top:5px;
				padding-bottom:5px;
				padding-left: 25px;
			    margin-top: 10px;
			    margin-bottom: 10px}
*/

#content a.slink2 {font-size:  12px;

				padding-left: 25px;
}

/* ================================================ */
/* サイドバー */

#sidebar {width: 190px;
             float: left;
			 border: solid 2px #EAEAEA;
			 margin-top: 10px;
			 margin-left: 10px;
			 padding-bottom: 30px;
			 margin-bottom: 25px}
			 
#sidebar p {font-size: 12px;
			 margin: 10px 10px 10px 10px;
			 padding-left: 0;
			 line-height: 0}

ul.sidemenu {list-style-type: none;
             font-size: 12px;
			 margin: 0px 10px 0px 10px;
			 padding-left: 0}
			 
			 
/* サイドバーメニューA */	
 
ul.sidemenu li {list-style-type: none;
                letter-spacing: 2px}

ul.sidemenu li a {display: block;
                  background:url(../img/top/icon01.gif) no-repeat center left;
                  line-height: 30px;
				  text-decoration: none;
				  color: #666666;
				  background-color: #FFFFFF;
				  border-bottom: solid 1px #EAEAEA;
				  padding-left: 25px}
				  
ul.sidemenu li a:hover {color: #99CC00;
                        background-color: #FFFFFF;
                        background:url(../img/top/icon01on.gif) no-repeat center left}
				  
ul.sidemenu li.menulast a {border-bottom: none}

ul.sidemenu li.menustay a {color: #669900;
						   background:url(../img/top/icon01ons.gif) no-repeat center left}

ul.sidemenu li.menulaststay a {color: #669900;
						   background:url(../img/top/icon01ons.gif) no-repeat center left;
						   border-bottom: none}


/* サイドバーメニューB */	
						
ul.submenu {
            padding-left: 10px;
			list-style-type: none;
             font-size: 12px;
			 margin: 0px 10px 0px 20px;
			 padding-left: 0}
			 
ul.submenu li {list-style-type: none;
                letter-spacing: 2px}
				
ul.submenu li a {display: block;
                  line-height: 30px;
				  text-decoration: none;
				  color: #666666;
				  background-color: #FFFFFF;
				  border-bottom: solid 1px #EAEAEA;
				  padding-left: 25px;
				  background:url(../img/top/icon02.gif) no-repeat center left}
				  
ul.submenu li a:hover {color: #99CC00;
                        background-color: #FFFFFF;
                        background:url(../img/top/icon02on.gif) no-repeat center left}
				
ul.submenu li.menulast a {border-bottom: none}

ul.submenu li.menustay a {color: #669900;
						   background:url(../img/top/icon02ons.gif) no-repeat center left}

ul.submenu li.menulaststay a {color: #669900;
						   background:url(../img/top/icon02ons.gif) no-repeat center left;
						   border-bottom: none}

/* ================================================ */
/* サイドバー */

#thanks {width:450px;
         text-align:center;}
		 


/* ================================================ */
/* フッター */

#footer {
			width: 798px;
			margin-top: 0;
			margin-bottom: 12px;
			padding-top: 8px;
			clear: both}	
		
#footer hr {width: 100%;
             height: 1px;
             color: #CCCCCC}
			 
			 
/* フッターメニュー */

p#footermenu {background-image: url(../img/top/footerback.jpg);
              background-repeat: no-repeat;
              font-size: 12px;
              margin-top: 0;
		      margin-bottom: 25px;
		      margin-left: 0;
		      padding-top: 16px;
		      text-align: center}
		 
p#footermenu a {padding-right: 5px;
                padding-left: 5px}

address {font-size: 12px;
         font-style: normal;
		 text-align: center}



/* ================================================ */