/* ======================================== ?申T?申C?申g?申S?申����K?申p*/
* { /* ?申S?申����v?申f?申����u?申E?申]?申?申?申?申?申O?申?申 */
margin:0;
padding:0;
}

body {
	margin: 0;
	color: #333;
	text-align: center;
	background-color: #FDFDFD;
	background-image: url(/images/back01.jpg);
	background-position: top;
	background-repeat: repeat-x;
	font-family: Tahoma, Sans, Arial, Helvetica, sans-serif;
}

/* ?申?申?申?申?申T?申C?申Y */
#main{font-size: 96%;}
#menuR{
	font-size: 92%;
}

p, /* ?申?申?申����s?申��鐃�?申w?申?申 */
#contents li,
dl,
dd
{
	line-height: 160%;
}

p{
	margin: 0px 0em 1.5em 3px;
}

ul,ol,dl{
	margin: 0em 1em 1em 2em;
}

/* ========================================  .contentswrap ?申��u?申E?申]?申?申?申?申?申?申?申p */
.contentswrap{
	margin: 0px;
}

/* ========================================  #page ?申y?申[?申W?申O?申g */
#page {
	width: 940px;
	margin: 0px auto;
	text-align: left;
}

/* ========================================  #header ?申?申����� */
#header {
	height: 75px;
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
}

#sitename {
 	font: bold 36px  "HG?申杠渕?申?申M-PRO","MSP?申S?申V?申b?申N", Osaka,Times, serif;
/*	float: left; */
	margin: 10px 20px 10px 0px;
	color: #0B7A8E;
}

/* ========================================  #menu ?申���鐃�?申?申j?申?申?申[ */
#menu {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

ul.menu_f02{
	height: 30px;
	margin: 0px;
	border-bottom: 5px solid #333333;
	background-color: #0B7A8E;
}

ul.menu_f02 li{
	float: left;
	border-right: 1px solid #9AA7B6;
	display: block;
}

ul.menu_f02 li a{
	height: 20px;
	width: 115px;
	padding: 10px 0px 0px;
	border-bottom: 5px solid #333333;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: center;
	background-color: #0B7A8E;
}

ul.menu_f02 li a.nowthis{
	border-bottom: 5px solid #FF6699!important;
}


ul.menu_f02 li a:hover , ul.menu_f01 li a.nowthis{
	padding: 10px 0px 0px;
	border-bottom: 5px solid #D3FBFE;
	color: #FFFFFF;
	background-color: #1DAFD3;
}

/* ======================================== #contents ?申?申��鐃�?申?申?申?申 #main?申��T?申C?申h?申?申?申j?申?申?申[?申��O?申g */
#contents{
	padding: 30px 0px 20px;
	margin: 0px;
}

/* ========================================  #main ?申y?申[?申W?申��{?申?申 */
#main {
	float: left;
	width: 560px;
	margin: 0px 0px 20px;
}

#main h1 {
	padding: 0px;
	margin: 0px;
	color: #0B7A8E;
}

#main h2 {
	clear: both;
	padding: 3px 0px 3px 5px;
	margin: 2em 0px 1em;
	border-left: 10px solid #F4CC0B;
	font-size: 120%;
	background-color: #F6F6F6;
}

#main h3 {
	margin: 0px 0px 0.5em 3px;
	font-size: 100%;
	color: #336699;
}

/* ========================================  menuL ?申E?申T?申C?申h?申?申?申j?申?申?申[ */
#menuR {
	float: right;
	width: 350px;
	margin: 0px 0px 20px;
	background-color: #F6F6F6;
}

#menuR p{
	margin-right: 1em;
	margin-left: 1em;
}

/* ========================================  #underNavi ?申?申��鐃�?申?申?申T?申u?申i?申r?申Q?申[?申V?申?申?申?申 */
#underNavi{
	clear: both;
	margin: 0px;
	border-top: 1px solid #999999;
	text-align: center;
}

/* ========================================  #footer ?申?申��鐃�?申?申 */
#footer {
	padding: 10px 0px;
	border-top: 5px solid #CCCCCC;
	color: #FFFFFF;
	text-align: center;
	background-color: #0B7A8E;
}

/* ========================================  #templatelink ?申?申��鐃�?申?申:?申?申?申?��?申?申?申N */
#templatelink {
	padding: 3px 0px;
	margin: 0px 0px 5px;
	font-size: 14px;
	text-align: right;
}

#templatelink a{
	color: #336699;
	text-decoration: none;
}

/* ========================================  ?申?申?申����鐃�?申������鐃� */
.title{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 20px;
	border-left: 30px solid #F4CC0B;
}

.label{
	padding: 7px 5px 5px 10px;
	margin: 0px 0px 10px;
	border-left: 10px solid #F4CC0B;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0B7A8E;
}

.subh {
	padding: 5px 0px 0px 3px;
	margin: 0px;
	border-top: 1px dashed #999999;
	font-weight: bold;
	color: #4A8854;
}

.photo {
	margin: 0px 0px 20px;
}

.toInfo {
	margin: 0px 0px 1em;
	text-align: right;
	list-style-type: none;
}

.box {
	float: left;
	height: 150px;
	width: 200px;
	margin: 0px 10px 15px 0px;
	font-size: 92%;
	background-color: #EBF0F3;
}

.box p{
	margin: 10px !important;
}

/*                  */
/* ?申��鐃�?申��鐃� by Yuki */

.imgbox {
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 50px;
}

.sitename {
 font: bold 36px  "HG?申杠渕?申?申M-PRO","MSP?申S?申V?申b?申N", Osaka,Times, serif;
 margin-bottom: 0px;
 padding-right: 8px;
 position: relative;
 bottom: 8px;
 color: #B63523;
 float: left;
}
.linkbtm {
	margin: 2em 25px 1em;
	text-align: right;
}

.wn {overflow:auto;width:520px;height:300px;padding: 5px 5px 10px 25px;background-color:#f0f0f0;border: 1px solid #CCCCCC;}

.tblbox {
	margin: 10px 10px 7px 7px;
	padding-bottom: 20px;
	float: left;
}
.calbox {
	width: 180px;
	height:180px;
	margin: 10px 10px 7px 7px;
	padding-bottom: 10px;
	float: left;
}
.boxleft {
	margin: 20px 20px 20px 20px;
	float: left;
}
.boxright {
	margin: 20px 20px 20px 20px;
	float: right;
}
.head_sun    { text-align:center;background-color:#ffdddd;font-size:14px;color:#000000;padding:2px 5px}
.head_sat    { text-align:center;background-color:#ddddff;font-size:14px;color:#000000;padding:2px 5px}
.head_othr   { text-align:center;background-color:#ffffdd;font-size:14px;color:#000000;padding:2px 5px}
.sun_future  { text-align:center;background-color:#ffffff;font-size:14px;color:#ff0000;padding:2px }
.lev1        { text-align:center;background-color:#00ffff;font-size:14px;color:#000000;padding:2px }
.lev2        { text-align:center;background-color:#00ff44;font-size:14px;color:#000000;padding:2px }
.lev3        { text-align:center;background-color:#ffff00;font-size:14px;color:#000000;padding:2px }
.lev4        { text-align:center;background-color:#ff9900;font-size:14px;color:#000000;padding:2px }
.lev5        { text-align:center;background-color:#ff0000;font-size:14px;color:#000000;padding:2px }
.tlev1        { text-align:center;background-color:#00ffff;border: 2px #0000ff solid;font-size:14px;color:#000000;font-weight: bold}
.tlev2        { text-align:center;background-color:#00ff44;border: 2px #0000ff solid;font-size:14px;color:#000000;font-weight: bold }
.tlev3        { text-align:center;background-color:#ffff00;border: 2px #0000ff solid;font-size:14px;color:#000000;font-weight: bold }
.tlev4        { text-align:center;background-color:#ff9900;border: 2px #0000ff solid;font-size:14px;color:#000000;font-weight: bold }
.tlev5        { text-align:center;background-color:#ff0000;border: 2px #0000ff solid;font-size:14px;color:#000000;font-weight: bold }
.tsun_future  { text-align:center;background-color:#ffffff;border: 2px #0000ff solid;font-size:14px;color:#ff0000;font-weight: bold }
blockquote {
/*	width: 400px;*/
	border: 1px solid #666666;
	padding: 0px;
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 10px;
	margin-left: 100px;
}
blockquote p {
	display: block;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
blockquote cite {
	display: block;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
}
#head {
	margin: -60px 20px 20px 20px;
	float: right;
	text-align: right;
	margin-bottom: -20px;
	font-size: 12px;
	color: #666666;
}

#main2 {
	float: left;
	width: 800px;
	border: 1px solid #CCCCCC;
	margin-left: 60px;
	margin-top:10px;
	margin-bottom:20px;
	background: #F4F4F4;
	padding-top: 20px;
	padding-bottom: 20px;
}

#main2 h1 {
	padding: 0px;
	margin: 0px;
	color: #0B7A8E;
}

#main2 h2 {
	clear: both;
	padding: 3px 0px 3px 5px;
	margin: 2em 0px 1em;
	border-left: 10px solid #F4CC0B;
	font-size: 120%;
	background-color: #0B7A8E;
	color: #FFFFFF;
}

#main2 h3 {
	margin: 0px 0px 0.5em 3px;
	font-size: 100%;
	color: #336699;
}
#main2 p {
	margin-left: 50px;
	margin-right: 30px;
	padding-bottom: 10px;
	text-indent: 1em
}
#main2 ul {
	margin: 0px 0px 1em 50px;
	padding-left: 25px;
}
#main2 ol {
	margin: 0px 50px 1em 50px;
	padding-left: 25px;
}
ul.top {
	list-style-image: url("/images/icon3.gif");
	list-style-position: outside;
}

.menubtn{
    width:280px;
    height:50px;
    line-height:50px;
    margin-bottom:10px;
}
.menubtn a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#F0B020;
    text-align:center;
    border:2px solid #F0B020;
    color:#FFFFFF;
    font-size:24px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:1px 1px 6px 0px #FFFFFF inset;
    text-shadow:0px 1px 1px #ADADAD ;
    transition: all 0.5s ease;
}
.menubtn a:hover{
    background:#FFAA00;
    color:#FFFFFF;
    margin-left:0px;
    margin-top:0px;
    border:2px solid #FFFFFF;
    box-shadow:none;
}

.icallbtn{
    width:280px;
    height:50px;
    line-height:50px;
    margin-bottom:10px;
}
.icallbtn a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#236685;
    text-align:center;
    border:2px solid #236685;
    color:#FFFFFF;
    font-size:20px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:1px 1px 6px 0px #FFFFFF inset;
    text-shadow:0px 1px 1px #ADADAD ;
    transition: all 0.5s ease;
}
.icallbtn a:hover{
    background:#19495f;
    color:#FFFFFF;
    margin-left:0px;
    margin-top:0px;
    border:2px solid #FFFFFF;
    box-shadow:none;
}