@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-color:#fcfdb3; text-align:center; color:#333333; font-family:"メイリオ", 'ＭＳ Ｐゴシック', sans-serif;}

#wrap{width:778px; margin:0 auto 0 auto; padding:10px; text-align:left; background-color:#ffffff; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee;}

.frame{width:778px;}


/*----------------------------------------------------
フォント設定
----------------------------------------------------*/
.font10{font-size:64%;}

.font12{font-size:12px;}

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

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

.red{color:#ff0000;}

.blue{color:#0000ff;}


/*----------------------------------------------------
ヘッダー設定
----------------------------------------------------*/
#header{width:778px; background-color:#ffffff;}

#logo{width:778px; height:55px; background:url(../img/logobg.gif) repeat-y 0 0 #b5254d; padding:12px 0px 12px 0px; margin-bottom:5px;}

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

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

h2{font-size:10px; color:#ffffff; font-weight:bold; padding:0px 10px 5px 20px;}



/*----------------------------------------------------
ナビ設定
----------------------------------------------------*/
#navi{width:778px; height:30px; margin-bottom:30px; background-color:#f88855;}

#navi ul{text-align:center;}

#navi li{float:left; width:140px; height:30px; padding:0; list-style:none; background-color:#f88855;}

#navi a{color:#ffffff; text-decoration:underline; height:30px; line-height:30px; display:block; padding:0; font-size:12px; border-right:1px solid #ffffff;}

#navi a:hover{color:#ffffff; text-decoration:none; background-color:#b5254d;}


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

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

.abc{width:190px; text-align:center; padding:30px 0px 10px 0px;}

.abc img{margin:0px auto 20px auto;}



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

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

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

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

.itembox{width:567px; padding:20px 0; border-top:1px solid #ccd6d3; border-bottom:1px solid #eeeeee;}

.itembox2{width:567px; padding:20px 0; border-bottom:1px solid #eeeeee;}

.row3box{width:169px; float:left; padding:10px;}

.row3box img{display:block; padding:0px 10px 10px 0px;}

.row2box{float:left; padding:10px; font-size:82%; line-height:1.6; width:283px; voice-family: "\"}\""; voice-family:inherit; width:263px;}

.row2box img{width:80px; float:left; margin:0px 10px 10px 0px;}

.note{float:right; width:170px;}

.row2box p{padding:5px 0px;}

.row2box span{color:#ff0000; font-size:120%;}

.pages{width:567px; padding:20px 0px; text-align:center; font-size:75%; color:#666666;}

.pages span{padding:5px 8px; height:1%; color:#666666; margin-right:3px; border:1px solid #dddddd; background-color:#bbbbbb;}

.pages a{padding:5px 8px; height:1%; margin-right:3px; border:1px solid #bbbbbb; color:#aaaaaa; text-decoration:none;}

.pages a:hover{color:#666666; background-color:#cccccc;}

#guide{width:750px; padding:14px; margin:30px 0; border-top:1px solid #eaeaea;}

.breadcrumbs{width:547px; padding:20px 10px; font-size:75%;}

.detailimg{width:300px; float:left;}

.detailbox{width:260px; float:right;}

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

.detailbox span{color:#ff0000; font-size:120%;}

.detailbox img{padding:10px 0;}

.detailimg2{width:150px; float:left;}

.detailbox2{width:410px; float:right;}

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

.detailbox2 span{color:#ff0000; font-size:120%;}

.detailbox2 img{padding:10px 0;}

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

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

.container p{font-size:88%; line-height:1.8; padding:10px 10px 0 10px;}

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

.links{width:567px; padding:20px 0; border-top:1px solid #ccd6d3; border-bottom:1px solid #eeeeee;}

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



/*----------------------------------------------------
フッター設定
----------------------------------------------------*/
#footer{width:778px;}

.copy{float:right; width:240px; height:35px; background-color:#c6ca3c; font-size:70%; color:#ffffff; padding:20px 0 0 0; text-indent:10px;}

.footernavi{float:left; width:528px; height:35px; background-color:#b5254d; padding:20px 0 0 0; color:#ffffff; text-indent:10px; font-size:70%;}

.footernavi a{color:#ffffff;}

.footernavi a:hover{color:#ffffff; text-decoration:none;}

.footerad{font-size:57%; line-height:1.6; padding:7px 10px; background-color:#e3e3e3; margin-top:5px; width:778px; voice-family: "\"}\""; voice-family:inherit; width:758px;}