@charset "shift_JIS";
/*
---------------------------------------------------------------------------------
index.css
---------------------------------------------------------------------------------
[ 11fUCRyÛè ]

Author: Momoko Okino
since 06/11/14 -
---------------------------------------------------------------------------------*/

@import "./reset.css";
@import "./common.css";
@import "./base.css";

/*
¥HEADER
---------------------------------------------------------------------------------*/
h2 {background: url(../about/images/h2_price.jpg);}

/*
¥sideNavi
---------------------------------------------------------------------------------*/
div#subNavi h3{background:url(../images/h3_side_news.jpg) no-repeat; width: 232px;}

/*
¥mainContents
---------------------------------------------------------------------------------*/
div#template {padding-top: 6px;}
div#template h3{
	height: 72px;
	margin-bottom: 12px;
	text-indent: -9999px;
}

div#template h3 {background:url(../about/images/h3_template.jpg) no-repeat; width: 700px; margin-bottom: 12px;}
div#template h3#update {background:url(../about/images/h3_update.jpg)}

div#template p#pageExplain {
	margin-left: 24px;
	color:#333333;
}

/*
¥mainContents - ïÐÄà
---------------------------------------------------------------------------------*/
div#about {
	padding-top: 15px;
	padding-left: 24px;
	padding-right: 15px;
	color:#333333;
}

div#about table {
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	width: 670px;
	font-size: 90%;	
	margin-left: 3px;
}

div#about table td {
	border-bottom: solid 1px #999999;
	font-size: 100%;
	text-align: left;
	padding: 3px;
}

div#about td.tableBg {
	background-color: #CCCCCC;
	border-right: 1px solid #999999;
	padding: 3px;
	text-align:left;
	vertical-align:text-top;
	width: 100px;
}

/*
¥mainContents - goTop
---------------------------------------------------------------------------------*/
a.goTop {
	float: right;
	margin-right: 24px;
	margin-top:12px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	width: 79px;
	height: 36px;
	background: url(../images/page_top.gif) no-repeat;
}

* a.goTop {margin-right: 12px;}

a.goTop:hover {
	background: url(../images/page_top_over.gif);
}

/*
¥mainContents - priceMenu
---------------------------------------------------------------------------------*/

ul#priceMenu {margin: 12px 24px 0px 24px; height: 140px;}
ul#priceMenu li{display: inline;}
ul#priceMenu li a{
	display:block;
	margin-top: 1px;
	text-indent: -9999px;
	text-decoration: none;
	height: 140px;
	position: absolute;
	overflow: hidden;
}

ul#priceMenu li.priceMenu01 a{
	background: url(../about/images/price_menu01.jpg) no-repeat 0 0;
	width:166px;
}

ul#priceMenu li.priceMenu02 a{
	background: url(../about/images/price_menu02.jpg) no-repeat 0 0;
	margin-left: 170px;
	width:166px;
}

ul#priceMenu li.priceMenu03 a{
	background: url(../about/images/price_menu03.jpg) no-repeat 0 0;
	margin-left: 336px;
	width:166px;
}
ul#priceMenu li.priceMenu04 a{
	background: url(../about/images/price_menu04.jpg) no-repeat 0 0;
	margin-left: 502px;
	width:170px;
}

ul#priceMenu li.priceMenu01 a:hover,
ul#priceMenu li.priceMenu02 a:hover,
ul#priceMenu li.priceMenu03 a:hover,
ul#priceMenu li.priceMenu04 a:hover{
	background-position: 0px -144px;
}

ul#priceMenu li#tmpBasicPrice a,
ul#priceMenu li#tmpOptionPrice a,
ul#priceMenu li#tmpPlanPrice a,
ul#priceMenu li#updatePrice a {
	background-position: 0px -288px;
}


