@charset "utf-8";
/* CSS Document */

/* ###### コンテンツの枠 ######################## */

#wrapper{
	/*width:960px;*/
	margin:0 auto;
	padding:0 5px;
	background-image:url(../img/wrapper_bg.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

#wrapper-inn{
	width:950px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
}

/* ###### ヘッダー ######################## */

#head{
	border-top:4px solid #0067B6;
	padding:0 0 10px 0;
}

/* サイト説明文とメニュー */
#head-menu,
#head-menu .f-left{
	background-image:url(../img/head_menu_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

#head-menu .f-right{
	padding:0 10px 0 0;
}

#head-menu .f-right ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:x-small;
}

#head-menu .f-right ul li{
	display:inline;
	line-height:25px;
}

#head-menu .f-right ul li img{
	vertical-align:middle;
	padding:0 5px;
}


/* ロゴと検索窓 */
#head-rogo{
	background-image:url(../img/head_rogo_bg.gif);
	background-position:left center;
	background-repeat:repeat-x;
	height:70px;
	padding:0 15px;
}

#head-rogo .f-left{
	padding:8px 0 0 0;
}

#head-rogo .f-right{
	float: right;
	width: 280px;
	background-image:url(../img/searchbox_middle.gif);
	background-position:top left;
	background-repeat:repeat-y;
	margin:14px 0 0 0;
}

#head-rogo .searchform{
	width:200px;
}

.search{
	padding:0 10px;
	font-size:x-small;
	text-align:center;
}


/* ###### メイン ######################## */

#content{
	padding:0 0 20px 0;
}

#main{
	float:right;
	width:710px;
	padding:0 15px 0 0;
}

/* ナビゲーション部分 */

#navi{
	padding:0 0 20px 0;
}

#breadcrumb{
	background-image:url(../img/breadcrumb_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	height:22px;
	font-size:x-small;
}

#breadcrumb img{
	vertical-align:middle;
	padding:2px 5px 0 5px;
}

/* サブメニュー */
#sub-menu{
	background-image:url(../img/submenu_bg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:8px 10px;
	/*height:31px;
	_padding:8px 10px 0 10px;
	_height:23px;*/
}

#sub-menu ul{
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
}

#sub-menu ul li{
	display:inline;
	border-right:1px solid #e1e4e8;
	margin:0;
	padding:0;
}

#sub-menu ul li a{
	margin:0 2px 0 5px;
	padding:3px;
}

#sub-menu ul li a:hover{
	background-color:#e8eaed;
	color:#000;
	padding:3px;
}

#sub-menu ul .cur a{
	background-color:#e8eaed;
	color:#000;
	border-right:1px solid #e1e4e8!important;
}

#sub-menu ul li img{
	vertical-align:middle;
	padding:0 5px 0 0;
}

.submenu-back a:hover{
	background-color:#fff!important;
	color:#000;
}


/* コンテンツ部分 */
#contents {
	width : 690px;
	margin : 0px auto;
	padding : 0;
}

/* ページトップ */
.pagetop{
	text-align:right;
	margin:0;
	padding:5px 0;
	width:950px;
}

.pagetop-inn{
	border-top:1px dotted #666;
	text-align:right;
	margin:0 15px 0 0;
	padding:5px 0;
	width:710px;
	font-size:x-small;
	float:right;
}


/* ###### メニュー ######################## */

#left-content{
	float:left;
	width:195px;
	padding:0 0 0 15px;
}

.menu{
	border:1px solid #d3901c;
	margin:0 0 15px 0;
	padding:0;
}

.home{
	background-color:#d8ecff;
	border-bottom:1px solid #d3901c;
	text-align:center;
	padding-top:3px;
}

.beginner{
	border-top:1px solid #d3901c;
	border-bottom:1px solid #d3901c;
	background-color:#feda82;
	padding:5px 10px;
}

.menu ul{
	background-image:url(../img/menu_bg01.gif);
	background-position:top left;
	background-repeat:repeat-y;
	background-color:#fcffcb;
	list-style:none;
	margin:0;
	padding:0;
}

.menu ul li img{
	vertical-align:middle;
	padding-right:0px;
}

.menu a{
	display:block;
	width:187px;
	padding:3px;
}

.menu ul li a:hover,
.menu .cur,
.menu .cur a{
	background-image:url(../img/menu_bg_over.gif);
	background-position:top left;
	background-repeat:repeat-y;
	background-color:#f9ffa2;
	color:#000;
}


/* バナー */

.add img{
	padding:0 0 5px 0;
}





/* ###### フッター ######################## */

#footer{
	border-bottom:4px solid #0067B6;
	clear:both;
}

#footer{
	background-image:url(../img/footer_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	line-height:30px;
}

#footer-inn{
	padding:0 15px;
}

#footer-inn .f-right ul{
	list-style:none;
	margin:0;
	padding:0;
	_padding:8px 0 0 0;
	line-height:30px;
}

#footer-inn .f-right ul li{
	display:inline;
	line-height:30px;
}

#footer-inn .f-right ul li img{
	vertical-align:middle;
	padding:0 5px;
}


/* ###### 角丸テーブルと点線の設定 ######################## */
/* 角丸枠線 */
.lid {
	width : 690px;
	margin: 0;
	padding : 0;
	text-align:center;
}

/* ドットボーダー　下＆右 */
.border-b-r {
	border-bottom : 1px dotted #999999;
	border-right : 1px dotted #999999;
	border-collapse:collapse;
}

/* ドットボーダー　下のみ */
.border-b {
	border-bottom : 1px dotted #999999;
	border-collapse:collapse;
}

/* ドットボーダー　右のみ */
.border-r {
	border-right : 1px dotted #999999;
	border-collapse:collapse;
}

/* ドットボーダー　上のみ */
.border-t {
	border-top : 1px dotted #999999;
	border-collapse:collapse;
}

/* ドットボーダー　上＆右 */
.border-t-r {
	border-top : 1px dotted #999999;
	border-right : 1px dotted #999999;
	border-collapse:collapse;
}

/* ###### リードテキスト設定 ######################## */
#lead-txt {
	width : 690px;
	margin : 0 auto 20px auto;
	padding : 0;
}

#lead-txt h3 {
	margin : 5px 0px;
	color : #333333;
}

#lead-txt p {
	margin : 5px 0px;
	padding : 0;
	line-height:1.4em;
}

#lead-txt p.xs {
	color:#999999;
}


#end {
	margin : 0px auto 10px auto;
	padding : 0;
	line-height : 1.4em;
	color : #CC0033;
	font-size : x-small;
}