/* **************************************************************** */
/* *** -------------------------------------------------------- *** */
/* ***  * ガイドライン                                          *** */
/* *** -------------------------------------------------------- *** */
/* **************************************************************** */

/* **************************************************************** */
/* *** Import CSS                                               *** */
/* **************************************************************** */

@import "./global-style.css";    /* 初期設定と共通定義                */
@import "./global-contents.css"; /* 共通定義                          */

#main h2 {
   margin: 10px 20px 10px 20px;
   padding: 11px 15px 9px 35px;
   color: #555555;
	background:url(../images/h2_gl_bg_img.gif) no-repeat;
   font-size: 1.8em;
}

h2 span {
   font-size: 0.9em;
}

.about-top { margin-top: 20px; }

.about-text li {
   margin: 0 0 5px 20px;
}

h4 {
   display: block;
   margin: 25px 0px 20px 0px;
   padding: 5px 0 0 10px;
   font-size: 1.2em;
   letter-spacing: 1.2pt;
   background-color: #c7f8df;
   border-bottom: solid 1px #ffffff;
}
h5 {
   display: block;
   margin: 10px 0 5px 5px;
   padding: 0 0 0 20px;
   font-size: 1.1em;
   color: #333333;
   line-height: 1.5;
   letter-spacing: 1.0pt;
   background: url(../images/maru-or.gif) no-repeat top left;
}


.img {
   display: block;
   margin: 5px 0 25px 10px;
   text-align: center;
}
.img2 {
   display: block;
   float: right;
   width: 350px;
   text-align: center;
   background-color: #ffffff;
}
.img3 {
   display: block;
   float: left;
   width: 350px;
   text-align: center;
   background-color: #ffffff;
}


/* **************************************************************** */
/* *** 線・枠                                                   *** */
/* **************************************************************** */

.line {
   margin: 0 30px 3px 30px;
   padding: 0;
   border-bottom: 1px #999999 solid; 
}

.waku {
   margin: 0 10px 3px 10px;
   padding: 5px 5px 5px 10px;
   border: 1px #999999 solid; 
}
.waku-no {
   margin: 0 10px 3px 10px;
   padding: 0;
}
.waku-date {
   margin: 0 10px 10px 10px;
   padding: 0;
   text-align: right;
}
.waku-plus {
   margin: 15px 3px 15px 10px;
   padding: 5px 5px 5px 10px;
   border: 1px #999999 solid; 
}

/* **************************************************************** */
/* *** リスト                                                   *** */
/* **************************************************************** */

.reference {
   margin: 20px 0 20px 20px;
}
.reference li {
   font-weight: bold;
   background: url(../images/delta.gif) no-repeat top left;
}

.maru {
   margin: 10px 0 15px 0;
}
.maru li {
   background: url(../images/maru.gif) no-repeat top left;
}

.maru dt {
   margin: 1px 0 0 20px;
   padding: 2px 0 1px 12px;
   background: url(../images/maru.gif) no-repeat top left;
}
.maru dd {
   margin: 1px 0 0 60px;
   padding: 2px 0 1px 12px;
}

.a4 dt {
   margin: 1px 0 0 20px;
   padding: 2px 0 1px 12px;
}
.a4 dd {
   margin: 1px 0 0 60px;
   padding: 2px 0 1px 12px;
}


.faq dt {
   margin: 5px 0 5px 5px;
   padding: 0;
   font-weight: bold;
}
.faq dd {
   margin: 5px 0 30px 5px;
   padding: 0;
}

.link li {
   background: url(../images/delta.gif) no-repeat top left;
}
.link li li {
   background: url(../images/delta-r.gif) no-repeat top left;
}

#contents .a2 li {
   margin: 1px 0 0 10px;
   padding: 2px 0 1px 5px;
}

/* **************************************************************** */
/* *** 表                                                       *** */
/* **************************************************************** */

table {
   width: 100%;
   border: 1px #cccccc solid; 
   border-collapse: collapse; 
}
th { 
   padding: 5px;
   border: 1px #cccccc solid; 
   text-align: center; 
   font-weight: bold;
   background-color: #eeeeee;
}
td { 
   padding: 5px;
   border: 1px #cccccc solid; 
} 
.tb1-1 td { 
   vertical-align: top;
} 
.tb1-1 .c{ 
	text-align: center;
	vertical-align: middle
} 
.tb1-1 .c2{ 
	vertical-align: middle
} 

.tb1-1 .h-low{ 
	vertical-align: middle;
	height: 10px;
}
.tb1-1 .th-l{
   text-align: left;
}

.tb2-1 td { 
   vertical-align: top;
} 
.tb-collar { 
   padding: 5px 10px 5px 10px;
   font-size: 1.2em;
   font-weight: bold;
   background-color: #ccffcc;
} 

td.maru2 { 
   padding: 1px 0 1px 20px;
   background: url(../images/maru2.gif) no-repeat top left;
} 
td.left-space { 
   padding: 2px 0 1px 60px;
} 
.no-waku{
	border-color:#ffffff;
}
.no-waku th{
	border-color:#ffffff;
}
.no-waku td{
	border-color:#ffffff;
}
th.name   { 
   letter-spacing : 2.0pt;
   padding-left: 2.0pt;
   _padding-left: 0;
}
th.maker  {
   letter-spacing: 4.0pt;
   padding-left: 4.0pt;
   _padding-left: 0;
}
th.plaice {
   letter-spacing: 12.0pt;
   padding-left: 12.0pt;
   _padding-left: 0;
}
th.photo  {
   letter-spacing: 24.0pt;
   padding-left: 24.0pt;
   _padding-left: 0;
}
td.photo {
   padding: 5px 0 3px;
   text-align: center;
}

.name   { width: 100px; }
.maker  { width: 150px; }
.photo  { width: 235px; _width: 265px; }


/* **************************************************************** */
/* ***                                                *** */
/* **************************************************************** */

.wide { margin: 0 40px 0 40px; }

.right { text-align: right; }
.center { text-align: center; }

.space1 { letter-spacing: 1em; } 
.space2 { letter-spacing: 2em; } 
.space3 { letter-spacing: 3em; } 

.red { color: #ff0000; }

.bold { font-weight: bold; }
.underline { font-weight: bold; }
 
.hidden { display: none; }