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

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

.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:#f1f1f1;}

h1{font-size:88%; color:#323fd9; font-weight:bold; font-family:Verdana, sans-serif; padding:20px 0px 10px 10px;}



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

#navi ul{text-align:center;}

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

#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:#c4c4c4;}


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

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

.titlename{float:left; padding:0px 10px; font-size:82%; font-weight:bold; line-height:1.6; width:168px; voice-family: "\"}\""; voice-family:inherit; width:148px;}

.inputzone{float:left; padding:0px 10px; font-size:82%; width:608px; voice-family: "\"}\""; voice-family:inherit; width:588px;}

.totop{padding:20px 10px 20px 10px; font-size:75%;}



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

.copy{width:778px; height:35px; background-color:#f1f1f1; padding:20px 0 0 0; color:#323fd9; text-indent:10px; font-size:70%;}