@charset "shift_jis";

/* ===========================================
 * Home
 * -------------------------------------------
 * 09.09.24
=========================================== */


#main {
	width: 519px;
}


/* ’†Ž~Ver */
#calloff {
	margin-bottom: 10px;
}

#content p#catch {
	margin-bottom: 10px;
	font-size: 116%;
}

#content p#close {
	margin-bottom: 10px;
	font-size: 130%;
	color:#C00;
	display:none;
}

#content img#mainph{
	margin-bottom: 25px;
}

/* ---------------------------------------- */


/* Section
=========================================== */

#content .sectionwrap {
	margin: 0 0 20px 13px;
	padding-bottom: 10px;
	width: 506px;
	background: url(../../img/main_bg_btm.gif) no-repeat bottom right;
}
#content .section {
	padding: 10px 10px 0 10px;
	width: 486px;
	background: url(../../img/main_bg.gif) repeat-y;
}

#content .section h4 {
	font-size:1.0em;
	font-weight:bold;
	line-height:150%;
}

#content .section p {
	padding: 0 10px;
}
#content .section #topics {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../../img/main_line.gif) no-repeat bottom right;
	font-weight: bold;
	font-size: 108%;
}
#content .section #topics .st{
	font-size: 105%;
}
#content .section #topics .normal{
	font-weight: normal;
}
#content .section .st{
	font-weight: bold;
	font-size: 108%;
}

#content .section ul
{
	line-height:150%;
	padding-bottom:30px;
}


/* Other
=========================================== */

#otherc h4 {
	padding-left: 10px;
	width: 496px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-image:url(../../img/bg_tit.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#otherc h4.min{
	font-size: 12px;
}
#content .section ul {
	margin-left: 5px;
	line-height: 1.5;
}
#content .section li {
	padding-left: 10px;
	background: url(../../img/icn_sq.gif) no-repeat left 0.6em;
}
#content .section ul.em {
	font-size: 116%;
}

#otherc .ichiran {
	border-bottom:dotted #CCC 1px;
	margin-bottom:30px;	
}

#otherc ul.ichiran_child {
	padding-bottom:4px;
}

#otherc .ichiran_child li{
	background-image:none;
	padding-left:20px;
	line-height:150%;
}

/* Cooperation
=========================================== */
.button
{
    margin: 10px;
    text-decoration: none;
    font: bold 1.5em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #076FB3;

    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            

    text-shadow: 0 1px 0 rgba(0,0,0,0.4);

    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);

}

.button, .button span
{
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.button span
{
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;

    /* Pattern settings */

    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;
}

.button:hover
{
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active
{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}

.button-blue
{
    background: #FEFEFE;
    background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#FCFDE6) );
    background: -moz-linear-gradient(-90deg, #FEFEFE, #FCFDE6);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#FCFDE6');
}

.button-blue:hover
{
    background: #FCFDE6;
    background: -webkit-gradient(linear, left top, left bottom, from(#FCFDE6), to(#FEFEFE) );
    background: -moz-linear-gradient(-90deg, #FCFDE6, #FEFEFE);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFDE6', endColorstr='#FEFEFE');
}

.button-blue:active
{
    background: #FCFDE6;
}

.event {
	line-height:150%;
}

.event h5 {
	margin::5px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:1.2em;
	color:#A66B46;
}

#content .section .event p {
	padding-bottom:15px;
}