@charset "shift_jis";


/* Format
------------------------------------------------------- */

* {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,p,li {
	line-height:100%;
}

li {
	list-style:none;
	list-style-position:outside;
}

img {
	border:none;
}

hr {
	display:none;
}

/* Font Size
------------------------------------------------------- */

body {
	font-size:78%; 
}

h1 {
	font-size: 78%;
}

h2 {
	font-size:100%;
}

h3 {
	font-size:100%;
}

.sf {
	font-size:84%;
}


/* Layout
------------------------------------------------------- */

body {
	text-align:center;
	height:100%;
}

html {
	height:100%;
}

div#all-wrapper {
	width:774px;
	height:100%;
	min-height: 100%;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	background-image:url(/images/www/content_bg.gif);
	background-repeat:repeat-y;
	text-align:left;
	position:relative;
}

body > div#all-wrapper {
	height:auto;
}

div#top {
	width:719px;
	margin:0 27px 0 28px;
	padding:0 0 90px 0;
}


.txt-r {
	text-align:right;
}

.txt-c {
	text-align:center;
}

.m-t20 {
	margin-top:20px;
}

.m-b30 {
	margin-bottom:30px;
}

.p-b15 {
	padding-bottom:15px;
}

.p-rl10 {
	padding-right:10px;
	padding-left:10px;
}


/* Link style
------------------------------------------------------- */
a.arrow {
	padding:0 0 0 10px;
	background-image:url(/images/www/link_arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
}

a.new  {
	margin:0 0 0 0;
	padding:0 0 0 15px;
	background-image:url(/images/www/new_window.gif);
	background-position:center left;
	background-repeat:no-repeat;
}


/* Page Navi area(Index)
------------------------------------------------------- */

div#pageNavi-area {
	width:531px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
}

div.box {
	width:521px;
	margin:0 auto 7px auto;
/* 	padding:; */
	text-align:left;
}

div.box div {
	width:258px;
	margin:0 0 0 0;
	padding:0 0 20px 0;
	background-image:url(/images/www/box_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

div.box div:hover {
	background-image:url(/images/www/box_bg_on.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

div.box div.left-side {
	float:left;
}

div.box div.right-side {
	float:right;
}


div.box div.p-b38 {
	padding-bottom:38px;
}


div.box h3 {
	width:258px;
	margin:0 0 5px 0;
	padding:0 0 0 0;
}


div.box p {
	margin:0 12px 0 12px;
	padding:0 0 0 0;
	line-height:1.4;
}



/* float hack
-------------------------- */
div.box:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

* html div.box {
	display: inline-block;
}

/* no ie mac \*/
* html div.box {
	height: 1%;
}

div.box {
	display: block;
}
/* */


/* Header
------------------------------------------------------- */
div#header-area {
	width:719px;
	height:77px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#FFFFFF;
}

div#header-area div#logo {
	width:231px;
	height:65px;
	margin:0 0 0 0;
	padding:5px 0 0 0;
}

/* Header Navi area
------------------------------------------------------- */

div#headerNavi-area {
	width:223px;
	height:12px;
	position:absolute;
	top:34px;
	left:524px;
}

div#headerNavi-area li {
	margin:0 9px 0 0;
	padding:0 0 0 0;
	float:left;
}

div#headerNavi-area li.last {
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}


/* float hack
-------------------------- */
div#headerNavi-area:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

* html div#headerNavi-area {
	display: inline-block;
}

/* no ie mac \*/
* html div#headerNavi-area {
	height: 1%;
}

div#headerNavi-area {
	display: block;
}
/* */



/* Bread Crumb area
------------------------------------------------------- */
div#crumb {
	background-color:#7E0D1E;
}

div#crumb p {
	padding:0 12px 0 12px;
	font-size:10px;
	color:#ffffff;
	line-height:1.8;
	text-transform:uppercase;
}
	
div#crumb p a {
	color:#ffffff;
	text-decoration:underline;
}


/* Content wrapper
------------------------------------------------------- */
div#content-wrapper {
	width:719px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}



/* float hack
-------------------------- */
div#content-wrapper:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

* html div#content-wrapper {
	display: inline-block;
}

/* no ie mac \*/
* html div#content-wrapper {
	height: 1%;
}

div#content-wrapper {
	display: block;
}
/* */

/* Content wrapper class
------------------------------------------------------- */
div.content-wrapper {
	width:719px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}



/* float hack
-------------------------- */
div.content-wrapper:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

* html div.content-wrapper {
	display: inline-block;
}

/* no ie mac \*/
* html div.content-wrapper {
	height: 1%;
}

div.content-wrapper {
	display: block;
}




/* Left side (Global Navi area)
------------------------------------------------------- */
div#left-side {
	width:162px;
	margin:0 0 100px 0;
	padding:0 0 0 0;
	float:left;
}

div#gNavi-area {
	width:162px;
	margin:22px 0 0 0;
	padding:0 0 12px 0;
	background-image:url(/images/www/g_navi_line.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

div#gNavi-area img {
	vertical-align:bottom;
}

div#gNavi-area ul {
	width:162px;
}

div#banner {
	width:162px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

div#banner ul li {
	width:157px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	background-image:url(/images/www/g_navi_line.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

.externals ul li {
    width:157px;
    margin: 10px 10px 10px 0;
    padding-left: 10px;
    background-image: url(/images/www/link_arrow.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
.externals ul li a {
    text-decoration:none;
    color: #800;
    font-size:80%; 
}

/* Right side (Content area)
------------------------------------------------------- */
div#right-side {
	width:557px;
	margin:0 0 0 0;
	float:right;
}

div#right-side h1 {
	margin:0 0 20px 0;
	padding:0 0 0 0;
}

div#content-area {
	width:531px;
	margin:0 0 0 26px;
	padding:0 0 0 0;
}

div#content-area h2 {
	margin:0 0 20px 0;
	padding:0 0 0 0;
}

div#content-area div.cap {
	margin:0 10px 15px 10px;
	padding:0 0 0 0;
}

div#content-area div.cap p {
	line-height:1.4;
}


div#content-area p {
	color:#5A5A5A;
}

div#content-area a {
	color:#7E0D1E;
}


/* 　markdown begin: */
.markdown{
  font-size:120%; 
}

.markdown p{
  text-indent: 1em;
}
/*  markdown end:   */

p#pagetop {
	width:521px;
	height:13px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:right;
	background-image:url(/images/www/pagetop_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
	position:absolute;
	bottom:70px;
	left:219px;
}


/* Right side
------------------------------------------------------- */
/* Caption Box Area
------------------------------------------------------- */

div#cap-box {
	width:511px;
	margin:0 auto 0 auto;
	padding:0 0 30px 0;
	text-align:left;
}

div#cap-box img {
	vertical-align:bottom;
}

div#cap-box .main h2 {
	width: 511px;
	height: 24px;
	margin:0 0 0px 0;
	padding:0 0 0 20px;
	color: #fff;
	line-height: 24px;
	background-image:url(/images/www/h2.gif);
	background-repeat:no-repeat;
	background-position:center left;
}

div#cap-box .main h3 {
	width: 511px;
	height: 19px;
	line-height: 19px;
	color: #7d0d1e;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	background-image:url(/images/www/h3.gif);
	background-repeat:no-repeat;
	background-position:center left;
}

div#cap-box h4 {
/*	width:; */
	margin:0 0 10px 0;
	padding:0 0 0 0;
}

div#cap-box p,div#cap-box ul,div#cap-box ol,div#cap-box pre {
	line-height:1.4;
	margin: 10px;
}

div#cap-box p a.arrow {
	padding:0 0 0 10px;
	background-image:url(/images/www/link_arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
}

div#cap-box div.p-rl10 {
	margin:0 0 20px 0;
}


/* Form Area
------------------------------------------------------- */
.red {
	color:#7E0D1E;
}

div#form-area {
	width:511px;
	margin:0 auto 0 auto;
	padding:0 0 30px 0;
	text-align:left;
}

div#form-area p {
	margin:0 0 5px 0;
	padding:0 0 0 0;
	line-height:1.4;
}

div#form-area table {
	background-image:url(/images/www/form_bg.gif);
	background-repeat:repeat-y;
}

div#form-area th {
	width:114px;
	margin:0 0 0 0;
	padding:7px 5px 7px 14px;
	border-bottom:solid 1px #ffffff;
	font-weight:normal;
	vertical-align:middle;
	text-align:left;
	color:#7E0D1E;
}

div#form-area td {
	width:358px;
	margin:0 0 0 0;
	padding:7px 10px 7px 10px;
	vertical-align:middle;
	border-bottom:solid 1px #ffffff;
	color:#5A5A5A;
}

div#form-area td p {
	color:#7E0D1E;
}

div#form-area table.layout {
	background-image:none;
}

div#form-area table.layout td {
	width:auto;
	margin:0 0 0 0;
	padding:3px 5px 0 0;
	vertical-align:middle;
	border:none;
}

.w70 {
	width:70px;
}

.w105 {
	width:105px;
}

.w280 {
	width:280px;
}


.t-right {
	text-align:right;
}



/* Button area(Form Area)
------------------------------------------------------- */
div#btn-area {
/*	width:; */
	margin:20px 0 20px 0;
	padding:0 0 0 0;
	text-align:center;
}

div#btn-area ul {
	width:253px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
}

div#btn-area li {
	width:119px;
	margin:0 15px 0 0;
	padding:0 0 0 0;
	float:left;
}

div#btn-area li.last {
	margin:0 0 0 0;
}





/* float hack
-------------------------- */
div#btn-area:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

* html div#btn-area {
	display: inline-block;
}

/* no ie mac \*/
* html div#btn-area {
	height: 1%;
}

div#btn-area {
	display: block;
}
/* */



/* Table Box01 area
------------------------------------------------------- */
div#box-tbl01 {
	width:521px;
	margin:0 auto 15px auto;
	padding:0 0 0 0;
	background-image:url(/images/www/line01.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

div#box-tbl01 img {
	vertical-align:bottom;
}

div#box-tbl01 th {
	width:115px;
	margin:0 0 0 0;
	padding:5px 0 5px 0;
	text-align:left;
	vertical-align:top;
	background-image:url(/images/www/line01.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}

div#box-tbl01 td {
	width:395px;
	margin:0 0 0 0;
	padding:5px 0 5px 0;
	text-align:left;
	vertical-align:top;
	background-image:url(/images/www/line01.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}


div#box-tbl01 td p {
	margin:0 0 0 0;
	padding:5px 10px 5px 10px;
	line-height:1.4;
	border-left:solid 1px #AFAFAF;
}


div#box-tbl01 td ul {
	margin:0 0 0 0;
	padding:5px 10px 15px 20px;
	border-left:solid 1px #AFAFAF;
}

div#box-tbl01 td li {
	padding:0 0 0 13px;
	line-height:1.4;
	color:#5A5A5A;
	background-image:url(/images/www/list_icon01.gif);
	background-repeat:no-repeat;
	background-position:center left;
}


/* Table Box02 area
------------------------------------------------------- */
div#box-tbl02 {
	width:491px;
	margin:0 auto 15px auto;
	padding:0 0 0 0;
	background-image:url(/images/www/box_tbl02_bg.gif);
	background-repeat:repeat-y;
}

div#box-tbl02 th {
	width:125px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
}

div#box-tbl02 th.line {
	background-image:url(/images/www/box_tbl02_line01.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

div#box-tbl02 td {	
	background-color:#F7F7F7;
}

div#box-tbl02 td.line {
	background-image:url(/images/www/box_tbl02_line02.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

div#box-tbl02 td p {
	padding:10px;
	line-height:1.4;
}




/* Footer area
------------------------------------------------------- */
div#footer-area {
	width:760px;
	height:80px;
	margin:0 0 0 0;
	padding:0 0 18px 0;
	margin:0 7px 0 7px;
	background-image:url(/images/www/footer_bg.gif);
	background-repeat:no-repeat;
	background-color:#AB122A;
	position:absolute;
	bottom:0;
}
div#footer-area div#pmark-area {
	background-color:#ffffff;
	width:76px;
	height:81px;
	margin:10px 0 0 10px;
	padding:0 0 0 0;
	float:left;
}



/* float hack
-------------------------- */
div#footer-area:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

* html div#footer-area {
	display: inline-block;
}

/* no ie mac \*/
* html div#footer-area {
	height: 1%;
}

div#footer-area {
	display: block;
}
/* */



div#footer-navi {
	width:280px;
	height:21px;
	margin:19px 0 0 9px;
	padding:0 0 0 0;
	float:left;
}

div#footer-navi li {
	height:21px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

div#footer-navi li img {
	vertical-align:bottom;
}

/* float hack
-------------------------- */
div#footer-navi:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

* html div#footer-navi {
	display: inline-block;
}

/* no ie mac \*/
* html div#footer-navi {
	height: 1%;
}

div#footer-navi {
	display: block;
}
/* */


div#copyright {
  width: 359px;
  height:12px;
  margin:25px 13px 0 0;
  padding:0 0 0 0;
  float:right;
}

div#copyright address{ 
  text-align: right;
  font-style: normal;
  font-weight: bold;
  font-family: 'sans-serif';
  color: #fff;
}

.main li {
	padding:0 0 0 10px;
	background-image:url(/images/www/link_arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	margin: 10px
}

#form-area li {
   background-image: none;
}

div#updatePlanet-area h2{
     color: #ffffff;
     font-size: 14px;
/*     letter-spacing: 1px; */
     width: 492px;
     height: 22px;
     font-weight: bold;
     font-family: 'sans-serif';
     border-bottom:solid 1px #aaaaaa;
     padding-left: 26px;
     background-image:url(/images/www/doc.gif);
     background-position:left;
     background-repeat:no-repeat;
}