@charset "UTF-8";

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, input, fieldset {
	margin:0;
	padding:0;
}

#header,
#main {
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",sans-serif;
}

a:link {
	border: 0;
	color:#006699;
	text-decoration: none;
}

a:visited {
	border: 0 ;
	color: #006699;
	text-decoration: none;
}

a:hover {
	border: 0 ;
	color: #006699;
	text-decoration: underline;
}

a:active {
	border: 0 ;
	color: #006699;
	text-decoration: underline;
}

hr {
	display: none;
}

fieldset { 
	border:0;
}

legend {
	position: absolute;
	top: -10000px;
}

body, h1, h2, h3, h4, h5, h6, th, td {
	font-size: small;
}


/*-------- margin ---------*/
.mt-35 {
  margin-top: 35px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-00 {
  margin-bottom: 0px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}


/*-------- font-size ---------*/
.fs-18 {
  font-size: 18px !important;
}

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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
/*
	background:url(../img/bg_header.jpg) repeat-x 0 0 ;
*/
}

#header {
	display : block ;
	position : relative ;
	top : 0 ;
	left : 0 ;
	margin: 0px auto;
	width: 880px ;
	height: 100% ;
	text-align: left;
}

#header h1 {
	position: relative;
	top: 0px;
	left: 10px;
	width: 136px;
	height: 35px;
}

#header ul {
	float: right;
	margin: -15px 0px 0px 0px;
}

#header li {
	display: inline;
	background-image: url(../img/mr_02.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 14px;
	font-size: 100%;
}

div#header li {
}/*Safari以外のスタイル*/

html*div#header li {
}/*Safariのスタイル*/

* html div#header li {
}/*Safari以外のスタイル*/

html:\66irst-child #header li {
}/*operaのスタイル*/


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

body #main{
	clear: both;
	width: 800px;
	margin: 0px auto;
	padding: 40px 0px
}

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

#mainbox {
	width: 780px;
	margin: auto;
	border: 1px #AAA double;
}

#mainbox h2 {
}

#mainbox h2.h2-ending {
	padding: 0px;
	border-bottom: none;
	background-color: transparent;
}

#mainbox .ubox {
	padding: 40px 0px 40px;
	text-align: center;
}

#mainbox .ubox.ending {
	background-color: #fefef6;
}

#mainbox .ubox .ubox2 {
	width: 702px;
	margin: auto;
}

#mainbox .ubox p {
	text-align: center;
	padding: 0px;
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 1.6;
}

#mainbox .ubox .bold {
	font-weight: bold;
}

.attention {
  font-weight: bold;
  color: #a40000;
  line-height: 1.6;
}

#mainbox .ubox p span.text-align-center {
  display: block;
	text-align: center;
  font-size: 16px;
  font-weight: bold;
}

#mainbox .ubox h3 {
	text-align: left;
	padding: 0px;
}

#mainbox .ubox #path {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px #CCC dotted;
}

#mainbox .ubox #blog_name {
	text-align: left;
	padding: 15px 30px;
}

#mainbox .ubox table {
	width: 630px;
	margin: 0px auto 50px;
	border-collapse: collapse;
  border-top: #c7d2e4 solid 1px;
  border-right: #c7d2e4 solid 1px;
}

#mainbox .ubox th,
#mainbox .ubox td {
  background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding : 14px 3px 14px 15px;
  border-bottom: #c7d2e4 solid 1px;
  border-left: #c7d2e4 solid 1px;
  font-size: 14px;
}

#mainbox .ubox th {
  width: 235px;
}

#mainbox .ubox ul.ul-inner-link {
  margin: 30px 0px 30px 40px;
  list-style: none;
}

#mainbox .ubox ul.ul-inner-link li {
	background-image: url(../img/mr_01.jpg);
	background-position: left top;
	background-repeat: no-repeat;
  margin-bottom: 8px;
  padding-left: 17px;
  text-align: left;
  font-weight: bold;
  line-height: 1.3;
}

#mainbox .ubox .text-box {
  text-align: left;
  border-top: #c7d2e4 solid 1px;
  padding: 20px 30px 0px 5px;
}

#mainbox .ubox .text-box h4 {
  margin-bottom: 8px;
  font-size: 14px;
}

#mainbox .ubox .text-box p {
  text-align: left;
  margin-bottom: 15px;
  font-size: 14px;
}

#mainbox .ubox .text-box p.p-link-text {
  text-align: left;
  margin-left: 45px;
  font-weight: bold;
}

#mainbox .ubox .text-box a {
  font-weight: bold;
}


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

body #footer{
	clear:both;
	width: 880px;
	margin: 0px auto;
	padding: 0px 0px 28px;
	text-align: center;
	font-size: medium;
	background-color:#FFFFFF;
}
body #footer * {
	font-style: normal;
	margin:0;
	padding:0;
	line-height: 110%;
}
body #footer img{
	border: 0;
}

body #footer #footer-mainbox{
	display:inline;
	float: left;
	width: 660px;
	text-align:left;
	padding-top:13px;
	margin-left:10px;
	border-top: 1px solid #ACACAC;
}
body #footer #footer-logobox p{
	display:inline;
	float: right;
	width: 200px;
	text-align:right;
	padding-top: 17px;
	margin-right:10px;
	border-top: 1px solid #ACACAC;
}
body #footer #footer-mainbox #footerlist{
	font-size:63%;
}
body #footer  #footer-mainbox #footerlist li{
	display: inline;
}
body #footer #footercredit{
	margin-top: 7px;
}
body #footer #produceby{
	margin-right: 13px;
}
body #footer #copyright{
	padding-bottom: 1px;
}

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

body #footer a:link {
	color: #2828cd !important; 
	text-decoration: none !important;
}
body #footer a:visited {
	color: #701f9a !important;
	text-decoration: none !important;
}
body #footer a:active {
	color: #701f9a !important; 
	text-decoration: underline !important;
}
body #footer a:hover {
	color: #701f9a !important;
	text-decoration: underline !important;
}
/*------------------*/
/*--------------------------------------
flow clear 
--------------------------------------*/
body #footer:after{
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
body #footer{
	display: inline-table;
}
/* Hides from IE-mac \*/
* html body #footer{height: 1%;}
body #footer{display: block;}
/* End hide from IE-mac */
/*--------------------------------------
flow clear End
--------------------------------------*/