/* 基本セレクタ */
html { margin:0; padding:0;}
body { position:relative; margin: 0; padding: 0; font-size:10px; font-family:"ＭＳ Ｐゴシック",Arial, Verdana, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", Osaka; color:#333; line-height:20px; background:;}
p, ul, li {margin:0; padding:0;}
ul li {list-style:none;}
h1 {font-size:14px; margin:0; padding:0;}
h2 {font-size:18px; margin:0; padding:0; font-family:"HG丸ｺﾞｼｯｸM-PRO";}
h3 {font-size:16px; margin:0; padding:0;}
h4 {font-size:14px; margin:0; padding:0;}
h5 {font-size:12px; margin:0; padding:0;}
a:link, a:visited { color:#336;}
a:hover { color:#f00;}
.pcr { clear:both; margin: 0px; padding: 0px;}
.red {color:#C00;}
.fs10 { font-size:10px;}
.fs11 { font-size:11px;}
.fs12 { font-size:12px;}
.fs13 { font-size:13px;}
.form {margin:0; padding:0;}
.nobor {border:none;}
a img {border:none;}

/*基本・ヘッダ輪郭*/
#container { width:790px; position:relative; margin:0 0 0 10px; padding:0; background:white  repeat-y right; font-size:10px;}
.logo { float:left; width:240px; height:70px;}
.sitem { background: no-repeat left center;}
.info {background:url("../Image_2009/rallow.gif") no-repeat left center;}
#headerin { float:left; margin:0y; padding:5px; width:790px; height:75px; line-height:25px; color:#c30;}
#headerin h1 {margin:0; padding:0; height:40px; float:left;}
#headerin h1 a:link, #header #headerin h1 a:visited { display:block; width:240px; margin-top:30px; padding:0 0 0 230px; text-decoration:none; line-height:20px; color:#c30;}
.hnavi { float:right; width:300px; margin-top:15px; padding:0;}
#headerin .sitepo { float:left; width:240px; padding:0;}

/*配色対応ヘッダ2*/
#header2 { background: no-repeat right top; width:790px; height:110px}
#header2 ul {float:right; padding-top:2px; padding-right:0; width:200px; height:18px; font-size:11px; font-weight:bold;}
#header2 ul li {float:left; list-style:none; margin-left:10px; padding-left:12px; line-height:19px;}
#header2 #headerin h1 a:visited { display:block; width:240px; margin-top:30px; padding:0 0 0 230px; text-decoration:none; line-height:20px; color:#c30;}

/*----- 下記色彩ヘッダを上記配色ヘッダの一行目と置き換える-----*/
/*青系・ヘッダ	div#header2 { background:url(../image_2007/head_1.jpg) no-repeat; width:790px; height:110px} */
/*茶系・ヘッダ	div#header2 { background:url(../image_2007/head_2.jpg) no-repeat; width:790px; height:110px} */
/*紫系・ヘッダ	div#header2 { background:url(../image_2007/head_3.jpg) no-repeat; width:790px; height:110px} */
/*緑系・ヘッダ	div#header2 { background:url(../image_2007/head_4.jpg) no-repeat; width:790px; height:110px} */

/*基本・ヘッダ*/
.net {float:left; width:128px; margin:0px; padding:0px;}
.demo {float:left; width:140px; margin-left:25px; padding:0px;}

/*右サイド*/
#rightside { float:right; margin-left:0px; padding:0; width:180px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}

/*ここまで基本・ヘッダ*/

/******ナビゲーション*******/
/** Tab Menu 20080912 **/
#tabsmenuclass {position:relative; width:800px; margin: 0; padding: 0; list-style-type: none;}

.tabsmenuclass ul {overflow: hidden; width:auto; margin: 0; padding: 0; list-style-type: none;}
.tabsmenuclass li {float: left;}
.tabsmenuclass a {display: block; padding: 5px 15px; background: #E8E8E8; color: black; margin-right: 1px; text-decoration: none; font: bold 12px Arial;}
.tabsmenuclass a:hover, .tabsmenuclass a.selected {background: black;color: white;}

#S_menu a { padding: 3px 7px; background: #E8E8E8; color: blue; margin-right: 1px; text-decoration: none; font:12px Arial;}
#S_menu  a:hover, .S_menu a.selected {background: black;color: white;}



/*ナビゲーション*/
#navi { margin:0; padding:0;}
#navi ul { margin:0; padding:0; font:13px/24px Verdana, Arial, Helvetica,sans-serif, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka; font-weight:bold;}
#navi ul li { background: no-repeat; height:30px; padding:0; margin:0}
#navi ul li a {width:180px; display:block; padding-left:6px; margin-left:0; line-height:30px; text-decoration:none;}
.lev1 a, .lev1_mo { height:30px;}
.sankakubg {background: no-repeat;}
.indent { text-indent:10px;}

/*ナビゲーション青系*/
.lev2 a { padding:0; background: no-repeat; height:30px}

/*ナビゲーション茶系*/
.lev3 a { padding:0; background: no-repeat; height:30px}

/*ナビゲーション紫系*/
.lev4 a { padding:0; background: no-repeat; height:30px}

/*ナビゲーション緑系*/
.lev5 a { padding:0; background: no-repeat; height:30px}

/*問合せ*/
#try { text-align:center; background: no-repeat center; margin:20px 0; line-height:44px; width:174px}
#try a { display:block; width:174px; text-align:center;}
#inqu h5 { font-size:12px; background: no-repeat left bottom; padding-left:32px; height:35px; line-height:35px; margin-left:8px; margin-right:0; margin-top:0; margin-bottom:20px}
#inqu h5 a { text-decoration:none;}

/*会社案内*/
#compa { margin:0 0 20px 6px; width:166px; text-align:center;}
#compa2 h5 { text-align:center; font-size:12px; margin:-5px 0 0 0; padding:0; border-bottom:1px solid #ccc;}
#compa1 { background: no-repeat center top; margin:0; padding:0; font-size:0; line-height:0; height:15px}
#compa2 { background: repeat-y; text-align:left; margin:0; padding-left:6px; padding-right:6px; padding-top:0; padding-bottom:0}
#compa3 { background: no-repeat; margin:0; padding:0; height:15px}
#compa #compa2 ul {margin:6px 0 0 0; padding:0;}
#compa #compa2 ul li{ background: no-repeat left top; line-height:16px; font-size:10px; font-weight:normal; color:#666; margin:0; list-style-type:none; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0}

/*メインコンテンツ*/
#main { margin:0; padding:0; width:790px;}
.pankuzu { padding-left:10px; font-size:10px; height:30px; line-height:30px;}
#content0 { position:rerative; float:left; padding:0 0 0 3px; overflow:hidden;  width:590px; font-size:13px;}
#contents { position:rerative; float:left; padding:0 0 0 9px; overflow:hidden;  width:590px; font-size:13px;　border-left:1px solid #ccc;}
#contentf { position:rerative; float:left; padding:0 5 0 3px; overflow:hidden;  width:585px; font-size:13px;　background:white  repeat-y right;}
#contentsinn { margin:0 0 10px 5px;}
#lside {width:185px; padding:0; float:left; background:#ffc  no-repeat center;}
.lsidein { margin:0; padding:0 8px; height:386px; border-right:1px solid #00217F; border-left:1px solid #00217F; background: no-repeat left bottom;}
.lsidein h4 {background: no-repeat; font-size:13px; line-height:20px; margin-bottom:6px; text-align:center}
.lsidein p {text-align:left; line-height:18px; font-size:12px; margin:4px 0; padding:0 8px;}
.leftsideinn {  text-align:center; margin:4px 0; padding:4px 0;}
.leftsideinn h5 {font-size:12px; color:#fff; font-weight:bold;padding-top:4px;}
.leftsideinn ul {margin:6px 0 0 0;}
.leftsideinn ul li { padding:0 0 6px 0;}
.leftsideinn ul li a {text-decoration:none; display:block; font-size:12px;}
#a1 { z-index: 1; }
#a10 { z-index: 2; visibility: }
#a11 { z-index: 3; visibility: hidden;}
#a2 { z-index: 4; visibility: hidden;}
#a20 { z-index: 5; visibility: }
#a21 { z-index: 6; visibility: hidden;}
#a3 { z-index: 7; visibility: hidden;}
#a30 { z-index: 8; visibility: }
#a31 { z-index: 9; visibility: hidden;}
#a4 { z-index: 10; visibility: hidden;}

/* #a1 { z-index: 1;} */
/* #a2 { z-index: 2; visibility: hidden;} */
/* #a3 { z-index: 3; visibility: hidden;} */
/* #a4 { z-index: 4; visibility: hidden;} */
#rbu1 { background: no-repeat;}
#rbu2 { background: no-repeat;}
#rbu3 { background: no-repeat;}
#rbu4 { background: no-repeat;}
#rbu1, #rbu2, #rbu3, #rbu4 { line-height:23px; }
#rbu1 a, #rbu2 a, #rbu3 a, #rbu4 a { width:163px;}
.riyou1 {background: no-repeat center top;  }
.riyou2 {background: no-repeat center bottom;  }
.riyou1, .riyou2 { margin:0; padding:0; font-size:0; line-height:0; height:20px;}

/*メイン右側*/
#rmain {float:left; position: absolute; left: 196px;width:385px;}
/*切り替えタブ位置サイズ*/
.ans { width:390px; padding:0; margin:0; position:absolute; top:0; left:0; }

#rmain form {margin:0; padding:0;}
#rmain1, #rmain2, #rmain3, #rmain4 {margin:0; padding:0; height:34px;}
.rmaininn1, .rmaininn2, .rmaininn3, .rmaininn4 {padding:0 9px 6px 5px; border-right:1px solid #666; border-bottom:1px solid #666; border-left:1px solid #666; padding-top:4px; height:390px;}
.rmaininn1 { background-color:#EDFDFF;}
.rmaininn2 { background-color:#FFFF99;}
.rmaininn3 { background-color:#FEF2FF;}
.rmaininn4 { background-color:#EDEBFF;}
.rmaininn1 h4, .rmaininn2 h4, .rmaininn3 h4, .rmaininn4 h4, .rmaininn3 h5 { font-size:13px;}
.rmaininn1 p img, .rmaininn2 p img {text-align:center; margin-top:10px;}
.rmaininn3 h4, .rmaininn3 h5 { width:auto; float:left;}
.rmaininn3 h4, .rmaininn4 h4 {color:#900; background: repeat-x bottom; margin-right:6px}
.rmaininn3 h5 {margin:6px 0 0 0;}
.rmaininn3 p {font-size:10px; line-height:12px; color:#063; padding:2px 0;}
.rmaininn3 p span {color:#c00; margin:4px 0 0 0;}
.rmaininn3 table {width:377px; border-top:1px solid #ccc; font-size:10px; font-family:"ＭＳ Ｐゴシック", Osaka;}
.rmaininn3 table td { border-bottom:1px solid #ccc; padding:2px 0;}
.rmaininn3 table td table {width:140px; border:none;}
.rmaininn3 table td table td {border:none; padding-left:20px;}
.rmaininn4 p {text-align:center; padding-top:40px;}
.rmaininn4 h4 { margin:0 0 10px 0;}
.fs10red { padding-top:16px; font-size:12px; color:#C00; line-height:16px;}

/*トップページ下部*/
.maincontent { background-image:;}
.maincontent1 {}
.maincontent, .maincontent1 {width:585px; border:1px solid #00217F; margin:0 auto; padding:0; text-align:center;}

.maincontent h3 { background: no-repeat left top;}
.maincontent1 h3 { background: no-repeat left top;}
.maincontent h3, .maincontent1 h3 { margin:0; color:#fff; font-weight:bold; padding-left:4px; line-height:24px; text-align:left;}

.intro { margin:0 auto; padding:0; text-align:center;}
.intro .leftinfo ul, .intro  .rightinfo ul {margin:0; padding:0;}
.intro .leftinfo {float:left; width:276px; margin:0 0 0 10px; text-align:left;}
.intro .rightinfo {float:left; width:276px; text-align:left;}
#info1 { background: no-repeat left top;}
#info2 { background: no-repeat top left;}
#info3 { background: no-repeat top left;}
#info4 { background: no-repeat top left;}
#info5 { background: no-repeat top left;}
#info6 { background: no-repeat top left;}
#info7 { background: no-repeat top left;}
#info1, #info2, #info3, #info4, #info5, #info6, #info7 { padding:10px 0 10px 34px; font-weight:bold;}
#info1, #info2, #info4, #info5, #info6 { border-bottom:1px dashed #ccc;}
#info1 span, #info2 span, #info3 span, #info4 span, #info5 span, #info6 span, #info7 span {font-weight:normal;}
#info3 ol li { font-weight:normal; list-style-type: decimal;}
.intro .toryouleft { float:left; width:338px; margin:0 0 0 10px; text-align:left;}
.intro .toryouright {float:right; margin-right:6px; width:218px; text-align:left;}
.intro .toryouleft h4 {background: no-repeat; }
.intro .toryouright h4 {background: no-repeat;}
.intro .toryouleft h4, .intro .toryouright h4 {line-height:20px; font-size:12px; margin:10px 0 6px 0; padding:0 0 0 20px;}
.intro .toryouleft p, .intro .toryouright p, .inread, #app1  { line-height:16px; font-size:12px;}
.intro .toryouleft p img, .intro .toryouright p img {float:left; padding:0 12px 2px 0;}
.intro .toryouright .voice {margin:0; padding:0;}
.intro .toryouright .voice1 {float:left; width:130px; color:#900;line-height:18px; font-weight:bold; clear:left;}
.intro .toryouright .voice2 {float:right;}
.intro .toryouright .voice2 img {margin:4px 0;}
.infom, #app {margin:0; padding:0;}
.inimg {float:left; padding:0 12px 2px 0; width:94px;}
.inread { float:left; border-left:5px solid #FFC87F; margin-top:4px; padding:0 0 4px 7px; width:212px;}
.infom p {margin:0; padding:0;}
.inread ul li ol li { list-style:decimal; margin-left:30px; padding-left:-30px;}
#jyouken { background: no-repeat left bottom;}
#demo h4 { background:none; border-left:5px solid #FF6400; padding-left:8px; float:left; width:110px;}
#demo {margin-top:10px;}
#demo1 img {float:left; text-align:right; width:200px; margin-top:10px;}
#app1 {float:left; width:180px; margin:0 0 10px 10px;}
#app2 {float:left;}
#app2 img { padding:16px 0 26px 6px;}

/*一般コンテンツ*/
#text_bx1 {float:left; margin-left:20px; width:560px; padding:0;}


/*フッター*/
#footer {  background-color:#F5F5F5; margin:0; padding:0; border:1px solid #ccc;}
#footerinn {padding:10px; font-size:10px; line-height:20px; color:#666;}
#footerinn span {background-color:#FFFDD7;}
#footerinn a {color:#666;}
#footerinn a:hover {color:#CC0000;}

/*デモ店アライアンスページ*/
.text_1m { color: maroon; font-size: 18pt; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka?等幅, Osaka, 平成角ゴシック; font-weight: bold; text-decoration: none   ; margin-right: 8pt; margin-left: 8pt; }