@charset "utf-8";


@media screen and (max-width: 479px) {

body {
	font-size:16px !important;
}

.twitter-timeline{
	width:250px;
}


}

/*============================
general setting
============================*/
body{
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background:url("img/haikei.jpg");
	line-height: 1.9em;
}

h1, h2, h3, h4, h5, h6,{
	margin: 0;
	color:#1C2954;
}

ul{
	margin:0;
	pading:0;
	list-style:none;
}

/*============================
#wrap
============================*/
div#wrap {
	width: 950px;
	margin: 20px auto;
	background:#fef1f3;
}

/*============================
#header
============================*/
div#wrap div#header {
	background:#fef1f3;
	padding-top:10px;
}

/*============================
#logo
============================*/
div#wrap div#header h1#logo {
	float: right;
	padding: 10px;
}
div#wrap div#header h1#logo a {
}
div#wrap div#header h1#logo a img {
}

/*============================
#migiue
============================*/
div#wrap div#header div#migiue {
	position:absolute;
	top:0;
	left:-5px;
	z-index:1;

}
div#wrap div#header div#migiue p {
}
div#wrap div#header div#migiue p img {
}

/*============================
#top-image
============================*/
div#wrap div#header h2#top-image {
	clear:both;
}
div#wrap div#header h2#top-image img {
}

/*============================
#Gnavi
============================*/
div#wrap div#header ul#Gnavi {
	width:950px;
	height:107px;
	background:url("img/banner_01.gif") no-repeat left top;
	background-position:0 0;
	position:relative;
	z-index:0;
	margin-top:10px;
}

div#wrap div#header ul#Gnavi li{
	float:left;
}

/* aタグの文字を非表示にし、リンクのみ生かす */
div#wrap div#header ul#Gnavi li a{
	display:block;
	width:234px;
	height:107px;
	text-align:center;
	line-height:55px;
	text-indent:-9999px;
	overfrow:hidden;
	text-decoration:none;
}

/*============================
#menu01
============================*/
div#wrap div#header ul#Gnavi li#menu01 {
}
div#wrap div#header ul#Gnavi li#menu01 a {
}

/* aタグの背景画像を設定　背景画像の表示個所を指定 */
div#wrap div#header ul#Gnavi li#menu01 a:hover {
	background:url("img/banner_02.gif");
	background-position:-4px -2px;
}

/*============================
#menu02
============================*/
div#wrap div#header ul#Gnavi li#menu02 {
}
div#wrap div#header ul#Gnavi li#menu02 a {
}

/* aタグの背景画像を設定　背景画像の表示個所を指定 */
div#wrap div#header ul#Gnavi li#menu02 a:hover {
	background:url("img/banner_02.gif");
	background-position:-240px -2px;
}

/*============================
#menu03
============================*/
div#wrap div#header ul#Gnavi li#menu03 {
}
div#wrap div#header ul#Gnavi li#menu03 a {
}

/* aタグの背景画像を設定　背景画像の表示個所を指定 */
div#wrap div#header ul#Gnavi li#menu03 a:hover {
	background:url("img/banner_02.gif");
	background-position:-474px -2px;
}

/*============================
#menu04
============================*/
div#wrap div#header ul#Gnavi li#menu04 {
}
div#wrap div#header ul#Gnavi li#menu04 a {
}

/* aタグの背景画像を設定　背景画像の表示個所を指定 */
div#wrap div#header ul#Gnavi li#menu04 a:hover {
	background:url("img/banner_02.gif");
	background-position:-707px -2px;
}

/*============================
#content
============================*/
div#wrap div#content {
	width:950px;
	margin: 0 auto;
	position:relative;
}

/*============================
#content-top
============================*/
div#wrap div#content div#content-top,
div#wrap div#content div#content-top-kobuchi {
	margin:20px;
	padding:20px;
	background:#fbe4e9;
}
div#wrap div#content div#content-top h3 {
	margin-left:5px;
	font-size:1.5em;
	color:#1C2954;
	font-weight:bold;
	background-image :url("img/hmr.png") , url("img/Green.png");
	background-repeat: no-repeat , no-repeat;
	background-position: left center , left bottom; 
	background-size: contain , 330px 15px;
	padding-left: 40px;
	margin-bottom: 10px;
}

div#wrap div#content div#content-top h4,
div#wrap div#content div#content-top-kobuchi h4 {
	margin-left:10px;
	font-size:1.2em;
	color:#1C2954;
	font-weight:bold;
}
div#wrap div#content div#content-top p {
	margin-top:10px;
	padding-left: 20px;
}

/*============================
#content-info
============================*/
div#wrap div#content div#content-info {
	margin:20px;
	margin-top:30px;
	padding:20px;
	background:#fbe4e9;
}
div#wrap div#content div#content-info h3 {
	margin-left:5px;
	font-size:1.5em;
	color:#1C2954;
	font-weight:bold;
	background-image :url("img/hmr.png") , url("img/Green.png");
	background-repeat: no-repeat , no-repeat;
	background-position: left center , left bottom; 
	background-size: contain , 155px 15px;
	padding-left: 40px;

}
div#wrap div#content div#content-info h4 {
	margin-left:20px;
	font-size:1.2em;
	color:#1C2954;
	margin-top:20px;
	font-weight:bold;
	background-image :url("img/hmb.png") , url("img/Yellow.png");
	background-repeat: no-repeat , no-repeat;
	background-position: left center , left bottom; 
	background-size: contain , 550px 10px;
	padding-left: 30px;

}
div#wrap div#content div#content-info p {
	margin-top:15px;
	margin-left:20px;
}
div#wrap div#content div#content-info p a {
}

div#wrap div#content div#content-info p img{
	margin:15px 40px;
	width:200px;
	text-align:center;
}

/*============================
#content-top-photo
============================*/
div#wrap div#content div#content-top-photo,
div#wrap div#content div#content-top-kobuchi {
	margin:20px 0 20px 20px;
	background:#fbe4e9;
	width:640px;
	float:left;
}



div#wrap div#content div#content-top-photo h3 {

	font-size:1.5em;
	color:#1C2954;
	font-weight:bold;
	background-image :url("img/hmr.png") , url("img/Green.png");
	background-repeat: no-repeat , no-repeat;
	background-position: left center , left bottom; 
	background-size: contain , 170px 15px;
	padding-left: 20px;
}

div#wrap div#content div#content-top-photo h4,
div#wrap div#content div#content-top-kobuchi h4 {
	margin-left:20px;
	margin-top: 10px;
	font-size:1.2em;
	color:#1C2954;
	font-weight:bold;
	background-image :url("img/Green.png");
	background-repeat: no-repeat;
	background-position:left bottom; 
	background-size:400px 10px;
	padding-left:10px;
}
div#wrap div#content div#content-top-photo p {
	margin-top:10px;

}


/*============================
#活動紹介 写真
============================*/
div#daikaidou,
div#kobuchi{
	margin-left:0px;
	margin-top:0px;
	width:680px;
	float:right;
	padding-right:27px;
}

div#daikaidou ul#ltbox01 li,
div#daikaidou ul#ltbox02 li,
div#kobuchi ul#ltbox01-kobuchi li{
	display:inline-block;
	width: 130px;
}

/*============================
#活動紹介 左サイドバー
============================*/
#side-photo{
	width:240px;
	float:right;
	margin-top:20px;
	margin-right:20px;

	padding: 15px 10px;
	background:#fbe4e9;
}

#side-photo-list{
	padding-left:5px;
}

#side-photo-list h3{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:15px;
	margin-left:12px;
	background-image :url("img/5.png"), url("img/5.png");
	background-repeat: no-repeat , no-repeat;
	background-position:left center , 80% 50% ; 
	background-size:contain , contain;
	padding-left:30px;
}

#side-photo-list li{
	margin-bottom:15px;
}

#side-photo-list li a{
	text-decoration:none;
}

/*============================
#taiya
============================*/
div#wrap div#content div#content-info p img#taiya {
	width:400px;
	position:absolute;
	top:540px;
	left:480px;
	margin-top:100px;
}

/*============================
#goToTop
============================*/
div#wrap div#goToTop {
	clear:both;
}
div#wrap div#goToTop p {
	float:right;
	padding-right:30px;
	padding-top:10px;
}
div#wrap div#goToTop p a {
	text-decoration:none;
}

/*============================
#footer
============================*/
div#wrap div#footer {
	lear:both;
	height:70px;
	text-align:center;
	width:950px;
	margin: 20px auto;
	padding-top:10px;
	background:#fbe4e9;
}
div#wrap div#footer address {
}
div#wrap div#footer address a {
}
div#wrap div#footer address a img {
}

/*============================
#hidarishita
============================*/
div#wrap div#hidarishita {
	position:fixed;
	right:0px;
	bottom:0px;
	width:150px;
	z-index:2;
}
div#wrap div#hidarishita img {
}

/*============================
#dia
============================*/

#dia01{
	background:url("img/dia.png") repeat-y;
	position:fixed;
	top:0px;
	left:-25px;
	width:90px;
	height:1000px;
	z-index:-1;
}

#dia02{
	background:url("img/dia.png") repeat-y;
	position:fixed;
	top:0px;
	right:0px;
	width:90px;
	height:1000px;
	z-index:-1;
}



/*============================
clearfix
============================*/
.clear:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0;
}
#ltbox01 li img{
	width:210px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#ltbox02{
	clear:both;
}

#ltbox02 li img{
	width:210px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
div#content-top h4{
	margin-left:20px;
	font-size:1.2em;
	color:#1C2954;
}

div#content-photo {
	margin-left:35px;
	margin-top:20px;
}

#ltbox01 li img{
	width:210px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}


.twitter-timeline{
	width:250px;
}