/* ************************************************ 
 *	共通設定
 * ************************************************ */

h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd,
table, img, form {
margin:0; padding:0; border:none;
font-style:normal; font-weight:normal;
font-size:100%; text-align:left;
list-style-type: none }

hr { display:none }
br	 { letter-spacing:0 }
p	 { margin:0 0 10px 0 }
table { font-size:inherit; font:100% }
textarea { font-size:100% }

body { margin:0; padding:0; text-align:center; color:#333333;
	   font:13px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
	   osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Meiryo,Verdana;
	   background-color:#FFFFFF; *font-size:small; *font:x-small }

/* メイン部分リンク設定 */
a:link    { color:#f24f80; text-decoration: underline }
a:visited { color:#f24f80; text-decoration: underline }
a:hover   { color:#999999; text-decoration: none }
a:active  { color:#999999; text-decoration: none }

/* ************************************************ 
 *	ページレイアウト
 * ************************************************ */

/*ページ全体の幅・レイアウトをセンタリング*/
.container { width:910px; margin:20px auto 10px auto; text-align:left }

.container a:hover img { opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha( opacity=75 )" }

/*ヘッダー*/
#header_left { width:420px; float:left }

#header_logo1 { float:left; margin-right:10px }

#header_logo2 { margin:5px 0 }

h1 { font-size:77% }

#header_left a { color:#333333; text-decoration:none }
#header_left a:hover { color:#f24f80; text-decoration:underline }

#header_center { width:290px; padding-top:30px; float:left }

#header_center img { margin-right:15px }

#header_right  { width:200px; padding-top:5px; margin-bottom:30px; float:right }


#navi { clear:both; height:45px; padding-top:10px;
		background:url(images/bg_menu.gif) repeat-x  }

/*　TOP画面メインイメージ部分　*/

#top_main { height:320px; margin-bottom:30px;
			background:url(images/top_bg.jpg) no-repeat top center #000000  }

#top_box  { width:910px; margin:0 auto; padding-top:20px; text-align:right }

#top_box img { margin:0 0 10px 10px }


/*　TOP画面左側サイド部分　*/
#side1 { width:200px; float:left; margin:0 25px 25px 0 }

#news { width:200px; font-size:85%; line-height:130%; margin-bottom:20px }

#news table { margin-bottom:5px }

#news td  { padding:5px 0 15px 0; background: url(images/line_left.gif) bottom repeat-x  }
			
#news img { width:45px; height:45px; margin:0 10px 5px 0 }

#news a { color:#333333; text-decoration:none }
#news a:hover { color:#f24f80; text-decoration:underline }

#news p { margin:0 }

.date { font-family:Verdana; font-size:10px; color:#ff58b8; padding-bottom:2px }


/*　TOP画面中央メイン部分　*/
#main { width:460px; float:left; margin:0 25px 25px 0; text-align:left; line-height:150%; letter-spacing:0.1em }

#top_workshop { font-size:85%; margin-bottom:20px; color:#999999;
				background:url(images/top_title1.gif) left top no-repeat  }

#top_workshop img { width:103px; height:103px; margin:10px 5px }

#top_workshop a img { border:#bbbbbb 1px solid }
#top_workshop a:hover img { border:#f24f80 1px solid }


/*　下層画面メインイメージ部分　*/
#under_main { height:160px; margin-bottom:30px;
			  background:url(images/under_bg.jpg) no-repeat top center #000000  }
			
#under_box  { width:910px; margin:0 auto; padding-top:55px; text-align:left }


/*　下層画面メイン部分　*/
#contents { width:685px; float:left; margin:0 25px 25px 0; text-align:left; line-height:150%; letter-spacing:0.1em }


/*　画面右側サイド部分　*/
#side2 { width:200px; float:left; margin-bottom:25px }

#side2 a:hover img { opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha( opacity=75 )" }

/*　フッター　*/
#pageup { clear:both; width:910px; margin:20px auto; text-align:right }

#footer1  { clear:both; width:100%; float:left; line-height:130%; color:#f9a2bd;
			background: url(/images/foot_bg.gif) }

#footer1 a { color:#ffffff; text-decoration:none }
#footer1 a:hover { color:#ffffff; text-decoration:underline }

#footer2  { width:250px; height:140px; float:left;
			padding-right:20px; margin-bottom:20px; font-size:85%;
			background:url(images/line_foot.gif) right repeat-y }

#footer3  { width:620px; float:right; padding-left:20px; margin-bottom:20px; font-size:93%;
			background: url(images/foot_art.gif) right bottom no-repeat  }

#footer3 ul { margin-right:20px }

#footer3 li { padding:0 0 5px 15px; background:url(/images/foot_icon.gif) 2px 3px no-repeat }

#copy { font-family:Verdana; font-size:10px }


/* ************************************************ 
 *	コンテンツ共通
 * ************************************************ */

h2 { padding:0 0 12px 10px; margin-bottom:15px; font-size:123%; font-weight:bold;
	 border-left:#f24f80 solid 7px; background:url(images/line_left.gif) bottom repeat-x }

h3 { font-weight:bold; margin:5px 0;  font-size:108% }

h4 { font-size:123%; font-weight:bold; margin:10px 0 }

h5 { font-weight:bold; color:#f24f80; font-size:108%; margin:15px 0 5px 0 }

h6 { font-weight:bold; margin:5px 0;  font-size:100% }

strong { font-weight:bold; color:#ef5b3a }

small { font-weight:normal; font-size:12px }

.caption1 { color:#406abd; font-size:85% }
.caption2 { color:#e2567d; font-size:85% }

/* Text */
.text10 { font-size:77% }
.text11 { font-size:85% }
.text12 { font-size:93% }
.text13 { font-size:100% }
.text14 { font-size:108% }
.text15 { font-size:116% }
.text16 { font-size:123% }

/*　その他　*/
.m_left		{ float:left }
.m_left30	{ float:left ; margin:0 30px 10px 0 }

.m_right	{ float:right }
.m_right30	{ float:right; margin:0 0 10px 30px }

.margin_b30 { margin-bottom: 30px }
.margin_b20 { margin-bottom: 20px }
.margin_b15 { margin-bottom: 15px }
.margin_b10 { margin-bottom: 10px }
.margin_b5  { margin-bottom: 5px }

.margin_20 { margin:20px 0 }
.margin_r10 { margin-right:10px }

.soldout  { background:#e2567d; padding:0 2px; font-size:10px;
			color:#FFFFFF; font-family:Verdana; text-align:center }

.box_center { text-align:center; margin:10px 0 }
.box_right { text-align:right }

.clear_float { clear:both; height:10px }
.space { clear:both; height:30px }
.line1 { clear:both; height:5px; margin-bottom:10px; background:url(images/line_left.gif) repeat-x  }


/* ************************************************ 
 *	テーブルの装飾
 * ************************************************ */

.box_table1 { width:100%; margin-bottom:20px }

.box_table1 th { background-color:#f6f6f6;
	width:170px; padding:5px 10px;
	border-bottom: 1px solid #dddddd;
	font-weight: normal; text-align:left }

.box_table1 td { background-color:#FFFFFF;
	border-bottom: 1px solid #dddddd;
	padding:10px; text-align:left }
	
.box_table1 td table th,
.box_table1 td table td,
.box_table1 td table,
.box_table1 td table {
	border-right:none;
	border-top:none;
	border-left:none;
	border-bottom:none }
	
.box_table1 th img,
.box_table1 td img { vertical-align:middle }


/* ************************************************ 
 *	その他
 * ************************************************ */

.box_gray { background-color:#f4f4f4; padding:9px; border:#dbdbdb solid 1px; margin:10px 0 }

.box_pink1 { padding:9px; margin:20px 0; color:#f24f80; font-size:93%;
			 background-color:#fff2f6; border:#f7d9e4 solid 1px }

.box_pink2 { padding:14px; margin:10px 0 20px 0;
			 background-color:#fff2f6; border:#f7d9e4 solid 1px }
			 
.box_corp1 { margin-bottom:40px; background:url(company/images/corp_bg1.jpg) right top no-repeat }

.box_corp2 { padding-bottom:20px; padding-right:280px;
			 background:url(company/images/corp_ss1.jpg) right top no-repeat }

.box_photo1 { margin-bottom:40px }

.box_photo1 img { width:300px; margin:10px; padding:9px;
				  border:#FFFFFF 2px solid; background:url(/images/bg1.gif) }

.box_list	 { width:100% }
.box_list li { padding:7px 0; background: url(images/line_left.gif) bottom repeat-x }


.jisseki1 { padding-left:220px; background:url(/company/images/jitseki_ss1.jpg) top left no-repeat }

.tree li { padding:0 0 5px 23px; background:url(/images/icon1.gif) 8px 3px no-repeat }

.tree_next { text-align:right; font-size:85% }

.tree_next a { display:block; color:#333333; text-decoration:none }
.tree_next a:hover { color:#0076a8; text-decoration:underline }

/* 開閉部分設定 */
.treenode ul { background-color:#f4f4f4; padding:14px 9px 9px 9px; border:#dbdbdb solid 1px; margin-bottom:30px }

.treenode li { padding:0 0 5px 23px; background:url(/images/icon1.gif) 8px 3px no-repeat }


.box_training1 { margin-bottom:10px; background:url(training/images/training_bg1.jpg) right top no-repeat }

.box_training2 { margin-bottom:10px; background:url(training/images/training_bg2.jpg) right top no-repeat }

.box_contents1 { padding:0 230px 10px 0; margin-bottom:10px;
				 background:url(contents/images/contents_bg1.jpg) right top no-repeat }

.workshop_icon { width:60px; height:60px; float:left; margin:5px 15px 5px 0;
				 padding:9px; border:#f7d9e4 1px solid; background-color:#FFFFFF }
				 
.box_planning1 { margin-bottom:10px; background:url(planning/images/planning_bg1.jpg) right bottom no-repeat }

.box_planning2 { margin-bottom:10px; background:url(planning/images/planning_bg2.jpg) right bottom no-repeat }


/* お知らせ */
.news_date { font-family:Verdana; font-size:11px; padding-bottom:20px }

.m_icon1	{ margin-right:5px }
.m_icon2	{ margin-left:5px }