/*
 * HTMLタグの定義
 */

body {  margin-top: 0px; 
			margin-left: 0px; 
			margin-bottom: 0px; 
			background-image: url(../img/bg.jpg); 
			background-repeat: repeat-x; 
			font-size: 90%; 
			line-height: 130%
			}

a {  color: #FF9900}

p {  margin-top: 7px; 
			margin-bottom: 7px; 
			line-height: 150%; 
			border-top-width: 5px; 
			border-bottom-width: 5px
			}

table {  font-size: 95%}

h1 {  margin-bottom: 12px}

h2 {  font-size: 120%; 
			margin-top: 10px; 
			margin-bottom: 10px
			}

h3 {  font-size: 100%; 
			margin-top: 10px; 
			margin-bottom: 5px; 
			margin-left: 10px; 
			color: #333333
			}

li {  line-height: 150%; 
			list-style-image: url(../img/dot_li.gif)
			}

ul {  margin-top: 5px}


/*
 * divタグのid
 */

#bg {  width: 750px; 
			height: auto; 
			border: #333333 solid; 
			background-color: #FFFFFF; 
			border-width: 3px 1px 1px
			}

#head { width: 750px; 
			height: 55px; 
			border: #3399CC solid; 
			border-width: 0px 0px 5px; 
			float: none; 
			margin-bottom: 5px; 
			margin-top: 5px
			}

#foot { width: 750px; 
			height: auto ; 
			text-align: right; 
			border: #666666 solid; 
			font-size: 80%; 
			border-width: 0px 0px 5px
			}

#menu {  height: auto; 
			width: 165px; 
			float: left; 
			background-color: #F2F2F2
			}

#main {  float: right; 
			height: auto; 
			width: 580px
			}

#pr {  background-image: url(../img/top_m_spo.gif); 
			background-repeat: repeat-y; 
			height: auto; 
			width: 582px
			}

#pop {  background-color: #FFFFFF}


/*
 * テキスト
 */

.right {  text-align: right}

.center {  text-align: center}

.left {  text-align: left}

.top {  vertical-align: top}

.img_left {  float: left}

.img_right { float: right}

.bold {  font-weight: bold}

.emph01 {  color: #333333; 
			font-weight: bold
			}

.clr01 {  color: #FF3300}

.clr02 {  color: #CC99CC}

.clr03 { color: #FFFF66}

.small {  font-size: 90%}


/*
 * マージン
 */

.m_5 {  margin-top: 5px; 
			margin-right: 5px; 
			margin-bottom: 5px; 
			margin-left: 5px
			}

.m_b {  margin-top: 5px; 
			margin-right: 5px; 
			margin-bottom: 10px; 
			margin-left: 5px
			}

.m_s10 {  margin-right: 10px; 
			margin-left: 10px
			}

.m_s15 { margin-right: 15px; 
			margin-left: 15px
			}

.m_s5 {  margin-right: 5px; 
			margin-left: 5px
			}

.m_s2 { margin-right: 2px; 
			margin-left: 2px
			}

.m_men {  margin-left: 3px}


/*
 * テーブル
 */

.td { padding-top: 5px; 
			padding-right: 5px; 
			padding-bottom: 5px; 
			padding-left: 5px 
			}

.th { background-color: #F0F0F0; 
			text-align: right; 
			padding-top: 5px; 
			padding-right: 5px; 
			padding-bottom: 5px; 
			padding-left: 5px; 
			font-weight: normal 
			}

.th_form { background-color: #F0F0F0; 
			padding-top: 5px; 
			padding-right: 5px; 
			padding-bottom: 5px; 
			padding-left: 5px; 
			font-weight: normal ; 
			text-align: left
			}

.th_spo { background-color: #ECF5FB; 
			padding-top: 5px; 
			padding-right: 5px; 
			padding-bottom: 5px; 
			padding-left: 5px; 
			font-weight: bold; 
			text-align: center; 
			border: 1px #999999 solid; 
			height: 25px
			}

.td_spo { text-align: center; 
			border: 1px #999999 solid; 
			height: 180px
			}

.td_mat { border: 1px #999999 solid; 
			padding-top: 1px; 
			padding-right: 1px; 
			padding-bottom: 1px; 
			padding-left: 1px; 
			line-height: 140%; 
			font-size: 95%
			}

.th_mat { background-color: #ECF5FB; 
			padding-top: 5px; 
			padding-right: 5px; 
			padding-bottom: 5px; 
			padding-left: 5px; 
			font-weight: bold; 
			text-align: center; 
			border: 1px #999999 solid; 
			height: 25px ; 
			font-size: 95%
			}


/*
 * その他
 */

.sponge {  font-size: 90%; 
			line-height: 160%
			}

.h3_spo {  color: #9999CC}

.li_sit { line-height: 150%; 
			list-style-image: url(../img/dot_li_2.gif)
			}

.m_r15 {  margin-right: 15px}