﻿
/* 基本スタイル---------------------------------------------*/
body{margin: 0;padding: 0;font-size: 12px;font-family:MS Gothic,Osaka,Arial,Helvetica,Sans-serif;/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;*/line-height: 1.4;
color: #666666; 
}
p {letter-spacing: 0.2em;}
em{font-weight: bold; font-style: normal;}
img   { border:none;}

/* ヘッダーエリア---------------------------------------------*/
#body1{position:relative; height:80px; background-color:#FFF;margin:0px; padding:0; border-bottom:#2EEA24 solid 2px;  }
#body1-1{width:900px; background-color:#FFF;text-align:center;margin-left:auto;margin-right:auto;text-align:left; margin-top:0;}
#header{ height:80px; width:900px; margin:0; padding:0; }
#header div.logo{ position:absolute; margin-top:10px; margin-left:0px;  height:70px; width:900px;}
#header div.headerbox{ position:absolute; margin-top:57px; padding:0; height:10px;width:900px; text-align:right;}
#header div.headerbox a:link {color: #626262;text-decoration:none;}
#header div.headerbox a:visited {color:#626262;text-decoration:none;}
#header div.headerbox a:hover {color:#626262;text-decoration:none;}
#header div.headerbox p {font-size: 10px;line-height: 140%;}
#header div.headerbox p a:hover { color: #141414;text-decoration:underline;}

/* ヘッダーエリアメニュー---------------------------------------------*/
#headermenu {position: relative;margin:0 0 0 600px;padding:60px 0 0 0;height: 20px;width: 292px;list-style-type: none;}
#headermenu li {margin: 0;padding:0;float: left;width: 73px;}
#headermenu li a{display: block;overflow: hidden;width:100%;height: 0 !important;height /**/:20px;padding-top: 20px;background-image:url(../image/menu/header-menu.png);}	
#headermenu1 a{background-position: 0 0;}		
#headermenu2 a{background-position: -73px 0;}		
#headermenu3 a{background-position: -146px 0;}		
#headermenu4 a{background-position: -219px 0;}		
#headermenu1 a:hover{background-position: 0 -20px;}
#headermenu2 a:hover{background-position: -73px -20px;}
#headermenu3 a:hover{background-position: -146px -20px;}
#headermenu4 a:hover{background-position: -219px -20px;}
#headermenu1 a.stay{background-position: 0 -20px;}
#headermenu2 a.stay{background-position: -73px -20px;}
#headermenu3 a.stay{background-position: -146px -20px;}
#headermenu4 a.stay{background-position: -219px -20px;}


/* メインメニューエリア---------------------------------------------*/
#body2{position:relative; height:45px;background-color: #FFF;background-image: url(../image/menu/menuside.png);background-repeat: repeat-x;background-position:top; margin:0;padding:0; border-bottom: #2EEA24 solid 2px ; }
#body2-1{width:900px; height:45px; text-align:center;margin-left:auto;margin-right:auto;text-align:left;}
#menu {position: relative;margin:0 0 0 0;padding:0 21px 0 21px;height: 45px;width: 900px;list-style-type: none;}
#menu li {margin: 0;padding:0;float: left;width: 143px;}
#menu li a{display: block;overflow: hidden;width:100%;height: 0 !important;height /**/:45px;padding-top: 45px;background-image: url(../image/menu/menu.png);}	
#menu1 a{background-position: 0 0;}		
#menu2 a{background-position: -143px 0;}		
#menu3 a{background-position: -286px 0;}		
#menu4 a{background-position: -429px 0;}		
#menu5 a{background-position: -572px 0;}
#menu6 a{background-position: -715px 0;}
#menu1 a:hover{background-position: 0 -45px;}
#menu2 a:hover{background-position: -143px -45px;}
#menu3 a:hover{background-position: -286px -45px;}
#menu4 a:hover{background-position: -429px -45px;}
#menu5 a:hover{background-position: -572px -45px;}
#menu6 a:hover{background-position: -715px -45px;}
#menu1 a.stay{background-position: 0 -45px;}
#menu2 a.stay{background-position: -143px -45px;}
#menu3 a.stay{background-position: -286px -45px;}
#menu4 a.stay{background-position: -429px -45px;}
#menu5 a.stay{background-position: -572px -45px;}
#menu6 a.stay{background-position: -715px -45px;}
/* メイン画像エリア---------------------------------------------*/

#body3{position:relative;background-color: #FAFAFA; background-image: url(../image/backimage.png);background-repeat: repeat-x;background-position:top; margin:0;padding:20px 0 20px 0;}
#body3-1{width:900px; height:280px;text-align:center;margin-left:auto;margin-right:auto;text-align:left;}
#topimage{clear: both;margin:0;padding:0 0 0 0;width: 900px; border: solid 1px #999;}




/* index.html以外メイン画像エリア---------------------------------------------*/

#subbody3{position:relative;background-color: #FAFAFA; margin:0;padding:0; height:25px;}
#subbody3-1{width:900px;text-align:center;margin-left:auto;margin-right:auto;text-align:left;}
/* パンくずリスト---------------------------------------------*/
#kuzu {clear:both;  height: 10px; margin:0 0 0 0; padding:10px 0 0 5px;}
#kuzu ul {float:left; list-style:none; margin: 0; padding:0 0 0 0; font-family:verdana,arial,sans-serif;}
#kuzu ul li {display:inline; padding:0 0 0 10px; background:transparent url(../image/kuzu/kuzu.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
#kuzu ul a {color:rgb(70,122,167); text-decoration:none;}
#kuzu ul a:hover {color:rgb(42,90,138); text-decoration:underline;}


/* コンテンツ---------------------------------------------*/
#body4{position:relative;background-color: #FAFAFA; background-image: url(../image/backimage2.png); background-repeat: repeat-x; background-position:bottom; padding:5px 0 20px 0;}
#body4-1{width:900px; background-color:#F5F5F5;text-align:center;margin-left:auto;margin-right:auto;text-align:left;}

/* メインコンテンツ---------------------------------------------*/
#main{float:left;width: 630px; margin:0 0 0 0;padding:0 0 0 0;}
#main1{width: 630px; margin:0 0 10px 0;padding:0 0 0 0;background-color: #FFF ;border: #CCC solid 0.1em;}
#h2{ height:40px; margin:0; padding:0; }



/* サブコンテンツ---------------------------------------------*/
#sub{ float:right; width: 260px; margin:0;padding:0;}

#sub1{ margin:0 0 10px 0;padding:0 0 10px 0;background-color: #FFF; border:#CCC solid 0.1em;}
#sub2{ margin:0 0 65px 0;padding:0 0 10px 0;background-color: #FFF; border:#CCC solid 0.1em;}

#subh2{ margin:0; padding:0; }
#body4:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;}

/* サイドメニュー----------------------------------------------------------------------------------------------------------*/

#sidemenu{margin: 0 8px 0 8px;padding:0;position: relative;width: 240px; border:#CCC solid 1px; height:auto;}
#sidemenu li{ list-style: none;margin: 0;padding-left: 0px; border-bottom: #CCC dotted 1px; height:30px;  }
#sidemenu ul{width: 240px;margin: 0;padding: 0;display:block;list-style: none;text-align: left;}
#sidemenu1{background-image: url(../image/side/sidemenu2.png); background-repeat: no-repeat; background-position: left;text-decoration: none;display:block;margin:0;padding-left: 30px; color: #333;font-weight: 500;width: 230px;height: 30px;font-style: normal;font-size: 12px;list-style: none; line-height:30px;}
#sidemenu em{ list-style: none;text-decoration: none;display:block;margin:0;text-align: center;font-weight: 600;}
#sidemenu1:hover{ background-image: url(../image/side/sidemenu.png); background-repeat: no-repeat; background-position: left; color: #FFF; width:215px; margin:0; padding: 0 15px 0 30px; font-weight:500; }
#sidemenu2{background-image: url(../image/side/sidemenu.png); background-repeat: no-repeat; background-position: left;text-decoration: none;display:block;margin:0;padding-left: 30px;color: #FFF;font-weight: 500;width: 230px;height: 30px;font-style: normal;font-size: 12px;list-style: none;line-height:30px; }



/* サイド問い合わせ・資料請求---------------------------------------------*/

#sub-toiawase {position: relative; width:230px; height:120px; margin:10px 15px 0px 15px;padding:0 0 0 0;}
#sub-toiawase a{display: block;overflow: hidden;width:100%;height: 0 !important;height /**/:120px;padding-top: 120px;background-image: url(../image/side/inquiry/side-toiawase.png);}	
#sub-toiawase :hover{background-image:url(../image/side/inquiry/side-toiawase2.png);}

/* サイドダウンロード---------------------------------------------*/

#sub-download {position: relative; width:230px; height:90px; margin:10px 15px 0px 15px;padding:0 0 0 0;}
#sub-download a{display: block;overflow: hidden;width:100%;height: 0 !important;height /**/:90px;padding-top: 90px;background-image: url(../image/side/download/side-download.png);}	
#sub-download :hover{background-image: url(../image/side/download/side-download2.png);}

/* サイドデモサイト---------------------------------------------*/

#sub-demo {position: relative; width:230px; height:90px; margin:10px 15px 0px 15px;padding:0 0 0 0;}
#sub-demo a{display: block;overflow: hidden;width:100%;height: 0 !important;height /**/:90px;padding-top: 90px;background-image: url(../image/side/demo/side-demo.png);}	
#sub-demo :hover{background-image: url(../image/side/demo/side-demo2.png);}

/* サイドリンク---------------------------------------------*/

#sidelink{ margin:10px 0 0 5px; padding:0;}
/* フッターメニューエリア---------------------------------------------*/

#body5{clear: both; position:relative;height:60px; background-color:#2E4152; margin:0 0 0 0; padding:0 0 0 0;border-top: #001D39 2px solid;}
#body5-1{width:900px; height:60px;background-color:#2E4152;text-align:center;margin-left:auto;margin-right:auto;text-align:left;}

/*footerlink*/
#footerlink p {font-size:small;line-height: 140%;}
#footerlink a:link {color:#CCCCCC;text-decoration:none;}
#footerlink a:visited {color:#CCCCCC;text-decoration:none;}
#footerlink a:hover {color:#FFFFFF;text-decoration:none;}
#footerlink {background-color:#2E4152;color:#FFFFFF;clear:both;padding:10px 0 0 0;text-align:left;}


#footerlink div.footerlinkbox,
#footerlink div.footerlinkbox02,
#footerlink div.footerlinkbox03,
#footerlink div.footerlinkbox04,
#footerlink div.footerlinkbox05{ float:left; width:150px;}

#footerlink div.footerlinkbox { margin-right:25px;}
#footerlink div.footerlinkbox02 {margin-right:65px;}
#footerlink div.footerlinkbox03 { margin-right:5px;}
#footerlink div.footerlinkbox04 {margin-right:55px;}
#footerlink div.footerlinkbox05 {margin-right:0px;}

#footerlink div.footerlinkbox p,
#footerlink div.footerlinkbox02 p,
#footerlink div.footerlinkbox03 p,
#footerlink div.footerlinkbox04 p,
#footerlink div.footerlinkbox05 p{
 margin-bottom:2px !important;
}

#footerlink div.footerlinkbox p strong,
#footerlink div.footerlinkbox02 p strong,
#footerlink div.footerlinkbox03 p strong,
#footerlink div.footerlinkbox04 p strong,
#footerlink div.footerlinkbox05 p strong{
	font-size:90%;
}

#footerlink ul { list-style-type:none;}
#footerlink ul li { font-size:x-small;	line-height:160%;}



/* フッター---------------------------------------------*/

#body6{ position:relative;height:100px; background-color: #2B2B2B;border-top: #001D39 2px solid; margin:0; padding:0;}
#body6-1{width:900px; height:80px;text-align:center;margin-left:auto;margin-right:auto;margin-top:0; margin-bottom:0; padding:0;}
#footer{clear: both;font-size: 10px;position: relative; margin: 0;padding: 0;}	

#footer a:link {color:#FFFFFF;text-decoration:none;}
#footer a:visited {color:#FFFFFF;text-decoration:none;}
#footer a:hover {color:#FFFFFF;text-decoration:none;}
#footer p {font-size:x-small;line-height: 140%;}

/*a:link{
	color:#1E64BE;
	text-decoration: underline;
}

a:visited {
	color:#1E64BE;
	text-decoration: underline;
}

a:hover {
	color:#990000;
	text-decoration: underline;
}
*/

#footer div.footerbox {margin:0; padding:0; height:50px;width:900px; text-align:center;}	
#footer div.footerbox p a:hover {text-decoration:underline;}
#footer div.copyright {position: absolute; top: 40px; left: 14px;}