@charset "UTF-8";

/*----------------------------------------------------
common
----------------------------------------------------*/
body { color:#333; text-align:center; }
body {font-weight:normal;font-style:normal;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
/* for IF6 */
* html body{font-family:"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

a:link {color:#0075c2;}
a:visited {color:#330066;}
a:hover {color:#ff4e00;}
a:active {color:#003399;} 

#container p, #container th, #container td, #container li, #container dt, #container dd {
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.4;
}
#container p.center, #container th.center, #container td.center, #container li.center, #container dt.center, #container dd.center {
	text-align:center;
}
#container p.right, #container th.right, #container td.right, #container li.right, #container dt.right, #container dd.right {
	text-align:right;
}

#container h2, #container h3, #container h4, #container strong {
	font-weight:bold;
}
/*input, textarea {
	background: #fff;
	border: none;
	border-top: 1px solid #a8a8a8;
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 2px 5px;
	margin: 2px;
}*/

input:hover, textarea:hover {
	background: #ffd;
}

p.noscript{
	width: auto;
	padding:10px;
	color:#f00;
	font-weight:bold;
	background-color:#ff9;
	text-align:center!important;
}

/*----------------------------------------------------
Layout
----------------------------------------------------*/
.anchor {
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	overflow:hidden;
}
#container{
	width:900px;
	margin:0 auto;
	background-color:#fff;
}
#container:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #container             { zoom: 1; } /* IE6 */
*:first-child+html #container { zoom: 1; } /* IE7 */


#header{
	width:900px;
	height:55px;
	text-align:left;
	overflow:hidden;
}
#header:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #header             { zoom: 1; } /* IE6 */
*:first-child+html #header { zoom: 1; } /* IE7 */

#wrapper{
	width:900px;
	text-align:left;
}
#wrapper:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #wrapper             { zoom: 1; } /* IE6 */
*:first-child+html #wrapper { zoom: 1; } /* IE7 */


#footer{
	width:900px;
	height:100px;
	border-top:solid 1px #dbe2e8;
	margin-top:45px;
	text-align:left;
}
#footer:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #footer             { zoom: 1; } /* IE6 */
*:first-child+html #footer { zoom: 1; } /* IE7 */

/*----------------------------------------------------
header
----------------------------------------------------*/
h1#logo,p#logo{
	margin-top:14px;
	float:left;
}

/*----------------------------------------------------
FontChange
----------------------------------------------------*/
div#FontChange {
	float:left;
	width:169px;
	height:23px;
	margin-top:18px;
	margin-left:230px;
}
div#FontChange dl {
	position:relative;
	width:169px;
	height:23px;
	background: url(../../img/btn_font_size.gif) top right no-repeat;
}
div#FontChange dl dt {
	float:left;
	margin-top:6px;
	margin-right:6px;
}
div#FontChange dl dd {
	width:21px;
	height:17px;
}

div#FontChange dl dd#F-changeS {
	position:absolute;
	top:3px;
	right:47px;
}
div#FontChange dl dd#F-changeD {
	position:absolute;
	top:3px;
	right:25px;
}
div#FontChange dl dd#F-changeL {
	position:absolute;
	top:3px;
	right:3px;
}

div#FontChange dl dd#F-changeS {
	margin-left:3px;
}

div#FontChange dl dd span {
	visibility:hidden;
}
div#FontChange dl dd a {
	text-decoration:none;
	width:21px;
	height:17px;
	display:block;
	overflow:hidden;
}

/*----------------------------------------------------
reserved-logo
----------------------------------------------------*/
ul#reserved-logo {
	width:206px;
	height:32px;
	float:left;
	margin-top:14px;
	margin-left:21px;
}

ul#reserved-logo li {
	float:left;
	height:32px;
}

ul#reserved-logo li#logo-reserved {
	border-right:solid 1px #e0e0e0;
	width:96px;
	height:32px;
}
	ul#reserved-logo li#logo-reserved img {
		margin-top:7px;
	}

ul#reserved-logo li#logo-plus {
	width:109px;
	height:32px;
	text-align:right;
}
	ul#reserved-logo li#logo-plus img {
		margin-top:2px;
	}

/*----------------------------------------------------
navi
----------------------------------------------------*/
div#navi-holder {
	width:900px;
	height:54px;
	background:url(../../img/navi_bottom.gif) bottom center no-repeat;
}

ul#navi {
	width:900px;
	height:43px;
}
	ul#navi li {
	float:left;
	}
	
/*----------------------------------------------------
footer
----------------------------------------------------*/
#footer ul {
	float:left;
	margin-top:10px;
}

#footer li {
	float:left;
	font-size:85%;
}

#footer li a {
	color:#333;
	text-decoration:none;
}

#footer li span {
	color:#dbe2e8;
	font-weight:bold;
}

#footer p {
	float:right;
	font-size:85%;
	font-family:Verdana, serif;
	margin-top:7px;
}


/*
second page
--------------------------------------------------------------------------------------------------------*/
#primary a:hover img {
filter: alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}
/*----------------------------------------------------
breadcolumn
----------------------------------------------------*/
ul#breadcolumn {
	width:900px;
	height:33px;
}

ul#breadcolumn li {
	float:left;
	font-size:85%;
}

/*----------------------------------------------------
layout
----------------------------------------------------*/
#primary {
	width:685px;
	float:right;
}

#secondary {
	width:190px;
	float:left;
	text-align:center;
}

/*----------------------------------------------------
rp-wrap
----------------------------------------------------*/
#rp-wrap{
	background:url(../../img/rp_bg_contents.gif) top left repeat-y;
}

#rp-wrap {width:900px;}
#rp-wrap:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #rp-wrap             { zoom: 1; } /* IE6 */
*:first-child+html #rp-wrap { zoom: 1; } /* IE7 */

/*----------------------------------------------------
rpp-wrap
----------------------------------------------------*/
#rpp-wrap{
	background:url(../../img/rpp_bg_contents.gif) top left repeat-y;
}

#rpp-wrap {width:900px;}
#rpp-wrap:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #rpp-wrap             { zoom: 1; } /* IE6 */
*:first-child+html #rpp-wrap { zoom: 1; } /* IE7 */


/*----------------------------------------------------
common
----------------------------------------------------*/
#cmn-wrap {width:900px;}
#cmn-wrap:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #cmn-wrap             { zoom: 1; } /* IE6 */
*:first-child+html #cmn-wrap { zoom: 1; } /* IE7 */

/*----------------------------------------------------
secondary reserved plan
----------------------------------------------------*/
#secondary h2#rp_logo {
	width:190px;
	height:40px;
	background-color:#fff;
}
#secondary h2#rp_logo img {
	margin-top:5px;
}

ul#rptop-menu {
	width:190px;
	height:128px;
	background-color:#fff;
}

ul#rptop-menu li {
	margin-bottom:5px;
}
	ul#rptop-menu li a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	}

/* menu */
ul#rp-menu {
	width:184px;
	margin: 0 auto;
}

ul#rp-menu li {
	text-align:center;
}

/*----------------------------------------------------
secondary reserved plan plus
----------------------------------------------------*/
#secondary h2#rpp_logo {
	width:190px;
	height:50px;
	background-color:#fff;
}
#secondary h2#rpp_logo img {
	margin-top:3px;
}

ul#rpptop-menu {
	width:190px;
	height:78px;
	background-color:#fff;
}
	ul#rpptop-menu li a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	}

/* menu */
ul#rpp-menu {
	width:184px;
	margin: 0 auto;
}

ul#rpp-menu li {
	text-align:center;
}

/* rpp-simulation */
div#rpp-simulation {
	position:relative;
	width:172;
	height:100px;
	margin-top:11px;
	margin-left:11px;
	background:url(../../img/rpp_simulation.gif) top left no-repeat;
}

div#rpp-simulation h2 {
	text-indent: -9999px;
	height:0;
	overflow:hidden;
}

div#rpp-simulation p {
	position:absolute;
	top:39px;
	left:10px;
	width:148px;
	height:49px;
}
	div#rpp-simulation p a {
	text-decoration:none;
	display:block;
	width:148px;
	height:49px;
	}
	div#rpp-simulation p a:hover  {
	background-color:#fff;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	}
	div#rpp-simulation p a span {
		visibility:hidden;
	}

/*----------------------------------------------------
secondary common
----------------------------------------------------*/
#secondary h2#cmnrp_logo {
	width:190px;
	height:35px;
	background-color:#fff;
}
#secondary h2#cmnrp_logo img {
	margin-top:3px;
}

ul#cmnptop-menu {
	width:190px;
	height:78px;
	background-color:#fff;
}
	ul#cmnptop li a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	}

div#cmn-menu-rp {
	width:184px;
	margin: 0 auto;
	background-color:#e5f1f9;
}

div#cmn-menu-rp ul li {
	text-align:center;
}
	div#cmn-menu-rp ul li#btn-member {
	padding:8px 0;
	}
	div#cmn-menu-rp ul li#btn-member a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	}

#secondary h2#cmnrpp_logo {
	width:190px;
	height:59px;
	background-color:#fff;
}
#secondary h2#cmnrpp_logo img {
	margin-top:11px;
}

div#cmn-menu-rpp {
	width:184px;
	margin: 0 auto;
	background-color:#f1faeb;
}

div#cmn-menu-rpp ul li {
	text-align:center;
}

/* cmn-simulation */
div#cmn-simulation {
	position:relative;
	width:172;
	height:100px;
	margin-top:11px;
	margin-left:8px;
	padding-bottom:10px;
	background:url(../../img/rpp_simulation.gif) top left no-repeat;
}

div#cmn-simulation h2 {
	text-indent: -9999px;
	height:0;
	overflow:hidden;
}

div#cmn-simulation p {
	position:absolute;
	top:39px;
	left:10px;
	width:148px;
	height:49px;
}
	div#cmn-simulation p a {
	text-decoration:none;
	display:block;
	width:148px;
	height:49px;
	}
	div#cmn-simulation p a:hover  {
	background-color:#fff;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	}
	div#cmn-simulation p a span {
		visibility:hidden;
	}






/* reserved plan,reserved plan plus */
div#rp-common,div#rpp-common {
	position:relative;
	width:164px;
	height:150px;
	margin:10px auto;
}
div#rp-common {
	background:url(../../img/rp_btn_common.gif) top left no-repeat;
}
div#rpp-common {
	background:url(../../img/rpp_btn_common.gif) top left no-repeat;
}

div#rp-common h2,div#rpp-common h2 {
	text-indent: -9999px;
	height:0;
	overflow:hidden;
}

div#rp-common ul,div#rpp-common ul {
	position:absolute;
	top:43px;
	left:7px;
	width:150px;
	height:100px;
}

div#rp-common ul li,div#rpp-common ul li {
	width:150px;
	height:30px;
	margin-bottom:5px;
}
div#rp-common ul li a,div#rpp-common ul li a {
	text-decoration:none;
	display:block;
	width:150px;
	height:30px;
}
div#rp-common ul li a:hover,div#rpp-common ul li a:hover {
	background-color:#fff;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}
div#rp-common ul li a span,div#rpp-common ul li a span {
	visibility:hidden;
}


/* pagetop */
#container p.pagetop {
	text-align:right;
}

/* contents-bottom */
div#contents-bottom {
	width:685px;
	margin-top:40px;
	padding-bottom:25px;
}
div#contents-bottom p {
	text-align:center;
	margin-bottom:20px;
}
div#moushikomi {
	width:302px;
	float:left;
	text-align:right;
}
div#contact {
	width:363px;
	float:right;
}