﻿/* CSS Document */


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




body {

        background: url(img/bg.gif)  ;

        width: 840px;

        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;

 }




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



/*色を指定します*/

.aka { color: #ff0000; }

.ao { color: #0000cc; }

.tya { color: #bd000e}

.gray { color: #3d3737}
.pink { color: #FF00FF}
.miz { color: #00BFFF}
.kimi { color: #99FF00}


/*文字を太くします*/

.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; }
.line1 { background: #e0FFFF; }
.line2 { background: #FFCCFF; }
.line3 { background: #CCFFCC; }







/*画像の位置を指定します*/

.imgl {

	margin: 5px 20px 5px 0px;

	padding: 0;

	float: left;

}




.imgr {

	margin: 5px 0px 5px 20px;

	padding: 0;

	float: right;

}

img { border: none; }

strong{
	font-weight:normal;
}




/*アフィリリンク誘導*/

/*ｈ２*/


.goto {

        position: relative;

 	clear: both;

 	background: url(img/link.gif) no-repeat left ;

　　　　height: 80px;

	line-height: 80px;

	margin-top: 15px;

	margin-bottom: 0px;

	padding-left: 100px;

	padding-top: 35px;

	color: #333;

	font-size: 20px;

        width: 740px;

	

}





/*ＦＦ*/

/*ＦＦ*/

html>body  
.goto {

        position: relative;

 	clear: both;

 	background: url(img/link.gif) no-repeat left ;

　　　　height: 80px;

	line-height: 80px;

	margin-top: 15px;

	padding-left: 100px;

	padding-top: 20px;

	color: #333;

	font-size: 20px;

        width: 740px;

	font-weight: bold;

}









/*IE7.0*/

*:first-child+html 
.goto {

        position: relative;

 	clear: both;

 	background: url(img/link.gif) no-repeat left ;

　　　　height: 80px;
	line-height: 80px;

	margin-top: 15px;

	padding-left: 100px;

	padding-top: 15px;

	color: #333;

	font-size: 20px;

        width: 740px;

	font-weight: bold;

}






/*ｈ３*/


.goto1 {

	margin: 10px 10px 1px 10px;

	padding-top:0px;

	text-align: right;

	font-size: 20px;

	font-weight: bold;

}



.goto2 {

	margin: 10px 10px 1px 10px;

	padding-top:0px;

	text-align: right;

	font-size: 20px;

	font-weight: bold;

}


.goto3 {

	margin: 10px 10px 1px 10px;

	padding-top:0px;

	text-align: right;

	font-size: 20px;

	font-weight: bold;

}



.center {
 text-align: center;
 }






/*
ページレイアウト
-------------------------------------------------------------------*/


#wrap
{
    width: 850px;
}



/*ＦＦ*/

html>body #wrap
{
    width: 840px;
}




/*IE7.0*/

*:first-child+html #wrap
{
    width: 840px;
}





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


#header {

        height: 60px;

        background: url(img/bana.jpg) no-repeat left top ;

        position: relative;

        width: 840x;

        margin: 0;

        margin-left: 13px;

        padding: 0 20px;

        text-align: center;

}




/*ＦＦ*/

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


/*IE7.0*/

*:first-child+html #header {
        height: 60px;

        background: url(img/bana.jpg) no-repeat left top ;

        position: relative;

        width: 840x;

        margin: 0;
       
        padding: 0 0px;

        text-align: center;

}





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


#header h1 {

       position:absolute;
 top: 0px; right: 30px;

       text-align: left;

       float: right;

       font-size: 10px;

       font-weight: normal;

       color: #999;


}



/*ＦＦ*/

html>body #header 
h1 {

       position:absolute; top: 0px; right: 30px;

       text-align: left;

       float: right;

       font-size: 10px;

       font-weight: normal;

       color: #999;


}



/*IE7.0*/

*:first-child+html #header 
h1 {

       position:absolute; top: 0px; right: 30px;

       float: right;

       font-size: 10px;

       font-weight: normal;

       color: #999;


}



#header #logo {
	clear: both;

	padding-top: 30px;

	padding-left: 30px;

	margin: 0;

        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;

    padding:0;

    width: 800px;

    height: 135px;

}





/*ＦＦ*/

html>body #banner  {

    position: relative;

    margin: 0;

    padding: 0;

    width: 840px;

    height: 135px;

}




/*IE7.0*/

*:first-child+html #banner {

    position: relative;

    margin: 0;

    padding: 0;

    width: 800px;

    height: 135px;
}





#banner div {

    position: relative;

    margin: 0;

    padding: 0px;

    width: 800px;

    height:  120px;

 　 
}



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






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


#banner p
{

    width: 770px;

    margin: 0;

    padding: 5px;

    font-size: 10px;

    line-height: 125%;

    font-weight: normal;

    position:absolute; top:120px; left: 10px;    text-align: left;

    color: #333;

}


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



#container
{

    position: relative;

    width: 800px;

    margin: 0;

    margin-left: 13px;

    padding: 0 20px;

    text-align: center;

    background: #fff;

    background: url(img/bbg.jpg) repeat-y ;


}

 



/*ＦＦ*/

html>body #container
{

    position: relative;

    width: 800px;

    margin: 0;

    padding: 0 20px;

    text-align: center;

    background: #fff;

    background: url(img/bbg.jpg) repeat-y ;



}







/*IE7.0*/

*:first-child+html #container
{

    position: relative;

    width: 800px;

    margin: 0;

    padding: 0 20px;

    text-align: center;

    background: #fff;

    background: url(img/bbg.jpg) repeat-y ;

}





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


#main
{
    position: relative;

    min-height: 1px;

    text-align: left;

    width:780px;

    margin: 15px 10px;

    padding: 0;

}



 
/*ＦＦ*/

html>body #main
{

    position: relative;

    min-height: 1px;

    text-align: left;

    width:780px;

    margin: 15px 10px;

    padding: 0;

    }



/*IE7.0*/

*:first-child+html #main
{

    position: relative;

    min-height: 1px;

    text-align: left;

    width:780px;

    margin: 15px 10px;

    padding: 0;

   }



#main p {

	color: #333;

	font-size: 16px;

	margin:0;

	padding-top: 1px;

	padding-right: 25px;

	padding-left: 5px;

	line-height:145%;



 }



#main 
h2 {

        clear: both;

   	background: url(img/h2-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;



}



#main h3 {

        clear: both;

  	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;


}







#main 
.hbtx{

	color:#3330;

	font-size:14px;

	line-height:160%;

	font-weight:normal;

	margin-left:15px;

	margin-right:15px;

	margin-bottom:30px;

	margin-top:5px;
	word-break: break-all;


}



#main 
.hbtx1{
	
color:#3330;

	font-size:14px;

	line-height:160%;

	font-weight:normal;

	margin-left:15px;

	margin-right:15px;

	margin-bottom:30px;

	margin-top:5px;

	word-break: break-all;


}



#main 
.hbtx2{

	color:#3330;

	font-size:14px;

	line-height:160%;

	font-weight:normal;

	margin-left:15px;

	margin-right:15px;

	margin-bottom:30px;

	margin-top:5px;

	word-break: break-all;

}



#main 
.hbtx3{
	
color:#3330;

	font-size:14px;

	line-height:160%;

	font-weight:normal;

	margin-left:15px;

	margin-right:15px;

	margin-bottom:30px;

	margin-top:5px;

	word-break: break-all;


}



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



#footer {

        position: relative;

    　　margin: 0;

    　　padding: 0;

    　　padding-left: 20px;

        width: 840x;

        text-align: center;

    　　clear: both;

}



/*ＦＦ*/

html>body 
#footer {

        position: relative;

    　　margin: 0;

    　　padding: 0;

        width: 840x;

        text-align: center;

    　　clear: both;

}







/*IE7.0*/

*:first-child+html 
#footer {

        position: relative;

    　　margin: 0;

    　　padding: 0;

        width: 840x;

        text-align: center;

    　　clear: both;

}







#footer h4 {

       width: 800x;

	font-weight:normal;

	color:#666;

	text-align: center;

	padding-top: 10px;

	margin-left: 10px;

	margin-right:30px;

	font-size: 14px;

	border-width: 0px;

        text-align: center;

	
}



#footer p  {

       width: 800x;

	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;

        text-align: center;


}


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

    width: 800px;

}



.copy a{


	text-decoration:none;

	color:#666;
}





#footer a{


	text-decoration:none;

	color:#666;


	
}



/*
フッター画像
-------------------------------------------------------------------*/



#footergazou {

        height: 40px;

        background: url(img/footer.jpg) no-repeat left top ;

        position: relative;

        width: 840x;

        _width: 840x;

         margin: 0;

         margin-left: 13px;


        padding: 0 0px;

        text-align: center;

}



/*ＦＦ*
/
html>body 
#footergazou {

        height: 40px;

        background: url(img/footer.jpg) no-repeat left top ;
position: relative;

        width: 840x;

        _width: 840x;

        margin: 0;

        padding: 0 0px;

        text-align: center;

}



/*IE7.0*/

*:first-child+html 
#footergazou {

        height: 40px;

        background: url(img/footer.jpg) no-repeat left top ;
 position: relative;

        width: 840x;

        _width: 840x;

        margin: 0;
        padding: 0 0px;
        text-align: center;

}




/*
リンク
-------------------------------------------------------------------*/



#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;


	
}



/*
ドットメニュー
-------------------------------------------------------------------*/

#dot {

	text-align:left;

	padding 0;

	background-image: url(img/dot.gif);

	background-repeat: repeat-x;

	background-position: top;

	margin-top: 10px;

	margin-bottom: 0px;

	margin-left: 10px;

	margin-right: 10px;

         height: 10px;
}



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


#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;

         clear: both;

}




#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: 14px;

	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: 16px;

         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: 14px;

}



td.hikakutxt {

	margin: 0;

	padding: 5px;

	font-size: 14px;

	line-height: 130%;

}



.imgtitle1 {

 	font-size: 16px;

        font-weight: bold;

         color:#fff;

}



.imgtitle {

	margin: 5px 0px 2px 5px;

         font-weight: bold;

         color:#ff0000;

 	font-size: 16px;

}



.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 60px;


}



td.no02 {

	width: 150px;

	height: 120%;

	padding-left: 30px;

	background-image: url(img/2.gif);

	background-repeat: no-repeat;

	background-position: 4px 60px;

}



td.no03 {

	width: 150px;

	height: 120%;

	padding-left: 30px;

	background-image: url(img/3.gif);

	background-repeat: no-repeat;

	background-position: 4px 60px;

}




td.no04 {

	width: 150px;

	height: 120%;

	padding-left: 30px;

	background-image: url(img/4.gif);

	background-repeat: no-repeat;

	background-position: 4px 60px;

}


td.no05 {

	width: 150px;

	height: 120%;

	padding-left: 30px;

	background-image: url(img/5.gif);

	background-repeat: no-repeat;

	background-position: 4px 60px;

}





/*
テーブル申込ボタン
-------------------------------------------------------------------*/


.link-kuchikomi {

   	background: url(img/kochira.gif) no-repeat left ;

       text-align: left;

       float: right;


	height: 20px;

	line-height: 20px;

	text-align: right;

	font-size: 16px;

	font-weight: bold;

	padding-left: 50px;


}

