/* CSS Document */

/* === トップページ試作のスタイル0716 === */

/* === 全体にかかるハコ） === */
#body{
	background-color:#F5F8F8;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px;
	color:#184C74;
	}
#bace_size{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}	
p{
	margin:0px;
	padding:0px;
	}
h1{
	font-size:12px;
	margin-top:116px;
	padding-left:15px;
	padding-right:15px;
	text-align:left;
	line-height:140%;
	color:#184C74;	
	}
h2{
	width:600px;
	color:#194C74;
	border-bottom-color:#194C74;
	border-bottom:solid;
	border-bottom-width:2px;
	font-size:28px;
	padding-bottom:5px;
	font-weight:bold;
	padding-top: 3px;
	margin-bottom: 0px;
	line-height: 100%;
	}
h3{
	font-size:12px;
	margin-left:10px;
	margin-top:6px;
	margin-bottom:28px;
	font-weight:normal;
	color:#184C74;
	}
h4{
	font-size:14px;
	margin-left:10px;
	margin-right:10px;
	line-height: 100%;
	margin-top:0px;
	margin-bottom:0px;
	}
/*=== 全体にかかるハコココマデ === */	

/* === ヘッダー部分=== */
#head_all{
	width:auto;
	background-color:#F5F8F8;
	height:185px;
	}
 /* === ヘッダー　ボックス（800px） === */
  #box_800{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F5F8F8;
	height:185px;
 }
 .head_none{
	width:100px;
	float:left;
 }
  /* === ヘッダーメインボックス 各テキスト === */
 #head_main{
	width:394px;
	height:155px;
	margin-top:15px;
	background-image:url(../a_top_images/atlier_head/atelier_4.gif);
	background-repeat:no-repeat;
	float:left;
 }
 #headtext_main{
	font-size:48px;
	text-align:center;
	padding-top:30px;
 }
 .head_link{
	 cursor:pointer;
	 text-decoration:none;
	 color:#184C74;
	 }
 /* === ヘッダーメインボックス 各テキスト部分ココマデ === */
 /* === ヘッダーサブボックス 各テキスト === */
 .sub_head01{
 text-align:center;
 float:left;
 cursor:pointer;
 }
 .sub_head01 a:hover{
	margin-left:3px;
	margin-right:3px;
	float:left;
	text-decoration:none;
	color:#184C74;
	background-repeat:no-repeat;
	display:block;
  width:197px;
  height:155px;
	background-image:url(../a_top_images/atlier_head/dougukan_at02_2.gif);
  background-position:bottom;
  cursor:pointer;
  }
 a.link_subhead01{
	margin-left:3px;
	margin-right:3px;
	width:197px;
	height:155px;
	float:left;
	text-decoration:none;
	color:#184C74;
	display:block;
	background-image:url(../a_top_images/atlier_head/dougukan_at02_2.gif);
  background-position:top;
	background-repeat:no-repeat;
	margin-top:15px;
	cursor:pointer;
	}
 .sub_head02{
  text-align:center;
  float:left;
  cursor:pointer;
  }
 .sub_head02 a:hover{
	float:left;
	text-decoration:none;
	color:#184C74;
	background-repeat:no-repeat;
	display:block;
  width:197px;
  height:155px;
	background-image:url(../a_top_images/atlier_head/wakumethod_at02_2.gif);
  background-position:bottom;
  cursor:pointer;
  }
 a.link_subhead02{
	width:197px;
	height:155px;
	float:left;
	text-decoration:none;
	color:#184C74;
	display:block;
	background-image:url(../a_top_images/atlier_head/wakumethod_at02_2.gif);
  background-position:top;
	background-repeat:no-repeat;
	margin-top:15px;
	cursor:pointer;
	}
 .subhead_image{
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;
	display:inline-block;
	}
 .subhead_text{
	font-size:12px;
	display:block;
	padding-left:10px;
	padding-right:10px;
	padding-top:114px;
	text-align:left;
	color:#184C74;
	line-height:140%;
	}
 /* === ヘッダーサブボックス 各テキスト === */
 /* === ヘッダー ボックス部分ココマデ === */

/* === ヘッダー部分（800px）ココマデ === */

/* === 問い合わせ・サイトマップ === */
#perm_navi{
	width:800px;
	padding-bottom:7px;
	border:none;
	margin-right: auto;
	margin-left: auto;
}
.perm_float{
	float:right;
	margin-right:20px;
	}
/* === 問い合わせ・サイトマップ部分ココマデ === */

/* === パンくずナビ === */
h3 a{
	color:#184C74;
	}
h3 a:hover{
	color:#F00;
	text-decoration:underline;
	}
/* === パンくずナビ部分ココマデ === */

/* === ページ全体のハコ(800px)=== */
.page_box{
	width:800px;
	}
/* === ページ全体のハコ部分ココマデ=== */

/* === メインボックス(600px)=== */
.mainbox_600{
	width:600px;
	float:left;
	}
/* === メインボックス部分ココマデ === */

/* === サイドメニューボックス(170＋30px) === */
.sidebox_200{
	width:170px;
	margin-left:25px;
	float:right;
	}
/* === サイドメニューボックス部分ココマデ === */

/*  活動ページ用CSS　*/
.border_title{
	font-size:18px;
	 font-weight:bold;
	 color:#184C74;
	 padding-top:10px;
	 padding-bottom:10px;
	}
.text_allbox{
	width:600px;
	background-color:#FFF;
	padding-top: 35px;
	padding-bottom:35px;
	}
.under_title{
	width:600px;
	font-size:16px;
	color:#184C74;
	display:block;
	font-weight:bold;
	margin-bottom: 5px;
	margin-top:8px;
	}
.clear1{
	width: 100%;
	height:1px;
	background-color:#C2E3DB;
	clear:both;
	}
.clear10{
	width: 100%;
	height:10px;
	clear:both;
	}
.clear20{
	width: 100%;
	height:20px;
	clear:both;
	}
.clear30{
	width: 100%;
	height:30px;
	clear:both;
	}
.clear40{
	width: 100%;
	height:40px;
	clear:both;
	}
.clear50{
	width: 100%;
	clear: both;
	height: 50px;
}
.write{
	width:500px;
	font-size:14px;
	color:#184C74;
	display:block;
	text-align:right;
	font-weight:bold;
	margin-top:5px;
	}
.letter_underline{
	width:500px;
	background-image:url(../a_top_images/letter_underline.gif);
	background-repeat:repeat-y;
	font-size:14px;
	line-height:38px;
	padding-top:6px;
	}
.text_box{
	widows:500px;
	margin-left:50px;
	margin-right:50px;
	font-size:14px;
	line-height: 100%;
	}
.text_box p a{
	color:#184C74;
	}
.text_box p a:hover{
	color:#F00;
	text-decoration:underline;
	}
.left_box{
	width: 46%;
	max-width:278px;
	height:auto;
	float:left;
	line-height:150%;
	margin-right: 5%;
	}
.right_box{
	width: 49%;
	max-width:290px;
	float:left;
	}
.right_box img{
	width: 100%;
	max-width: 290px;
	height: auto;
	display: block;
}
.right_box_200{
	width:200px;
	float:left;
	margin-left:50px;
	}
.left_box_img{
	width:290px;
	height:200px;
	float:left;
	line-height:150%;
	}
.right_box_img{
	width:290px;
	float:left;
	margin-left:20px;
	}
.right_box_img200{
	width:200px;
	float:left;
	margin-left:58px;
	}
.hukidashi_text{
	font-size:14px;
	line-height:150%;
	}
.hukidashi_text b{
	display:block;
	margin-bottom:10px;
	}
.katsudo_title{
	font-size:16px;
	font-weight:bold;
	}
.shashinkan_title{
	font-size:14px;
	line-height:160%;
	}
.thema{
	width:100%;
	height: auto;
	background-color: #fff;
	border: solid 2px #194C74;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 20px;
	overflow: auto;
	}
.thema p{
	font-size:14px;
	line-height:160%;
	width:100%;
	}
.thema p a{
	color:#184C74;
	text-decoration:underline;
	}
.thema p a:hover{
	color:#F00;
	text-decoration:underline;
	}
.thema_title{
	font-size:16px;
	font-weight:bold;
	padding-bottom: 15px;
	display: block;
	line-height: 130%;
	box-sizing: border-box;
	}
.hukidashi02{
	width: 100%;
	max-width: 550px;
	margin: 0 auto 20px;
	}
.hukidashi02 p{
	width: 100%;
	font-size:14px;
	line-height: 160%;
	}
.hukidashi02_title{
	width: 100%;
	font-size:14px;
	font-weight:bold;
	display:block;
	padding-top: 13px;
	padding-bottom: 8px;
	line-height: 100%;
	}
.nerai{
	width:600px;
	background-repeat: no-repeat;
	height: 153px;
	}
.nerai p{
	width:435px;
	margin-left:20px;
	font-size:14px;
	line-height: 160%;
	}
.nerai_title{
	width:500px;
	font-size:16px;
	font-weight:bold;
	line-height: 100%;
	display: block;
	padding-top: 19px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 0px;
	}
.katsudou_keitai{
	width:550px;
	margin:20px;
	font-size:14px;
	line-height: 160%;
	}
/*  活動ページ用CSSココマデ　*/
/*  ボタンナビ用CSS　*/
.left_botton{
	width:270px;
	margin-left:28px;
	border-color:#C2E3DB;
	border-width:1px;
	border-style:solid;
	float:left;
	background-color:#E6F3EE;
	line-height:100%;
	}
.left_botton p{
	font-size:16px;
	font-weight:bold;
	display:block;
	padding:10px;
	color:#F00;
	text-align:center;
	}
.left_botton a{
	font-size:16px;
	font-weight:bold;
	display:block;
	padding:10px;
	color:#184C74;
	text-align:center;
	}
.left_botton a:hover{
	color:#F00;
	}
.right_botton{
	width:270px;
	margin-right:28px;
	border-style:solid;
	border-left-width:0px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#C2E3DB;
	float:left;
	background-color:#E6F3EE;
	line-height:100%;
	}
.right_botton p{
	font-size:16px;
	font-weight:bold;
	display:block;
	padding:10px;
	color:#F00;
	text-align:center;
	}
.right_botton a{
	font-size:16px;
	font-weight:bold;
	display:block;
	padding:10px;
	color:#184C74;
	text-align:center;
	}
.right_botton a:hover{
	color:#F00;
	}
/*  ボタンナビ用CSSココマデ　*/
/*  写真館用CSS　*/
.picture_rush{
	float:left;
	text-align:center;
	}
.picture_rush_middle{
	float:left;
	text-align:center;
	margin-top:23px;
	}
.picture_rush13{
	float:left;
	margin-left:13px;
	text-align:center;
	}
.picture_rush13_middle{
	float:left;
	margin-left:13px;
	text-align:center;
	margin-top:23px;
	}
.bg{
	background-color:#000;
	width:140px;
	height:140px;
	float:left;
	}
.bg13{
	background-color:#000;
	width:140px;
	height:140px;
	float:left;
	margin-left:13px;
	}
/*  写真館用CSSココマデ　*/

/* === 関連ページナビ === */
.other_contents_title p{
	color:#194C74;
	font-size:16px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:20px;
	font-weight:bold;
	}
.other_contents_title {
	background-color: #C3E3DB;
	width: 100%;
	max-width: 600px;
}
.others_list{
	color:#000;
	padding:0px;
	margin:0px;
	}
.others_box{
	width: 100%;
	max-width: 600px;
	background-color:#F5F8F8;
	background-repeat:no-repeat;
	float:left;
	color:#194C74;
	text-decoration:none;
	height: 80px;
	}
.others_list img{
	width: 18%;
	height: auto;
	padding:0px;
	margin:0px;
	float:left;
	border-width:1px;
	border-style:solid;
	border-color:#C3E3DB;
	box-sizing: border-box;
	}
.others_list b{
	margin-left: 3%;
	font-size:14px;
	line-height:170%;
	width: 79%;
	padding-top: 6px;
	float: left;
}
.others_list span{
	margin-left: 3%;
	font-size: 14px;
	line-height:170%;
	width: 79%;
	float: left;
	}
.others_list a:hover{
	width: 100%;
	height:80px;
	color:#F00;
	text-decoration:underline;
	float:left;
	cursor:pointer;
	}
/* === 関連ページナビ ココマデ === */

/* === 連絡前フリ === */

.ask_text{
	width:560px;
	margin-left:20px;
	margin-right:20px;
	margin-top:25px;
	font-size:14px;
	line-height:180%;
	}

/* === 連絡前フリ ココマデ === */

/* === 連絡ボックス === */

#contact_box{
	width: 100%;
	max-width: 600px;
	height: auto;
	padding: 20px 20px 16px;
	background-color: #FFF;
	border: solid 2px #E6F3EE;
	border-radius: 10px;
	box-sizing: border-box;
}
	
.contact-button{
	width: 100%;
	max-width: 560px;
	margin: 14px auto 0;
	display: flex;
	justify-content: space-between;
}
	
.contact-button a{
	font-size: 13px;
	font-weight: bold;
	line-height: 100%;
	color: #194C74;
	text-decoration: none;
	padding: 8px 20px;
	border-radius: 8px;
	background-color: #E6F3EE;
	display: block;
}

.contact-button a:first-child{
	margin-right: 10px;
}

.contact-button a:hover{
	color: #F00;
}

#contact_box dt {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}
#contact_box dl {
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
#contact_box dd {
	padding: 0px;
	font-size: 14px;
	line-height: 160%;
	margin: 0px;
}
#contact_box dd a{
	color: inherit;
	text-decoration: none;
}
/* === 連絡ボックス ココマデ === */


/* === サイドメニュー === */
.side_title{
	width:170px;
	height:35px;
	background-image:url(../a_top_images/sitemenu.gif);
	text-align:center;
	}
.side_title p{
	font-size:14px;
	color:#184C74;
	font-weight:bold;
	margin-top:10px;
	display:inline-block;
	line-height: 100%;
	}
.side_list{
	text-decoration:none;
	color:#184C74;
	background-color:#FFF;
	}
.side_box{
	width:170px;
	float:right;
	text-decoration:none;
	color:#184C74;
	background-color:#E6F3EE;
	}
.side_150{
	width:150px;
	text-align:center;
	background-color:#E6F3EE;
	text-decoration:none;	
	}
.side_image_deco{
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom: 9px;
	}
.side_list a:hover{
	width:170px;
	background-color:#C2E3DB;
	float:right;
	}
.side_list p{
	font-size:12px;
	margin-left:10px;
	margin-right:10px;
	margin-top:7px;
	margin-bottom:10px;
	line-height: 100%;
	}
.side_clear{
	clear:both;
	height:5px;
	width:170px;
	background-color:#F5F8F8;
	}
/* === サイドメニュー部分ココマデ === */


 /* === 「戻る」ボタン === */
 .back_to_top{
	width:800px;
	text-align:center;
	margin-bottom:25px;
}
 /* === 「戻る」ボタン ココマデ === */
 
/* === コンテンツ全体部分ココマデ === */

/* === フッター === */

/* SNS ICON 追加 */
#footer {
	width: auto;
	height: auto;
	background-color: #E6F3EE;
}
.footer_text {
	color: #184C74;
	text-align: center;
	font-size: 12px;
	vertical-align: top;
	padding: 10px;
	display: inline-block;
}
.footer_text a {
	color: #184C74;
	text-decoration: underline;
}
.footer_text a:hover {
	color: #F00;
	text-decoration: underline;
}
.f_sns_icon {
	padding: 40px 0;
}
.f_sns_icon img {
	padding: 0 24px;
}
/* SNS ICON 追加 END */


/* ------------------------ nakamura edit ------------------------ */

/* ------------------------ タブレット対応 ------------------------ */

@media screen and (max-width: 1279px) {
	
	.contents_box{
		width: auto;
		max-width: 580px;
		margin: 0 10px;
	}
	
	.thema_title{
		font-size: 15px;
	}
	
	.thema p, .hukidashi_text, .hukidashi02_title, .hukidashi02 p{
		font-size: 13px;
	}
	
}


/* ------------------------ スマートフォン対応 ------------------------ */

@media screen and (max-width: 599px) {
	
	.contents_box{
		max-width: 380px;
		margin: 0;
	}
	
	
	/* 活動の流れページ */
	
	.left_box{
		width: 100%;
		max-width:none;
		float:none;
		margin-right: 0;
		margin-bottom: 15px;
	}
	
	.right_box{
		width: 100%;
		max-width:290px;
		float:none;
		margin: 0 auto;
	}
	
}