@charset "utf-8";
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color: #333;
	background-color:#f0f0f0;
}
* {
	margin:0;
	padding:0;
}
a, a:visited {
	text-decoration: none;
	color: #7189d1;
}
a:hover {
	color: #AACCDE;
	text-decoration:underline;
}
a img:hover {
	opacity:0.8;
}
img {
	border:none;
}
/**********************************[共通装飾]***/
.circle {
	background-color:#0E0E0E;/*電話アイコン、見出しアイコン背景色*/
	color:#fff;/*見出しアイコン色*/
	text-align:center;
	padding:8px;
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin-right:8px;
	text-shadow:-1px -1px 2px rgba(0,0,0,0.2);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	behavior: url(PIE.htc);
}
.circle img {
	vertical-align:middle;
	padding-top:2px;
}
br.clear, p.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}
.clear {
	overflow:hidden;
	zoom:1;
}
.wrapper {
	margin: 0 auto;
	width: 980px;
}
.r6 {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(PIE.htc);
}
.r10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE.htc);
}
.r20 {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	behavior: url(PIE.htc);
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.alignright {
	float:right;
}
.alignleft {
	float:left;
}
/**********************************[header]***/
#header-color {
	width:100%;
	height:10px;
	background-color:#7189d1;/*ページ最上部のアクセント色*/
	box-shadow:0px -5px 5px rgba(0,0,0,0.2) inset;
}
.header {
	height:140px;
	width:100%;
	background-color:#fff;/*ヘッダー背景色*/
	box-shadow:0px -5px 10px rgba(0,0,0,0.15) inset;
}
.header .site-title {
	float:left;
	padding-top:5px;
}
.header .catch {
	display: table-cell;
	vertical-align: middle;
	height:140px;
	color:#0a0a0a;/*サイトキャッチコピーの文字色*/
	font-size:0.9em;
	padding:0 20px;
}
.header .tel-info {
	float:right;
	min-width:300px;
	padding-top:30px;
}
.header .tel-info .phone a, .header .tel-info .phone a:visited {
 color:#666;
}
.header .tel-info .open {
	background-color:#8b9ed7;
	color:#fff;
	text-align:center;
}
.header .tel-info .phone {
	font-size:2.3em;
	color:#0a0a0a;
	margin-top:8px;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 15px;
}
/**********************************[main-image]***/
.title-area {/*メインイメージ、ヘッダーイメージ背景色*/
	width:100%;
	height:auto;
	box-sizing:border-box;
	box-shadow:0px 1px 5px rgba(255,255,255,1);
	background: #7189d1; /* Old browsers */
	background: -moz-linear-gradient(left, #7189d1 0%, #fff 50%, #7189d1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #7189d1), color-stop(50%, #fff), color-stop(100%, #7189d1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #7189d1 0%, #fff 50%, #7189d1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #7189d1 0%, #fff 50%, #7189d1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #7189d1 0%, #fff 50%, #7189d1 100%); /* IE10+ */
	background: linear-gradient(to right, #7189d1 0%, #fff 50%, #7189d1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7189d1', endColorstr='#7189d1', GradientType=1 ); /* IE6-9 */
}
.main-image {
	width:660px;
	height:200px;
	float:left;
	position:relative;
}

.main-image1 {
	width:980px;
	height:200px;
	float:left;
	position:relative;
}

.main-image1 .main-copy {
	box-sizing:border-box;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	text-align:right;
	padding:20px;
	font-size:1.3em;
	position: absolute;
	top:280px;
	width:100%;
-moz-box-sizing: border-box;　/* Firefox用 */
	height:auto;
        z-index:999;
}
.main-image1 .main-copy2 {
	box-sizing:border-box;
	background:#7189d1;
	opacity: 0.8; /* 55％不透明度（＝45％透過） */
	color:#fff;
	text-align: left;
	padding:20px 20px 20px 40px;
	font-size:2.3em;
	position: absolute;
	top:50px;
	width:350px;
	height:auto;
}
.main-image1 .main-copy {
	box-sizing:border-box;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	text-align:right;
	padding:20px;
	font-size:1.3em;
	position: absolute;
	top:280px;
	width:100%;
-moz-box-sizing: border-box;　/* Firefox用 */
	height:auto;
        z-index:999;
}
.main-image .main-copy2 {
	box-sizing:border-box;
	background:#7189d1;
	opacity: 0.7; /* 55％不透明度（＝45％透過） */
	color:#fff;
	text-align: left;
	padding:20px 20px 20px 40px;
	font-size:2.3em;
	position: absolute;
	top:50px;
	width:350px;
	height:auto;
}
.page-title{
	display:block;
	height:200px;
	width:auto;
	margin-top:-200px;
	line-height:200px;
	padding-left:50px;
	font-weight:normal;
	color:#333;
	font-size:2.4em;
	text-shadow:1px 1px 2px rgba(255,255,255,0.7);
}
/**********************************[global-navi]***/
ul.global {
	list-style:none;
	display:block;
	width:300px;
	height:auto;
	padding-top:20px;
	float:right;
}
.sub-side ul.global{
	margin-bottom:10px;
}
ul.global li {
	padding-bottom:15px;
}
ul.global li a, ul.global li a:visited {
	display:block;
	background-image:url(../images/tri.png);
	background-position: 10px 50%;
	background-repeat:no-repeat;
	background-color: #9dafe4;
	color:#fff;
	font-size:1.4em;
	text-shadow:-1px -1px 1px rgba(0,0,0,0.4);
	padding:15px 10px 15px 30px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(PIE.htc);
}
ul.global li a:hover{
	background-color: #7189d1;
}

ul.global li a.current{
	background-color: #7189d1;
}
/**********************************[main]***/
.main {
	width:660px;
	height:auto;
	margin:30px 0;
	float:left;
}
.main-sub {
	padding:0 20px;
	width:620px !important;
}
.main-sub h2, .main-sub h3, .main-sub h4 .main-sub h5{
	margin:0 -20px;
}
.main b{
	color:#F33;
}
.main .content-title {
	background-color:#7189d1;
	color:#fff;
	font-size:1.4em;
	padding:2px 10px;
	margin-bottom:30px;
	font-weight:normal;
}
.main .content-title .c-title {
	font-size:1.6em;
	line-height:1;
	margin:-6px 10px;
	padding:7px 11px 9px 5px !important;
}
.main h3{
	font-size:1.3em;
	margin-top:30px;
	margin-bottom:20px;
	padding: 0 20px;
	font-weight:bold;
	color:#666;
	background-color:#fff;
	border-bottom:medium double #7189d1;
	text-shadow:1px 1px 2px rgba(255,255,255,1);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(PIE.htc);
	
}
.main ul.list {
	list-style:none;
	margin:30px -20px;
}
.main ul.list li {
	padding:20px 20px 10px 70px;
	background:url(../images/hr.png) 0 bottom repeat-x; 
}
.main ul.list li span{
	display:inline-block;
	color:#000;
	min-width:100px;
}
.main ul.normal{
	margin:20px 40px;
}
.main ul.normal li{
	padding:10px 0;
	font-style: italic;
	color: #036;
}
/***[information]***/
.info {
	padding: -10px 20px 20px 20px;
	width: 630px;
	height: auto;
	word-wrap:break-word;
}
.info p {
	padding-bottom:20px;
	width: 620px;
	height: auto;
	text-shadow:1px 1px 2px rgba(255,255,255,1);	
}


.info .date{
	color:#000;
	line-height: 130%;
	padding-right:10px;
}
/***[Price list]***/
ul.price-list {
	margin:20px -20px 40px !important;
	background:url(../images/hr.png) 0 0 repeat-x;
}
.price-list li{
	font-size:1.2em;
	padding:20px 20px 10px !important;
}
.price-list li span:before{
	content:"●";
	color:#0099cb;
}
.price-list li span{
	font-weight:bold;
}
.price-list strong{
	color:#FF3333;
}
.price-list span.p-icon:before{
	content:none;
}
.price-list span.p-icon{
	font-size:0.6em;
	min-width:40px !important;
	margin:0 3px;
	padding:0 3px;
	text-align:center;
	font-weight:normal;
}
.price-list span.p-html{
	color:#666 !important;
	background-color:#fff;
}
.price-list span.p-css{
	color:#666 !important;
	background-color: #7189d1;
}
.price-list span.p-slide{
	color:#333 !important;
	background-color: #6CF;
}
.price-list span.p-fla{
	color:#fff !important;
	background-color: #39C;
}
.price-list span.p-resp{
	color:#fff !important;
	background-color: #639;
}
.price-list span.p-wp{
	color:#fff !important;
	background-color: #22769b;
}
.price-list span.p-php{
	color:#fff !important;
	background-color: #5a68a5;
}
.price-list span.p-retina{
	color:#fff !important;
	background-color: #3CC;
}
/***[contact]***/
.contact-form{
	margin:0 0 20px;
	width:620px;
}
.contact-form input{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:6px;
	border:1px solid #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(PIE.htc);
	width:420px;
	
}

.contact-form input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
    width:20px;
}

.contact-form input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-left: 22px;
     
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    
}

.contact-form textarea{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:6px;
	border:1px solid #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(PIE.htc);
	width:520px;
	
}

.contact-form .submit-btn{
	font-size:1.2em;
	background-color:#7189d1;
	padding:6px;
	width:120px;
	color:#fff;
	text-shadow:1px 1px 2px rgba(255,255,255,1);
}
.contact-form .submit-btn:hover{
	background-color:#b4bfe0;
	color:#fff;
	text-shadow:-1px -1px 2px rgba(0,0,0,0.5);
}
/**********************************[side]***/
.sub-side {
	margin:10px 0 20px !important;
}
.side {
	width:300px;
	height:auto;
	margin:30px 0 20px;
	float:right;
}
/***[contact-banner]***/
.side .conact-banner {
	box-sizing:border-box;
	border:1px solid #7189d1;
	background:url(../images/phone-contact_bg.png) right center no-repeat #fff;
	padding:25px 15px;
	margin-bottom:10px;
	height:100px;
}
.side .conact-banner .head {
	font-size:1.5em;
	font-weight:normal;
	color:#666;
}
.side .conact-banner small {
	font-size:0.8em;
	font-weight:normal;
	color:#666;
}


/***[contact-banner]***/
.side .conact-banner2 {
	box-sizing:border-box;
	background:url(../images/phone-contact_bg2.png) right center no-repeat #fff;
	padding:25px 15px;
	margin-bottom:10px;
	height:100px;
}
.side .conact-banner2 .head {
	font-size:1.5em;
	font-weight:normal;
	color:#666;
}
.side .conact-banner2 small {
	font-size:0.8em;
	font-weight:normal;
	color:#666;
}



/***[contact-banner]***/
.side .conact-banner1 {
	padding:10px;
	margin-bottom:10px;
	height:auto;
}
.side .conact-banner1 .head {
	margin-top:20px;
	font-size:1.5em;
	font-weight:normal;
	color:#666;
}
.side .conact-banner1 small {
	font-size:0.8em;
	font-weight:normal;
	color:#666;
}
.side .conact-banner1 img{
	margin-left:15px;
}








/***[phone-banner]***/
.side .phone-banner {
	box-sizing:border-box;
	border:1px solid #7189d1;
	background-color:#fff;
	font-weight:normal;
	padding:0 15px 5px;
	margin-bottom:10px;
}
.side .phone-banner .head {
	background-color:#7189d1;
	font-weight:normal;
	color:#fff;
	font-size:1.2em;
	padding:3px 0;
	margin:0 -15px;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
	behavior: url(PIE.htc);
}
.side .phone-banner img {
	vertical-align:middle;
}
.side .phone-banner .num {
	font-size:1.7em;
	font-weight: bold;
	color:#666;
	text-align: center;
	line-height: 200%;
	margin-bottom:-10px;
}
.side .phone-banner small {
	font-size:1.1em;
	font-weight:normal;
	color: #666;
}
/**********************************[footer]***/
#footer {
	width:100%;
	height:auto;
	background-color:#fff;/*フッター背景色*/
	text-align:center;
	color:#999;
}
#footer p {
	padding:40px 0;
}
#footer a, #footer a:visited {
	color:#666;
}
#footer .copyright {
	padding:10px 0;
	font-size:0.9em;
	color:#fff;
	background-color:#7189d1;
	box-shadow:0px 5px 5px rgba(0,0,0,0.2) inset;
}





#table01{
width: 620px;
height:auto;
display: block;
margin-top:0px;
margin-left: 0px;
border-collapse: collapse;
}

#table01 td { 
border-collapse: collapse;
}


.bg1{
	width:120px;
	padding: 7px 7px 7px 20px;
	line-height: 210%;
}

.bg2{
	width: 500px;
	padding: 7px 7px 7px 20px;
	line-height: 210%;
}

.neon{
        margin-bottom:10px;
        padding:10px;
        font-size:30px;
        background: #7189d1;
        color: white;
        overflow: hidden;
        text-shadow: 0px 0px #7ed12f,
                                 1px 1px #7ed12f,
                                 2px 2px #7ed12f,
                                 3px 3px #7ed12f,
                                 4px 4px #7ed12f,
                                 5px 5px #7ed12f,
                                 6px 6px #7ed12f,
                                 7px 7px #7ed12f,
                                 8px 8px #7ed12f,
                                 9px 9px #7ed12f;
                                /* 以降 伸ばしたい影の流さまで足していく */
}

.demo	{
	background: #EEE;
	border:2px solid #7ed12f; 
	padding: 10px;
	margin-bottom:10px;
	text-align: center;
}
.demo1	{
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}

.space	{
        margin:30px;
        text-align:center;
}

.rig	{
        text-align:right;
}

.bb	{
       font-size:18px;
       font-weight:bold;
}


table.shift{
	background-color:#F0F0F0;/*表のボーダー色*/
	margin-top:20px;
	width:620px;
}
table.shift th,  table.shift td{
	background-color:#fff;
	padding:10px;
}
table.shift th.pink,  table.shift td.pink{
	background-color:#fff;
	color:#5D5A5A;
	text-align:center;
}

table.shift th.green,  table.shift td.green{
	background-color:#7189d1;
	color:#fff;
	text-align:center;
}


.mt20	{
        margin-top:20px;
}

.tei	{
        margin-top:10px;
        background:#c8dbf1;
        padding:20px;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */  
}