@charset "UTF-8";


/*---------- ページ全体の指定 ----------*/
.site_color {	color: #bd0000;	}

html {
	overflow-y:scroll;
}

body {
	background: #eee;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 12px;
	font-family: 'Meiryo UI', 'MeiryoKe_UIGothic', 'MS UI Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino KaKu Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
}

a:link {
text-decoration:none;
color:#0033cc;
}
a:visited {
text-decoration:none;
color:#0033cc;
}
a:active {
text-decoration:none;
color:#0033cc;
}
a:hover {
text-decoration:underline;
}


p {
	margin: 20px 0 20px 0;
	line-height: 1.5;
	letter-spacing: 1px;
}

h1 {
	font-size: 1em;
	margin: 0;
	padding: 2px 3px 0px 3px;
	color: #333;
}

table {
    width:650px;
    margin:10px 0;
    border-collapse:collapse;
    border:1px solid #999;
    border-spacing:0;
    line-height:1.8;
    table-layout: fixed;
}

table th {
    padding:5px;
    border:1px solid #999;
    border-width:0 0 1px 1px;
    background:#EFEBEF;
    font-weight:bold;
    text-align:center;
}

table td {
    padding:5px;
    border:1px solid #999;
    border-width:0 0 1px 1px;
    text-align:left;
}

/*---------- メイン ----------*/

#main {
	background-color: #fff;
	border-right:	solid 2px #c6c6c6;
	border-bottom: solid 2px #c6c6c6;
	border-left: solid 2px #c6c6c6;
	margin: 0 auto;
	padding: 0;
	width: 980px;
}


/*トップページ内「お知らせ」ブロック
-----------------------------------------------------------------*/

#new dl{
	margin: 0px 20px 0px;
}
#new dt {
	font-weight: bold;
	float: left;
	width: 8em;
}
#new dd {
	margin: 5px 0 10px 0px;
	border-bottom: 1px solid #ccc;
	padding-left: 8em;
}


/*---------- ヘッダー ----------*/

#header {
	width: 920px; /* total:980px */
	margin: 0;
	padding:0.7em 30px;
	border-bottom: solid 3px #bd0000;
	background: #bd0000;	/* old browser */
	background: -webkit-gradient(linear, left top, left bottom, from(#bd0000), to(#fff)) no-repeat; /* Safari 5.1+, Chrome 10+, iOS Safari 5.1+, Android 4.0+ */
	background: -moz-linear-gradient(top, #bd0000, #fff);	/* Firefox 3.6-15.0 */
	background: -o-linear-gradient(top, #bd0000, #fff);		/* Opera 11.10-12.10 */
	background: linear-gradient(to bottom, #bd0000, #fff);	/* IE10, Firefox 16.0+, Opera 12.50+ */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd0000', endColorstr='#ffffff', GradientType=0)";	/* IE 8+ */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd0000', endColorstr='#ffffff', GradientType=0);			/* IE 5.5-7 */
	color:#fff;
	font-family: 'HG丸ｺﾞｼｯｸM-PRO', 'HGMaruGothicMPRO', 'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:3em;
	line-height:1;
	text-shadow: 1px 0 0 #fff, 1px 1px 3px #000;
}
#header a:link,
#header a:visited {
	color:#fff;
	text-decoration:none;
}
#header a:hover,
#header a:active {
	color:#fff;
	text-decoration:underline;
}

#header h1 {
	margin: 0;
	padding: 3px 0px 4px 8px;
	text-align: left;
	font-size: 9px;
	color: #ffffff;
	background-image: url(img/header.gif);
}

#header h2 {
	float: right;
	margin: 0 0 0 15px;
	padding: 0;
	width: 430px;
	text-align: left;
	font-size: 12px;
	color: #333333;
}

#header p {
	margin: 0px;
	padding: 0 0 0 0px;
	text-align: left;
	color: #ffffff;
	font-size: 10px;
}




/*---------- コンテンツ ----------*/

#container {
	clear:both;
	margin: 0px;
	padding: 10px;	/* totalwidth: 10 + 960 + 10 = 980px */
}


/*---------- メインコンテンツ ----------*/

#contents {
	float: right;
	width: 720px;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.5;
	letter-spacing: 1px;
}

#contents img.head_photo {
	margin: 0 0 10px 0;
}

#contents img.photo {
	float: left;
	margin: 10px 20px 0 0;
}

#contents img.picture {
	margin: 0 10px 10px 0;
	float: left;
}

#contents p.photo {
	margin: 0 0 20px 0;
	padding: 0;
}


#contents h2 {
	width: 702px;	/* totalwidth: 0 + 6 + 12 + 702 + 0 + 0 + 0 = 720px */
	margin: 0 0 7px 0;
	padding: 11px 0 10px 12px;
	border-left:6px #bd0000 solid;
	border-bottom:2px #bd0000 solid;
	background: #ddd;	/* old browser */
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#dfdfdf)) no-repeat; /* Safari 5.1+, Chrome 10+, iOS Safari 5.1+, Android 4.0+ */
	background: -moz-linear-gradient(top, #f4f4f4, #dfdfdf);	/* Firefox 3.6-15.0 */
	background: -o-linear-gradient(top, #f4f4f4, #dfdfdf);		/* Opera 11.10-12.10 */
	background: linear-gradient(to bottom, #f4f4f4, #dfdfdf);	/* IE10, Firefox 16.0+, Opera 12.50+ */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dfdfdf', GradientType=0)";	/* IE 8+ */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dfdfdf', GradientType=0);			/* IE 5.5-7 */
	color: #333;
	font-size: 1.1em;
	line-height: 1.1;
}
#contents h3 {
	background:#ddd;
	border-left:4px #ccc solid;
	border-bottom:1px #ccc solid;
	margin-top:1em;
	padding:0.3em 0.5em;
}
#contents h4 {
	color:#bd0000;
	margin-bottom:0.5em;
	padding-bottom:0;
}
#contents p {
	margin: 0px 0 12px 0;
	padding: 0 5px 0 3px;
	line-height: 1.7;
	letter-spacing: 1px;
}
#contents ul li,
#contents ol li {
	color:#333;
	padding-top:0.25em;
	padding-bottom:0.25em;
}
#contents em	{	font-style:normal; font-weight:bold; }
	em.caution {	color:red; }
	em.param {		color:green; }

table#t01 {
	border: solid 1px #999999;
	border-collapse: collapse;
}


td#t01 {
	border: solid 1px #999999;
	border-collapse: collapse;
}


td#head {
	padding: 6px;
	border: solid 1px #999999;
	border-collapse: collapse;
}

.box img {
    float:left;
}

.box p {
    overflow:hidden;
}

/*---------- メニュー ----------*/

#menu {
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	width: 226px;
	letter-spacing: 1px;
	text-align: left;
}

#menu h2 {
	margin: 0;
	padding: 6px 0 6px 12px;
	line-height: 110%;
	font-size: 12px;
	color: #fffffc;
}


.menulist {
	margin: 0 0 16px 0;
	padding: 9px 8px 9px 8px;
	width: 210px;
	text-align: left;
	background-color: #c6c6c6; 
}

.menulist h2 {
	margin: 0;
	padding: 6px 0 6px 12px;
	line-height: 110%;
	font-size: 12px;
	color: #fffffc;
	background-color: #bd0000;
}

.menulist h3 {
	margin:1em 0 0 0;
	padding: 6px 0 6px 12px;
	background:#777;
	color:#fff;
	font-size:1em;
}

.menulist a{
	color: #004080;
	display: block;
	border-bottom: solid 1px #999999;
	padding: 6px 0 5px 25px;
	font-size: 12px;
	background-color: #f5f5f5;
	text-decoration: none;
 }

.menulist a:hover{
	color: #bd0000;
	background-color: #ffffff;
}


.menu_free {
	margin: 0 0 16px 0;
	padding: 9px 8px 9px 8px;
	width: 210px;
	text-align: left;
	background-color: #c6c6c6;
}

.menu_free h2 {
	margin: 0;
	padding: 6px 0 6px 12px;
	line-height: 110%;
	font-size: 12px;
	color: #fffffc;
	background-color: #bd0000;
}

.menu_free a{
	margin: 0;
	color: #004080;
	padding: 6px 0 5px 25;
	font-size: 12px;
	background-color: #f5f5f5;
 }

.menu_free a:hover{
	color: #bd0000;
	background-color: #ffffff;
}


#menu p {
	margin: 0;
	padding: 6px 0 5px 25; 
	line-height: 150%;
	font-size: 12px;
	background-color: #f5f5f5;
}






/*---------- フッター ----------*/

#footer {
	clear: both;
	margin: 0;
	padding: 10px 0 15px 10px;
	text-align: center;
	font-size: 12px;
	color: #333333;
	border-top: solid 2px;
	border-top-color: #bd0000;
	background-color: #ffffff;
}

#footer a {
	color: #333333;
	font-size: 12px;
 }

#footer a:hover {
	color: #333333;
}