@charset "utf-8";

/*body { background-color: #f18d00; }  全体の背景指定 */
body { 
	min-width: 100% !important;
background-color: ##FEF5F9; }


#wrapper #contents { width: 1000px; }


/* anchor */
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}


/* #main */
#wrapper #contents #main { 
}
#wrapper #contents #main .innerlink-head {
	margin-top: 10px;
}
#wrapper #contents #main .innerlink-head a {
	font-size: 11px;
	color: #000;
}


/* #article */
#wrapper #contents #main #article {
/*background-color: #f7f7f7;
	 box-shadow:
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);
	margin-bottom: 5px; */	
}


/* #side */
#side { padding: 10px 0px 0px; }

#side .box{
	/* border-radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
}

#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
/*	*/background-color: rgba(153,153,153,0.5);
	 box-shadow
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset; 
}


/* #header */
#wrapper #contents #main #article #header {
	width: 675px;
	position: relative;

}
#wrapper #contents #main #article #header h1 {
	height: 45px;
	width: 235px;
	position: absolute;
	left: 50px;
	top: 2px;
}

#wrapper #contents #main #article #header p { display: none; }



#top #btn-sbm {
	text-align: left;
	padding: 20px;
}

#top #btn-sbm li {
	display: inline;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	line-height: normal;
	list-style: none;/**/
}

#top #btn-sbm li a { margin: 0px; }

#top #btn-sbm .btnFaceBook { width: 110px; }

#top #btn-sbm .btnHatenaBookmark { margin-right: 10px; }
#top #btn-sbm .btnGoogleCalendar { margin-right: 10px; }


/* テキスト指定 */
#article .text {
	padding: 0px 20px 20px;
	font-size: 120%;
	line-height: 1.5em;
}
#article .text h2 {
	font-weight: bold;
	font-size: 120%;
	margin: 0px 0px 10px;
}
#article .text h3 {
	font-weight: bold;
	font-size: 100%;
}
#article .text p {
	margin-bottom: 10px;
}

/* ページTOP */
#page-top {
    position: fixed;
    bottom: 30px;
    font-size: 110%;
    margin-left:160px;
}
#page-top a {
/*   background: #eb91a2;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 15px 0;
    text-align: center;
    display: block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);*/
}
#page-top a:hover {
/*    text-decoration: none;
    background: #999;*/
}

/*******************  header  ****************************/
#header {
	width:100%;
	margin:20px 0 10px;
	padding:0;
	position:relative;
}
#header h1 {
	width:100%;
	margin:0 auto 0;
}
#header #header_char_l {
	position:absolute;
	bottom:0;
	left:18%;
	width:13%;
}
#header #header_login {
	position:absolute;
	bottom:0;
	left:34%;
	width:45%;
}
#header #header_char_r {
	position:absolute;
	bottom:0;
	right:3%;
	width:15%;
}

#header #btn-tfb{
	position:absolute;
	top:0;
	left:0;
}
#header #btn-tfb li{ 
	float:left;
	margin:0px 5px !important;
	/* width:120px; */
}
/*******************  INDEX  ****************************/
#about {
	width:100%;
	background:#fff;
	padding:0;
	margin:0 0 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
}
#notice_image{
	width: 80%;

}
#about .about_l {
	float:left;
	margin:3% 0 3% 3%;
	width:40%;
}
#about .about_r {
	float:right;
	margin:3% 3% 3% 0;
	width:50%;
}

#about #about_image_01 {
	position:absolute;
	bottom:5%;
	right:5%;
}
#about #about_image_02 {
	position:absolute;
	top:35%;
	right:11%;
}