/* CSS ver.2008 for SES */
/* CSS ver.2009-02-26  */
/* CSS ver.2010-06-24  */

@charset"utf-8";

/*---------------------------------------------------------------
											   レイアウト・共通部
---------------------------------------------------------------*/

* {
	font-weight: normal;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','Hiragino Gothic Pro','Osaka',sans-serif,verdana;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #fff;
}

img {
	border: 0px;
}

strong,em {
	font-style: normal;
	font-weight: bold;
}

.bold {
	font-style: normal;
	font-weight: bold;
}

#wrap_shadow {
	width: 777px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background: url('../img/shadow.gif') top repeat-y;
}

#wrap {
	width: 770px;
	margin: 0px 0px 0px 1px;
	padding: 0px;
}

.fs_10 {
	font-size: 10px;
}

.float_clear {
	clear: both;
}

/*--------------------------------------- レイアウト・共通部 fin.
---------------------------------------------------------------*/

/*---------------------------------------------------------------
													ヘッダ：#head
---------------------------------------------------------------*/

#head {
	width: 770px;
	height: 80px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: url('../img/titleback.png') no-repeat;
	color: #ccf;
}

#head p {
	margin: 0px;
	padding: 10px;
	font-size: 12px;
	font-weight: normal;
	font-family: verdana;
	line-height: 14px;
}

/*---------------------------------------------------- #head fin.
---------------------------------------------------------------*/

/*---------------------------------------------------------------
									 ステータスナビゲーション #tt
---------------------------------------------------------------*/

#tt {
	width: 770px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: center;
	background: url('../img/shadow_tt.gif') left repeat-x;
}

#tt p {
	margin: 0px;
	padding: 0px 20px;
	text-align: left;
	line-height: 20px;
	font-size: 12px;
	color: #339;
}

#tt a {
	text-decoration: none;
	color: #66f;
}

#tt a:hover {
	text-decoration: underline;
	color: #99f;
}	
	
	
/*--------------------------------------------- トップページ用 h1
---------------------------------------------------------------*/

h1 {
	width: 770px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url('../img/shadow_tt.gif') left repeat-x;
	color: #f90;
	font-size: 12px;
	line-height: 18px;
}

/*---------------------------------------- トップページ用 h1 fin.
---------------------------------------------------------------*/

/*----------------------------- ステータスナビゲーション #tt fin.
---------------------------------------------------------------*/



/*---------------------------------------------------------------
										メインナビゲーション #navi
---------------------------------------------------------------*/

#navi {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #fff;
	font-size: 0px;
}

#navi ul {
	margin: 0px;
	padding: 0px;
}

#navi li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#navi .n01 a {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background: url('../img/bg_navi_01.gif') no-repeat top left;
}

#navi .n01 a:hover {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background-position: -200px 0px;
}

#navi .n01on {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background: url('../img/bg_navi_01.gif') no-repeat top left;
	background-position: -200px 0px;
}

#navi .n02 a {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background: url('../img/bg_navi_02b.png') no-repeat top left;
}

#navi .n02 a:hover {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background-position: -200px 0px;
}

#navi .n02on {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background: url('../img/bg_navi_02b.png') no-repeat top left;
	background-position: -200px 0px;
}

#navi .n03 a {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background: url('../img/bg_navi_03.gif') no-repeat top left;
}

#navi .n03 a:hover {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background-position: -200px 0px;
}

#navi .n03on {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background: url('../img/bg_navi_03.gif') no-repeat top left;
	background-position: -200px 0px;
}

#navi .n04 a {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background: url('../img/bg_navi_04.gif') no-repeat top left;
}

#navi .n04 a:hover {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background-position: -200px 0px;
}

#navi .n04on {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background: url('../img/bg_navi_04.gif') no-repeat top left;
	background-position: -200px 0px;
}

#navi .n05 a {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background: url('../img/bg_navi_05.gif') no-repeat top left;
}

#navi .n05 a:hover {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background-position: -200px 0px;
}

#navi .n05on {
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 50px;
	text-decoration: none;
	background: url('../img/bg_navi_05.gif') no-repeat top left;
	background-position: -200px 0px;
}

#navi .navi_s {
	width: 200px;
	height: 5px;
	text-decoration: none;
	background: #fff;
	font-size: 1px;
}

#navi .navi_pp a{
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 30px;
	text-decoration: none;
	background: url('../img/bg_navi_s_pp.gif') no-repeat top left #fff;
	font-size: 12px;
}

#navi .navi_vo a{
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 30px;
	text-decoration: none;
	background: url('../img/bg_navi_s_vo.gif') no-repeat top left #fff;
	font-size: 12px;
}

#navi .navi_co a{
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 30px;
	text-decoration: none;
	background: url('../img/bg_navi_s_co.gif') no-repeat top center #fff;
	font-size: 12px;
}

#navi .navi_d1 a{
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 60px;
	text-decoration: none;
	background: url('../img/bnr_d1.gif') no-repeat top center #fff;
	font-size: 12px;
}

#navi .navi_v1 a{
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 60px;
	text-decoration: none;
	background: url('../img/bnr_v1.gif') no-repeat top center #fff;
	font-size: 12px;
}

#navi .navi_n1 a{
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 69px;
	text-decoration: none;
	background: url('../img/natugaku_linklogo.gif') no-repeat top center #fff;
	font-size: 12px;
}
#navi .navi_n1 p{
	display: block;
	width: 200px;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
}

#navi .navi_n2 a{
	display: block;
	text-indent: -1234567px;
	width: 200px;
	height: 69px;
	text-decoration: none;
	background: url('http://www.e-ouendan.org//11/syami/syamikyousitulogo.gif') no-repeat top center #fff;
	font-size: 12px;
}
#navi .navi_n2 p{
	display: block;
	width: 200px;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
}











/*------------------------------- メインナビゲーション #navi fin.
---------------------------------------------------------------*/


/*---------------------------------------------------------------
													  右側 #right
---------------------------------------------------------------*/


#right {
	float: right;
	width: 570px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #fff;
}

/*---------------------------------------------------------------
								トップ・サブナビゲーション #navi2
---------------------------------------------------------------*/

#navi2 {
	float: left;
	width: 250px;
	height: 250px;
	margin: 0px;
	padding: 0px;
	background: #fff;
}

.n01_2 {
	width: 250px;
	height: 50px;
	margin: 0px;
	padding: 0px;
}

.n01_2 p {
	margin: 0px;
	padding: 5px 0px 5px 15px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #339;
}

#navi2 a {
	text-decoration: underline;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	color: #339;
}

#navi2 a:hover {
	color: #66f;
}

/*-------------------------トップ・サブナビゲーション #navi2 fin.
---------------------------------------------------------------*/


/*---------------------------------------------------------------
								   LV2・サブナビゲーション #navi2
---------------------------------------------------------------*/

#navi2_2 {
	width: 570px;
	margin: 0px;
	padding: 0px;
	background: #fff;
}

.n02_2 {
	width: 570px;
	margin: 0px;
	padding: 0px;
	background: #fff;
	background: url('../img/border530_ccf.gif') no-repeat bottom center #fff;
}

.n02_2 p {
	margin: 0px;
	padding: 10px 20px;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	color: #33c;
}

#navi2_2 a {
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #339;
}

#navi2_2 a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #66f;
}

/*-------------------------------- LV2・サブナビゲーション #navi2
---------------------------------------------------------------*/

/*---------------------------------------------------------------
														 #content
---------------------------------------------------------------*/

#content {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 300px;
	background: #fff;
}

#content p {
	text-align: center;
	margin: 0px 20px 0px 0px;
	padding: 10px;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	color: #336;
	background: url('../img/dot_dde.gif') repeat-x bottom left #fff;
}

#content .area {
	color: #366;
	background: url('../img/dot_dde.gif') repeat-x bottom left #fff;
}

.adb {
	text-align: right;
	margin: 0px 20px 0px 0px;
	padding: 10px;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	color: #336;
	background: url('../img/dot_dde.gif') repeat-x bottom left #fff;
}

/*-------------------------------------------------- content fin.
---------------------------------------------------------------*/

/*---------------------------------------------------------------
														#content2
---------------------------------------------------------------*/

#content2 {
	margin: 0px;
	padding: 0px;
	width: 570px;
	background: #fff;
}

#content2 a {
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
	color: #c39;
}

#content2 a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #f39;
}

#content2 dd a {
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
	color: #33c;
}

#content2 dd a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #66f;
}

h2 {
	width: 530px;
	height: 20px;
	text-align: center;
	margin: 5px 0px 5px 20px;
	padding: 10px 0px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #33c;
	background: url('../img/border530_ccf.gif') no-repeat bottom center #fff;
}

h3 {
	width: 530px;
	text-align: center;
	margin: 0px 0px 5px 20px;
	padding: 10px 0px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #36c;
	background: url('../img/dot_dde.gif') repeat-x bottom left #fff;
}

h4 {
	width: 530px;
	text-align: center;
	margin: 0px 0px 5px 20px;
	padding: 10px 0px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #66c;
	background: url('../img/dot_dde.gif') repeat-x bottom left #fff;
}

#content2 p {
	text-align: left;
	margin: 0px;
	padding: 10px 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	color: #336;
}

#content2 .align_center {
	text-align: center;
	margin: 0px;
	padding: 10px 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	color: #336;
}

#content2 .for_top {
	width: 530px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	background: url('../img/dot_dde.gif') repeat-x bottom left #fff;
}

#content2 dl {
	margin: 0px;
	padding: 0px 20px 10px 20px;
}

#content2 dd {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	color: #339;
	background: url('../img/dot_dde.gif') repeat-x bottom left #fff;
}


#content2 table {
	margin: 5px 0px 20px 20px;
	padding: 0px;
	border: 0px;
	width: 400px;
	background: #66f;
}

#content2 .w530 {
	margin: 5px 0px 20px 20px;
	padding: 0px;
	border: 0px;
	width: 530px;
	background: #66f;
}

#content2 th {
	text-align: center;
	margin: 0px;
	padding: 3px 0px;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	color: #33c;
	background: #eef;
}

#content2 td {
	text-align: center;
	margin: 0px;
	padding: 3px 0px;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	color: #33c;
	background: #fff;
}

#content2 .caution {
	color: #93f;
}

#content2 .caution2 {
	color: #f39;
}

#content2 .profile {
	width: 530px;
	margin: 5px 20px 5px 20px;
	padding: 10px 0px;
	background: url('../img/dot_dde.gif') repeat-x bottom left #fff;
}

#content2 .profile_t {
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #369;
	background: url('../img/dot_dde.gif') repeat-x bottom left #fff;
}

#content2 .profile img {
	float: left;
	border: 0px;
	margin: 5px 10px 0px 0px;
}



#content2 .adjust {
	margin: 0px;
	padding:0px;
	font-size: 0px;
}

/*-------------------------------------------------- content fin.
---------------------------------------------------------------*/


/*---------------------------------------------------------------
													フッタ：#foot
---------------------------------------------------------------*/

#foot {
	text-align: center;
	width: 770px;
	margin: 0px;
	padding: 0px;
	background: #006;
	color: #fff;
}

/*---------------------------------------------- 上部 #foot .p1*/
#foot .p1 {
	margin: 0px;
	padding:  10px 0px 5px 10px;
	font-size: 12px;
	font-weight: normal;
	font-family: verdana;
	line-height: 16px;
}


#foot .p1 a {
	font-weight: normal;
	font-family: verdana;
	color: #fc0;
}

#foot .p1 a:hover {
	font-weight: normal;
	font-family: verdana;
	color: #ff0;
}

/*---------------------------------------------- 下部 #foot .p2*/

#foot .p2 {
	margin: 0px;
	padding:  0px 0px 10px 10px;
	color: #ccf;
	font-size: 10px;
	font-weight: normal;
	font-family: verdana;
	line-height: 14px;
}

/*---------------------------------------------------- #foot fin.
---------------------------------------------------------------*/

/* CSS ver.2008 for SES fin.*/
