@charset "UTF-8";

/* reset */
/* -------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold;}

p, ul, ol, dl, address, blockquote, table, div {font-size:100%;}

p {margin:0 0 0 0;}

ol,ul {list-style:none;}

fieldset,img {border:0; vertical-align:top;}

table {border-collapse:collapse; border-spacing:0;}

th {vertical-align:top;}

td {vertical-align:top;}

q:before,q:after {content:'';}

abbr,acronym {border:0;}

/* clear */
/* -------------------------------------------------------- */
.cfix:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
.cfix {display:inline-block;}
/* no ie mac \*/
* html .cfix {height:1%;}
.cfix {display:block;}
/* */
iframe[width="300"] {
  display:none;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* common */
/* -------------------------------------------------------- */

input, select, textarea, button {font:12px Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; line-height:1.2; vertical-align:middle;}

ol {list-style-type:decimal; margin-left:2.2em;}

img { border:0; }

.mb10 { margin-bottom:10px }
.mb20 { margin-bottom:20px }
.mb30 { margin-bottom:30px }
.mb50 { margin-bottom:50px }

a:hover {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

p { margin-bottom:20px; }

.link_blank {
    background-image: url(/hdd/shop/img/icon_targetblank.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #e7198c;
    padding-left: 14px;
    text-decoration: underline;
}

.icon_link {
	background: url(/image/ar-icon.png);
	background-repeat: no-repeat;
	background-position:left center;
  padding-left: 15px;
	color: #e7198c;
	text-decoration:none;
}

.a_link {
   background-image: url(/image/ar-icon.png);
   background-repeat:no-repeat;
   background-position:left center;
   color: #e7198c !important;
   padding-left: 15px;
}

.blank_link {
    background-image: url(/image/f-mini-icon.png);
	background-position:left center;
	background-repeat:no-repeat;
    padding-left: 15px;
	color: #e7198c !important;
	text-decoration:underline;
}

.pagetop {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

.pagetop a {
  position: absolute;
  top: -42px;
  right: 0;
}

#pankuzu {
	margin-bottom:30px;
}

@media screen and (min-width: 641px) {

.smp { display:none; }

.fzS{
	font-size: 11px;
}
.fzM{
	font-size: 14px;
}
.fzL{
	font-size: 18px;
}
.mbS{
	margin-bottom:20px;
}
.mbM{
	margin-bottom:50px;
}
.mbL{
	margin-bottom:80px;
}


/* contents */
/* -------------------------------------------------------- */

#contents_box {
    display: block;
    margin: 0 auto 50px;
    width: 960px;
	box-sizing:border-box;
	line-height:1.6em;
	letter-spacing:0.1em;
	font-size:16px;
	color:#303030;
}


h1 {
    border-bottom: 2px solid #cc0800;
    border-top: 2px solid #cc0800;
    font-size: 21px;
    margin-bottom: 50px;
    padding: 10px 0 8px;
    text-align: center;
}

.index02{
	border-left:5px solid #cc0800;
	padding:0 0 0 15px;
	margin-bottom:20px;
}
.index03{
	text-align:center;
	margin-bottom:30px;
	color:#cc0800;
}
.index04{
  color: #cc0800;
  font-weight: bold;
	margin:20px 0;
}

.text03{
	margin-top:-30px;
	font-size: 11px;
	text-align:center;
	color:#cc0800;
}
.discList{
}
.discList li{
	list-style-type:disc;
	list-style-position:inside;
	margin-left:1em;
	text-indent:-1em;
}


.link_list {
    overflow: hidden;	
}

.list_icon {
    background-image: url(/4uunity/img/icon_circle.gif);
	background-position:left center;
	background-repeat:no-repeat;
    padding-left: 15px;
}

.page_link li {
  background-image: url(/4uunity/img/point_arrow.gif);
	background-position:left center;
  background-repeat: no-repeat;
	display:inline-block;
  font-size: 14px;
  margin-right: 10px;
  padding-left: 15px;
}

.page_link a {
    color: #175aac;
}

.main_ttl {
    font-size: 18px;
    font-weight: bold;
	margin-bottom:10px;
}

.ttl_medium {
    background-color: #ddd;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px 20px;
}

.mini_ttl {
	color:#e7198c;
	font-weight:bold;
	margin-bottom:10px;
}

.service_link {
	margin-left:40px;
}

.page_link {
    margin: 0 auto;
		text-align:center;
}

.right_link {
	text-align:right;
	margin-bottom:30px;
}

.btm_space {
	margin-bottom:30px;
}

.other {
	font-size: 18px;
    font-weight: bold;
	margin-bottom:50px;	
}
.btn_center{
	text-align:center;
}
.int { text-indent:1em; }

.kome { font-size:11px; }

/* 終了する機能・オプション */
/* -------------------------------------------------------- */
.close_function {
	width: 100%;
}

.close_function ul {
	border:1px solid #ccc;
	padding:10px;

}
/*
 /info
-----------------------------------------------------------*/
.index_greeting{
	text-align:center;
	font-size: 20px;
	margin-bottom: 30px;
}
.box_greeting{
	width:800px;
	border:1px solid #ccc;
	padding:30px;
	margin:50px auto;
}
.signature{
	font-size: 14px;
	text-align:right;
}
.signImage{
	width:150px;
}

/*
 /mio
-----------------------------------------------------------*/
/* テーブル */
.possible{
}
.possible td{
	padding:10px;
	border:1px solid #c9caca;
	vertical-align:middle;
}
.possible{
	margin-bottom:50px;
}

.no_txt{
	border:none !important;
}
.bg_gray{
  background-color: #e6e6e6;
}
.navy a{
  color: #175aac;
}
.pic_center{
  text-align: center;
}
.w54{
  width: 54px;
}
.w180{
	width:180px;
}
.w200{
	width:200px;
}
/* テーブル2 */
.schedule02{
	margin-bottom: 50px;
	border:1px solid #c9caca;
}
.tablewrap .schedule02:first-child{
	margin-bottom:10px;
}
.schedule02 td,
.schedule02 th{
	padding:10px;
}
.schedule02 th p{
	font-weight: bold !important;
}
.service01, .service02, .service03{
	width:250px;
	text-align:center;
}
.schedule_date p{
	padding-bottom:10px;
	margin-bottom:0;
	text-align:center;
	border-bottom: 1px solid #c9caca;
}
.arrow{
	width:250px;
	text-align:center;
}
/*  */
.mio_table{
	margin-bottom: 50px;
}
.mio_table td,
.mio_table th{
	padding:10px;
	border: 1px solid #333;
}
.mio_table th{
	font-weight: bold;
	width:200px;
	text-align:center;
	vertical-align:middle;
}
.bg_Ivory {
  background-color: #ffe6c2;
}

/*
 /close

-----------------------------------------------------------*/
.close_announce {
  border: 1px solid #cc0800;
	margin-bottom: 50px;
}
.close_announce p {
	margin:20px 0;
  padding:20px;
}
.close_announce p span {
  border-bottom: 1px solid #cc0800;
  display: inline-block;
  margin-bottom: 10px;
}
.close_date {
  background-color: #cc0800;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  padding: 10px 0;
  margin: 0 !Important;
  text-align: center;
}

/* テーブル */
.end_option,
.end_info{
	margin-bottom:60px;
}
.end_option td,
.end_option th,
.end_info td,
.end_info th{
	padding:10px;
	border: 1px solid #333;
	vertical-align:middle;
}
.end_option th,
.end_info th{
	text-align:center;
}
.end_option th, .end_info th {
  background-color: #ffe6c2;
  color: #CC0800;
}
.w75 {
  width: 75px;
}
.w250{
	width:250px;
}
.centered {
  margin: 0 auto;
  display: block;
}
/*
 /unity
-----------------------------------------------------------*/
/* テーブル */
.schedule01 {
  border: 1px solid #CC0800;
	margin-bottom:20px;
}
.schedule01 td,
.schedule01 th{
	padding:10px;
}
.schedule01 th p{
	font-weight: bold !important;
}

.service01 p, .service02 p, .service03 p {
	width:100%;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.8em;
	box-sizing:border-box;
}
.service01 p {
  background-color: #ffc3bb;
}
.option_table{
	margin:20px auto 50px;
}
.option_table th,
.option_table td {
  border: 1px solid #c9caca;
	padding:20px;
	vertical-align:middle;
}

/*
 /qa
----------------------------------------------------------*/
.q_list{
  background-color: #fae2be;
  list-style: none;
  padding: 20px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.8px;
  line-height: 2.0em;
}
.q_list li{
	font-weight: bold;
}
.q_list li a{
	color: #175aac;
	text-decoration:underline;
}
.qaBox{
	margin:20px 0;
}
.qaBox dt{
  background-color: #e5e5e5;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 10px;
  font-weight: normal;
  font-size: 14px;
}
.qaBox dd{
  line-height: 1.8em;
  font-size: 14px;
  margin: 0;
  padding: 10px;
}

/*
 ■関連ページ
-----------------------------------------------------------*/
.relationList{
}
.relationList dt{
	display: list-item;
	list-style-type:disc;
	list-style-position:inside;
}
.relationIndex{
	margin-left:1em;
}
.relationIndex li{
	position:relative;
}
.relationIndex li:before{
	content:" - ";
}


}


@media screen and (max-width: 640px) {

.pc { display:none; }
.fzS{
	font-size: 11px;
}
.fzM{
	font-size: 11px;
}
.fzL{
	font-size: 6vw;
}
.mbS{
	margin-bottom:5%;
}
.mbM{
	margin-bottom:8%;
}
.mbL{
	margin-bottom:10%;
}

/* contents */
/* -------------------------------------------------------- */

#contents_box {
    display: block;
    margin: 30px auto;
    width: 95%;
	box-sizing:border-box;
	line-height:1.6em;
	letter-spacing:0.1em;
	font-size:16px;
	color:#303030;
}


h1 {
    border-bottom: 2px solid #cc0800;
    border-top: 2px solid #cc0800;
    font-size: 21px;
    margin-bottom: 50px;
    padding: 10px 0 8px;
    text-align: center;
}
.index02{
	border-left:5px solid #cc0800;
	padding:0 0 0 15px;
	margin-bottom:5%;
}
.index03{
	text-align:center;
	margin-bottom:8%;
	color:#cc0800;
}
.index04{
  color: #cc0800;
  font-weight: bold;
	margin:5% 0;
}

.text03{
	margin-top:-8%;
	font-size:3vw;
	text-align:center;
	color:#cc0800;
}
.discList{
}
.discList li{
	list-style-type:disc;
	list-style-position:inside;
	margin-left:1em;
	text-indent:-1em;
}

.link_list {
    overflow: hidden;	
}

.list_icon {
    background-image: url(/4uunity/img/icon_circle.gif);
	background-position:left 10px;
	background-repeat:no-repeat;
    padding-left: 15px;
}

.page_link li {
    background-image: url(/4uunity/img/point_arrow.gif);
    background-position: left 8px;
    background-repeat: no-repeat;
    display: block;
    font-size: 14px;
    padding-left: 20px;
}

.page_link a {
    color: #175aac;
}

.main_ttl {
    font-size: 18px;
    font-weight: bold;
	margin-bottom:10px;
}

.ttl_medium {
    background-color: #ddd;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px 20px;
}

.mini_ttl {
	color:#e7198c;
	font-weight:bold;
	margin-bottom:10px;
}

.service_link {
	margin-left:40px;
}

.page_link {
    width: 100%;
}

.right_link {
	margin-bottom:30px;
}

.btm_space {
	margin-bottom:30px;
}

.other {
	font-size: 18px;
    font-weight: bold;
	margin-bottom:50px;	
}

.int { padding-left:1em; }

.kome { font-size:12px; }

/* 終了する機能・オプション */
/* -------------------------------------------------------- */
.close_function {
	width: 100%;
}

.close_function ul {
	border:1px solid #ccc;
	padding:10px;

}

/*
 /info
-----------------------------------------------------------*/
.index_greeting{
	text-align:center;
	font-size: 4vw;
	margin-bottom: 10%;
}
.box_greeting{
	width:90%;
	border:1px solid #ccc;
	padding:5%;
	margin:10% auto;
}
.signature{
	font-size:3vw;
	text-align:right;
	margin-bottom:5%;
}
.signImage{
	width:100px;
}

/*
 /mio
-----------------------------------------------------------*/
/* テーブル */
.possible{
	table-layout:fixed;
	font-size:11px;
}
.possible td{
	padding:1%;
	border:1px solid #c9caca;
	vertical-align:middle;
}
.possible{
	margin-bottom:10%;
}

.no_txt{
	padding:0 !important;
	border:none !important;
}
.bg_gray{
  background-color: #e6e6e6;
}
.navy a{
  color: #175aac;
}
.pic_center{
  text-align: center;
}
.w54{
  width:10%;
}
.w180{
	width:20%;
}
.w200{
	width:20%;
}
/* テーブル2 */
.schedule02{
	table-layout:fixed;
	margin-bottom:20px;
	border:1px solid #c9caca;
	font-size: 3vw;
}
.tablewrap .schedule02:first-child{
	margin-bottom:5%;
}
.schedule02 td,
.schedule02 th{
	padding:1%;
}
.schedule02 th p{
	font-weight: bold !important;
}
.service01, .service02, .service03{
	width:25%;
	text-align:center;
}
.schedule_date p{
	padding-bottom:1%;
	margin-bottom:0;
	text-align:center;
	border-bottom: 1px solid #c9caca;
}
.arrow{
	width:25%;
	text-align:center;
}
/*  */
.mio_table{
	table-layout:fixed;
	font-size: 11px;
	margin-bottom:10%;
}
.mio_table td,
.mio_table th{
	padding:1%;
	border: 1px solid #333;
}
.mio_table th{
	font-weight: bold;
	width:20%;
	text-align:center;
	vertical-align:middle;
}
.bg_Ivory {
  background-color: #ffe6c2;
}

/*
 /close

-----------------------------------------------------------*/
.close_announce {
  border: 1px solid #cc0800;
	margin-bottom:10%;
}
.close_announce p {
	margin:0;
  padding:5%;
}
.close_announce p span {
  border-bottom: 1px solid #cc0800;
  display: inline-block;
  margin-bottom: 10px;
}
.close_date {
  background-color: #cc0800;
  color: #fff;
  font-weight: bold;
  padding: 10px 0;
  margin: 0 !Important;
  text-align: center;
}

/* テーブル */
.end_option,
.end_info{
	font-size: 11px;
  table-layout: fixed;
	width:100%;
	margin-bottom:60px;
}
.end_option td,
.end_option th,
.end_info td,
.end_info th{
	padding:3px;
	border: 1px solid #333;
	vertical-align:middle;
	word-wrap:break-word;
}
.end_option th,
.end_info th{
	text-align:center;
}
.end_option th, .end_info th {
  background-color: #ffe6c2;
  color: #CC0800;
}
.w75 {
  width:100px;
}
.w250{
	width:100px;
}
.end_option td.w54{
	width:40%;
}
.centered {
  margin: 0 auto;
  display: block;
}
/*
 /unity
-----------------------------------------------------------*/
/* テーブル */
.schedule01 {
  border: 1px solid #CC0800;
	margin-bottom:20px;
	table-layout:fixed;
	font-size: 11px;
	letter-spacing:0;
	box-sizing:border-box;
}
.schedule02{
	font-size: 11px;
	letter-spacing:0;
}
.schedule02 .service02 p {
  background: #cfd7ff;
}
.schedule01 .schedule_date,
.schedule02 .sd2{
	padding:6px;
}
.schedule01 td,
.schedule01 th{
	padding:1%;
}
.schedule01 th p{
	font-weight: bold !important;
}

.service01 p, .service02 p, .service03 p {
	width:100%;
/*  padding: 10px;*/
  text-align: center;
  vertical-align: middle;
  line-height: 1.8em;
	box-sizing:border-box;
}
.service01 p {
  background-color: #ffc3bb;
}
.option_table{
	margin:20px auto;
	table-layout:fixed;
}
.option_table th{
	width:50px;
}
.option_table th,
.option_table td {
  border: 1px solid #c9caca;
	padding:3px;
	vertical-align:middle;
}

/*
 /qa
----------------------------------------------------------*/
.q_list{
  background-color: #fae2be;
  list-style: none;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.8px;
  line-height: 2.0em;
}
.q_list li{
	font-weight: bold;
}
.q_list li a{
	color: #175aac;
	text-decoration:underline;
}
.qaBox{
	margin:10px 0;
}
.qaBox dt{
  background-color: #e5e5e5;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding:5px;
  font-weight: normal;
  font-size: 13px;
}
.qaBox dd{
  line-height: 1.8em;
  font-size: 12px;
  margin: 0;
  padding:5px;
}

/*
 ■関連ページ
-----------------------------------------------------------*/
.relationList{
}
.relationList dt{
	display: list-item;
	list-style-type:disc;
	list-style-position:inside;
}
.relationIndex{
	margin-left:1em;
}
.relationIndex li{
	position:relative;
}
.relationIndex li:before{
	content:" - ";
}


}