@charset "utf-8";


/*
*
*
*
*/



/* 全体 */
#wrapper{
	text-align:left;
	width:820px;
	margin:0 auto;
}


/*　ヘッダーの部分　*/
header{
	background-color:#eee;
}



img.top{
	font-size:40px;
	color:#ffffff;
	background-color:#088A4B;
	padding:0.1em 10px;
	//display:inline;
	margin-top:0px;
	margin-bottom:0px;
}

h1{
	padding:5px 15px;
	font-size:16px;
	background-color:#f5f5f5;
	/*display:inline; 	]*/
	margin-top:0px;
	margin-bottom:0px;
	
	font-weight:bold;
	color:#088A4B;
}


/* パンくず */
#topnavi{
	font-size:14px;
	//position:absolute;
	top:0px;
	left:0px;
	
	padding:5px 15px;
	background-color:#fff;
	
	margin-top: 0px;
	margin-bottom:0px;
	
	font-weight:bold;
	color:#666666;


}

#topnavi a{
	text-decoration:none;
	font-weight:bold;
	color:#088A4B;
}

#topnavi a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#088A4B;
}


/*　トップバーの設定　*/
.topbar{
	text-align:right;
	padding:3px 15px 7px 5px;
	height:22px;
}

.topbar a{
	color:#088A4B;
	font-weight:bold;
	text-decoration:none;
}

.topbar a:hover{
	color:#088A4B;
	font-weight:bold;
	text-decoration:none;
}

.topbar input{
	vertical-align:middle;
}



/*
*
*	右部分　本文
*
*/



/* 右　本体部分 */
/* 全体設定 */
#container{
	width:574px;
	float:left;
	margin-top:10px;
	margin-bottom:20px;

	background-color:#ffffff;

}


#container table{
	width:90%;

	border-collapse:collapse; /* 枠線の表示方法 */ 
	border:1px #666 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 

	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
	padding:5px 5px 5px 5px;

	
}


/*　メインタイトル部分　*/
#contentsTitle{

	padding:1px 0px 1px 20px;

	font-size:20pt;
	font-weight:bold;
	color:#338533;
	
	background-color:#338533;
	background: url(line.png) repeat-y center left;
}

/*　メインタイトル説明部分　*/
#TitleMess{
	padding:10px 0px 10px 20px;

	font-size:12pt;
	font-weight:bold;
	color:#666666;
	
	background-color:#ffffff;

}

/* コンテンツリスト */
.conList{
	padding:5px 10px 0px 20px;

	font-size:10pt;
	font-weight:bold;
	color:#666666;
	
	background-color:#ffffff;
}

.conList div{
	padding:5px 5px 0px 10px;
	margin-bottom:12px;
	font-size:12pt;
	font-weight:bold;
	color:#666666;
	
	background-color:#ffffff;
}

.conList a{
	padding:5px 5px 2px 10px;
	font-size:18pt;
	font-weight:bold;
	color:#045FB4;
	background-color:#ffffff;
	text-decoration:none;
}


.conList a:hover{
	padding:5px 5px 2px 10px;
	font-size:18pt;
	color:#58ACFA;
	background-color:#ffc;
	text-decoration:none;
}

/*　個別説明項目　*/
div.step{
	clear:both;
	margin-right:1em;
	margin-bottom:-0.4em;
	padding:3px 0px 0px 5px;
	font-size:30pt;
	font-weight:bold;
	color:#999999;
	background-color:#fff;
}

.newstep{
	clear:both;
	margin-right:1em;
	margin-bottom:-0.4em;
	padding:10px 0px 0px 5px;
	font-size:13pt;
	font-weight:bold;
	color:#333333;
}

.stepTitle{
	font-size:14pt;
	font-weight:bold;
	color:#222222;
}

p.list{
	clear:both;
	margin-right:1em;
	margin-bottom:2em;

	padding:5px 5px 5px 5px;

	line-height:1.5em;

	font-size:12pt;
	font-weight:bold;
	color:#666666;
	
	background-color:#ffffff;
	
	border-top:1px solid #666666;
}

p.list img{
	float:left;
	background-color:#ffeeff;
	margin-right:1em;
	margin-bottom:5px;
	padding:0px 0px 0px 0px;
	border:1px solid #666666;
	width:234px;
}


/*
*
*	サイドバー
*
*/

/*サイドバー関連*/
#sidebar{
	width:234px;
	margin-top:20px;
	padding-left:0px;
	padding-right:0px;

	float:right;
	height:1500px;
}



#sidebar ul.title{

	/*width:177px;*/
	width:234px;
	background-color:#088A4B;
	font-size:16px;
	display:block;
	float:left;
	
	margin:0px;
	padding:3px 0px 0px 0px;
	text-align:left;
	font-weight:bold;
	list-style:none;

}

#sidebar ul.title li{
	width:231px;
	padding:4px 4px 0px 0px;
	line-height:18px;
	text-align:center;
	color:#ffffff;

}

/* sidebar バナー */
#sidebar div{
	/*width:185px;*/
	font-weight:bold;
	text-align:center;
	font-size:8pt;
	/* height:1em;*/
	padding:4px 0px 4px 0px;
	color:#ffffff;
	/*background-color:#088A4B;*/
	
	display:block;
	float:left;

}


/*	右サイドバー	*/


#sidebar ul.sidemenu{

	/*width:178px;*/
	width:212px;
	background-color:#f0f0f0;
	font-size:16px;
	display:block;
	float:left;
	
	margin:0px;
	height:auto;
	padding:0px 3px 3px 20px;
	text-align:left;
	font-weight:bold;
	list-style-image: url('f_arrow.png');
	margin-bottom:20px;

}


#sidebar ul.sidemenu li{
	padding:4px 0px 4px 0px;
	line-height:18px;
	text-align:left;
}

/*	右サイドバー　リンク	*/
#sidebar ul.sidemenu li a{
	color:#993300;
	text-decoration:none;
}

/*	右サイドバー　ホバー	*/
#sidebar ul.sidemenu li a:hover{
	color:#993300;
	text-decoration:none;
}


/* サイドバー関連　終了 */


#undernavi{
	position:absolute;
	bottom:0;
	left:0;
	text-align:right;

	width:95%;
	padding:0.5em;
	background-color:#ccc;
	margin:0 auto;
}



/*
*
*	フッター
*
*/


/* フッター関連 */
footer{
	color:#fff;
	background-color:#088A4B;
	clear:both;
	width:95%;
	padding:20px;
	text-align:center;
}

footer a{
	font-size:8pt;
	color:#fff;
	text-decoration:none;
}

footer p{
	padding:0.5em 0;
}


/* Photo　画像アップロード用 */
#photo {
	//border-radius: 0px;
	//border: 1px dashed #666666;
	
	width:300px;
	height:220px;
}

#thumb {
	width:300px;
	height:220px;
	background-color:#eee;
	padding:3px 3px 3px 3px;
	//border:1px dashed #666666;
}