/*** for PC Browser ***/
@media (min-width:401px)
{
/* 全体設定 */
div.content_box {
	font-family: Meiryo;
	letter-spacing: +1px;
	line-height: 1.8;
	font: 15px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
        width: 870px;
	padding: 0 0 0 20px;
        margin: 0 auto;
}

div.content_box p {
padding: 0px;
margin: 0px;
}

/* read */
p#read {
	font-family: Meiryo;
	letter-spacing: +1px;
	line-height: 2;
	font: 20px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
	padding: 0;
        margin: 10px 0 30px;
   text-align: center;
}

/* コンテンツ */
h3.content_title {
 border-top: dotted 5px #00bfff;
 width: 850px;
 padding: 20px 0 0;
 margin: 20px 0 20px;
 clear: both;
   font-size: 180%;
   font-weight: bold;
}

div.content_box ul, li {
text-indent: 0;
padding: 0px;
margin: 0px;
}

div.content_box ul li {
 list-style: none;
 float: left;
 width: 270px;
 height: 231px;
 margin-right: 20px;
}

/* グーグルカレンダーレスポンシブ対応 */
.gc-wrap {
    clear: both;
    max-width: 850px;
    margin: 3% auto;
}
 
.g-calendar {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 70%;
}
 
.g-calendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 


/*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* 全体設定 */
div.content_box {
	font-family: Meiryo;
	letter-spacing: +1px;
	line-height: 1.8;
	font: 15px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
        width: 290px;
	padding: 0 0 0 20px;
        margin: 0 auto;
}

div.content_box p {
padding: 0px;
margin: 0px;
}

/* read */
p#read {
	font-family: Meiryo;
	letter-spacing: +1px;
	line-height: 2;
	font: 16px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
        width: 270px;
	padding: 0;
        margin: 10px 0 30px;
}

/* コンテンツ */
h3.content_title {
 border-top: dotted 5px #00bfff;
 width: 270px;
 padding: 20px 0 0;
 margin: 20px 0 20px;
 clear: both;
   font-size: 150%;
   font-weight: bold;
}

div.content_box ul, li {
text-indent: 0;
padding: 0px;
margin: 0px;
}

div.content_box ul li {
 list-style: none;
 float: left;
 width: 270px;
 height: 231px;
 margin-right: 20px;
}

/* グーグルカレンダーレスポンシブ対応 */
.gc-wrap {
    clear: both;
    max-width: 310px;
    margin: 3% auto;
}
 
.g-calendar {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 120%;
}
 
.g-calendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 




/*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}
}