body {
	text-align:center;
	background-color:#ffc;
	margin:0;
	font-size:small;
}

.clear{
	clear:both;
}

.wrap {
	width:850px;
	text-align:left;
	margin:0 auto;
	/*background-color:#fff;*/
}

.header_logobg{
	width:100%;
	text-align:center;
	margin:0 auto;
	background-color:#f90;
}

.header_logo{
	width:840px;
	text-align:left;
	margin:0 auto;
	color:#fff
}

.header_navi{
	width:840px;
	text-align:left;
	margin:0 auto;
}

.header{
	width:840px;
	text-align:left;
	margin:0 auto;
	background-color:#000;
	color:#fff
}
.footer{
	width:840px;
	text-align:center;
	margin:10px;
	color:#f90;
	font-size:12px;
}

.inner {
	margin:10px 10px;
	/*background-color:#fff;*/
}

.mainwrap{
	width:550px;
	float:left;
	color:#f90;
}

.sidebar{
	width:270px;
	float:right;
}

.header_navibg{
	width:100%;
	text-align:center;
	margin:0 auto;
	background:#000 url("picture/navi_bg.gif");
}


#gNavi {
    margin: 0;  
    padding:0; 
    width:840px;
    height:37px;  
    overflow:hidden;  
    background:url("picture/navi_bg.gif");
    font-size:12px
}
 
#gNavi li { list-style:none; width:140px; float:left; }

#gNavi li a {  
    display:block;  
    line-height:37px;  
    color:#fff;  
    text-align:center;
    text-indent:100%;
	white-space:nowrap;
	overflow:hidden; 
}

#menuHome a {background:url("picture/home.gif")}
#menuProfile a {background:url("picture/profile.gif")}
#menuProgram a {background:url("picture/program.gif")}
#menuDiary a {background:url("picture/diary.gif")}
#menuBbs a {background:url("picture/bbs.gif")}
#menuRequest a {background:url("picture/request.gif")}

#menuHome a:hover {background:url("picture/home_2.gif")}
#menuProfile a:hover {background:url("picture/profile_2.gif")}
#menuProgram a:hover {background:url("picture/program_2.gif")}
#menuDiary a:hover {background:url("picture/diary_2.gif")}
#menuBbs a:hover {background:url("picture/bbs_2.gif")}
#menuRequest a:hover {background:url("picture/request_2.gif")}

.midashiWrap{
	margin-top:10px;
	height:25px;
	width:550px;
	background-color:#f90;
	color:#fff;
	font-size:medium;
	position:relative;
	vertical-align:bottom;
	text-align:center;
}
.midashi{
	width:100%;
	position:absolute;
	bottom:0;
	text-align:center;
	text-indent:2%;
}

.bottom{
	vertical-align:bottom;
}
.text{
	border:1px solid #f90;
	padding:5px;
	background-color:#fff;
	text-align:center;
	color:#000;
}

.textMidashi{
	font-size:14px;
}
.textTitle{
	font-size:medium;
	font-weight:bold;
	text-decoration:underline;
	margin:5px;
	color:#f90
}


.kadomaruTop{
	margin-top:10px;
	height:20px;
	border-radius: 10px 10px 0 0;
	background-color:#000;
	color:#fff;
	text-indent:3%;
	position:relative;
	vertical-align:bottom;

}
.kadomaruText{
	width:100%;
	position:absolute;
	bottom:0;

}

/*************************************************
【忍者式メールフォーム自作CSS】
自作CSSを使用するには、HTMLとCSSの知識が必須です。
HTMLやCSSについては参考文献などを参照してください。
*************************************************/

/*メールフォーム全体を囲っているタグのid*/
#otayori_top {
	width:100%;
	background-color:#fff;
	color:#000;
	text-align:center;
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#otayori_top .main {
	text-align:center;
}

/*メールフォームのタイトルを囲っているタグのclass*/
#otayori_top .title{

}

/*メールフォームの説明文を囲っているタグのclass*/
#otayori_top .explain {

}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#otayori_top .name_top {

}

/*『name』パーツの表示名を囲っているタグのclass（[ ペンネーム ]の部分）*/
#otayori_top .name_left{

}

/*『name』パーツの入力項目を囲っているタグのclass*/
#otayori_top .name_right {

}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#otayori_top .name_parts {
	width:300px;
}

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#otayori_top .mail_top {

}

/*『mail』パーツの表示名を囲っているタグのclass（[ メールアドレス ]の部分）*/
#otayori_top .mail_left{

}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#otayori_top .mail_right {

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#otayori_top .mail_parts {
		width:300px;
}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#otayori_top .textarea_top {

}

/*『textarea』パーツの表示名を囲っているタグのclass（[ 本文（大） ]の部分）*/
#otayori_top .textarea_left{

}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#otayori_top .textarea_right {

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#otayori_top .textarea_parts {
	width:400px;
	height:100px;
}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#otayori_top .submit {

}

/*メールフォームの送信ボタンのclass*/
#otayori_top .submit_button {

}

/*エラーメッセージを囲っているタグのclass*/
#otayori_top .error {

}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#otayori_top .error_submit {

}

/*エラーメッセージのリトライボタンのclass*/
#otayori_top .error_submit_button {

}

/*送信完了メッセージを囲っているタグのclass*/
#otayori_top .result {

}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#otayori_top .result_submit {

}

/*送信完了メッセージの戻るボタンのclass*/
#otayori_top .result_submit_button {

}