@charset "utf-8";

/* 
------------------------------------------------------------
「料金について」
------------------------------------------------------------ */

/* 
メイン
------------------------------------------------------------ */
h2 {
    margin-bottom: 5px;
}
h3 {
    clear: both;
	width: 555px;
	height: 25px;
	margin-bottom: 15px;
}

/* --- 料金表 ---*/

#main .inner {
    width: 525px;
	height: 482px;
	padding-bottom: 50px;
	padding-left: 15px;
}
#main .inner img {
    float: left;
}
#main .pricelist {
    float: left;
	width: 204px;
	margin-left: 15px;
}
#main table {
    width: 204px;
    margin-bottom: 15px;
	font-size: 100%;
	text-align: center;
}
#main table th {
    margin: 2px;
	padding: 5px;
    background-color: #E8F0C4;
	font-weight: normal;
}
#main table td {
    margin: 2px;
    padding: 5px;
}
#main table .size_s {
    background-color: #DDD9ED;
}
#main table .size_m {
    background-color: #FBE6EF;
}
#main table .size_l {
    background-color: #DFF2F0;
}
#main table .size_xl {
    background-color: #FFF2B8;
}
#main ul li{
    background: url('../img/list_icon.gif') no-repeat 0 0.3em;
	padding-left: 15px;
}
#main .subcopy {
    font-size: 130%;
	font-weight: bold;
	line-height: 150%;
}

/* --- 大きさ ---*/

#main .picture_size {
    padding-top: 5px;
}
#main .size {
    width: 125px;
	margin-top: 5px;
	margin-left: 10px;
}
#main .size dl {
	height: 112px;
    padding-top: 8px;
    padding-left: 10px;
	padding-right: 10px;
}
#main .size_col_1 ,
#main .size_col_2 {
	width: 555px;
}
#main .size_col_l ,
#main .size_col_r {
    float: left;
	width: 255px;
	padding-left: 15px;
}
#main .size_col_1 .size_col_l .size dl {
    background-color: #DDD9ED;
}
#main .size_col_1 .size_col_r .size dl {
    background-color: #FBE6EF;
}
#main .size_col_2 .size_col_l .size dl {
    background-color: #DFF2F0;
}
#main .size_col_2 .size_col_r .size dl {
    background-color: #FFF2B8;
}
#main .size dt {
    padding-bottom: 3px;
	margin-bottom: 5px;
    border-bottom: 1px dotted #FFFFFF;
}
#main .picture_size ,
#main .size {
    float: left;
}
#main .box {
    clear: both;
	width: 255px;
	padding-top: 5px;
	margin-bottom: 15px;
	font-size: 90%;
}
#main .note {
    width: 525px;
    margin-bottom: 50px;
	margin-left: 15px;
}

/* --- 注意事項 ---*/

#main .attention {
    width: 525px;
    margin-bottom: 50px;
}
#main .attention ul {
	padding-left: 15px;
}
#main .attention ul li{
    background: url('../img/list_icon.gif') no-repeat 0 0.3em;
	padding-left: 15px;
}
/* 
サイドバー
------------------------------------------------------------ */

#side #nav {
    margin-bottom: 15px;
}
#side .bannar {
    width: 200px;
	text-align: center;
}
#side .bannar p {
    margin-bottom: 10px;
}
#side .bannar .support {
    padding-top: 15px;
    border-top: 1px dotted #666666;
	font-size: 11px;
}
#nav ul {
	position: relative;
	width: 200px;
}
#nav li {
	width: 200px;
}

/* --- hover ---*/

#nav .nav_1 {
	margin-bottom: 2px;
	background: url(../img/nav_1.gif) no-repeat left top;
}
#nav .nav_2 {
	margin-bottom: 2px;
	background: url(../img/nav_2.gif) no-repeat left top;
}
#nav .nav_3 {
	margin-bottom: 2px;
	background: url(../img/nav_3.gif) no-repeat left top;
}
#nav .nav_4 {
	margin-bottom: 2px;
	background: url(../img/nav_4.gif) no-repeat left top;
}
#nav .nav_5 {
	background: url(../img/nav_5.gif) no-repeat left top;
}
#nav li a {
	display: block;
	width: 200px;
	height: 50px;
}
#nav li a:hover {
	background-color: transparent;
}
#nav li a:hover img {
	visibility: hidden;
}