@charset "utf-8";

/** |READ ME| **************************************************************************************

「それいけ！写真隊」イベントページ用CSSファイル
(/ec/event/soreike/)

00.共通設定
01.トップページ(index.htm)用
02.イベント内容ページ(event.htm)用
03.隊員紹介ページ(introduction.htm)用
04.開催概要ページ(description.htm)用
05.作品募集ページ(entry.htm)用
06.お悩みページ(question.htm)用
07.作品紹介(photo.htm)用
08.印刷設定
09.過去の開催(report.htm)用

************************************************************************************** |READ ME| **/


/** ｜00.共通設定｜ ********************************************************************** START **/

div.ttl,table#box_blog,table#box_info,
table#box_blog img,table#box_info img {
    margin:0 auto; padding:0; line-height:0;}

#head, .box_01 {
    margin:0 auto; padding:0;}


/* 00_1 ヘッダー 
=========================================================*/
#head {
	background-image:url(img/common/head_bg.gif);
	background-repeat:repeat-y;
	margin-bottom:20px;}
#head:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;}
#head img {border: none;}
#snv ul, #snv ul li {
    margin:0; padding:0;
	line-height:0; vertical-align:bottom;}

#head {width:705px;}

/* サブメニュー */
#snv{width:173px; float:left;}
#snv .snv_ttl {width:173px; height:45px;}

#snv ul {
    width:173px;
	background-image:url(img/common/snv_bt_on.gif);
	background-repeat:no-repeat;
	background-position:top;}
#snv ul li, #snv ul a {
    width:173px;
	height:32px;
	display:block;
    list-style:none;}
#snv ul li.question, #snv ul li.question a {height:44px;}
#snv ul li.banner, #snv ul li.banner a {height:79px;}
#snv ul li.banner_blog, #snv ul li.banner_blog a {height:64px;}

/* サブメニュー_オンマウス設定 */
#snv ul a:hover {
    background-color:transparent;}
#snv ul a:hover img {visibility:hidden;}
#snv ul li.banner a:hover img,
#snv ul li.banner_blog a:hover img {visibility:visible;}

#snv ul img {vertical-align: bottom;} /* forIE6 */

.event #snv ul li.event img,
.introduction #snv ul li.introduction img,
.description #snv ul li.description img,
.entry #snv ul li.entry img,
.photo #snv ul li.photo img,
.report #snv ul li.report img,
.question #snv ul li.question img {visibility:hidden;}


/* ヘッダーコンテンツ用 */
#head #main {
    width:527px;
	float:right;
	height:407px;
	overflow:visible;}
#head #main #head_img img {vertical-align:bottom;}

/* overview */
#overview {
    height:228px;
	background-image:url(img/common/box_overview_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;}



/* 00_2 フッター 
=========================================================*/
#footer_link {
    width:690px;
	margin:0 auto;
	margin-top:30px;
	border-top:dotted 1px #999999;
	text-align:center;
	padding:20px 0;}
table#box_blog {
    width:650px;
	border:none;
	margin-top:5px;
	background-image:url(img/common/box_blog_bg.gif);
	background-repeat:repeat-y;}
table#box_info {
    width:650px;
	border:none;
	margin-top:20px;}


/* 00_3 その他共通部分 
=========================================================*/
.box_01 {
    width:630px;
	text-align:left;}
.caution {
    color:#FF0000;
	padding:0;}
.caution_ttl {
    color:#FF0000;
	font-weight:bold;}
ul.anchor_list {
    margin:10px 10px 10px 30px;
	display:inline-table;}
ul.anchor_list li {
	list-style-image:url(img/common/arrow.gif);
	list-style-position:outside;}


/* タイトル要素 */
div.ttl {
    width:650px;
	line-height:0;
	margin-top:10px;
	margin-bottom:10px;}
div.ttl .ttl_text {
    margin-bottom:11px;}

/* 「ページトップへ戻る」 */
.goto-top{
    width:650px;
	font-size:70%;
	font-weight:bold;
	margin:0 auto;
	text-align:right;
	margin-top:10px;
	margin-bottom:25px;
	clear:both;}



/** ｜00.共通設定｜ ********************************************************************** END ****/

/** ｜01.トップページ(index.htm)用｜ ***************************************************** START **/

.head_ind, #main_ind {
    width:705px;
	margin:0 auto; padding:0;}
.head_ind:after, #main_ind:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;}


table#header_img,#header_menu,div#ttl_head,table#box_blog,table#box_info,
table#box_blog img,table#box_info img,
div.ttl,table.anchor,table#box_ad,table#intro, .box_attention,
table#index_header,table#index_main,#index_menu,#index_box01,#index_box02 {
    margin:0 auto; padding:0; line-height:0;}
table#index_header,table#index_main,#index_menu,
#index_box01,#index_box02, .box_attention {width:705px;}

#main_ind {
    background-image:url(img/index/main_img_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;}
#main_ind #snv {
    margin-left:7px;
	margin-top:5px;}


/** その他 **/
#index_box01,#index_box02 {
	margin-top:5px;
	clear:both;}
td#cell_entry {
    width:350px;}
td#cell_blog,td#cell_myepson,td#cell_collage, {
    width:352px;}
td#cell_entry {padding-right:5px;}
td#cell_entry,td#cell_myepson {padding-bottom:4px;}
td#cell_blog .box_l {
	background-image:url(img/index/box_bg_blog.gif);
	background-repeat:repeat-y;
	height:120px;}
td#cell_myepson .box_s,td#cell_collage .box_s {
	border:solid 1px #999999;
	border-top:none;}
	
td#cell_myepson .box_s {height:96px;}
td#cell_collage .box_s {height:83px;}
#news {
    width:348px;
	height:193px;
	overflow:auto;
	line-height:1.4;
	border:solid 1px #88DEE9;
	border-top:none;}
#news table {
    width:320px;
	font-size:80%;
	line-height:1.4;
	margin:3px 0 0 8px;}
#news td {
    padding-bottom:5px;
	padding-right:5px;}
	
table#box_comment {
    width:686px;
	margin:10px auto;	
	clear:both;}
table#box_comment td.images {
    width:100px;
	height:85px;
	background-image:url(img/index/comment_img.gif);
	background-position:right bottom;
	background-repeat:no-repeat;}	
table#box_comment td.ttl {
    width:586px;
	background-image:url(img/index/comment_bg.gif);
	background-repeat:repeat-y;}		
table#box_comment td.text {
    width:586px;
	line-height:1.4;
	font-size:80%;
	text-align:left;
	vertical-align:top;
	background-image:url(img/index/comment_bottom.gif);
	background-position:right bottom;}	

/** forIE6 ***** START **/
* html td#cell_myepson .box_s {height:97px;}
* html td#cell_collage .box_s {height:84px;}
* html #news {width:350px; height:194px;}
/** forIE6 ***** END ****/

.box_s {
    overflow:hidden;}

/* map_過去の開催について */
#map_past {
	width:650px;
	background-color: #ffffff;
    border:solid 1px #cccccc;
	line-height:1.5;
	padding: 0;
	margin-left:25px;}
#map_past table {width:650px;}
#map_past th {
	background-color: #fffcd3;
	font-size:100%;
	padding:5px;
	border-spacing:0;
	text-align:left;
	vertical-align: top;
}
#map_past td {
	font-size:100%;
	padding:5px;
	border-spacing:0;
	border-top:solid 1px #cccccc;
	text-align:left;
	vertical-align: top;
}
#map_past .td1 {
	width:70px;
	vertical-align:top;
	border-right:solid 1px #cccccc;
}

#map_past .td1_2 {
	width:150px;
	vertical-align:top;
	border-right:solid 1px #cccccc;
}

#map_past .td2 {
	width:120px;
	vertical-align:top;
	border-right:solid 1px #cccccc;
}

#map_past th.pT0 ,#map_past td.pT0 {
    padding-top:0;}
#map_past th.bdT ,#map_past td.bdT {
	padding-top:10px;
	border-top:dotted 1px #CCCCCC;}
#map_past img.newwin {
    margin:0 0 0 3px;
	}
	
#map_past table th.map_past_ttl {
    font-weight:bold;
	font-size:110%;
	text-align:left;}
#map_past table th.map_past_ttl img {
    margin-right:5px;}
#map_shinki1{
	width:525px;
	text-align:right;
	}
#map_shinki2{
	width:150px;
	font-size:80%;
	text-align:center;
	margin: 8px 12px auto auto;
	background-color:#ffffff;
	border:solid 1px #cccccc;}

/* メインビジュアル 開催予告テキスト部分 */
.index_announce {
    width:313px; height:176px;
	font-size:110%;
	line-height:1.3;
	overflow:hidden;}
.index_announce .main_data {
    padding:54px 0 0 30px;
	text-align:left;}

.box_attention {height:342px; margin-bottom:10px;}

.text_lh {line-height:1.3;}


/** ｜01.トップページ(index.htm)用｜ ***************************************************** END ****/

/** ｜02.イベント内容ページ(event.htm)用｜ *********************************************** START **/

/* ヘッダーコンテンツ用(100708追加) */
#head #main_event {
    width:527px;
	float:right;
	height:630px;
	overflow:visible;}

div#overview img.icon {
	margin-left:3px;
	vertical-align:-0.7em;}	
div#overview img.icon_s {
	margin-left:2px;
	margin-top:0px;
	vertical-align:-0.3em;}
div#overview span.icon_txt {
	line-height:2em;}	


/* タイトル要素(110426追加) */
div.ttl_event_01 { /* 座学式セミナー */
    width:650px; height:66px;
	background-image: url(img/event/ttl_event_01.gif);
	margin:0 auto;
	margin-top:10px;
	font-size:80%;
	font-weight:bold;
	text-align:left;
	line-height:0;}

div.ttl_event_02 { /* 体験型ミニセミナー */
    width:650px; height:66px;
	background-image: url(img/event/ttl_event_02.gif);
	margin:0 auto;
	margin-top:10px;
	font-size:80%;
	font-weight:bold;
	text-align:left;
	line-height:0;}

div.ttl_event_03 { /* コーナー */
    width:650px; height:66px;
	background-image: url(img/event/ttl_event_03.gif);
	margin:10px auto;
	font-size:80%;
	font-weight:bold;
	text-align:left;
	line-height:0;}

div.ttl_event_04, div.ttl_event_04ico { /* 出張販売コーナー(アイコン無・有) */
    width:650px; height:66px;
	background-image: url(img/event/ttl_event_04.gif);
	margin:10px auto;
	font-size:80%;
	font-weight:bold;
	text-align:left;
	line-height:0;}

/* タイトル要素_アイコン有り版(110426修正) */
div.ttl_event_04ico p {
	padding:25px 0 10px 117px;}	
div.ttl_event_04ico img {
	margin-left:6px;
	vertical-align:-0.7em;}	

	
/* タイトル要素_アイコン無し版(110426追加) */	
div.ttl_event_01 p {padding:40px 0 10px 103px;}
div.ttl_event_02 p {padding:40px 0 10px 127px;}
div.ttl_event_03 p {padding:40px 0 10px 70px;}
div.ttl_event_04 p {padding:40px 0 10px 117px;}


/* 説明文要素_アイコン有り版(100903追加) */	
.icon_box {
	margin-right:5px;
	vertical-align:-0.7em;}		

div.box_01 .event_img {width:213px;}
div.box_01 .event_txt {width:415px;}
p.event_data {
	width:630px;
	text-align:left;
	margin:0 auto;
	margin-bottom:15px;}
	

/* overview(100708追加) */
#overview_event .event_timetable {
    width:497px;
	margin:0 auto;
	margin-top:5px;}
#overview_event .event_timetable th {
	height:36px;
    font-weight:bold;
	padding:0 2px 0 10px;}
#overview_event .event_timetable th img {
	margin-left:6px;
	vertical-align:-0.6em;}	
	
#overview_event .event_timetable th.seminar {background-color:#BFF2F8;}
#overview_event .event_timetable th.corner {background-color:#FFD08C;}
#overview_event .event_timetable td {
    padding:5px 2px 3px 12px;}
#overview_event .event_timetable td.seminar {background-color:#ECFBFD;}
#overview_event .event_timetable td.corner {background-color:#FFE5CD;}

/* overview */
#overview .event_timetable {
    width:497px;
	margin:0 auto;
	margin-top:10px;}
#overview .event_timetable th {
    font-weight:bold;
	padding:4px 2px 3px 10px;}
#overview .event_timetable th.seminar {background-color:#BFF2F8;}
#overview .event_timetable th.corner {background-color:#FFD08C;}
#overview .event_timetable td {
    padding:4px 2px 4px 12px;}
#overview .event_timetable td.seminar {background-color:#ECFBFD;}
#overview .event_timetable td.corner {background-color:#FFE5CD;}


/** ｜02.イベント内容ページ(event.htm)用｜ *********************************************** END ****/

/** ｜03.隊員紹介ページ(introduction.htm)用｜ ******************************************** START **/

table.box_member {
    width:600px;
	margin:0 auto;
	margin-top:20px;
	padding:0;}
table.box_member.bg01 {background-color:#ECF8FF;}
table.box_member.bg02 {background-color:#FFF1D7;}
table.box_member.bg03 {background-color:#FFEAEC;}
table.box_member.bg04 {background-color:#FFFDCF;}
table.box_member.bg05 {background-color:#EFEFEF;}
table.box_member.bg06 {background-color:#F9EBFD;}
table.box_member.bg07 {background-color:#E4FAFF;}
table.box_member.bg08 {background-color:#ECFFE8;}
table.box_member.bg09 {background-color:#FFF1D7;}
table.box_member.bg10 {background-color:#FBF5DC;}
.box_member td.textarea {padding:8px 5px 5px 15px;}
.wakaba {
    width:650px;
    margin:0 auto;
	margin-top:18px;
	padding:0;}

/** ｜03.隊員紹介ページ(introduction.htm)用｜ ******************************************** END ****/

/** ｜04.開催概要ページ(description.htm)用｜ ********************************************* START **/

table.gaiyou {
    width:650px;
	background-color:#666666;
	margin:0 auto; padding:0;
	margin-top:20px;}
table.gaiyou td {
    background-color:#FFFFFF;
	padding:5px;
	text-align:left;}
table.gaiyou th {
    background-color:#FFF1F1;
	font-weight:bold;
	padding:5px;}
table.gaiyou th.special_s {
    background-color:#F1FAFF;
	font-weight:bold;
	padding:5px;}
table.gaiyou th span.caution {
    color:#FF0000;
	font-weight:normal ;
	padding:5px;}	
table.gaiyou th.place {
    background-color:#FFB7B8;
	padding:7px;
	font-weight:bold;
	font-size:110%;
	text-align:left;}
table.gaiyou th.special {
    background-color:#B7D9FF;
	padding:7px;
	font-size:110%;
	text-align:left;}
table.ireko {
    margin:3px 0 0 3px;}
table.ireko td {
    padding:1px;}

txt_clear{
	font-size:100%;
	text-align:left;}
	
div.gaiyou-txt {
	font-weight:bold;
	font-size:130%;
	text-align:left;}
	
div.gaiyou-txt-place {
	font-size:100%;
	text-align:left;}
	
div.gaiyou-txt-caution {
	font-size:100%;
	text-align:left;
    margin:10px 0 15px 5px;}
		

/** ｜04.開催概要ページ(description.htm)用｜ ********************************************* END ****/


/** ｜05.作品募集ページ(entry.htm)用｜ *************************************************** START **/

ul.caution {
    margin-left:15px;
	margin-top:5px;}
ul.caution li {
    list-style:disc outside;}
.bt_download {width:650px; margin:0 auto; padding:0;}
table#get_reader {
    width:650px;
	border:solid 1px #999999;
	margin:0 auto; padding:0;
	margin-top:15px;
	margin-bottom:15px;}
table#get_reader td {
    padding:10px;}


/** ｜05.作品募集ページ(entry.htm)用｜ *************************************************** END ****/


/** ｜06.お悩みページ(question.htm)用｜ ************************************************** START **/

/* box_question */
table.box_question {
    width:630px;
	background-color:#FFF4D3;
	margin:0 auto; padding:0;
	margin-top:15px;}
table.box_question td {padding:10px 0 0 10px;}
table.box_question div {padding:8px;}
table.box_question img {margin-right:10px;}
div.question_01 {
    background-color:#FFE4AC;
	margin-bottom:3px;}
span.question_ttl {
    font-size:120%;
	line-height:1.2;
	font-weight:bold;}
table.caution td {
    color:#FF0000;
	padding:0;}

/** ｜06.お悩みページ(question.htm)用｜ ************************************************** END ****/


/** ｜07.作品紹介(photo.htm)用｜ ************************************************** START ****/

/* overview */
.photo #main #overview {
	height:228px;}

/* box_photo */
#box_photo {
    width:700px;
	margin:0 auto;
	}
table#photo {
    width:160px;
	background-image:url(img/photo/box_bg.jpg);
	background-repeat:repeat-y;
	margin:0 15px 0 0;
	padding:0;}	
.photo001 {width:130px;
    height:87px;
    padding:15px 15px 8px 15px;
	margin:0;
    background-image:url(img/photo/box_top.jpg);
	background-repeat: no-repeat;}
.photo002 {width:150px;
    padding:0px 0px 0 10px;
    text-align:left;
	}	
table#photo_special {
    width:160px;
	background-image:url(img/photo/box_special_bg.jpg);
	background-repeat:repeat-y;
	margin:0 15px 0 0;
	padding:0;}	
table#photo_special div.photo001 {width:130px;
    height:87px;
    padding:15px 15px 8px 15px;
	margin:0;
    background-image:url(img/photo/box_special_top.jpg);
	background-repeat: no-repeat;}


/** ｜07.作品紹介(photo.htm)用｜ ************************************************** END ****/




/** ｜08.印刷設定｜ ******************************************************************** END ****/

@media print{
.event #snv ul li.event img,
.introduction #snv ul li.introduction img,
.description #snv ul li.description img,
.entry #snv ul li.entry img,
.photo #snv ul li.photo img,
.question #snv ul li.question img {visibility:visible;}
}


/** ｜09.過去の開催(report.htm)用｜ ************************************************** START ****/

table.report {
	width:500px;
	background-color: #ffffff;
    border-top:solid 1px #CCCCCC;
    border-left:solid 1px #CCCCCC;
    margin:8px auto 20px auto;
}
table.report th {
	font-size:80%;
	background-color: #ffda54;
	padding:5px;
	border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC;
	border-spacing:0;
	border-collapse:collapse;}

table.report td {
	font-size:80%;
	padding:5px;
	border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC;
	border-spacing:0;
	text-align:left;
	border-collapse:collapse;}

/** ｜09.過去の開催(report.htm)用｜ ************************************************** END ****/