﻿@charset "UTF-8";
/* CSS Document */

<!-- /*+++++++ 【スマホで文字サイズ自動拡大しない設定】+++++++　*/-->
body {-webkit-text-size-adjust: 100%; font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}
<!-- /*+++++++ 【スマホで文字サイズ自動拡大しない設定END】+++++++　*/-->

A:link {
text-decoration:none
}

<!--
hr {
border:none;
border-top:dotted 1px #AFAFAF;
height:1px;
color:#FFFFFF;
width:100%;
}

#box {
width:660px;
height:100%;
padding:10px;
border:1px solid #ccc;
border-radius: 5px;
font-size:13px;
color:#444;
text-align:left;
margin:0 auto;
box-shadow: 5px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
#main {
width:650px;
height:600px;
margin:0 auto;
background:url(http://image.rakuten.co.jp/hana-online/cabinet/sonota/purasu/bc003.jpg) no-repeat;
}
#box1 {
width:650px;
height:591px;
margin:0 auto;
background:url(http://image.rakuten.co.jp/hana-online/cabinet/sonota/purasu/bc004.jpg) no-repeat;
}
#box2 { 
width: 280px;
height: 220px;
position:relative;
color: #555;
border: 1px none #ccc;
text-align: left;
top: 88px;
left: 15px;
padding: 5px;
font-size: 13px;
border-radius: 5px;
}
#box3 {
width:650px;
height:550px;
margin:0 auto;
background:url(http://image.rakuten.co.jp/hana-online/cabinet/sonota/purasu/bc011.jpg) no-repeat;
position:relative;
}
#box4 {
width:300px;
height:200px;
position:absolute;
top: 130px;
left: 5px;
padding:5px;
color:#fff;
font-size:13px;
}
#box5 {
width:300px;
height:200px;
position:absolute;
top: 330px;
right: 5px;
padding:5px;
color:#444;
font-size:13px;
}
#box6 {
width:640px;
height:50px;
background:#F9F9F9;
border-radius: 3px;
margin:0 auto;
color:#444;
text-align:center;
font-size:17px;
padding: 8px;
box-shadow: 0px 9px 5px -5px rgba(0, 0, 0, 0.1);
}
#box7 {
width:650px;
height:962px;
margin:0 auto;
background:url(http://image.rakuten.co.jp/hana-online/cabinet/sonota/purasu/bc6293.jpg) no-repeat;
position:relative;
}
#box8 {
width:220px;
height:330px;
position:absolute;
top: 100px;
right: 5px;
padding:5px;
color:#444;
font-size:13px;
}
#box9 {
width:230px;
height:340px;
position:absolute;
top: 560px;
left: 7px;
padding:5px;
color:#444;
font-size:13px;
}

/* ボタン */
.button {
 border: 1px solid #15aeec;
 background-color: #49c0f0;
 background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
 background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
 border-radius: 4px;
 color: #fff;
 line-height: 30px;
 font-size: 16px;
 width: 450px;
 padding:5px;
 height: 30px;
 text-align:center;
 -webkit-transition: none;
 transition: none;
 margin:0 auto;
 text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
 box-shadow: 0px 8px 3px -5px rgba(0, 0, 0, 0.3);

}
.button:hover {
 border:1px solid #1090c3;
 background-color: #1ab0ec;
 background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
 box-shadow: 0px 8px 3px -5px rgba(0, 0, 0, 0.3);

}
.button:active {
 background: #1a92c2;
 box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
 color: #1679a1;
 text-shadow: 0 1px 1px rgba(255, 255, 255, .5);

}
#h1{
color:#fff;
font-size:39px;
text-align:left;
padding:15px;
width:400px;
height: 15px;
font-weight:bold;
top: 3px;
letter-spacing:0.1em;
position:relative;
}
#h2{
color:#fff;
font-size:22px;
text-align:left;
padding:15px;
width:270px;
right: -370px;
bottom: 52px;
height: 15px;
letter-spacing:0.1em;
font-weight:bold;
position:relative;
}
#h3{
color:#fff;
font-size:18px;
text-align:left;
padding:15px;
top: 70px;
font-weight:bold;
right: 160px;
width:260px;
letter-spacing: 0.1em;
position:absolute;
}
#ttl-setsumei{
color:#fff;
font-size:12px;
text-align:left;
position:relative;
padding-left: 15px;
top:50px;
width: 630px;
}
/* th */
.shiyou{
width: 650px;
border-collapse: collapse;
font-size:12px; 
}
.shiyou th{
width: 25%;
padding: 6px;
font-size:12px 
text-align: left;
vertical-align: top;
color: #444;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.shiyou td{
padding: 6px;
font-size:12px 
background-color: #fff;
border: 1px solid #b9b9b9;
}
.ttl_6 {font-size : 14px;
border-bottom : 2px solid #336633 ;
border-left : 10px ridge #336633 ;
width:630px;
height : 25px;
color:#333;
margin:0 auto;
padding:5px 0px 0px 9px;
}
.katari{
width: 650px;
font-size:12px;
}
.katari th{
width: 25%;
padding: 6px;
font-size:12px 
text-align: left;
vertical-align: top;
color: #444;
background-color: #eee;
}
.katari td{
padding: 6px;
font-size:12px 
background-color: #fff;
border: 1px solid #b9b9b9;
border-radius: 10px;
}

/* 価格改定についてのクラス */

.kakaku{ 
width:600px;
height:auto;
padding:7px;
background:#eee;
border:1px solid #ccc;
margin:0 auto;
font-size:13px;
color:#222;
text-align:left;
}

.kakaku2{ color:#C30; font-weight:bold; font-size:16px; text-align:center; padding:5px; border-bottom:1px dotted #C30;}


