@charset "shift_jis";
/*	-------------------------------------------------------------
	Description:	CSS file for screen media
	Filename:		layout.css
	Author: 		N Hayashi
	Date:			03/16/2011
	-------------------------------------------------------------
	■wrapper設定
	■base設定
	■clearfix設定
	■header設定
	■anchor設定
	■button設定
	■table設定
	■left_content設定
	■right_content設定
	■footer設定
	■size設定

FOR SCREEN ****************************************************** */
/*	-------------------------------------------------------------
	■wrapper設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#wrapper {
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 800px;
	text-align: center;
	border: solid 1px #dedede;
	background-color: #ffffff;
}

#wrapper_top {
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	border: solid 1px #dedede;
	background-color: #F4FFFA;
	background-image: url(../images/top/back_wrapper.jpg);
	background-repeat: repeat-x; 
}

/*	-------------------------------------------------------------
	■base設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#content {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	width: 780px;
	background-color: #ffffff;
}

#wrapper_top #content {
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	width: 840px;
	background-color: #ffffff;
	/*border-top: solid 1px #dedede;*/
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
}

* html #wrapper_top #content {
	width: 900px;
}

/* 筆跡鑑定・キービジュアル */
#main_image01 {
    width: 780px;
	height: 153px;
	display: block;
	background-image: url(../images/common/main_image01.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

/* 筆跡アドバイザー教育・キービジュアル */
#main_image02 {
    width: 780px;
	height: 153px;
	display: block;
	background-image: url(../images/common/main_image02.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}


/* 筆跡アドバイザー教育・マスターズ研究会*/
#main_image_study{
    width: 780px;
	height: 153px;
	display: block;
	background-image: url(../images/common/main_image_study.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}






/* 筆跡心理学・キービジュアル */
#main_image03 {
    width: 780px;
	height: 153px;
	display: block;
	background-image: url(../images/common/main_image03.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

	/* 筆跡鑑定・キービジュアル */
	#main_image01_2nd {
		width: 780px;
		height: 100px;
		display: block;
		background-image: url(../images/common/main_image01_2nd.jpg);
		background-repeat: no-repeat;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	
	/* 筆跡アドバイザー教育・キービジュアル */
	#main_image02_2nd {
		width: 780px;
		height: 100px;
		display: block;
		background-image: url(../images/common/main_image02_2nd.jpg);
		background-repeat: no-repeat;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	
	/* 筆跡心理学・キービジュアル */
	#main_image03_2nd {
		width: 780px;
		height: 100px;
		display: block;
		background-image: url(../images/common/main_image03_2nd.jpg);
		background-repeat: no-repeat;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}

/* 左右配置 */
.position_left {
	text-align: left;
}

.position_right {
	text-align: right;
}

.position_center {
	text-align: center;
}

.position_float_left {
    float: left;
}

.position_float_right {
    float: right;
}

.position_float_auto {
    margin-left: auto;
	margin-right: auto;
}

/* 横配列リスト */
.float_list {
    display: block;
	margin: 0px;
}

	.float_list li {
		float: left;
		display: block;
	}

	.float_list dt {
		float: left;
		display: block;
	}
	
	.float_list dd {
		float: left;
		display: block;
	}

/* ページの先頭へ戻る */
.page_top {
    width: 120px;
	height: 20px;
	margin-bottom: 10px;
	float: right;
}

	.page_top a {
		width: 120px;
		height: 20px;
		display: block;
		font-size: 12px;
		color: #CC3333;
		text-decoration: none;
	}
	
	.page_top a:hover {
		text-decoration: underline;
	}


/* パンくずリスト */
#breadcrumb {
    margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	font-size: 12px;
	width: 100%;
}

	#breadcrumb	a, a:link, a:visited {
		color: #CC3333;
		text-decoration: none;
		font-size: 12px;
	}
	
	#breadcrumb	a:hover, a:active {
		color: #CC3333;
		text-decoration: underline;
	}

/* フォントサイズ */
.font_bold {
	font-weight: bold;
}

.font_10 {
    font-size: 10px;
}

.font_12 {
	font-size: 12px;
}

.font_14 {
	font-size: 14px;
}

.font_16 {
	font-size: 16px;
}

.font_18 {
	font-size: 18px;
}

.font_20 {
	font-size: 20px;
}

.font_22 {
	font-size: 22px;
}

.font_24 {
	font-size: 24px;
}

.font_26 {
	font-size: 26px;
}

.font_28 {
	font-size: 28px;
}

/* 行間設定 */
.line_100 {
	line-height: 100%;
}

.line_120 {
	line-height: 120%;
}

.line_140 {
	line-height: 140%;
}

.line_160 {
	line-height: 160%;
}

.line_180 {
	line-height: 180%;
}

/* フォントカラー */
.red {
	color: #CC3333;
}

.gray {
	color: #787878;
}

.green {
	color: #336600;
}

.blue {
	color: #224272;
}

/* 枠線 */
.border_cccccc {
    border: solid 1px #cccccc;
}

/*	-------------------------------------------------------------
	■clearfix設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.clearfix:after {
    content: ".";  
    display: block;  
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}



/*	-------------------------------------------------------------
	■text-align設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.text_center{
	text-align: center;
}
.text_right{
	text-align: right;
}
.text_left{
	text-align: left;
}
.margin_auto{
	margin: 0 auto;
}
.float_right{
	float: right;
}
.float_left{
	float: left;
}
.float_none{
    float: none;
}
.clear {
    clear: both;
	height: 0px;
}
.overflow_hidden{
	overflow: hidden;
}

/*	-------------------------------------------------------------
	■TOP index設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#top_right01 .float_none{
    float: none;
}

/*	-------------------------------------------------------------
	■header設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#header {
	margin-right: auto;
	padding-top: 5px;
	margin-left: auto;
	margin-bottom: 10px;
	width: 800px;
	height: 100px;
	display: block;
	background-image: url(../images/common/back_header.jpg);
	background-repeat: repeat-x;
}

#header02 {
	margin-right: auto;
	padding-top: 5px;
	margin-left: auto;
	margin-bottom: 10px;
	width: 800px;
	height: 100px;
	display: block;
	background-image: url(../images/common/back_header02.jpg);
	background-repeat: repeat-x;
}


#wrapper_top #header_box {
	margin-bottom: 10px;
	width: auto;
	display: block;
	background-image: url(../images/common/back_header_top.jpg);
	background-repeat: repeat-x;
	text-align: center;
}

	#wrapper_top #header_box #header {
		margin-right: auto;
		padding-top: 5px;
		margin-left: auto;
		width: 900px;
		height: 100px;
		display: block;
		background-image: url(../images/common/back_header.jpg);
		background-position: right 0px;
		background-repeat: no-repeat;
	}

#header_link {
    margin-bottom: 10px;
	width: 780px;
	text-align: right;
}

#wrapper_top #header_link {
    margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: right;
}


	#header_link a {
	    margin-left: 20px;
		padding-left: 8px;
		background-image: url(../images/common/icon_header_link.jpg);
		background-repeat: no-repeat;
		background-position: 0px 3px;
		font-size: 14px;
		color: #CC3333;
		text-decoration: none;
	}

	#header_link a:hover {
	    text-decoration: underline;
	}

#header_title {
    margin-left: 10px;
}
/*	-------------------------------------------------------------
	■anchor設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#anchor {
   display: none;
}

/*	-------------------------------------------------------------
	■button設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* グローバルナビゲーション */
#global_navi {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   height: 54px;
   text-align: center;
   width: 780px;
}

	#global_navi ul {
		display: block;
		text-align: center;
		width: 780px;
		height: 54px;
	}
	
		#global_navi li {
		    float: left;
		}

#wrapper_top #navi_box {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
   padding-top: 8px;
   padding-bottom: 8px;
   text-align: center;
   width: auto;
   background-color: #EDF9ED;
   border: solid 1px #BFE0B5;
}

	#wrapper_top #navi_box #global_navi {
	   margin-bottom: 0px;
	}

/* ナビゲーション設定 */
#global_navi li.navi01 {
	width: 135px;
	height: 54px;
	background-image: url(../images/common/button_navi01_on.jpg);
	background-repeat: no-repeat;
	display: block;
}

	#global_navi li.navi01 a {
		background-image: url(../images/common/button_navi01_on.jpg);
		width: 135px;
		height: 54px;
		display: block;
		background-repeat: no-repeat;
	}

	#global_navi li.navi01 a:hover {
		background-image: url(../images/common/button_navi01_on.jpg);
		width: 135px;
		height: 54px;
		display: block;
		background-repeat: no-repeat;
	}
	
		#global_navi li.navi01 a:hover img {
			visibility: hidden;
		}
		
		* html #global_navi li.navi01 a:hover {
			background-color: transparent;
		}

#global_navi li.navi02 {
	width: 215px;
	height: 54px;
	background-image: url(../images/common/button_navi02_on.jpg);
	background-repeat: no-repeat;
	display: block;
}

	#global_navi li.navi02 a {
		background-image: url(../images/common/button_navi02_on.jpg);
		width: 215px;
		height: 54px;
		display: block;
		background-repeat: no-repeat;
	}

	#global_navi li.navi02 a:hover {
		background-image: url(../images/common/button_navi02_on.jpg);
		width: 215px;
		height: 54px;
		display: block;
		background-repeat: no-repeat;
	}
	
		#global_navi li.navi02 a:hover img {
			visibility: hidden;
		}
		
		* html #global_navi li.navi02 a:hover {
			background-color: transparent;
		}

#global_navi li.navi03 {
	width: 215px;
	height: 54px;
	background-image: url(../images/common/button_navi03_on.jpg);
	background-repeat: no-repeat;
	display: block;
}

	#global_navi li.navi03 a {
		background-image: url(../images/common/button_navi03_on.jpg);
		width: 215px;
		height: 54px;
		display: block;
		background-repeat: no-repeat;
	}

	#global_navi li.navi03 a:hover {
		background-image: url(../images/common/button_navi03_on.jpg);
		width: 215px;
		height: 54px;
		display: block;
		background-repeat: no-repeat;
	}
	
		#global_navi li.navi03 a:hover img {
			visibility: hidden;
		}
		
		* html #global_navi li.navi03 a:hover {
			background-color: transparent;
		}

#global_navi li.navi04 {
	width: 215px;
	height: 54px;
	background-image: url(../images/common/button_navi04_on.jpg);
	background-repeat: no-repeat;
	display: block;
}

	#global_navi li.navi04 a {
		background-image: url(../images/common/button_navi04_on.jpg);
		width: 215px;
		height: 54px;
		display: block;
		background-repeat: no-repeat;
	}

	#global_navi li.navi04 a:hover {
		background-image: url(../images/common/button_navi04_on.jpg);
		width: 215px;
		height: 54px;
		display: block;
		background-repeat: no-repeat;
	}
	
		#global_navi li.navi04 a:hover img {
			visibility: hidden;
		}
		
		* html #global_navi li.navi04 a:hover {
			background-color: transparent;
		}

/*	-------------------------------------------------------------
	■table設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
table.position_center td {
    text-align: center;
}

	table.position_center td img {
		margin-left: auto;
		margin-right: auto;
	}

table.position_float_auto {
    margin-left: auto;
	margin-right: auto;
}

table.p5 td {
    padding-top: 5px;
	padding-bottom: 5px;
}

table.p10 td {
    padding-top: 10px;
	padding-bottom: 10px;
}

/*	-------------------------------------------------------------
	■left_content設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#left_content {
    float: left;
	width: 180px;
}

/* 筆跡鑑定 */
#area_menu {
    padding-top: 4px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 4px;
	background-image: url(../images/common/back_menu.jpg);
	background-repeat: repeat-y;
	width: 180px;
	margin-bottom: 20px;
}
    
	/* リンクメニュー */
	#area_menu ul li {
		margin-bottom: 1px;
		width: 166px;
		display: block;
	}
	
		#area_menu ul li a {
			padding-top: 9px;
			width: 166px;
			height: 21px;
			text-indent: 16px;
			display: block;
			background-color: #FFFFFF;
			background-image: url(../images/common/back_menu_off.jpg);
			background-repeat: no-repeat;
			color: #330000;
			font-size: 12px;
			text-decoration: none;
		}
		
		* html #area_menu ul li a {
			height: 30px;
		}
		
			#area_menu ul li a:hover {
				padding-top: 9px;
				width: 166px;
				height: 21px;
				text-indent: 16px;
				display: block;
				background-color: #FFFFFF;
				background-image: url(../images/common/back_menu_on.jpg);
				background-repeat: no-repeat;
				color: #ffffff;
				font-size: 12px;
				text-decoration: underline;
			}
			
			* html #area_menu ul li a:hover {
				height: 30px;
			}

/*	-------------------------------------------------------------
	■right_content設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#right_content {
	float: right;
	text-align: left;
	width: 580px;
	vertical-align: top;
}

/*	-------------------------------------------------------------
	■footer設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#footer {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
}
#footer.w_900px {
	width: 900px;
}

	#footer .clearfix {
		width: auto;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/common/back_footer02.jpg);
		background-repeat: repeat;
		height: 260px;/* メニューの数で変動(dlの高さ＋10px) */
	}
	
#wrapper_top #footer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
}

	#wrapper_top #footer .clearfix {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		background-image: url(../images/common/back_footer02.jpg);
		background-repeat: repeat;
		height: 260px;/* メニューの数で変動(dlの高さ＋10px) */
	}
	
	#footer .box01 {
		width: 149px;
		margin-left: 0px;
		background-image: url(../images/common/back_footer_box01.jpg);
		background-repeat: repeat-x;
		float: left;
	}
	
	#wrapper_top #footer .box01 {
		width: 149px;
		margin-left: 50px;
		background-image: url(../images/common/back_footer_box01.jpg);
		background-repeat: repeat-x;
		float: left;
	}
	
	#footer .box02 {
		width: 180px;
		background-image: url(../images/common/back_footer_box02.jpg);
		background-repeat: repeat-y;
		float: left;
	}
	
	#footer .box03 {
		width: 205px;
		background-image: url(../images/common/back_footer_box03.jpg);
		background-repeat: repeat-y;
		float: left;
	}
	
	#footer .box04 {
		width: 266px;
		background-image: url(../images/common/back_footer_box04.jpg);
		background-repeat: repeat-y;
		float: left;
	}
	
	#footer dl {
		line-height: 160%;
		padding-left: 10px;
		height: 250px;/* メニューの数で変動(一番数の多いメニューの高さに合わせる) */
	}

		#footer dl dt {
			font-weight: bold;
			font-size: 12px;
		}
	
	#footer a {
		color: #006666;
		text-decoration: none;
		font-size: 12px;
	}
	
		#footer a:hover {
			color: #006666;
			text-decoration: underline;
			font-size: 12px;
		}

#copyright {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	height: 30px;
	background-image: url(../images/common/back_copyright.jpg);
	background-repeat: repeat-x;
}
#copyright.w_900px {
	width: 900px;
}
#wrapper_top #copyright {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	height: 30px;
}

	#copyright p {
		font-size: 12px;
		text-align: center;
		color: #ffffff;
		padding-top: 10px;
	}
	
		#copyright a {
			font-size: 12px;
			color: #ffffff;
			text-decoration: none;
		}	

/*	-------------------------------------------------------------
	■size設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* 横幅 */
.w20 {
    width: 20px;
}

.w30 {
    width: 30px;
}

.w40 {
    width: 40px;
}

.w60 {
    width: 60px;
}

.w80 {
    width: 80px;
}

.w100 {
    width: 100px;
}

.w120 {
    width: 120px;
}

.w128 {
    width: 128px;
}

.w140 {
    width: 140px;
}

.w160 {
    width: 160px;
}

.w180 {
    width: 180px;
}

.w200 {
    width: 200px;
}

.w220 {
    width: 220px;
}

.w240 {
    width: 240px;
}

.w260 {
    width: 260px;
}

.w280 {
    width: 280px;
}

.w300 {
    width: 300px;
}

.w320 {
    width: 320px;
}

.w340 {
    width: 340px;
}

.w360 {
    width: 360px;
}

.w380 {
    width: 380px;
}

.w400 {
    width: 400px;
}

.w420 {
    width: 420px;
}

.w440 {
    width: 440px;
}

.w460 {
    width: 460px;
}

.w480 {
    width: 480px;
}

.w500 {
    width: 500px;
}

.w520 {
    width: 520px;
}

.w530 {
    width: 530px;
}

.w540 {
    width: 540px;
}

.w560 {
    width: 560px;
}

.w580 {
    width: 580px;
}

.w600 {
    width: 600px;
}

.w620 {
    width: 620px;
}

.w640 {
    width: 640px;
}

.w660 {
    width: 660px;
}

.w680 {
    width: 680px;
}

.w700 {
    width: 700px;
}

.w720 {
    width: 720px;
}

.w740 {
    width: 740px;
}

.W760 {
    width: 760px;
}

.w780 {
    width: 780px;
}

.w800 {
    width: 800px;
}

.w820 {
    width: 820px;
}

.w840 {
    width: 840px;
}

.w860 {
    width: 860px;
}

.w880 {
    width: 880px;
}

.w900 {
    width: 900px;
}

/* 下空白(margin-bottom)設定*/
.m_bottom2 {
    margin-bottom: 2px;
}

.m_bottom5 {
    margin-bottom: 5px;
}

.m_bottom10 {
    margin-bottom: 10px;
}

.m_bottom20 {
    margin-bottom: 20px;
}

.m_bottom30 {
    margin-bottom: 30px;
}

.m_bottom40 {
    margin-bottom: 40px;
}

.m_bottom50 {
    margin-bottom: 50px;
}

.m_bottom60 {
    margin-bottom: 60px;
}

.m_bottom70 {
    margin-bottom: 70px;
}

.m_bottom80 {
    margin-bottom: 80px;
}

.m_bottom90 {
    margin-bottom: 90px;
}

.m_bottom100 {
    margin-bottom: 100px;
}

.m_above_heading {
    margin-bottom: 20px;
}

/* 上空白(padding-top)設定*/
.p_top5 {
    padding-top: 5px;
}

.p_top10 {
    padding-top: 10px;
}

.p_top20 {
    padding-top: 20px;
}

.p_top30 {
    padding-top: 30px;
}

.p_top40 {
    padding-top: 40px;
}

.p_top50 {
    padding-top: 50px;
}

.p_top60 {
    padding-top: 60px;
}

.p_top70 {
    padding-top: 70px;
}

.p_top80 {
    padding-top: 80px;
}

.p_top90 {
    padding-top: 90px;
}

.p_top100 {
    padding-top: 100px;
}