/* CSS Document */

* {
	color:#000000;
	padding:0;
	line-height: 140%;
	margin: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
}


body {
    background: #fff; background:url(img/bana-bg.gif) repeat-x #f3f3f3;
    width: 800px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    color: #333;
    line-height: 125%;
    font-family: "ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック";
    position: relative;
}


a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff9900; }



hr {
	clear: both;
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	text-align : center;}

#banner div { background: url(img/banner.jpg) no-repeat  right;  }



/*-------------------------------------------------------
■ 装飾用文字色
-------------------------------------------------------*/


/*色を指定します*/
.aka { color: #ff0000; }
.ao { color: #0000cc; }
.tya { color: #bd000e}
.gray { color: #3d3737}

/*文字を太くします*/
.b { font-weight: bold; }

/*文字のフォントを指定します*/
.big { font-size: 18px; }
.big1 { font-size: 24px; }
.big2 { font-size: 16px; }
.big18 { font-size: 18px; }
.big24 { font-size: 24px; }
.big16 { font-size: 16px; }


/*文字を装飾します*/
.line { background: #ffff00; }



/*画像の位置を指定します*/
.imgl {
	margin: 5px 20px 5px 0px;
	padding: 0;
	float: left;
}


.imgr {
	margin: 5px 0px 5px 20px;
	padding: 0;
	float: right;
}




strong{
	font-weight:normal;
}

/*文字列を右に指定します*/
/*下に余白なし*/
.goto1 {
	margin: 1px 10px 1px 10px;
	padding-top:0px;
	text-align: right;
	font-size: 14px;
}

/*下に余白あり*/
.goto2 {
	margin: 5px 10px 0px 10px;
	padding-bottom: 10px;
        text-align: right;
	font-size: 14px;
}

.gotop
{
    height: 18px;
    text-align: right;
    margin: 15px;
    padding: 0 20px 0 0;
    clear: both;
}


.center { text-align: center; }

img { border: none; }


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

#header {
        height: 60px;
        background: url(img/bana.jpg) no-repeat left top #fff;
        position: relative;
        width: 800px;
        _width: 800px;
        margin: 0;
        padding: 0 0px;
        text-align: center;
}

/*ＦＦ*/
html>body #header  {
       background: url(img/bana.jpg) no-repeat left top #fff;
        position: relative;
        width: 800px;
        _width: 800px;
        margin: 0;
        margin-top: -10px;
        padding: 0 0px;
        text-align: center;
}

/*IE7.0*/
*:first-child+html #header {
        height: 60px;
        background: url(img/bana.jpg) no-repeat left top #fff;
        position: relative;
        width: 800px;
        _width: 800px;
        margin: 0;
        padding: 0 0px;
        text-align: center;
}


/*-------------------------------------------------------
■ ヘッダー（サイトタイトル）
-------------------------------------------------------*/

#header h1 {

       position:absolute; top: 0px; right: 10px;
       text-align: left;
       display: inline;
       float: right;
       font-size: 10px;
       font-weight: normal;
       color: #666;
}


#header #logo {
	clear: both;
	padding-top: 22px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 3px;
	margin-left: 50px;
        text-align: left;
　　　　height: 60px;
        font-size: 16px;
        font-weight: bold;
        color: #333;

}

#header #logo a {
        text-decoration: none; 
        font-size: 16px;
        font-weight: bold;
        color: #333;
        display: block;
}

#header #logo a:hover {
        text-decoration: none;
        color: #990000;
}




/*-------------------------------------------------------
■ 画像部分
-------------------------------------------------------*/

#banner {
    position: relative;
    margin: 0;
    margin-left: 0px;
   margin-top: -10px;
    padding: 0;
    width: 800px;
    height: 352px;
    _height: 350px;
}

#banner div {
    position: relative;
    margin: 0;
    padding: 0;
    width: 800px;
    height: 350px;
}


/*ＦＦ*/
html>body #banner  {
    position: relative;
    margin: 0;
    margin-left: 0px;
    padding: 0;
    width: 800px;
   height: 352px;
    _height: 350px;

}

/*IE7.0*/
*:first-child+html #banner {
    position: relative;
    margin: 0;
    margin-left: 0px;
    padding: 0;
    width: 800px;
   height: 352px;
    _height: 350px;

}



/*-------------------------------------------------------
■ バナー内テキスト部分
-------------------------------------------------------*/

#banner span
{
    width: 760px;
    margin: 0;
    padding: 5px;
    font-size: 12px;
    line-height: 1.25;
    font-weight: normal;
    font-family: "ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック";
    position:absolute; top:120px; left: 20px; 
    text-align: left;
    letter-spacing: 0;
    background: none ;
}


/*-------------------------------------------------------
■ メインコンテンツ全体 基本レイアウト
-------------------------------------------------------*/

#container
{
    position: relative;
    width: 800px;
    _width: 800px;
    margin: 0;
    padding: 0 0px;
    text-align: center;
    background: #fff;


}



#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


/*-------------------------------------------------------
■ メインコンテンツ基本レイアウト（記事部分）
-------------------------------------------------------*/

#main
{
    display: inline; 
    position: relative;
    float: right;
    min-height: 1px;
    text-align: left;
    width:780px;
    margin: 15px 10px;
    padding: 0;
}


#main p {
	color: #333;
	font-size: 14px;
	margin:0;
	padding-top: 1px;
	padding-right: 25px;
	padding-left: 5px;
	line-height:125%;

 }

#main h2 {

   	background: url(img/h2-bg.gif) no-repeat left #fff;
	height:45px;
	line-height: 45px;
	margin-left: 10px;
	margin-top: 15px;	
        margin-bottom: 0px;
         padding-top: 2px;
	padding-left: 40px;
	margin-right: 10px;
	color: #fff;
	font-size: 20px;
    　　  width: 750px;
	font-weight: bold;}

#main h3 {

   	background: url(img/h3-bg.gif) no-repeat left #fff;
	height: 35px;
	line-height: 35px;
	margin-left: 10px;
	margin-top: 15px;	
        margin-bottom: 10px;
         padding-top: 2px;
	padding-left: 23px;
	margin-right: 10px;
	color: #333;
	font-size: 16px;
    　　  width: 750px;
	font-weight: bold;}





#main .hbtx{
	color:#3330;
	font-size:14px;
	line-height:160%;
	font-weight:normal;
	margin-left:10px;
	margin-right:30px;
	margin-bottom:30px;
	margin-top:-1px;
	word-break: break-all;
   border: 3px solid #bd1315;
   border: 3px solid #0000ff;

}



#main .hbtx p{
	margin:0;
	padding-right: 20px;
	padding-left: 5px;
	line-height:125%;
	font-size:14px;
	color:#333;
}

/*-------------------------------------------------------
■ 指定
-------------------------------------------------------*/


/*カテゴリ上目次画像*/	
.boxtop
{
	background: url(img/check.gif) no-repeat 0 0px;
　　　　 height: 45px;
	line-height: 45px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 130px;
	color: #FFF;
	font-size: 16px;
        width: 750px;
	font-weight: bold;

}



.box
{
    position: relative;
    width: 750px;
    _width: 750px;
    line-height: 1.5;
    margin: 15px 10px;
    padding: 0;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    background: #fcfcfc;
}



.box ul {
    margin: 10px 0 10px 25px;
    padding: 0;

}

.box li {
    margin: 0;
    padding: 0;
    line-height: 175%;
}

/*-------------------------------------------------------
■ 指定
-------------------------------------------------------*/


/*カテゴリ上目次画像*/	
.boxtop1
{
	background: url(img/check1.gif) no-repeat 0 0px;
　　　　height: 45px;
	line-height: 45px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 130px;
	color: #333;
	font-size: 16px;
      width: 750px;
	font-weight: bold;

}




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

#footer
{
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    clear: both;
}

#footer h4 {
	font-weight:normal;
	color:#666;
	text-align: center;
	padding-top: 10px;
	margin-left: 10px;
	margin-right:30px;
	font-size: 14px;
	border-width: 0px;
	
}


#footerh4  {
	color:#666;
	font-size:10px;
	line-height:125%;
	font-weight:normal;
	margin-top: 0px;
	margin-left: 20px;
	margin-right:20px;
	margin-bottom: 0px;
	padding:0;
	background: #fff;
         word-break: break-all
         position: relative;

}
.copy
{ 
    margin: 0;
    padding: 20px 0 0;
    color: #666;
    font-size: 10px;
    width: 800px;
}


#footer a{

	text-decoration:none;
	color:#666;

	
}




#link{
	line-height:1em;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:0px;
	text-align:center;
	font-size:12px;
	color:#666;
 text-align: right;
}

#link a{

	text-decoration:none;
	color:#666;

	
}




/*
概要
-------------------------------------------------------------------*/

#gaiyou {
	color:#eee;
	font-size:10px;
	line-height:125%;
	font-weight:normal;
	margin-top: 20px;
	margin-left: 10px;
	margin-right:20px;
	margin-bottom: 10px;
	padding:0;
	background: #f7f8f4;
	border: 0px solid #929286;
        word-break: break-all
        position: relative;
}


#gaiyou p {
	background: none;
	margin: 0px;
	padding: 5px;
	font-size:10px;
	line-height:130%;
	color: #999;
}



/*-------------------------------------------------
	テーブル
--------------------------------------------------*/

/*-------------------------------------------------
	比較表1
--------------------------------------------------*/
.hikakutbl {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}
.hikakutbl table {
	width: 730px;
	margin: 5px 0 10px 5px;
	padding: 0;
	font-size: 12px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-collapse: collapse;

}

.hikakutbl th {
	margin: 0;
	padding: 3px 0;
	border: 1px solid #CCCCCC;
	font-size: 14px;
         font-weight: bold;
	color: #fff;
	text-align: center;
	background-image: url(img/te.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}


.hikakutbl td {
	margin: 0;
	padding: 0;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

td.price {
	margin: 0;
	padding: 0;
	width: 90px;
	text-align: center;
	font-size: 13px;
}

td.hikakutxt {
	margin: 0;
	padding: 5px;
	font-size: 12px;
	line-height: 130%;
}

.imgtitle1 {
 	font-size: 14px;
        font-weight: bold;
         color:#fff;
}

.imgtitle {
	margin: 5px 0px 2px 5px;
         font-weight: bold;
         color:#ff0000;
}

.imghikaku {
	margin: 0px 10px 10px 10px;
	
	padding-top: 5px;
}


td.no01 {
	width: 150px;
	height: 120%;
	padding-left: 30px;
	background-image: url(img/1.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;
}



td.no02 {
	width: 150px;
	height: 120%;
	padding-left: 30px;
	background-image: url(img/2.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;
}

td.no03 {
	width: 150px;
	height: 120%;
	padding-left: 30px;
	background-image: url(img/3.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;
}


td.no04 {
	width: 150px;
	height: 120%;
	padding-left: 30px;
	background-image: url(img/4.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;
}
td.no05 {
	width: 150px;
	height: 120%;
	padding-left: 30px;
	background-image: url(img/5.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;
}
td.no06 {
	width: 150px;
	height: 120%;
	padding-left: 30px;
	background-image: url(img/6.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;

}

td.no07 {
	width: 150px;
	height: 120%;
	padding-left: 30px;
	background-image: url(img/7.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;
}
td.no08 {
	width: 150px;
	height: 120%;
	padding-left: 30px;
	background-image: url(img/8.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;
}
td.no09 {
	width: 150px;
	height: 120%;
	padding-left: 30px;
	background-image: url(img/9.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;
}
td.no10 {
	width: 150px;
	height: 120%;
	padding-left: 30px;
	background-image: url(img/10.gif);
	background-repeat: no-repeat;
	background-position: 4px 40px;
	}





/*
申込ボタン
-------------------------------------------------------------------*/

.link-kuchikomi {
	margin: 0;
	text-indent:-9999px;
}


.link-kuchikomi a 
{
	overflow: hidden;
	display: block;
	width: 110px;
	height: 14px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image: url(img/kochira21.jpg);
	text-indent:-9999px;
	margin-left: 350px;
	margin-top: 3px;
	margin-bottom: 5px;
      } 

}

.link-kuchikomi a:hover {
	width: 110px;
	height: 14px;
        background-position:0 -14px;
	text-decoration: none;
			}