@charset "UTF-8";
/* CSS Document */

/* table */
/*----------------------------------------------------*/
table {
	width:100%;
	margin:0 0 10px 0;}
th, td {
	text-align:left;
	vertical-align:top;}

/*---ニュース---*/
.news th {
	padding:15px 0 ;
	width:155px;}
.news td{
	padding:15px 0 15px 10px;
	background:url(../images/common/arrow_red.gif) left 21px no-repeat;}
.news th, .news td{
	border-bottom:1px dashed #bcbcbc;}

/*---会社概要---*/
.gaiyou th {
	background:#f9f5eb;
	width:120px;}
.gaiyou td {}
.gaiyou th, .gaiyou td{
	border:1px solid #bcbcbc;
	padding:20px;}

/*---沿革---*/
.enkaku th {
	width:100px;}
.enkaku th, .enkaku td{
	padding:20px 15px;
	border-bottom:1px solid #bcbcbc;}
.enkaku tr:first-child th, .enkaku tr:first-child td{
	border-top:1px solid #bcbcbc;}

/*---取り扱い店舗---*/
.shop th {
	width:230px;
	padding:0;}
.shop td {
	vertical-align:middle;}
.shop td p {
	padding:0 0 0 12px;
	background:url(../images/common/arrow_blue.png) left center no-repeat;}


/* list */
/*----------------------------------------------------*/

/*---※印---*/
ul.come {
	padding:0 0 0 20px;
	margin:10px 0;}
ul.come li {
	list-style-image:url(../images/common/come.png);}

/*---青矢印---*/
ul.li_blue{
	padding:0 0 0 20px;
	margin:10px 0;}
ul.li_blue li{
	list-style-image:url(../images/common/arrow_blue.png);}


/* pan */
/*----------------------------------------------------*/
ul#pan {
	margin:10px 0 20px;
	padding:0;}

#pan li{
	list-style:none;
	display:inline;
	padding:0 0 0 5px;}
#pan li a:link {
	text-decoration:none;}
#pan li a{
	padding: 0 15px 0 0;
	background:url(../images/common/arrow_black.gif) right center no-repeat;}


/* headline */
/*----------------------------------------------------*/
h4.n01, h4.n02, h4.n03, h4.n04, h4.n05, h4.n06 {
	padding-left:30px;}
h4.n01{
	background:url(../images/detail/n01.png) left 2px no-repeat;}
h4.n02{
	background:url(../images/detail/n02.png) left 2px no-repeat;}
h4.n03{
	background:url(../images/detail/n03.png) left 2px no-repeat;}
h4.n04{
	background:url(../images/detail/n04.png) left 2px no-repeat;}
h4.n05{
	background:url(../images/detail/n05.png) left 2px no-repeat;}
h4.n06{
	background:url(../images/detail/n06.png) left 2px no-repeat;}

/* form */
/*----------------------------------------------------*/
.contact {
	margin:20px 0;}
.contact th {
	width:200px;}
.contact th, .contact td{
	padding:20px 0 ;
	border-bottom:1px solid #bcbcbc;
	vertical-align:middle;}
.contact tr:first-child th, .contact tr:first-child td{
	border-top:1px solid #bcbcbc;}

#error {
	background:url(../images/detail/error.png) 20px center no-repeat #ffeff1;
	border:1px solid #f3c4ca;
	padding:15px 15px 15px 100px;
	color:#e40000;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;}

button {
	background:none;
	border:0;
	margin:0;
	padding:0;}
.btn {
	width:430px;
	margin:10px auto 0;
	text-align:center;}
.btn p{
	margin:0;}

input, textarea {
	padding:5px;
	background:#f9f5eb;
	margin:0;
	font-size:14px;
	border:1px solid #bcbcbc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}
input.check {
	padding:0;
	background:none;
	margin:0 5px 0 0;
	border:none;
	width:auto;}
input.inputlong{
	width:457px;}
input.inputshort {
	width:80px;}
input.inputdouble {
	width:180px;}
input.inputdouble:first-child{
	margin:0 30px 0 0;}
select {
	margin:6px 0;
	padding:1px 0;
	font-size:110%;}
textarea {
	width:457px;
	resize:vertical;
	height:160px;}

	
/* movie */
/*----------------------------------------------------*/
#movie {
	width:656px;
	height:316px;
	clear:both;
	padding:20px 0 0 0;
	background:url(../images/detail/movie.png) left bottom no-repeat;
	position:relative;}
#movie iframe {
	position:absolute;
	top:143px;
	left:195px;}
	

/* provision */
/*----------------------------------------------------*/
.provision h3{
	font-size:100%;
	font-weight:bold;
	padding:0 0 8px 0;
	margin:0 0 6px 0;
	border-bottom:1px dotted #e40000;
	background:none;}
	

/* package */
/*----------------------------------------------------*/
/*---パッケージ画像---*/
.package_image {
	position:relative;
	margin:0 0 20px 0;}
.package_image img{
	border:1px solid #ffffff;
	box-shadow: 0 0 8px rgba(00,00,00,0.2);}
.package_image .topic{
	padding:15px 15px 15px 40px;
	border-radius:10px;
	position:absolute;
	bottom:0;
	left:350px;
	background:url(../images/detail/circle.png) 10px 18px no-repeat #f9f5eb;}

/*---RED：サービス内容の画像リスト---*/
ul.li_service {
	padding:0;
	width:656px;}
.li_service li{
	list-style:none;
	display:inline;
	padding:0 0 0 4px;}
.li_service li:nth-child(1), .li_service li:nth-child(6){
	padding:0;}
	
/*------*/
#option {
	background:url(../images/detail/circle.png) 10px center no-repeat #f9f5eb;
	padding:0 0 0 40px;
	margin:10px 0 20px; 
	border-radius:10px;}
#option p{
	margin:0 20px 0 0;
	padding:15px 15px 15px 0px;
	width:110px;
	background:url(../images/detail/doubleline.png) right top repeat-y;}
#option ul{
	margin:20px 0;}
	

/* announce */
/*----------------------------------------------------*/
.announce {
	border:3px solid #22adec;
	border-radius:20px;
	width:460px;
	padding:20px 0;
	margin:5px auto 20px;
	text-align:center;}
.announce ul.come {
	width:370px;
	margin:10px auto;
	padding:0 0 0 20px;
	text-align:left;}
.line_blue{
	border-top:1px dotted #22adec;
	padding-top:10px;}
.btn_announce{
	margin:10px auto;}

/* flow */
/*----------------------------------------------------*/
.flow {
	border-radius:10px;
	background:#f9f5eb;
	padding:20px;}