/* CSS Document */

/* ==================================================================
body
==================================================================*/
body	{
color:#333;
background-color:#ECE6DD;
font-size: 14px;
font-family:"Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
line-height: 17px;
padding:0px;
margin:0 auto;
width:100%;
}

/* ==================================================================
link 
==================================================================*/
a:link     {color:#0071AA; text-decoration: none;}
a:visited  {color:#0071AA; text-decoration: none;}
a:active   {color:#0071AA; text-decoration: none;}
a:hover    {color:#333333; text-decoration: underline;}

/* ==================================================================
br 
==================================================================*/
br.both		{clear:both;}
br.left		{clear:left;}
br.right	{clear:right;}

/* ==================================================================
h1〜h6
==================================================================*/
	/* ==================================================================
	h1
	==================================================================*/
	h1	{
	font-size:80%;
	line-height:120%;
	font-weight:bold;
	color:#fff;
	margin-bottom:0px;
	margin-top:0;
	padding-top:5px;
	padding-left:5px
	}

	/* ==================================================================
	h2
	==================================================================*/
	h2	{
	color:#6C6039;
	padding:10px 0 0 25px;
	margin:0;
	font-size:120%;
	line-height:130%
	}

	h2.indexEventBnr		{
	color:#6C6039;
	padding:10px 0 0 0;
	margin:0;
	font-size:115%;
	text-align:center;
	line-height:130%
	}

	/* ==================================================================
	h3
	==================================================================*/
	h3		{
	color:#5E3500;
	padding:2px 0;
	margin:2px 0;
	font-size:120%;
	line-height:130%;
	}
	
	h3.news	{
	color:#5E3500;
	width:75%;
	float:left;
	padding:0 10px;
	font-size:120%;
	line-height:130%;
	margin:0;
	text-justify:inter-ideograph;
	}
	
	/* ==================================================================
	h4
	==================================================================*/
	h4		{
	padding:2px 0px;
	margin:2px 0;
	font-size:100%;
	line-height:115%;
	}
	
	h4.subTitle	{
	padding:2px 0px 2px 20px;
	margin:0px 0;
	font-size:100%;
	line-height:90%;
	}
	
	h4.commentTitle	{
	color:#5E3500;
	margin:2px 0;
	font-size:100%;
	line-height:115%;
	}


/* ==================================================================
wrap
==================================================================*/
#wrap	{
width:810px;
height:auto;
padding:0;
margin:0 auto;
}

#wrap.default	{
background-color:#C0BBAE;
}

/* ==================================================================
container
==================================================================*/
#container	{
width:800px;
height:auto;
padding:0;
margin:0 auto;
background-color:#fff;
}

/* ==================================================================
ヘッダー
==================================================================*/
#headerIndex	{
width:800px;
margin:0 auto;
height:auto;
}

#header	{
width:800px;
margin:0 auto;
height:auto;
background:url(../img/header/header.gif) no-repeat;
}

	.headerIndexBox	{
	height:385px;
	}

	.headerBox	{
	height:120px;
	}

.logo	{
width:160px;
height:75px;
text-indent:-9999px;
margin:10px 10px 0 0px;
}

.logo a 	{
width:160px;
height:75px;
margin:10px 10px 0 0px;
display:block;
overflow:hidden;
}

.imageChange	{
position:inherit;
left:680px;
top:0;
margin:0px 20px 0px 0;
}

/* ==================================================================
グローバルメニュー
==================================================================*/
#gm	{
width:800px;
margin:0 auto;
padding:0;
clear:left 
}

#gm ul			{list-style:none; width:800px;height:60px;padding:0;margin:0;background:}
#gm ul li		{list-style:none; width:100px;height:60px;padding:0;margin:0;float:left;text-indent:-9999px;}
#gm ul li a		{list-style:none; width:100px;height:60px;padding:0;margin:0;float:left;display: block ;overflow:hidden;}

	#gm.default ul li.menu1			{background:url(../img/header/gm1/gm1.gif) bottom no-repeat;}
	#gm.default ul li.menu1 a:hover	{background:url(../img/header/gm1/gm1_r.gif) bottom no-repeat;}
	#gm.default ul li.menu2			{background:url(../img/header/gm1/gm2.gif) bottom no-repeat;}
	#gm.default ul li.menu2 a:hover	{background:url(../img/header/gm1/gm2_r.gif) bottom no-repeat;}
	#gm.default ul li.menu3			{background:url(../img/header/gm1/gm3.gif) bottom no-repeat;}
	#gm.default ul li.menu3 a:hover	{background:url(../img/header/gm1/gm3_r.gif) bottom no-repeat;}
	#gm.default ul li.menu4			{background:url(../img/header/gm1/gm4.gif) bottom no-repeat;}
	#gm.default ul li.menu4 a:hover	{background:url(../img/header/gm1/gm4_r.gif) bottom no-repeat;}
	#gm.default ul li.menu5			{background:url(../img/header/gm1/gm5.gif) bottom no-repeat;}
	#gm.default ul li.menu5 a:hover	{background:url(../img/header/gm1/gm5_r.gif) bottom no-repeat;}
	#gm.default ul li.menu6			{background:url(../img/header/gm1/gm6.gif) bottom no-repeat;}
	#gm.default ul li.menu6 a:hover	{background:url(../img/header/gm1/gm6_r.gif) bottom no-repeat;}
	#gm.default ul li.menu7			{background:url(../img/header/gm1/gm7.gif) bottom no-repeat;}
	#gm.default ul li.menu7 a:hover	{background:url(../img/header/gm1/gm7_r.gif) bottom no-repeat;}
	#gm.default ul li.menu8			{background:url(../img/header/gm1/gm8.gif) bottom no-repeat;}
	#gm.default ul li.menu8 a:hover	{background:url(../img/header/gm1/gm8_r.gif) bottom no-repeat;}


.headerShadowIndex	{
width:800px;
height:20px;
background:url(../img/header/headerShadowIndex.gif) top left repeat-x;
}

.headerShadow	{
width:800px;
height:17px;
padding:0;
margin:0;
background:url(../img/header/headerShadow.gif) top left no-repeat;
}
	
/* ==================================================================
main
==================================================================*/
#main	{
width:780px;
height:auto;
padding:0 10px;
margin:0 auto;
background:url(../img/common/mainBG.gif) top left repeat-y #fff;
}

#mainIndex	{
width:780px;
height:auto;
padding:0 10px;
margin:0 auto;
background:url(../img/common/mainIndexBG.gif) top left repeat-x #fff;
}

/* ==================================================================
side
==================================================================*/
#side	{
float:left;
width:220px;
padding:0;
margin:0;
}

.sideBox	{
width:100%;
padding:5px 0;
margin:0
}

.imgSideBnr	{
margin:0 0 5px 0;
border:none;
}

.sideBnrTxtBG	{
width:210px;
height:143px;
padding:5px;
background:url(../img/side/sideBnrTxtBG.gif) top no-repeat;
}

.sideBnrTxtBG p		{ font-weight:bold; line-height:120%; padding-top:0; margin-top:10px; color:#4C2900}
.sideBnrTxtBG span	{ font-weight:nomal; font-size:90%; line-height:120%}

	/* ==================================================================
	活動履歴
	==================================================================*/
	ul.sideHistory				{list-style:none; width:230px;padding:0;margin:0}
	ul.sideHistory li			{list-style:none; width:230px;height:50px;padding:0;margin:0;text-indent:-9999px;}
	ul.sideHistory li a			{list-style:none; width:230px;height:50px;padding:0;margin:0;display: block ;overflow:hidden;}
	ul.sideHistory li.menu1			{background:url(../img/side/historySeminar.gif) no-repeat;}
	ul.sideHistory li.menu1 a:hover	{background:url(../img/side/historySeminar.gif) no-repeat;}
	ul.sideHistory li.menu2			{background:url(../img/side/publicity.gif) no-repeat;}
	ul.sideHistory li.menu2 a:hover	{background:url(../img/side/publicity.gif) no-repeat;}
	ul.sideHistory li.menu3			{background:url(../img/side/historyTrainig.gif) no-repeat;}
	ul.sideHistory li.menu3 a:hover	{background:url(../img/side/historyTrainig.gif) no-repeat;}
	ul.sideHistory li.menu4			{background:url(../img/side/historyNetwork.gif) no-repeat;}
	ul.sideHistory li.menu4 a:hover	{background:url(../img/side/historyNetwork.gif) no-repeat;}

	/* ==================================================================
	フォトアルバム
	==================================================================*/
	ul.sidePhoto				{list-style:none; width:230px;padding:0;margin:0}
	ul.sidePhoto li				{list-style:none; width:230px;height:50px;padding:0;margin:0;text-indent:-9999px;}
	ul.sidePhoto li a			{list-style:none; width:230px;height:50px;padding:0;margin:0;display: block ;overflow:hidden;}
	ul.sidePhoto li.photo2009			{background:url(../img/side/2009.gif) no-repeat;}
	ul.sidePhoto li.photo2009 a:hover	{background:url(../img/side/2009.gif) no-repeat;}
	ul.sidePhoto li.photo2008			{background:url(../img/side/2008.gif) no-repeat;}
	ul.sidePhoto li.photo2008 a:hover	{background:url(../img/side/2008.gif) no-repeat;}
	ul.sidePhoto li.photo2007			{background:url(../img/side/2007.gif) no-repeat;}
	ul.sidePhoto li.photo2007 a:hover	{background:url(../img/side/2007.gif) no-repeat;}
	ul.sidePhoto li.photo2006			{background:url(../img/side/2006.gif) no-repeat;}
	ul.sidePhoto li.photo2006 a:hover	{background:url(../img/side/2006.gif) no-repeat;}

	/* ==================================================================
	活動履歴
	==================================================================*/
	ul.sideHistory				{list-style:none; width:230px;padding:0;margin:0}
	ul.sideHistory li			{list-style:none; width:230px;height:50px;padding:0;margin:0;text-indent:-9999px;}
	ul.sideHistory li a			{list-style:none; width:230px;height:50px;padding:0;margin:0;display: block ;overflow:hidden;}
	ul.sideHistory li.menu1			{background:url(../img/side/historySeminar.gif) no-repeat;}
	ul.sideHistory li.menu1 a:hover	{background:url(../img/side/historySeminar.gif) no-repeat;}
	ul.sideHistory li.menu2			{background:url(../img/side/publicity.gif) no-repeat;}
	ul.sideHistory li.menu2 a:hover	{background:url(../img/side/publicity.gif) no-repeat;}
	ul.sideHistory li.menu3			{background:url(../img/side/historyNetwork.gif) no-repeat;}
	ul.sideHistory li.menu3 a:hover	{background:url(../img/side/historyNetwork.gif) no-repeat;}
	ul.sideHistory li.menu4			{background:url(../img/side/historyMorning.gif) no-repeat;}
	ul.sideHistory li.menu4 a:hover	{background:url(../img/side/historyMorning.gif) no-repeat;}
	ul.sideHistory li.menu5			{background:url(../img/side/historyPartyEvent.gif) no-repeat;}
	ul.sideHistory li.menu5 a:hover	{background:url(../img/side/historyPartyEvent.gif) no-repeat;}
	ul.sideHistory li.menu6			{background:url(../img/side/book.gif) no-repeat;}
	ul.sideHistory li.menu6 a:hover	{background:url(../img/side/book.gif) no-repeat;}

	/* ==================================================================
	サービス
	==================================================================*/
	ul.sideEvent				{list-style:none; width:230px;padding:0;margin:0}
	ul.sideEvent li			{list-style:none; width:230px;height:50px;padding:0;margin:0;text-indent:-9999px;}
	ul.sideEvent li a			{list-style:none; width:230px;height:50px;padding:0;margin:0;display: block ;overflow:hidden;}
	ul.sideEvent li.menu1			{background:url(../img/side/seminar.gif) no-repeat;}
	ul.sideEvent li.menu1 a:hover	{background:url(../img/side/seminar.gif) no-repeat;}
	ul.sideEvent li.menu2			{background:url(../img/side/training.gif) no-repeat;}
	ul.sideEvent li.menu2 a:hover	{background:url(../img/side/training.gif) no-repeat;}
	ul.sideEvent li.menu3			{background:url(../img/side/network.gif) no-repeat;}
	ul.sideEvent li.menu3 a:hover	{background:url(../img/side/network.gif) no-repeat;}
	ul.sideEvent li.menu4			{background:url(../img/side/morning.gif) no-repeat;}
	ul.sideEvent li.menu4 a:hover	{background:url(../img/side/morning.gif) no-repeat;}

	/* ==================================================================
	メッセージ
	==================================================================*/
	ul.sideMessage				{list-style:none; width:230px;padding:0;margin:0}
	ul.sideMessage li			{list-style:none; width:230px;height:50px;padding:0;margin:0;text-indent:-9999px;}
	ul.sideMessage li a			{list-style:none; width:230px;height:50px;padding:0;margin:0;display: block ;overflow:hidden;}
	ul.sideMessage li.message1			{background:url(../img/side/message1.gif) no-repeat;}
	ul.sideMessage li.message1 a:hover	{background:url(../img/side/message1.gif) no-repeat;}
	ul.sideMessage li.message2			{background:url(../img/side/message2.gif) no-repeat;}
	ul.sideMessage li.message2 a:hover	{background:url(../img/side/message2.gif) no-repeat;}
	ul.sideMessage li.message3			{background:url(../img/side/message3.gif) no-repeat;}
	ul.sideMessage li.message3 a:hover	{background:url(../img/side/message3.gif) no-repeat;}

	/* ==================================================================
	ブログ
	==================================================================*/
	ul.sideBlog					{list-style:none; width:220px;padding:0;margin:0}
	ul.sideBlog li				{list-style:none;margin:5px 5px 5px 0;padding:0 0 0 5px;background:url(../img/common/dotX.gif) bottom repeat-x;}
	ul.sideBlog ul				{list-style:none;padding:0;margin:0}
	ul.sideBlog li.recentEntry	{list-style:none; width:220px;height:50px;background:url(../img/side/blogRecentEntry.gif) no-repeat;text-indent:-9999px;}
	ul.sideBlog li.categories	{list-style:none; width:220px;height:50px;background:url(../img/side/blogCategory.gif) no-repeat;text-indent:-9999px;}
	ul.sideBlog li.archives		{list-style:none; width:220px;height:50px;background:url(../img/side/blogArchive.gif) no-repeat;text-indent:-9999px;}
	ul.sideBlog li.blogRSS		{list-style:none; width:220px;height:50px;background:url(../img/side/blogRSS.gif) no-repeat;text-indent:-9999px;}
	
	/* ==================================================================
	sideIndex
	==================================================================*/
	#sideIndex	{
	float:right;
	width:220px;
	padding:0;
	margin:0;
	}
	
	.sideIndexBox	{
	width:100%;
	padding:5px 0;
	}
	
	.sideFrameHead		{background:url(../img/side/sideFrameHead.gif) bottom no-repeat;padding:0 5px;width:210px;height:60px;}
	.sideFrameHead p	{font-weight:bold; line-height:120%; padding-top:5px; margin-top:0px; color:#4C2900}
	.sideFrameBody		{background:url(../img/side/sideFrameBody.gif) repeat-y;width:220px;height:auto;}
	.sideFrameFoot		{background:url(../img/side/sideFrameFoot.gif) top no-repeat;width:220px;height:6px;}

	

/* ==================================================================
contents
==================================================================*/
#contents	{
float:right;
width:540px;
padding:0;
margin:0 0 0 20px;
}

.box	{
width:100%;
padding:5px 0;
margin:0 0 10px 0
}

.title	{
margin-bottom:10px;
}

.highlight	{
padding:2px 5px;
margin:0;
background-color:#FFF5E5;
border:1px solid #F9E7CF
}

	/* ==================================================================
	contentsIndex
	==================================================================*/
	#contentsIndex	{
	float:left;
	width:560px;
	padding:0;
	margin:0;
	}
	
	.contentsIndexBox	{
	width:100%;
	padding:5px 0;
	margin:0 0 10px 0
	}

/* ==================================================================
frame
==================================================================*/
.frameHead	{
width:530px;
height:40px;
background:url(../img/common/frameHead.gif) bottom no-repeat;
}

.frameBody	{
width:520px;
height:auto;
padding:5px 5px 0 5px;
background:url(../img/common/frameBody.gif) repeat-y;
}

.frameFoot	{
width:530px;
height:10px;
background:url(../img/common/frameFoot.gif) top no-repeat;
}

/* ==================================================================
INDEXのニューストピックス
==================================================================*/
p.date	{
width:15%;
float:left;
padding:0 10px;
margin:0;
}
	
p.news	{
width:75%;
float:left;
padding:0 10px;
margin:0;
text-justify:inter-ideograph;
}

.dotX			{
background:url(../img/common/dotX.gif) left repeat-x;
margin:0;
padding:0
}

p.viewAll	{
text-align:right;
padding:0;
margin:0;
line-height:100%
}

/* ==================================================================
INDEXのヘッダーのニュース（今日の内田雅章/イベント告知）
==================================================================*/
.indexMenu	{
padding:15px 20px 10px 20px;
width:760px;
height:220px;
}

dl.indexMenuFrame1	{
float:left;
width:29%;
padding:40px 0 0 5px;
margin:0;
text-align:left;
font-size:85%;
line-height:14px;
}

dl.indexMenuFrame2	{
float:left;
width:29%;
padding:40px 0px 0 40px;
margin:0;
text-align:left;
font-size:85%;
line-height:14px;
}

dl.indexMenuFrame3	{
float:left;
width:30%;
padding:180px 0px 0 40px;
margin:0;
}


dt	{
padding:0;
margin:0
}

dl		{
padding:0;
margin:0
}


/* ==================================================================
RSS
==================================================================*/
ul.rss-items	{
list-style:none;
padding:0;
margin:0
}

li.rss-item	{
list-style:none;
padding:0;
margin:0
}

/* ==================================================================
INDEXのイベント系バナー
==================================================================*/
.eventBnr	{
background:url(../img/index/eventBnrBG.gif) no-repeat;
width:530px;
height:315px;
}

.eventBnrBox	{
padding:12px 7px 0 7px
}

/* ==================================================================
footer
==================================================================*/
#footer	{
width:800px;
text-align:center;
padding:20px 0;
margin:0 auto;
border-bottom:3px solid;
}

#footer.default	{
border-bottom-color:#C9B79F
}

#footer	p	{
padding:0;
margin:0;
font-size:85%;
line-height:120%;
}

address		{
padding:5px 0 0 0;
text-align:center;
font-style:normal;
font-size:80%;
line-height:95%;
}

/* ==================================================================
ブログ
==================================================================*/
.post	{
padding:0 5px;
}

.storycontents	{
padding:5px;
margin-top:0;
margin-bottom:0;
}

.storycontents img	{
border:1px solid #ccc;
padding:5px;
margin:0 5px 5px 5px;
}

.feedback	{
background:url(../img/common/dotX.gif) top left repeat-x;
color:#333;
text-align:right;
font-size:80%;
line-height:100%;
padding:5px 0;
margin:0;
}

li.mark	{
list-style-type:disc;
margin:0 0 0 15px;
padding:0;
}

.commentcontents	{
padding:0 0 5px 0;
margin:0;
color:#013B70 ;
}

p.commentP	{
padding:0 0 0 0;
font-size:12px;
line-height:16px;
}

.textform	{
background-color:#F1F6F8;
color:#013B70 ;
}

.pagenavi	{
text-align:right;
}

/* ==================================================================
フォトギャラリー
==================================================================*/
.photoBox	{
width:65%;
margin:0 auto
}

p.photoCaption	{
text-align:left;
font-size:85%;
line-height:120%
}

/* ==================================================================
イベント情報
==================================================================*/
img.iconEvent	{
margin:0 5px 0 0;
border:none;
}

/* ==================================================================
パラグラム
==================================================================*/
p.alphaLow	{
color:#9b9b9b
}

/* ==================================================================
共通項目
==================================================================*/
.pagetop		{text-align:right; margin:5px 0; font-size:90%}
.padding50		{padding:5px 0}
.padding5000	{padding:5px 0 0 0}
.padding0050	{padding:0 0 5px 0}
.padding010		{padding:0 10px}
.padding100		{padding:10px 0}
.padding50150	{padding:5px 0 15px 0 }

/* ==================================================================
回り込み
==================================================================*/
.floatLeft		{float:left;}
.floatRight		{float:right;}

/* ==================================================================
form
==================================================================*/
form.defaultForm	{padding:0; margin:0}
.actionBtn			{vertical-align:middle}

/* ==================================================================
table 
==================================================================*/
.tdLeft		{background-color:#ECE6DD}
.tdRight	{background-color:#ffffff;}


/* ==================================================================
画像（img）
==================================================================*/
a:hover img			{opacity:0.6;filter: alpha(opacity=60);}

.imgBorder			{border:1px solid #ccc; padding:5px;}
.imgFloatLeft		{border:1px solid #ccc; padding:5px;float:left; margin:0 10px 5px 0 }
.imgFloatRight		{border:1px solid #ccc; padding:5px;float:right; margin:0 0 5px 10px}

.imgBook			{border:1px solid #ccc; padding:5px;float:left; margin:0 10px 5px 0 }
.imgPhoto			{border:1px solid #ccc; padding:5px;float:right; margin:0 0 5px 10px}
.imgProf			{border:1px solid #ccc; padding:5px;float:right; margin:0 0 5px 10px}
.imgMessgae1		{border:1px solid #ccc; padding:5px;float:left; margin:0 10px 5px 0 }
.imgEvent			{border:1px solid #ccc; padding:5px;float:right; margin:0 0 5px 10px}
.iconLink			{border:none; margin:0 0 0 5px; vertical-align:middle}
/* ==================================================================
span
==================================================================*/
span.red		{color:#ff0000;}