@charset "utf-8";

/*----------------------------------------------------
トータル設定
----------------------------------------------------*/
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a, dl, dt, dd{margin:0; padding:0;}

img{border:none;}

/*a{color:#ff9900; text-decoration:none;}*/
/*a:link{color:#ff9900;}
a:visited{color:#ff9900;}
a:hover{color:#facd00;}*/
/*デフォルト#0000ff　#000080 #ff3300*/

/* clearfix -Firefox/Safari/Opera/...- */
div#content:after,
div#navi:after,
div.frame:after,
div.container:after,
div#footer:after,
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* clearfix -IE7/MacIE5- */
div#content,
div#navi,
div.frame,
div.container,
div#footer,
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html div#content,
div#navi,
div.frame,
div.container,
div#footer,
.clearfix{height:1%;}
div#content,
div#navi,
div.frame,
div.container,
div#footer,
.clearfix{display:block;}
/* End hide from IE-mac */

	
/*----------------------------------------------------
メイン設定
----------------------------------------------------*/
body{margin:0px; padding:0px; font-size:12px; background-color:#ffffff; text-align:center; color:#333333; line-height:150%; font-family:sans-serif;}

#wrap{width:800px; margin:0 auto 0 auto; text-align:left;}

h1{font-weight:bold; font-family:Verdana, sans-serif;}

h2 span{font-size:12px; color:#ffffff; background-color:#000000; padding:5px 30px 5px 10px;}

h3 span{font-size:12px; color:#ffffff; background-color:#000000; padding:5px 30px 5px 10px;}

.font10{font-size:10px;}

.font14{font-size:14px;}

.tright{text-align:right; margin-right:20px;}


/*----------------------------------------------------
ヘッダー設定
----------------------------------------------------*/
#header{width:800px; height:140px; background:url(../img/bg2.jpg) no-repeat 0 0; background-color:#efebd2;}

.logo{margin:0; padding:0;}

#navi{width:760px; padding:10px 10px 20px 10px; border-bottom:1px solid #555555;}

#navi ul{width:600px; list-style:none; clear:both;}

#navi li{float:left; margin-bottom:0px; margin-right:30px;}

#navi ul li a{float:left; font-size:14px; font-weight:600; color:#000000; text-decoration:none; padding:0 0 4px 0; border-bottom:5px solid #000000; display:block;}

#navi .stone a:hover{color:#978C7F; border-bottom:5px solid #978C7F;}

#navi .forest a:hover{color:#176669; border-bottom:5px solid #176669;}

#navi .caramel a:hover{color:#B45E26; border-bottom:5px solid #B45E26;}

#navi .garnet a:hover{color:#B72839; border-bottom:5px solid #B72839;}

#navi .indigo a:hover{color:#225D7F; border-bottom:5px solid #225D7F;}


/*----------------------------------------------------
コンテンツ設定
----------------------------------------------------*/
#content{width:780px; background-color:#efebd2; margin:0px auto; padding:10px; border-bottom:1px solid #eaeaea;}

.frame{width:780px;}

#left{width:500px; float:left; background-color:transparent; margin-top:20px; padding:10px 10px 20px 10px;}

#left p{padding:10px;}

#left ul{padding:10px;}

#left li{list-style:none;}

table{font-size:12px; margin:10px; border-top:1px solid #000000; border-right:1px solid #000000;}

th{border-bottom:1px solid #000000; border-left:1px solid #000000;}

td{border-bottom:1px solid #000000; border-left:1px solid #000000; vertical-align:top;}

td br{line-height:200%;}

#comparison td{width:30%;}

.splittd{margin-top:10px; padding-top:10px; border-top:1px dashed #999999;}

.container{width:780px; margin:20px 0 5px 0; padding:20px 0; line-height:180%; border-top:5px solid #000000;}

.container p{padding:10px;}

.fboxl{float:left; width:360px; margin-right:10px; padding:20px 10px;}

.fboxl ul{list-style:none; padding:10px 10px;}

.fboxl li{border-bottom:1px solid #555555; clear:both; padding:10px 0; margin-bottom:10px;}

.fboxl li img{float:left; padding-right:10px;}

.fboxr{float:right; width:250px;}

#right{width:260px; float:right; background-color:transparent; margin-top:25px; margin-bottom:5px; padding:0;}

.totop{text-align:right;}


/*----------------------------------------------------
フッター設定
----------------------------------------------------*/
#footer{width:800px; height:70px;  background:url(../img/copyback.gif) repeat-x #efebd2; color:#ffffff;}

#footer .copy{width:290px; float:left; font-size:12px; margin-top:38px; padding-left:10px; text-indent:5px; background-color:#000000;}

.footernavi{width:500px; height:70px; float:left; background:url(../img/footerimg.gif) no-repeat;}

#footer ul{width:400px; list-style:none; margin:35px auto auto 40px;}

#footer li{float:left; margin-bottom:0px; margin-right:10px;}

#footer a{color:#ffffff;}

#footer a:hover{color:#facd00; text-decoration:underline;}

.footlink{padding:5px;}