@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*/

/*{font-size:50%;} px換算 8px */ 
/*{font-size:57%;} px換算 9px */ 
/*{font-size:64%;} px換算 10px */ 
/*{font-size:70%;} px換算 11px */ 
/*{font-size:75%;} px換算 12px */ 
/*{font-size:82%;} px換算 13px */ 
/*{font-size:88%;} px換算 14px */ 
/*{font-size:94%;} px換算 15px */  
/*{font-size:100%;} px換算 16px */  
/*{font-size:107%;} px換算 17px */ 
/*{font-size:113%;} px換算 18px */ 
/*{font-size:119%;} px換算 19px */ 
/*{font-size:125%;} px換算 20px */ 

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

	

/*----------------------------------------------------
メイン設定
----------------------------------------------------*/
body{margin:0px; padding:0px; background:url(../img/bg01.jpg) repeat-x top #ffffff; text-align:center; color:#333333; font-family:"メイリオ", 'ＭＳ Ｐゴシック', sans-serif;}

#wrap{width:100%; margin:0 auto 0 auto; padding:0px; text-align:left;}

.area{width:798px; margin:0 auto 0 auto; padding:0px; text-align:left;}

.frame{width:798px; margin:0 auto 0 auto; padding:0px; text-align:left;}

.font10{font-size:64%;}

.font12{font-size:75%;}

.font18{font-size:18px; color:#ff0000;}

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

.red{color:#ff0000;}

.blue{color:#0000ff;}


/*----------------------------------------------------
ヘッダー設定
----------------------------------------------------*/
#header{width:100%; margin-bottom:30px;}

#logo{width:798px; height:100px; padding:0px;}

h1{font-size:20px; color:#ffffff; font-weight:bold; font-family:Verdana, sans-serif; padding:30px 0px 0px 0px;}

h1 a{text-decoration:none; color:#ffffff;}

#sub{width:100%; height:20px; margin-bottom:10px;}

#sub strong{display:block; font-size:10px; color:#ffffff; font-weight:bold; padding:5px 0px 5px 12px;}



/*----------------------------------------------------
右コンテンツ設定
----------------------------------------------------*/
#content{width:778px; margin:0px auto; padding:0 10px;}

.pages{width:778px; padding:0px 0px 10px 0px; font-size:70%;}

#right{width:190px; float:right; padding:0px 0px 20px 0px;}

.navi{width:190px;}

.navi ul{padding:10px 0px;}

.navi li{width:190px; height:30px; margin:5px 0px; list-style:none;}

.navi a{color:#a68826; text-decoration:none; height:30px; line-height:33px; display:block; padding:0px 8px 0px 25px; font-size:12px; background:url(../img/bullet01.gif) no-repeat 10px 12px #ffdf75;}

.navi a:hover{color:#ffdf75; text-decoration:none; background:url(../img/bullet02.gif) no-repeat 10px 12px #a68826; padding:0px 8px 0px 25px; line-height:33px;}



/*----------------------------------------------------
左コンテンツ設定
----------------------------------------------------*/
#left{width:567px; float:left; padding:0; margin-right:20px;}

h3{font-size:125%; font-weight:bold; color:#ffa275; margin:10px auto 0px 0px; padding:8px 0px 9px 0px;}

h4{font-size:88%; font-weight:bold; margin:10px auto 0px 0px; padding:10px 0px 9px 10px;}

h4 span{font-size:200%; font-weight:bold; color:#ff0000;}

h5{font-size:88%; font-weight:bold; margin:20px auto 0px 0px; padding:10px 0px 9px 10px;}

.itembox{width:545px; padding:10px;}

.itembox p{padding:10px; font-size:88%; line-height:1.7;}

.container{width:545px; padding:20px 10px; border-bottom:1px solid #eeeeee;}

.leftimg{float:left;}

.leftimg img{padding-bottom:10px;}

.detail{float:right; width:390px; font-size:75%; line-height:1.7; background-color:#ffedb3; padding:10px;}

.box{width:545px; padding:20px 10px;}

.box table{width:100%; font-size:88%; line-height:1.7; border-top:1px solid #ffccb3; border-right:1px solid #ffccb3;}

.box th{padding:8px 10px; text-align:left; border-bottom:1px solid #ffccb3; border-left:1px solid #ffccb3;}

.box td{padding:8px 10px; border-bottom:1px solid #ffccb3; border-left:1px solid #ffccb3;}

.totop{text-align:right; padding:20px 10px 20px 0px; font-size:75%;}

#link{padding:10px 10px 20px 10px;}

#link table{font-size:75%; border-top:1px solid #fc809a; border-right:1px solid #fc809a;}

#link td{border-bottom:1px solid #fc809a; border-left:1px solid #fc809a; padding:8px;}



/*----------------------------------------------------
フッター設定
----------------------------------------------------*/
#footer{width:100%; background-color:#669acc;}

.copy{float:left; width:340px; height:35px; background-color:#669acc; font-size:70%; color:#ffffff; padding:20px 0 0 0; text-indent:10px;}

.footernavi{float:right; width:448px; height:35px; background-color:#669acc; padding:20px 10px 0 0; color:#ffffff; font-size:70%; text-align:right;}

.footernavi a{color:#ffffff;}

.footernavi a:hover{color:#ffffff;}

.footerad{font-size:57%; line-height:1.6; padding:7px 0px; background-color:#e7e7eb; margin-top:5px; width:100%; text-align:center;}

.footlink{width:798px; margin:0 auto 0 auto; padding:0px; text-align:left;}