@charset "UTF-8";

@-ms-viewport {width: device-width;}

/* 紙面 */
html          {background-color: #fffaf0;}

body          {margin:  0px;
               background-size: cover;
               font-family: 'MS PGothic',Osaka-mono, sans-serif;}

/* ヘッダー */
.header          {margin:  0;
                  padding: 10px;
                  background-color: #FFA500;
                  text-align: center;}

.header h1       {margin-top:  15px;
                  color:  #660033;
                  font-family:  'メイリオ','MS PGothic',sans-serif;
                  font-size: x-large;
                  line-height: 1;}

.header p        {margin:  0;
                  color:  #993300;
                  font-family:  'メイリオ','MS PGothic',sans-serif;
                  font-size: medium;
                  line-height: 1;}

.header h3       {margin:  0;
                  color:  #eee;
                  font-family:  'Comic Sans MS',sans-serif;
                  font-size: x-small;
                  line-height: 1;
                  text-align: right;}


/* 序章 */
.intro           {padding: 20px;
                  background-color: rgba(225,225,225,0.4);}

.intro h2        {margin:  0 0 10px 0;
                  color:  #000099;
                  font-family: 'ＭＳＰゴシック', Osaka-mono, sans-serif;
                  font-size: large;
                  line-height: 1.4;}

.intro p         {margin:  0 0 10px 0;
                  color:  #330000;
                  font-family: 'ＭＳＰゴシック', Osaka-mono, sans-serif;
                  font-size: medium;
                  line-height: 1.6;}


/* 今月 */
.month .event {
     float: left;
     *clear: right;
     padding: 10px;}

.month img {
     margin: 20px 30px 0 30px;
     max-width: 250px}

.month:after {
     content: "";
     display: block;
     clear: both;}
.month {*zoom: 1;}


/* 活動表 */
caption {
     padding: 10px 0;
     font-family:  'Comic Sans MS',sans-serif;
     font-size: large;
     font-weight: bold;
     text-align: left;}

table {
     border-collapse: collapse;
     background: #fff;}

table th {
     border: solid 1px #aaa;
     padding: 5px 0;'メイリオ',sans-serif;
     font-size: small;
     text-align: center;
     vertical-align: middle;}

table td {
     padding: 5px;
     font-family:  'Comic Sans MS',sans-serif;
     font-size: medium;
     text-align: center;
     vertical-align: top;}

tr > :first-child {
     width: 110px;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing; border-box;}

tr > td:nth-child(2) {
     text-align: left;
     max-width: 500px;}


/* 記事 */
.cols .button    {margin: 20px 0 20px 0;}

.cols .col{
     padding: 5px;}

.cols .col h1 {
     padding: 0;
     color:  #993300;
     font-family:  'メイリオ',sans-serif;
     font-size: large;
     line-height: 1.6;
     text-align: center;}

.cols .col p  {
     padding:  0 15px 0 15px;
     color:  #000;
     font-family: ' ＭＳＰゴシック', Arial, sans-serif;
     font-size: medium;
     line-height: 1.6;
     text-indent: 1em;}

#c01,#c02,#c03,#c04,#c05 img {
          display: block;
          margin: 0 auto;
          max-width: 95%;}


/* 記事の枠の設定 */
.cols .col {
     padding: 10px;
     border: solid 1px #aaa;
     border-radius: 10px;
     -webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.3);
     box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.3);
     background-color: #FFF;}

/*メニューボタン*/
.lb    {display: inline-block;
	padding: 2px 15px;
	border-radius: 4px;
	background-color: #fa0;
	color: #000;
	font-size: 12px;
	text-decoration: none;}

.lb:hover,
.lb:focus        {outline: none;}

/* 記事内表 */
.refer td	{text-align: center;
                 padding: 1px 0;}
.refer tr > :first-child {
                    width: 120px;}


/* 写真 */
.snap img {
          display: block;
          margin: 0 auto;
          max-width: 100%;
          height: auto;}


/* 派遣申請 */
.info .haken {
	padding: 0;
	border: solid 1ps #aaa;
	background-color: #fff;}

.info .haken h1 {
	margin:     0;
	padding: 10px;
	background-color: #cf0;
        font-family:  'メイリオ',sans-serif;
	font-size: large;
        line-height: 1.6;
	text-align: center;}

.info .haken p	{
	margin: 10px;
        font-family:  'メイリオ',sans-serif;
	font-size: medium;
        line-height: 1.6;
	text-align: left;
	text-indent: 1em;}

.info .haken .shougai	{
	padding: 10px;
	background-color: #ffffcc;
        font-family:  'メイリオ',sans-serif;
	text-align: center}

.info .haken .shougai > p{
        text-align: center;}


/* 下線（点線） t*/
.term {	border-bottom-style:  dotted;
	border-bottom-width:  thin;
	border-bottom-color:  blue;}


/* 一行日記のメニュー */
.diary .menu     {padding: 0;
                  background-color:  #FFFFFF;}

.diary .menu ul  {margin:  0;
                  padding: 0;
                  font-family:  'メイリオ',sans-serif;
                  font-size: medium;
                  line-height: 1.2;
                  list-style:  none;}

.diary .menu li a       {display:  inline-block;
                  padding:  10px;
                  color:  #000;
                  text-decoration:  none;}

.diary .menu li a:hover {background-color:  #d2b48c;}

.diary .menu li         {float:  left;}

.diary .menu ul:after   {content:  "";
                         display:  block;
                         clear:  both;}
.diary .menu ul         {*zoom:  1;}

.diary iframe    {width: 100%;
                  margin:  0;
                  padding:  0;
                  font-family:  'メイリオ',sans-serif;
                  font-size: medium;
                  line-height: 1.2;
                  list-style:  none;}


/*一行日記*/
.diary {
     padding: 20px;
     background-color: #fffaf0;}

.diary h3 {
     margin: 0 0 10px 0;
     font-size: large;
     line-height: 1.2}

.diary p {text-align: center;}


/* 連絡先 */
.renraku    {
     margin-bottom: 10px;
     padding: 10px;
     border: solid 1px #aaa;
     border-top: solid 1px #aaa;
     background-color: rgba(225,225,225,0.5);}

.renraku th {border: solid 1px #aaa;}
.renraku td {border: solid 1px #aaa;}


/* フッター */
.footer          {padding: 20px;
                  background-color: #FFA500;}

.footer p        {margin:  0 0 3px 0;
                  color:  #993300;
                  font-family:  'メイリオ',sans-serif;
                  font-size: small;
                  line-height: 1.4;}


/* コンテナ */
.container       {max-width: 1024px;
                  margin: 0 auto;
                  padding: 0 10px 0 10px;}


@media (min-width: 768px) {

/* 記事の段組み */
.col {
     float: left;
     width: 31%;
     padding: 5px;
     margin-left: 0%;
     *clear: right;}

.cols:after {
     content:"";
     display: block;
     clear: both;}
.cols {*zoom: 1;}

/* 写真の段組み */
.snap {
     float: left;
     width: 31%;
     padding: 5px;
     margin-left: 0%;
     *clear: right;}

.pictures:after {
     content:"";
     display: block;
     clear: both;}
.pictures {*zoom: 1;}

/* 派遣申請の段組み */
.haken {
     float: right;
     width: 31%;
     padding: 0px;
     margin: 0px;
     *clear: left;}

.cols2:after {
     content:"";
     display: block;
     clear: both;}
.cols2 {*zoom: 1;}

/* 記事の横幅*/
#c01 {width: 56%;}
#c02 {width: 38%;}
#c03 {width: 95%;}
#c04 {width: 35%;}
#c05 {width: 31%;}

}/* @media */